/*---------------------------------------------
TURNITIN STATIC WEBSITE
Version: 2.0
Author: Alex Wolfe; Dora Wong; Jesse Woo; Kela Zering
---------------------------------------------*/


/*= GENERAL
=== === === === === === === === === === === === === === === === === === === === */
body  {
background: url(/static_jisc/image_bin/blue_gradiant.gif) repeat-x top left;
text-align: center;
}
a {
color: #336699;
}
#wrapper {/* Used to give the page a width and align it center*/
width: 982px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#shadow {/*Shadow on main section of page */
background: url(/static_jisc/image_bin/shadow.gif) repeat-y top left;
}
strong {
font-weight:bold;
}
dt {
margin-bottom:5px;
}
dt a {
font-size: 92%;
font-weight: bold;
text-decoration: none;
color: #cc6600;
}
dt a:hover {
text-decoration: underline;
}
dd {
font-size: 85%;
color: #666;
line-height: 180%;
margin-bottom:20px;
}
ol {
list-style-type:decimal;
color:#666;
margin:0px 0px 20px 30px;
}
ol li {
margin-bottom:10px;
line-height:140%;
font-size:92%;
}

.margin {
margin:5px;
}

/*= FORMS
=== === === === === === === === === === === === === === === === === === === === */
#turnitin_static fieldset {
border:1px solid #CCC;
padding:15px;
margin: 15px 0px 30px 0px;
background: url(/static_jisc/image_bin/blue_gradiant.gif) repeat-x top left;
}
* html #turnitin_static fieldset{ 
	position: relative; 
	}
#turnitin_static legend {
font-size:114%;
font-weight:bold;
color:#333;
}

* html #turnitin_static legend { 
	position:absolute;
	top: -.5em; 
	left: .5em;
}


#turnitin_static .field_single input {
width:75%;
}
.form_box .field_half  {
width:40%;
float:left;
}
.form_box .field_third  {
width:30%;
float:left;
}
.form_box .field_quarter  {
width:20%;
float:left;
}
.form_field {
padding:0px 0px 15px 0px;
}

.form_field textarea{
width:90%;
border:1px solid #999;
padding:3px;
color:#BD6E05;
font-size:107%;
}
.form_field label {
display:block;
font-size:85%;
margin-bottom:2px;
color:#333;
}
.form_field input {
border:1px solid #999;
padding:2px;
color:#BD6E05;
font-size:100%;
width:85%;
}

.form_field .radio{
border:1px solid #999;
width: 18px;
height: 18px;
float: left;
display: inline;
margin-right: 10px;
}
.language select,
.form_field select {
border: 1px solid #999999;
padding:3px;
font-size:107%;
width:90%;
color:#BD6E05;
}
#secondary_content .form_field input {
width:90%;
}
#secondary_content .glossy_box .form_field .radio {
width: 18px;
}
.form_field  input:focus {
background-color:#fffddc;
}
#turnitin_static .form_field p {
margin: 5px 0px 10px 0px;
}
.submit_form_button {
background: url(/static_jisc/image_bin/ibox_toolbar_button_right.gif) no-repeat scroll right top;
cursor:pointer;
display:block;
float:left;
font-size:115%;
margin-right:10px;
margin-bottom:15px;
padding-right:5px;
text-align:center;
text-decoration:none;
}

.submit_form_button input {
background: url(/static_jisc/image_bin/ibox_toolbar_button_left.gif) no-repeat scroll left top;
border:medium none;
color:#333333;
cursor:pointer;
display:block;
font-size:114%;
font-weight:normal;
height:29px;
line-height:28px;
margin:0;
padding:0 5px 0px 10px;
}


/*= QUICK LOGIN
=== === === === === === === === === === === === === === === === === === === === */
.quick_login {
width: 250px;
float: left;
background-color: #fdfdfd;
border: 1px solid #ccc;
padding: 3px;
}
.login_form_field {
float: right;
padding:5px 8px;
display: block;
}
.login_form_field label {
font-weight: 100;
font-size: 100%;
color: #333333;
}
.login_form_field input {
border: 1px solid #999;
width: 120px;
padding: 1px;
color:#BD6E05;
}

#branding .quick_login p {
float: right;
text-align: right;
margin: 0px;
padding: 0px 10px 0px 0px;
display: block; 
width: 90%;
}
#branding .quick_login a {
line-height: 14px;
font-weight: 100;
font-size: 80%;
color: #333;
}
#branding .quick_login .submit_form_button {
float: right;
margin: 8px 5px 5px 0px;
}
#branding .quick_login .submit_form_button input{
font-size: 100%;
}

#branding .quick_login #secure_login {
float: right;
margin: 10px 0px 0px 10px;
height: 20px;
line-height: 22px;
}

#kb_search {
float: right;
margin-top: 100px;

}

#kb_search form input{
border: solid 1px #999;
float: left;
}

#kb_search form .sign_in {
display: inline;
}

#kb_search form span {
margin-top: -5px;
margin-left: 10px;
}

#kb_search form #submit {
border: none;
}

/*= MULTI PURPOSE ICONS
=== === === === === === === === === === === === === === === === === === === === */
.add {
background: url(/static_jisc/image_bin/add.gif) no-repeat bottom left;
padding-left:20px;
}
.user_large {
background: url(/static_jisc/image_bin/user_32.gif) no-repeat bottom left;
padding:10px 0px 0px 40px;
}
.add_large {
background: url(/static_jisc/image_bin/add_32.gif) no-repeat bottom left;
padding:10px 0px 0px 40px;
}
.locked {
background: url(/static_jisc/image_bin/locked.gif) no-repeat bottom left;
padding-left:20px;
}
.unlocked {
background: url(/static_jisc/image_bin/unlocked_grey.gif) no-repeat bottom left;
padding-left:20px;
}


/*= TOP MENU
=== === === === === === === === === === === === === === === === === === === === */
#top_menu_wrapper {
background: url(/static_jisc/image_bin/top_bar_bkg.gif) repeat-x top left; 
height: 38px;
text-align: center; 
margin-bottom:15px;
}
#top_menu {
margin:0 auto;
width: 982px;
text-align: left; 
padding: 3px 0px 0px 0px;
}
#top_menu p {
float: left;
padding-left: 20px;
padding-top:2px;
}
#top_menu #search_box {
float: right; 
padding-top:3px;
display:none;
}
#top_menu #search_box .textfield {
border: 1px solid #ccc;
width: 15em;
height: 20px;
margin-bottom: 4px;
}
#top_menu #search_box .searchbutton {
margin-right: 20px;
}
#top_menu .language {
float: right;
padding-right:20px;
width: 500px;
}
#top_menu .language label,
#top_menu .language option {
color:#666;
}
#top_menu .language label {
display: inline;
float: right;
margin-right: 20px;
padding-top: 4px;
}
#top_menu .language .submit_button {
display: block;
float: right;
margin-top:3px;
margin-left: 5px;

}

#top_menu .language select {
color:#333;
display: block;
font-size: 100%;
float: right;
width: auto;
}

/*= TOP NAV
=== === === === === === === === === === === === === === === === === === === === */
#top_nav {
height: 40px;
}


/*= TOP SECTION
=== === === === === === === === === === === === === === === === === === === === */
#top {
background: url(/static_jisc/image_bin/top.png) no-repeat top left;
}
#branding  {
padding: 28px 31px 0px 31px;
height: 145px;
}
#top .i18n {
padding: 28px 31px 0px 31px;
height: 160px;
}
#branding h1 {
float: left;
position: relative;
height: 90px;
width: 160px;
font-family:courier, arial, san-serif;
font-size:30px;
color:#444;
line-height:90px;
text-align:center;
}
#branding h1 a {
color:#666;
text-decoration:none;
}
#branding h1 span {
position: absolute;
top: 0;
left: 0;
height: 90px;
width: 160px;
background: url(/static_jisc/image_bin/logo.jpg) no-repeat top left;
}
#branding .uk h1 span {
    background: url(/static_jisc/image_bin/logo_uk.jpg) no-repeat top left;
	height: 85px;
	width: 191px;
}
#branding p {
float: left;
display: block;
width: 50%;
text-align: center;
padding-top: 30px;
margin: 0px 20px 0px 15px;
}
#branding p {
float: left;
display: block;
width: 50%;
text-align: center;
padding-top: 30px;
margin: 0px 20px 0px 15px;
}
#branding .signup{
	width: 75%;
	
}
#branding .signup_p {
width: 78%;
padding-top: 30px;
font-size: 175%;
font-family: Georgia, Times, serif;
color: #333;
}
#branding q {
font-size: 175%;
font-family: Georgia, Times, serif;
color: #333;
}
#branding  q:before {
content: open-quote;
}
#branding  q:after {
content: close-quote;
}
#branding em {
font-size: 92%;
display: block;
color: #bd6e05;
}
#branding ul{
margin: 0px 10px 10px 10px;
}
#branding .quick_login .forgot_password a, #secondary_content .form_field .forgot_password a {
color:#336699;
font-size:100%;
line-height:20px;
}
#branding .quick_login .new_user {
	float: right;
	width: 90px;
	margin-top: 12px;
	font-size: 100%;
	color: #333333;
	
}

.quick_login .sign_in {
	margin-right: 25px;
}

/*= NAVIGATION (It's inside the TOP Section)
=== === === === === === === === === === === === === === === === === === === === */
#navigation {
background: #979797 url(/static_jisc/image_bin/navbar.gif) repeat-x top left;
margin: 0px 11px;
border-bottom: 1px solid #999;
border-top: 1px solid #666;
height: 44px;
color: #FFF;
}
#navigation ul li {
float: left;
background: url(/static_jisc/image_bin/divider.gif) no-repeat top right;
}
#navigation ul li a {
float: left;
display: block;
color: #FFF;
font-size: 109%;
line-height: 280%;
text-decoration: none;
height: 44px;
padding: 0px 30px;
}
#navigation ul li a:hover {
background-color: #666;
}
#navigation ul .login  {
float: right;
background:  #FFF  url(/static_jisc/image_bin/login_bg.gif) repeat-x center left;
margin-right: 18px;
width: auto;
}
#navigation ul .login a {
background: url(/static_jisc/image_bin/login_left.gif) no-repeat center  left;
float: none;
display: block;
text-decoration: none; 
font-size: 100%;
padding:  0px;
}
#navigation ul .login a:hover {
background-color: transparent ;
}
#navigation ul .login a:hover em {
color: #CC6600;
}
#navigation ul .login em {
background: url(/static_jisc/image_bin/login_right.gif) no-repeat center  right;
display: block;
float: none;
height: 44px;
padding: 0px 20px; 
color: #333;
font-size: 122%;
line-height: 45px;
}


/*= Banner
=== === === === === === === === === === === === === === === === === === === === */
#banner {
border-top: 1px solid #ccc;
margin-left: 11px;
margin-right: 11px;
margin-bottom:10px;                                                                                    
}


/*= MAIN CONTENT
=== === === === === === === === === === === === === === === === === === === === */
#content {
margin: 0px 11px ;
padding: 20px 20px;
}

#main_content {
width: 620px;
float: left;
}
#main_content .news_article{
color: #333333;
}
#main_content sup {
font-size:50%;
color:#CCC;
}
#main_content h1 {
font-family: Georgia, Times, serif;
font-size: 175%;
color: #666;
padding-bottom:10px;
margin-bottom: 20px;
border-bottom:1px solid #EEE;
}
#main_content h2 {
font-family: Georgia, Times, serif;
font-size: 200%;
border-bottom:1px solid #EEE;
color: #333;
padding-bottom:5px;
margin-bottom: 5px;
}
#main_content h2.plain {
border:none;
}
#main_content h3 {
font-weight:bold;
font-size: 100%;
background: #EEE url(/static_jisc/image_bin/launchpad.gif) repeat-x 0px  -50px;
color:#333;
padding:5px;
margin-bottom: 5px;
}
#main_content .originality{
background: #EEE;
}
#main_content .grade{
background: #EEE;
}
#main_content .feedback{
background: #EEE;
}
#main_content h4 {
font-weight:bold;
font-size:92%;
color:#CC6600;
margin-top:10px;
}
#main_content h3 em {
font-size:85%;
color:#444;
}
#main_content p {
font-size: 85%;
color: #444;
line-height: 200%;
margin-bottom: 20px;
}
#main_content p em {
font-style: italic;
color: #333;
}
#main_content p strong {
font-weight: bold;
}
#main_content ul {
margin-bottom: 10px;
}
#main_content ul li {
color:#444;
}
#main_content #tii2 ul li {
margin-left: 40px;
color:#444;
font-size: 85%;
list-style: disc;
}
#main_content #tii2 fieldset {
background: none;
padding: 20px;
}

#main_content #tii2 img {
float: left;
}

#main_content ul li .small {
font-size:77%;
color:#444;
}
#main_content address {
margin-bottom: 30px;
padding: 10px 20px;
font-style:italic;
color: #444;
}

.split_column {
width: 300px;
}
.column_padding {
padding-right: 8px;
}
.split_column .tii2 {
margin-bottom: 20px;
}
#main_content .split_column h2 {
font-family: Georgia, Times, serif;
font-size: 146%;
color: #333;
margin-bottom: 5px;
}
#main_content .split_column h2 a {
color: #333;
text-decoration:none;
}
#main_content .split_column h2 a:hover {
color: #cc6600;
text-decoration:underline;
}
#main_content .split_column .content_container {
	margin: 19px 0px;
}

#main_content .split_column .more_info a {
color: red;
margin-bottom: 5px;
}

.content_container h3 a {
	text-decoration: none;
}
.content_container h3 a:hover {
	text-decoration: underline;
}
#content_borderless_extras {
	margin: 0px 11px;
	width: 961px;
}
#content_borderless {
margin: 40px 11px 20px;
width: 961px;
background: url(/static_jisc/image_bin/background.jpg);
}
#content_borderless .top_banner{
margin-bottom: 10px;
}
#content_borderless .bottom{
background: url(../../../image_bin/props/banners/wca/bottom.jpg);
width: 961px;
height: 15px;
}
#content_borderless .top_link{
	color: #336699;
	text-align: right;
	margin-right: 35px;
	margin-bottom: 20px;
}
#content_borderless .main_content{
	margin: 0px 35px;
}
#content_borderless .main_content p,
#content_borderless .main_content ul,
#content_borderless_extras ul {
	line-height: 200%;
	color: #666666;
	margin-bottom: 15px;
	font-size: 92%;
}
#content_borderless .main_content li,
#content_borderless_extras li {
	list-style-type: disc;
	line-height: 200%;
	margin-left: 40px;
}
#content_borderless .session {
	width: 410px;
	margin-left: 20px;
	margin-bottom: 20px;
	font-size: 92%;
	float: left;
}
#content_borderless .session h3 {
	font-weight: bold;
	margin-bottom: 15px;
}
#content_borderless .session #label_tag {
	width: 55px;
	text-align: right;
	float: left;
	margin-right: 15px;
	line-height: 175%;
}
#content_borderless .session p {
	width: 330px;
	display: block;
	float: left;
	line-height: 175%;
}


#content_borderless_extras{
	margin: 0px 11px 30px 50px;
	width: 961px;
	color: #666666;
}

#content_borderless_extras h2 {
	font-size: 150%;
	margin-bottom: 10px;
}
#content_borderless_extras h3 {
	font-size: 100%;
	margin-bottom: 5px;
	margin-left: 25px;
}
/*= CONTENT CONTAINER (USED IN MAIN CONTENT AREA)
=== === === === === === === === === === === === === === === === === === === === */
#main_content .content_container {
margin-bottom:40px;
border: 1px solid #CCC;
}
#main_content .content_container h3 {
border-bottom:1px solid #CCC;
}
#main_content .content_container h4 {
padding:5px 10px;
font-weight:bold;
color:#666;
font-size:92%;
}
#main_content .content_container p {
padding:0px 10px;
margin-bottom:10px;
}

#main_content .content_container ul {
padding:0px 10px;
}

/*= CONTENT CONTAINER - Integration*/
/*= Integration Gateway - TOGGLE Javascript*/


#main_content .integration fieldset {
    background: none;
    padding: 20px;
}

#main_content .content_container .puzzle_piece_toggle {
    float: left;
    display:block;
    margin-left: 20px;
    margin-top: 10px;
}

#main_content .content_container .ways_info_container {
    display:block;
    float: right;
    width: 530px;
    margin: 10px;
}

#main_content .content_container .first_para {
    margin-top: 15px;
}

#main_content .content_container .ways_info_container .integways-waytitle {
    font-size: 110%;
    color: #444444;
}

#main_content .content_container .ways_info_container .title {
    float: left;
    width: 175px;
    display:block;
}

#main_content .content_container .ways_info_container span {
    float: right;
    width: 100px;
    display:block;
    font-size: smaller;
    color:#BD6E05;
}

/*= SUBPAGE: Business Agreement
#main_content .content_container .ways_info_container .examples {
    border: 1px solid #444444;
    width: 460px;
    margin-left: 15px;
}
*/

/*= Integrations Business Contact*/
#main_content .content_container .business_container {
    width: 620px;
    margin: 20px 0 30px 0;
}

#main_content .content_container #turnitin_icon {
    float: left;
    display: block;
    margin: 10px 5px 20px 15px;
}

#main_content .content_container .second_column_contact {
    display: block;
    float: left;
    margin-left: 15px;
    margin-top: 25px;
    margin-bottom: 30px;
    font-size: 85%;
}

#main_content .content_container .third_column_contact {
    display: block;
    float: left;
    margin-left: 15px;
    margin-top:25px;
    margin-bottom: 30px;
    font-size: 85%;
}


/*= SUBPAGE: CMS Versions & Manuals*/
/*==== Overarching container ====*/
#main_content .versions_container {
    margin: 10px 0px 10px 0px;
    border-top: 1px #444444 solid;
}

/*==== Versions Header ====*/
#main_content .versions_container .version_cmstii_header {
    display: block;
    margin: 10px 0 10px 20px;
    float: left;
    font-size: 95%;
    color: #444444;
}

#main_content .versions_container .version_cmstii_header .CMSversionheader{
    display: block;
    float: left;
    width: 200px;
    font-size: 95%;
    color: #444444;
    font-weight: bold;
    
}

#main_content .versions_container .version_cmstii_header .Tiiversionheader {
    display: block;
    margin-left: 20px;
    float: left;
    width: 200px;
    font-size: 95%;
    color: #444444;
    font-weight: bold;
}

#main_content .versions_container .issuesheader {
    display: block;
    float:right;
    font-size: 95%;
    color: #444444;
    margin: 10px 30px 10px 0;
    font-weight: bold;
}

/*==== Versions 1st/2nd column (versions) ====*/
#main_content .versions_container .version-cmstii .cmstiiver,
#main_content .versions_container .version_cmstii_noissues {
    display: block;
    margin: 10px 0 10px 20px;
    float: left;
    font-size: 85%;
    color: #444444;
}

#main_content .versions_container .version_cmstii_noissues .CMSversion,
#main_content .versions_container .version-cmstii .CMSversion {
    display: block;
    float: left;
    width: 200px;
    color: #444444;
}

#main_content .versions_container .version_cmstii_noissues .Tiiversion, 
#main_content .versions_container .version-cmstii .Tiiversion {
    display: block;
    margin-left: 20px;
    float: left;
    width: 200px;
    color: #444444;
}


#main_content .versions_container .version_cmstii_noissues .Nativeversion, 
#main_content .versions_container .version-cmstii .Nativeversion {
    display: block;
    margin-left: 220px;
    float: left;
    width: 200px;
    color: #444444;
}

/*==== Issues 3rd column ("expand","collapse","none")====*/
#main_content .versions_container .version-cmstii span {
	display: block;
	float: right;
    margin: 10px 30px 10px 0;
    font-size: smaller;
    color: #BD6E05;
}


#main_content .versions_container .noissues {
    display: block;
    float: right;
    margin: 10px 30px 10px 0;
    font-size: smaller;
    color: #444444;
}

#main_content .platform_capabilities {
    list-style-type: disc;
    margin-left:20px;
}

#main_content .content_container .platform_ss {
    margin-left:20px;
    border: 1px solid #444444;
}

#main_content .integrations_paragraph {
    padding-top:10px;
}

#main_content .content_container .platforms, 
#main_content .content_container .TOOLS_steps {
    list-style-type: none;
    font-size: 90%;
    color:#444444;
    font-weight: bold;
    margin: 5px 0;
}


#main_content .content_container .platforms li, 
#main_content .content_container .TOOLS_steps li {
    float: right;
    margin: 7px 15px 7px 0;
}

#main_content .content_container .platform_single {
    font-size: 100%;
    color:#444444;
    font-weight: bold;
}


/*==== List of Issues (Toggles)====*/
#main_content .versions_container .version-issues {
    margin: 10px 0 10px 20px;
    font-size: 85%;
    width: 550px;
    color: #444444;
}



/*==== Versions > Horizontal Navigation with CMS ====*/
#main_content .content_container .nav_versions {
    margin: 30px 0 30px 170px;
}

#main_content .content_container .nav_versions li {
    display: inline;
    margin: 10px 5px;
}

#main_content .content_container .nav_versions a {
    list-style-type: none;
    text-decoration: none;
    color: #666666;
}

#main_content .content_container .nav_versions a:hover {
    list-style-type: none;
    text-decoration: none;
    color: #444444;
}


/*= SUBPAGE: Integration FAQs*/
#main_content .content_container .faq_container {
    margin: 10px 0px 10px 0px;
    border-top: 1px gray solid;
}

#main_content .integfaq-question {
	font-size: 85%;
	color: #444444;
}

 
#main_content .integfaq-answer {
	margin: 10px 0 10px 20px;
	font-size: 85%;
	width: 550px;
	color: #444444;
}

#main_content .faq_container .integfaq-question .ques{
    display: block;
    width: 450px;
    float: left;
    margin: 10px 0 10px 20px;
}

#main_content .faq_container .integfaq-question span {
    display: block;
    margin: 10px 30px 10px 0;
    float: right;
    font-size: smaller;
    color: #BD6E05;
}

#main_content .integfaq-answer .code{
	font-family: Courier, monotype;
	margin: 10px 0 10px 20px;
	font-size: 85%;
	width: 520px;
	padding: 10px;
	border: 1px solid #444444;
}


#main_content .integfaq-answer ol li {
    color: #444444;
    font-size: 85%;
    line-height: 200%;
}

#main_content .integfaq-answer ul li {
    color: #444444;
    font-size: 85%;
    line-height: 200%;
}

/*==== FAQ > Horizontal Navigation with CMS ====*/
#main_content .content_container .nav_faqs {
    margin: 30px 0 30px 130px;
}

#main_content .content_container .nav_faqs li {
    display: inline;
    margin: 10px 5px;
}

#main_content .content_container .nav_faqs a {
    list-style-type: none;
    text-decoration: none;
    color: #666666;
}

#main_content .content_container .nav_faqs a:hover {
    list-style-type: none;
    text-decoration: none;
    color: #444444;
}

/*==== Global changes to highlight pages ====*/


#CMS_selected {
    color: #BD6E05;
}

#Version_selected {
    color: black;
}


/*= SECONDARY CONTENT
=== === === === === === === === === === === === === === === === === === === === */
#secondary_content {
width: 282px;
float: right;
}
.glossy_box_outer {
background: url(/static_jisc/image_bin/gloss_box_bg.gif) repeat-y top left;
margin-bottom: 20px
}
.glossy_box {
background:  url(/static_jisc/image_bin/gloss_box_bottom.gif) no-repeat bottom center;
padding-bottom: 5px;
}
.glossy_box_inner {
background: url(/static_jisc/image_bin/gloss_box_top.gif) no-repeat top center;
padding: 20px;
}
.glossy_box li{
line-height: 150%;
}

.glossy_box h2,
#main_content .glossy_box h2 {
font-family: Georgia, Times, serif;
font-size: 140%;
color: #333;
margin-bottom: 10px;
padding-bottom: 0px;
}

.glossy_box_inner_integration li {
text-decoration: underline;

}
/*= override SECONDARY CONTENT */
.glossy_box .glossy_box_inner .Tools_acronym {
font-size: 90%;
margin: 0px 0px 10px 20px;    
}

.glossy_box .glossy_box_inner .workspace {
font-size: 90%;
list-style-type: disc;
margin: 0px 0px 20px 20px;    
}
/*= End override */

/*==== Searchable Knowledge Base ====*/
#main_content .content_container .kb_answer img {
    display: block;
    float: left;
    padding: 3px;
    border: 1px solid #444444;
    margin: 10px 0 10px 40px;
}

#main_content .content_container .kb_answer p {
    display: block;
    float: left;
    width: 300px;
    padding: 3px;
    margin: 5px 0 5px 20px;
}

#main_content .content_container .SKB_additional_info {
    list-style-type: disc;
    color: #444444;
    font-size: 85%;
    line-height: 200%;
    width: 500px;
    margin-left: 20px;
}
/*==== Searchable Knowledge Base ====*/

.glossy_box h2 a,
#main_content .glossy_box h2 a{
color:#333333;
text-decoration:none;
}

.glossy_box h2 a:hover,
#main_content .glossy_box h2 a:hover{
color:#CC6600;
text-decoration:underline;
}

#main_content .glossy_box h3,
#secondary_content .glossy_box h3{
background: none;
font-size: 100%;
color: #333;
margin-bottom: 10px;
border-bottom: 1px solid #999;
padding: 5px;
font-weight: normal;
}
#main_content .glossy_box h3 a {
text-decoration: none;
}
#main_content .glossy_box h3 a:hover {
text-decoration: underline;
}
.glossy_box li {
margin-bottom: 5px;
color:#666;
font-size:92%;
}
.glossy_box li a {
}
.glossy_box li sup {
font-size: 77%;
}
.glossy_box p {
font-size: 85%;
line-height:180%;
color:#444;
margin-bottom:20px;
}
.glossy_box .events li {
	line-height: 175%;
}


/*= LIST DECORATIONS
=== === === === === === === === === === === === === === === === === === === === */
#main_content ul.video_list  {
margin-bottom:25px;
}
ul.video_list li {
padding:4px 0px 4px 22px;
background: url(/static_jisc/image_bin/movie_16.gif) no-repeat left center ;
}
ul.document_list li {
padding:4px 0px 4px 22px;
background: url(/static_jisc/image_bin/small_16/Document.gif) no-repeat left center ;
}
ul.folder_list li {
padding:4px 0px 4px 22px;
background: url(/static_jisc/image_bin/Folder_Open.gif) no-repeat left center ;
}

/*INTEGRATIONS RIGHT SIDE - Subnavigation List*/
ul.integration_sub {
    width: 220px;
    margin: 10px 0 20px 0;
}

ul.integration_sub li {
    list-style: none;
    margin: 15px 0px 15px 0;
}

ul.integration_sub li a {
    display: block;
    color: gray;
    font-size: 115%;
    line-height: 120%;
    text-decoration: none;
    
}

ul.integration_sub li a:hover {
    color: #444444;
}

ul.integration_sub_sec {
    width: 220px;
    margin: 10px 0 10px 10px;
}

ul.integration_sub_sec li {
    list-style: none;
    margin: 15px 0px 15px 10px;
}

ul.integration_sub_sec li a {
    display: block;
    color: gray;
    font-size: 100%;
    line-height: 120%;
    text-decoration: none;
}

ul.integration_sub_sec li a:hover {
    color: #444444;
}


.key_subpage {
    color: #BD6E05;
    font-size: 110%;
    padding: 0px 5px;
    border: 1px solid #BD6E05; 
}

.key_subpage_sec {
    color: #BD6E05;
    font-size: 100%;
    padding: 0px 5px;
    border: 1px solid #BD6E05;
}

/*= PRODUCT LIST
=== === === === === === === === === === === === === === === === === === === === */
.glossy_box .product_list li a {
text-decoration:none;
font-family:Georgia, Times, serif;
font-size:136%;
color:#666;
line-height:280%;
display:block;
height:46px;
padding-left:60px;
}
.glossy_box .product_list li sup {
font-size:60%;
}
.gm_symbol a {
background: url(/static_jisc/image_bin/gm_symbol.gif) no-repeat top left;
}
.or_symbol a {
background: url(/static_jisc/image_bin/or_symbol.gif) no-repeat top left;
}
.pr_symbol a {
background: url(/static_jisc/image_bin/pr_symbol.gif) no-repeat top left;
}
.cms_symbol a {
background: url(/static_jisc/image_bin/cms_symbol.gif) no-repeat top left;
}


/*= LAUNCHPAD
=== === === === === === === === === === === === === === === === === === === === */
#launchpad {
background: url(/static_jisc/image_bin/launchpad.gif) repeat-x top left;
margin: 0px 11px;
padding: 20px ;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
}
.launchpad_column {
width: 300px;
float: left;
margin-right: 20px;
}
.launchpad_column_small {
width: 280px;
float: right;
}
.launchpad_column dl, 
.launchpad_column_small dl
 {
background-color: #FFF;
padding: 10px;
border: solid 1px #EEE;
margin: 0px 0px 10px 0px; 
}
.launchpad_column dd, 
.launchpad_column_small dd {
margin-bottom:5px;
} 
.launchpad_column h3,
.launchpad_column_small h3
{
font-family: Georgia, Times, serif;
font-size: 144%;
color: #333;
margin-bottom: 5px;
}


/*= FOOTER
=== === === === === === === === === === === === === === === === === === === === */
#footer {
background: url(/static_jisc/image_bin/footer.png) no-repeat bottom left;
height: 65px;
}
#footer_inner  {
padding: 10px 31px;
}
#footer p {
float: left;
color: #999;
}
#footer .language {
float: right;
color: #999;
}


/*= EXTRAS
=== === === === === === === === === === === === === === === === === === === === */
#extras {
text-align: center;
padding: 10px 10px 40px 10px;
}
#extras li  {
display: inline;
margin: 0px 10px;
}
#extras li a {
font-size: 85%;
color: #999;
}
#extras .i18n a {
font-size: 90%;
color: #336699;
}
#extras .small	{
font-size: 70%;
color: #999;
}

/*= QUOTE REQUEST RETURN STYLES
=== === === === === === === === === === === === === === === === === === === === */
#wrapper #content .print_button span {
background-position:center top;
background-repeat:no-repeat;
font-family: Georgia, Times, serif;
color:#336699;
cursor:pointer;
float:right;
font-size:16px;
font-weight: bold;
height:29px;
line-height:30px;
padding-left:15px;
text-align:center;
width:200px;
}

#wrapper #content .print_button span:hover {
text-decoration: underline;
}

#wrapper #content #main_content .quote_response p{
	font-family: Georgia, Times, serif;	
	font-size: 100%;
	color: #333;
}

/*==== Searchable Help Center ====*/
.content_help_center {
	border-top: 1px solid #CCCCCC;
}

#branding .homepage_back {
	font-size: 85%;
	margin-left: 13px;
}

/*==== Searchable Help Center Popular Articles Boxes START====*/

#popular_SKB_container .popular_SKB_header {
	font-size: 160%;
}

#popular_SKB_container .popular_SKB {
	float: left;
	margin: 10px 10px 10px 5px;
	width: 290px;
	margin-bottom: 20px;
	border:1px solid #CCC;
}

#popular_SKB_container.popular_SKB h3 {
	border-bottom:1px solid #CCC;
}

#popular_SKB_container .popular_SKB .article_list ul {
	padding: 0px 10px;
}

#popular_SKB_container .popular_SKB .article_list li {
	margin-top: 10px;
	margin-left: 10px;
	font-size: 85%;
}

#popular_SKB_container .popular_SKB .article_list li a {
	margin: 5px 0;
}
/*==== Searchable Help Center Popular Articles Boxes END====*/

/*==== Searchable Help Center Articles START====*/

.SKB .kb_answer img {
    display: block;
    float: left;
    padding: 3px;
    border: 1px solid #444444;
    margin: 10px 0 10px 40px;
}

.SKB .kb_answer p {
    display: block;
    float: left;
    width: 300px;
    padding: 3px;
    margin: 5px 0 5px 20px;
}


.SKB .content_container ul li  {
    list-style-type: disc;
    color: #444444;
    font-size: 85%;
    line-height: 200%;
    margin-left: 20px;
}

.SKB .content_container .SKB_articles ul li {
	list-style-type: none;
	margin-left: 10px;
}

/*==== Searchable Help Center Articles END====*/



/*==== Searchable Help Center Secondary Navigation START====*/

#secondary_content .support_sub {
    width: 230px;
    margin: 10px 0 20px 0;
}

#secondary_content .support_sub li {
    list-style: none;
    margin: 15px 0 15px 0;
}

#secondary_content .support_sub li a {
    display: block;
    color: gray;
    font-size: 100%;
    line-height: 120%;
    text-decoration: none;
	width: 200px;
}

#secondary_content .support_sub li a:hover {
    color: #444444;
}


#secondary_content .support_sub .skb_support_sub li a {
    display: block;
    color: gray;
    font-size: 100%;
    line-height: 120%;
    text-decoration: none;
}

#secondary_content .support_sub li .skb_support_sub a:hover {
    color: #444444;
}

#secondary_content .skb_support_sub .SKB_support_search_bar #SKB_support_search_bar_text {
	margin-bottom: 5px;
	height: 20px;
	width: 110px;
	font-size: 16px;
	float: left;
	padding: 2px 0 0 7px;
	color: #CCCCCC;
}

#secondary_content .skb_support_sub .SKB_support_search_bar .submit_form_button input {
	padding-bottom: 2px;
}

#secondary_content .skb_support_sub .SKB_support_search_bar .submit_form_button {
	float: right;
	margin: 0;
}

#secondary_content .helpdeskflyer img {
	margin-left: 2px;
	padding-bottom: 15px;
}


/*==== Searchable Help Center Secondary Navigation END====*/

/*==== Searchable Help Center Main Search START====*/
#main_content #Search_container {
	margin: 20px 30px 20px 30px;
	background: #F4F4F4;
	width: 550px;
	border: 1px solid #CCCCCC;
}

#main_content #Search_container form {
    margin-bottom: 50px;
	margin-left: 20px;
	width: 490px;
}

#main_content #Search_container form #SKB_Search_Bar {
	margin-bottom: 5px;
	margin-top: 18px;
	margin-left:4px;
	height: 20px;
	width: 370px;
	font-size: 16px;
	float: left;
	padding: 2px 0 0 7px;
	color: #CCCCCC;
}

#main_content #Search_container form input {
	padding-bottom: 2px;
}

#main_content #Search_container form .example_keywords {
	font-size: 80%;
	float:left;
	margin: 7px 0 7px 40px;
	color: #444444;
}


#main_content #Search_container .SKB_search_bar .submit_form_button {
	float: right;
	margin: 17px 0 0 10px;
}


/*==== Searchable Help Center Main Search END====*/

/*==== Searchable Help Center Footer START ====*/
#footer_links {
text-align: center;
padding: 0px 10px 0px 10px;
}
#footer_links li  {
display: inline;
margin: 0px 10px;
}
#footer_links li a {
font-size: 85%;
color: #999;
}
#footer_links .i18n a {
font-size: 90%;
color: #336699;
}
#footer_links .small	{
font-size: 70%;
color: #999;
}

/*==== Searchable Help Center Footer END ====*/