/*=============================================================================================================
				Morningstar PAM (ProQuest Administrator Module) PageLayout Stylesheet
---------------------------------------------------------------------------------------------------------------
The purpose of this stylesheet is to reset all of the browser values so we start from a level playing field.
This stylesheet should also contain all styles for the visual designs' CORE elements [listed below].

Style guide: Produced by Steve Xerri

CSS best practices guide:
http://www.myproquest.com/sites/mstar/docs/Program/UXD/Documentation/CSS%20Best%20Practice%20User%20Guide.docx
===============================================================================================================*/

/*---------------------------------------------------------------------------------------------------------------
									TABLE OF CONTENTS
-----------------------------------------------------------------------------------------------------------------

RESETS 							Reset all browser values here
PAGE AREAS						Divisions and dimensions of the page. Includes page expand and contract controls.
PAGE HEADER						Header styles - includes utilities area, main nav, logo etc
TOP TOOL BAR					Universal toolbar containing Account drop down, Rename Account link, Common Tasks dropdowm
LEFT NAV TABS					Main navigation tabs on the left side of the page
CONTENT AREA					Properties of the main content area
CONTENT AREA SUB NAV			Properties of the navigation elements for the main landing pages from the main nav tabs
FOOTER							Footer styles here - copyright etc	

TYPOGRAPHY						Header styles,  
GENERIC LINK STYLES				general link styles,
FLOAT							Set amd clear floats here
FORMS	             			Any global form element adjustments can be added here
ACCESSIBILITY	    			All accessibility styles to go here - hidden text etc
PANELS							
BUTTONS							This is where the search/form buttons are styled
TABLES							
TABS							There are two sets of tab styling, depending on whether its a true tab component or a pseudo tab
BREADCRUMBS						
ICONS							

OVERRIDES						Overrides of styles from Core Library stylesheets
Generic error style overrides	Overrides and extensive error specific styling (

==================================================================================================================== */

/* ==== RESETS ==== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	color: #4c4c4c;
}

blockquote {padding:5px 60px;}

code,kbd,pre {
	font-family:Courier New,Courier,monospace,sans-serif;
	color:#0c0c0c;
	line-height:1.4em;
}

abbr,acronym {
	border-bottom:dotted 1px #0c0c0c;
	cursor:help;
	line-height:1.4em;
}

strong, .strong{font-weight:bold;}

em {font-style:italic;}

fieldset {
	font-weight: normal;
	font-style: normal;
	vertical-align: bottom;
	color: #4c4c4c;
	border: 1px solid #CCCCCC;
	padding:10px;
	margin: 0 0 20px 0;
	}

legend {
	margin: 0;
	border: 0;
	font-style: normal;
	vertical-align: bottom;
	color: #4c4c4c;
	font-size:1.25em;
	font-weight:bold;
	padding:0 5px;
	}

ul li{line-height:1.4em;}

.pwdInfo {list-style-type:disc;list-style-position:inside;}

textarea {resize:vertical;}

/* ==== PAGE AREAS ==== */

body{
	color: #4c4c4c;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height:1.25;
	background:#e7e7e7 url("/assets/ctx/72e3110c/images/pagelayout/top_bar_bg.gif") repeat-x scroll top left;	
}

body.LAD {position: relative;}

#login #container, #forgotYourPassword #container, #passwordReset #container {position:relative; width:955px;}		
	
#container {
	background:#ffffff url("/assets/ctx/72e3110c/images/pagelayout/top_bar_bg.gif") repeat-x 0 0;
	font-size: 0.75em;	/* Everything will be contained within the #container so reduce to 12px */
	margin: 0 auto;
	padding-top:0px;
	padding-right:15px;
	padding-bottom:0px;
	padding-left:10px;
	min-height: 600px;
 	position:relative;
	width: 980px;
}

#container {padding-left/*\**/: 5px\9;}
*+html #container {padding-left:5px;}

#main {
	width:100%;
	padding:25px;
	}	
	
#login #page, #forgotYourPassword #page, #passwordReset #page {
	background-image:none;
	border:none;
	width:auto;
	}
	
#page {
	background-color:#FFFFFF;
	background-image:url("/assets/ctx/b740065f/images/pagelayout/page_back.gif");
	background-repeat: repeat-y;
	background-position: 230px 0;
	border-right:1px solid #C9C9C9;
	float:left;
	height:auto;
	margin-bottom:20px;	
 	position:relative;  
	width:100%;
	}
	
*html #page {background-position: 232px 0;}
	
#expand {
	background:url("/assets/ctx/f73b7034/images/pagelayout/expander_right.gif") no-repeat;	
	height: 163px;
	margin-top: 315px;
	padding-top: 0px;
	width: 11px; 
 	position: absolute;	
	left:98.5%;
	}

#retract {
	background:url("/assets/ctx/a64e724d/images/pagelayout/expander_left.gif") no-repeat;
	height: 163px;
	margin-top: 315px;
	padding-top: 0px;
	width: 11px; 
 	position: absolute;	
	left:99.1%;
	}


#expand img {
	margin-right: 18px;
 	position: absolute;
	}	

#retract img {
 	position: absolute; 
	right: -25px;
	margin-right: 18px;
	}
	
a.rightShift {
	outline: none;	
	height:160px;
	text-decoration:none;
	padding-left:11px;
	} 
	
a.leftShift {
	outline:none;	
	height:160px;
	text-decoration:none;
	padding-left:11px;
	}
	
/* ==== PAGE HEADER ==== */

.headerContainer{
	height:95px;
	font-size: 0.915em;
	}
	
.headerContainer img {margin:40px 5px 0px 0px;} /* ProQuest Logo */

.tRightNavCon{float:right; margin-top:0px;} 

#userForm {  /* id of the Form for the logged in as and Logout links at the top */
	display:inline;
	color:#fff;
	}

.signin {
	background:url("/assets/ctx/b01473ce/images/icons/icons_sprite.png") 0px -203px no-repeat; 
	*background:url("/assets/ctx/146cb813/images/icons/icons_sprite.gif") 0px -200px no-repeat; 
	padding-left:20px;
	white-space:nowrap;
	}

.signinTab a {color:#ffffff;text-decoration:underline;} 
.signinTab a:hover {text-decoration:none;color:#ffffff;}
.signinTab a:visited {text-decoration:underline;color:#ffffff;}
.signinTab ul li a{margin-left:3px; text-decoration:underline;color:#ffffff;} 
.signinTab ul li span a:hover{text-decoration:none;}

.trNav{ float:right;}

*html .trNav {margin-right:0px;}

.trNav ul li{  
	float:left; 
	padding:0 2px 0 2px;
	*padding-top:1px;
	line-height:19px; 
	display:block; 
	}


/* .trNav ul li:first-child {background:transparent none repeat scroll 0% 0%;}  don't think this does anything now */

.trNav ul li a { 
	text-decoration:underline; 
	color:#FFFFFF !important; 
	padding:2px;
	} 
	
.trNav ul li a:hover{text-decoration:none;} 

.trNav ul li a.trNav-help {background:url("/assets/ctx/1ebf8024/images/icons/help_mark.gif") no-repeat right 0px; padding-right:20px;}	

.productTitle {
	color:#D18104;
	float:left;	
	font-size:2.4em;
	margin-top:35px;
	padding-left:5px;
	}

.trNav span.pipe{width:5px; color:#fff; padding:5px;}

/* ==== TOP TOOL BAR ==== */
	
#topNav {
	float:left;
	width:100%;
	padding-bottom: 7px;
 	position:relative; 
	}
	
*+html #topNav {padding-bottom:10px;}
	
ul#topNavbar {
	background-color:#D8EEF9;
	border:1px solid #CCCCCC;
	height:40px;
 	position:relative; 
	}

/* html ul#topNavbar {padding-bottom:2px; margin-bottom:6px;} */
	
*html ul#topNavbar li{float:left;}	

.topNav_tl {
 	position:absolute; 
	background:url("/assets/ctx/558c2e59/images/pagelayout/topNav_tl.gif") top left no-repeat;
	height:8px;
	left:-1px;
	top:-1px;
	width:8px;
	}

.topNav_tr {
 	position:absolute; 
	background:url("/assets/ctx/74ac33fc/images/pagelayout/topNav_tr.gif") top right no-repeat;
	height:8px;
	right:-1px;
	top:-1px;
	width:8px;
	}

.topNav_bl {
	background:url("/assets/ctx/841a2f5d/images/pagelayout/topNav_bl.gif") bottom left no-repeat;
	height:8px;
	left:-1px;
 	position:absolute; 
	top:33px;
	width:8px;
	}

.topNav_br {
	background:url("/assets/ctx/7c273553/images/pagelayout/topNav_br.gif") bottom right no-repeat;
	height:8px;
	right:-1px;
 	position:absolute; 
	top:33px;
	width:8px;
	}
	
*html .topNav_bl, *html .topNav_br  {top:31px;}
	
/* Common tasks drop down */	
	
a#commonTasks_menu {
	background-color:#ffffff;
	background-image:url("/assets/ctx/c64b944b/images/pagelayout/indicators_sprite.png");
	background-position: 110px 5px;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
	color: #525252;
	cursor: default;
	display:block;
	float: right;
	height:20px;
	line-height:20px;
	margin-right:8px;
	margin-top:1px;
	padding:2px 4px;
 	position:relative; 
	right:1px;
	text-decoration:none;
	top:-11px;
	width:120px;
	z-index:102;
	}

/* IE6 only adjustments */

* html a#commonTasks_menu {
	background-image:url("/assets/ctx/e83d497c/images/pagelayout/indicators_sprite.gif");
	background-position: 110px 6px;	
	padding:3px 4px;
	top: 7px;
	right:-7px;
	}
	
.commonTasks_tl {
	background:url("/assets/ctx/8b461367/images/pagelayout/CommonTasks-tl.gif") top left no-repeat;
	height:8px;
	left:-1px;
 	position:absolute; 
	top:-1px;
	width:8px;
	}
	
.commonTasks_tr {
	background:url("/assets/ctx/776011a7/images/pagelayout/CommonTasks-tr.gif") top right no-repeat;
	height:8px;
	left:121px;
 	position:absolute; 
	top:-1px;
	width:8px;
	}
	
.commonTasks_bl {
	background:url("/assets/ctx/7e6512ca/images/pagelayout/CommonTasks-bl.gif") bottom left no-repeat;
	height:8px;
	left:-1px;
 	position:absolute; 
	top:17px;
	width:8px;
	}
	
.commonTasks_br {
	background:url("/assets/ctx/864f1322/images/pagelayout/CommonTasks-br.gif") bottom right no-repeat;
	height:8px;
	left:121px;
 	position:absolute; 
	top:17px;
	width:8px;
	}			
	
*html .commonTasks_br, *html .commonTasks_bl  {	
	top:13px;
	}
	
/* ul#commonTasks_list {
	margin-left:-82px;
	z-index:101;
	}	
*/

.commonTasksTopLine {
	height: 10px;
	*padding-top:3px;
	position:absolute; 
	right: -1px;
	top: -13px;
	z-index:201;
	}
	
*+html .commonTasksTopLine {top: -13px;}
*html .commonTasksTopLine {top: -13px;}

#commonTasks_list {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	clear:left;
	color: #FFFFFF;
	cursor:default;
	display:none;
	margin-left:0px;	
	margin-top:0px;
	position:absolute; 
	right:9px;
	top:36px;
	*top:38px;
	text-decoration:none;
	width:340px;
	z-index:200000;
	}
	
#commonTasks_list a {
	background-color:#FFFFFF;
	color: #525252;
	cursor:default;	
	display:block;	
	height:24px;	
	line-height:25px;
	padding-left:10px;
	text-decoration:none;
	width:330px;
	z-index:101;
	}
	
#commonTasks_list a:hover {
	background-color: #6F9FE6;
	color:#FFFFFF;
	}	

.quickLinksDropDown {
	width:161px;
	}

.quickLinksTextBox {
	width:200px;
	}

/* Account drop down */

#accounts {
	margin-top: 5px;
	float:left;
	width:690px;
	}

#accounts label{
	float:left;
	font-weight:bold;
	line-height:30px;
	padding:0 6px;
	width:78px;
	}

.account_menu_tl {
	background:url("/assets/ctx/8b461367/images/pagelayout/CommonTasks-tl.gif") top left no-repeat;
	height:6px;
	left:90px;
 	position:absolute; 
	top:7px;
	width:6px;
	}
	
.account_menu_tr {
	background:url("/assets/ctx/776011a7/images/pagelayout/CommonTasks-tr.gif") top right no-repeat;
	height:6px;
	left:665px;
 	position:absolute; 
	top:7px;
	width:6px;
	}

*html .account_menu_tr {left: 659px;}
	
.account_menu_bl {
	background:url("/assets/ctx/7e6512ca/images/pagelayout/CommonTasks-bl.gif") bottom left no-repeat;
	height:6px;
	left:90px;
 	position:absolute; 
	top:27px;
	width:6px;
	}

*html .account_menu_bl {top: 21px;}	
	
.account_menu_br {
	background:url("/assets/ctx/864f1322/images/pagelayout/CommonTasks-br.gif") bottom right no-repeat;
	height:6px;
	left:665px;
 	position:absolute;
	top:27px;
	width:6px;
	}			
	
*html .account_menu_br {top: 21px; left: 659px;}

/* for single accounts - no drop down required */ 	
#account_menu_single {
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
	color: #525252;
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	top:2px;
	overflow:hidden;
	padding:2px 10px 2px 4px;
 	position:relative; 
	text-decoration:none;
	width:565px;
	}

*html #account_menu_single {padding:3px 4px;}

/* for accounts - with up to 100 (was originally set to 40) accounts - no search functionality */

#account_menu {
	background-color:#FFFFFF;
	background-image: url("/assets/ctx/c64b944b/images/pagelayout/indicators_sprite.png");
	background-position: 99% 5px;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
	color: #525252;
	cursor: default;	
	display:block;	
	float:left;
	height:20px;
	line-height:20px;
	overflow:hidden;
	padding:2px 10px 2px 4px;
 	position:relative; 
	text-decoration:none;
	top:2px;
	width:565px;
	}
	
*html #account_menu {
	background-image: url("/assets/ctx/e83d497c/images/pagelayout/indicators_sprite.gif");
	background-position: 99% 6px;	
	padding:3px 4px;
	}
	
/* for accounts - with over 100 (was originally 40) accounts - contains search functionality */

/* multi account drop down content */
	
#account_list {
	background-color:#F3F2F2;
	border: 1px solid #CCCCCC;
	border-top:none;
	cursor:default;
	display:none;
	font-weight:normal;
	left:90px;
	margin-top:0px;
	overflow: hidden;
	padding-top:4px;
	position:absolute;
	text-decoration:none;
	top: 28px;
	width:579px;
	z-index:101;
	}
	
*html .#account_list {width: 573px;}		
	
#account_list a {
 	color: #000000;	
	cursor:pointer;
	display:block;	
	line-height:22px;	
	padding-left:10px;
	text-decoration:none;
	}
	
#account_list a:hover {
	color:#ffffff;
	background-color: #6F9FE6;
	}
	
#account_list .previous_next a:hover {background-color:inherit; color:inherit; text-decoration: underline;}

.account_list_items a:hover {color:#ffffff;}

.account_list_items2, .account_list_items {background-color:#F3F2F2;}

.account_list_items:hover {background-color: #6F9FE6;}	

.account_list_items2 a:hover {color:#ffffff;}

.account_list_items2:hover {background-color: #6F9FE6;}	

.account_list_header {
	height: 22px;
	background-color: #F3F2F2;
	font-weight: bold;
	line-height: 20px;
	display: block;
	padding: 5px;
	cursor: default;
	}

#account_search_and_results {
	background-color:#F3F2F2;
	min-height:3em;
	max-height:59em;
	overflow:hidden;
	cursor:default;
	}

#account_search_and_results input{
	 background-repeat: no-repeat;
	 padding: 3px;
	 margin:5px 0px 5px 5px;
	}

#account_search_and_results button {
	background: url("/assets/ctx/a4ccd0ac/images/pagelayout/search_icon.gif") no-repeat scroll 0 0 transparent;
	border:none;
	cursor:pointer;
	height:26px;
	position:absolute;
	right: 10px;
	top: 10px;
	*top:11px;
	width: 25px;
	}

.acc_results_title {
	font-weight: bold;
	display:block;
	padding:5px;
	}
	
#account_list .acc_results_title a {
	color:#00569F;
	position:absolute;
	right: 20px;
	top: 60px;
	}
	
#account_list .acc_results_title a:hover {
	color:#00569F;
	background-color:transparent;
	text-decoration:underline;
	}	

#search_inner_panel {
	background-color: #E4E2E2;
	padding:5px;
	margin:5px;
	position:relative;
	width:558px;
}

#search_inner_panel .inner_tl {
	background: url("/assets/ctx/db9ff684/images/pagelayout/search_panel_sprite.gif") no-repeat scroll 0 -20px #E4E2E2;
	height: 5px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width:5px;
	z-index:4;
}

#search_inner_panel .inner_tr {
	background: url("/assets/ctx/db9ff684/images/pagelayout/search_panel_sprite.gif") no-repeat scroll -5px -20px #E4E2E2;
	height: 5px;
	right: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width:5px;
	z-index:1;
}

#search_inner_panel .inner_bl {
	background: url("/assets/ctx/db9ff684/images/pagelayout/search_panel_sprite.gif") no-repeat scroll -10px -20px #E4E2E2;
	height: 5px;
	left: 0;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	width:5px;
	z-index:2;
}
#search_inner_panel .inner_br {
	background: url("/assets/ctx/db9ff684/images/pagelayout/search_panel_sprite.gif") no-repeat scroll -15px -20px #E4E2E2;
	bottom: 0;
	height: 5px;
	overflow: hidden;
	position: absolute;
	right: 0;
	width: 5px;
	z-index:3;
}

/* for scrolling long account lists and search results */	
.scrolling {
	display:inline-block;
	max-height:612px;
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
	z-index:132;
	width: 100%;
	}
	
.scrolling li {
	white-space:nowrap;
 	width:579px; 
	}	

.subAcc img {	
	float:left;
	left: -1px;
	position:absolute;
	width:100%;
	}
	
/* 1st level child account --- number represents 'dots' from the database, which increments x2 for each level  */
a .subAcc {padding-left: 14px;}
a .subAcc_2 {margin-left: 14px;}
a .subAcc_4 {margin-left: 34px;}		
a .subAcc_6 {margin-left: 54px;}	
a .subAcc_8 {margin-left: 74px;}
a .subAcc_10 {margin-left: 94px;}
a .subAcc_12 {margin-left: 114px;}
a .subAcc_14 {margin-left: 134px;}	
a .subAcc_16 {margin-left: 154px;}
a .subAcc_18 {margin-left: 174px;}
a .subAcc_20 {margin-left: 194px;}				
		
.subAcc {
	display:inline;
	background:url("/assets/ctx/60cdeab8/images/next_level_arrows.gif") no-repeat left 1px;
	height:22px;
	overflow: auto;
	width: 100%;
	}
	
.subAcc:hover {
	background:url("/assets/ctx/60cdeab8/images/next_level_arrows.gif") no-repeat right 1px;
	color: #ffffff;
	}
	
.previous_next {padding: 0 10px;}

#account_list .previous_next a {color:#00569F;}
#account_list .previous_next a:hover {color:#00569F;}	
	
/* rename account link */
	
#renameLink a{
	color:#00569F;
	float:left;
	line-height:30px;
	padding: 0px 10px;
	position:absolute;
	top:5px;
	text-decoration:none;
	}	
	
#renameLink a:hover {text-decoration:underline;}

/* ==== LEFT NAV TABS ==== */
	
#LAD-LHSnav {float:left;}	
	
#LAD-LHSnav a {
	color:#525252!important;
	display:block;
	height: 100px;
	text-decoration:none;
	width: 100%;
	cursor:pointer;
	}
	
#LAD-LHSnav #getstarted a {height:30px;}
	
.navimg {
	float:left;
	padding-top:5px;
	text-align:center;
	width:40px;
	}
	
.LHSnav-Text {
	float:left;
	padding-right:5px;
	padding-top:5px;
	width:170px;
	}
	
.LHSnav-Text h4{margin-bottom:5px;}

.LHSnav-Text.gs h4 {padding-top:2px;}/* gs = getting started mini tab */
	
/* styling for the currently - selected tab - first ID is picked up from the body tag */
/* tab body */
#tab1 #LAD-LHSnav li#nav1.current, #tab2 #LAD-LHSnav li#nav2.current, #tab3 #LAD-LHSnav li#nav3.current, #tab4 #LAD-LHSnav li#nav4.current, #tab5 #LAD-LHSnav li#nav5.current, #tab6 #LAD-LHSnav li#nav6.current, #tab0 #LAD-LHSnav li#getstarted.current{
	display:block;
	width:230px;
	background-color:#FFF;
	border-right:1px solid #FFFFFF;
	background-image:none;
	position:relative;
	}
	
#LAD-LHSnav ul {
	width:230px;
	position:relative;
	}
	
#LAD-LHSnav ul li {
	background-color:#F3F2F2;
	border:1px solid #CCCCCC;
	height:100px;
	line-height:1.2em;
	margin-bottom:10px;
	position:relative;
	width:218px;
	_padding-bottom:6px;
	}	
	
#LAD-LHSnav ul li#getstarted {height:30px;}	

#LAD-LHSnav ul li:hover {background-color:#EEF7FB;}
#LAD-LHSnav ul li a:focus {background-color:#EEF7FB;}


#LAD-LHSnav ul li.last {margin-bottom:0!important;}	/* not sure if this is still required */

/*  Tab Top Right Corners */	
#tab1 #LAD-LHSnav li#nav1.current .tabcorner-tr,#tab2 #LAD-LHSnav li#nav2.current .tabcorner-tr, #tab3 #LAD-LHSnav li#nav3.current .tabcorner-tr, #tab4 #LAD-LHSnav li#nav4.current .tabcorner-tr, #tab5 #LAD-LHSnav li#nav5.current .tabcorner-tr, #tab6 #LAD-LHSnav li#nav6.current .tabcorner-tr {
	background-image:url("/assets/ctx/fb32a95/images/pagelayout/tab_tr_active.gif");
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:10px;
	width:10px;
	top:-7px;
	left:222px;
	}	

/*tab0 for get started page */	
#tab0 #LAD-LHSnav li#getstarted.current .tabcorner-tr {
	background:#ffffff url("/assets/ctx/bc7a17b3/images/pagelayout/currentBack.gif") top right no-repeat;
	width:6px;
	left:229px;
	}	
	
#tab0 #LAD-LHSnav li#getstarted.current .tabcorner-br {
	background-image:url("/assets/ctx/2eb32670/images/pagelayout/tab_br_active.gif");
	background-position:9px 6px;
	background-repeat:no-repeat;
	height:18px;
	width:18px;
	}	
	
*html #tab0 #LAD-LHSnav li#getstarted.current .tabcorner-br {background-position:9px 12px;}
	
#tab1 #LAD-LHSnav li#nav1.current .tabcorner-br, #tab2 #LAD-LHSnav li#nav2.current .tabcorner-br, #tab3 #LAD-LHSnav li#nav3.current .tabcorner-br, #tab4 #LAD-LHSnav li#nav4.current .tabcorner-br, #tab5 #LAD-LHSnav li#nav5.current .tabcorner-br, #tab6 #LAD-LHSnav li#nav6.current .tabcorner-br {
	background-image:url("/assets/ctx/2eb32670/images/pagelayout/tab_br_active.gif");
	background-position:9px 6px;
	background-repeat:no-repeat;
	height:18px;
	width:18px;
	}
	
*html #tab1 #LAD-LHSnav li#nav1.current .tabcorner-br, *html #tab2 #LAD-LHSnav li#nav2.current .tabcorner-br, *html #tab3 #LAD-LHSnav li#nav3.current .tabcorner-br, *html #tab4 #LAD-LHSnav li#nav4.current .tabcorner-br, *html #tab5 #LAD-LHSnav li#nav5.current .tabcorner-br, *html #tab6 #LAD-LHSnav li#nav6.current .tabcorner-br {
	background-position:9px 12px;
	}

.tabcorner-tl {
	background:url("/assets/ctx/fce42f8d/images/pagelayout/tab_tl.gif") no-repeat top left;
	width:8px;
	height:8px;
	position:absolute;
	top:-2px;
	left:-2px;
	}
	
.tabcorner-tr {
	background:url("/assets/ctx/200f2fc2/images/pagelayout/tab_tr.gif") no-repeat top right;
	width:8px;
	height:8px;
	position:absolute;
	top:-2px;
	left:212px;
	}
	
.tabcorner-bl {
	background:url("/assets/ctx/bcbb3591/images/pagelayout/tab_bl.gif") no-repeat bottom left;
	width:8px;
	height:8px;
	position:absolute;
	top:94px;
	left:-2px;
	}
	
.tabcorner-br {
	background:url("/assets/ctx/2e593cc6/images/pagelayout/tab_br.gif") no-repeat bottom right;
	width:8px;
	height:8px;
	position:absolute;
	top:94px;
	left:212px;
	}
		
#getstarted .tabcorner-bl {
	background:url("/assets/ctx/bcbb3591/images/pagelayout/tab_bl.gif") no-repeat bottom left;
	width:8px;
	height:8px;
	position:absolute;
	top:24px;
	left:-2px;
	}
	
#getstarted .tabcorner-br {
	background:url("/assets/ctx/2e593cc6/images/pagelayout/tab_br.gif") no-repeat bottom right;
	width:8px;
	height:8px;
	position:absolute;
	top:24px;
	left:212px;
	}	
	
/* ==== CONTENT AREA ==== */

#login #LAD-content-area, #forgotYourPassword #LAD-content-area, #passwordReset #LAD-content-area {
	border:none;
	margin-left: 10px;
	padding-top:30px;
	overflow:visible;
	}
#forgotYourPassword #LAD-content-area, #passwordReset #LAD-content-area {
	min-height: 350px;
	}
#LAD-content-area {
	background-color:#fff;
	border-top:1px solid #CCCCCC;
	border-right:1px none #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	display:block;
	min-height:682px;
	overflow:hidden; 
	padding:5px 10px 15px 10px;
	z-index:10;
	}
*:first-child+html #LAD-content-area {min-height:694px;}

*html #LAD-content-area {
	z-index:1;
	float: left;
	height:736px;
	overflow:visible;
	margin-left:-2px;
	} 
	
.content-tl {
	background: url("/assets/ctx/cc504951/images/pagelayout/content_tl.gif") no-repeat top left;
	top:-1px;
	right:-8px;
	height:9px;
	width:9px;
	position:absolute;
	}
	
*html .content-tl {
	top:-1px;
	right:-6px;	
	}
	
.content-tr {
	background: url("/assets/ctx/66f7491d/images/pagelayout/content_tr.gif") no-repeat top left;
	top:-1px;
	right:-1px;
	height:8px;
	width:8px;
	position:absolute;
	}
	
.content-bl	{
	background: url("/assets/ctx/e8124a52/images/pagelayout/content_bl.gif") no-repeat top left;
	bottom:0px;
/*	_bottom:-6px;   Old CSS Hack  */
	left:229px;
	height:8px;
	width:8px;
	position:absolute;
	}
	
.content-br {
	background: url("/assets/ctx/acb1488d/images/pagelayout/content_br.gif") no-repeat top left;
	bottom:0px;
/*	_bottom:-6px;   Old CSS Hack */
	right:-1px;
	height:8px;
	width:8px;
	position:absolute;
	}

/* ==== CONTENT AREA SUB NAV ==== */
	
#subNav {padding: 0px 5px 15px 5px;}	
	
#subNav ul {padding-top:15px;}

#subNav li a{
	background-position: left top;
	background-repeat: no-repeat;
	height: 26px;
	padding-left: 35px;
	display:inline-block;
	}

#subNav a {
	display:block;
	position:relative;
	}
	
#subNav a h3{
	color:#00569f;
	}

#subNav h3 {
	text-decoration:underline!important;
	font-weight:bold;
	display:inline;
	}
#subNav li p {
	margin: 0px 10px 25px 35px;
	}
div.google-int-desc {
	margin: 0px 10px 25px 35px;
}
div.google-int-desc div.google-int-main {
	margin-bottom: 0px;
}
#subNav div.google-int-desc ul.google-int-list {
	padding-top: 0px;
	margin-top: 5px;
}
#subNav div.google-int-desc ul.google-int-list li {
	margin-left: 15px;
	list-style-type: disc;
}
div.google-int-page-desc {
	margin: 0px 10px 25px 15px;
}
div.google-int-page-desc ul.google-int-page-desc-list {
	padding-top: 0px;
	margin-top: 5px;
}
div.google-int-page-desc ul.google-int-page-desc-list li {
	list-style-type: disc;
	padding-bottom: 5px;
}
/* navigation related images for each item on the landing pages */
#tab1 #subNav li a{	background-image: url("/assets/ctx/2b2ff35a/images/pagelayout/user_interface.gif");}
#tab2 #subNav li a{	background-image: url("/assets/ctx/ba8ca018/images/pagelayout/usage_reports.gif");}
#tab3 #subNav li a{	background-image: url("/assets/ctx/3cf2885c/images/pagelayout/linking.gif");}
#tab4 #subNav li a{	background-image: url("/assets/ctx/f976062d/images/pagelayout/authentication.gif");}
#tab5 #subNav li a{	background-image: url("/assets/ctx/57ede9d9/images/pagelayout/title_marc.gif");}
#tab6 #subNav li a{	background-image: url("/assets/ctx/bb39a5d2/images/pagelayout/settings.gif");}


/* ==== FOOTER ==== */	
	
#footer {
	background: #FFFFFF; 
	border-top:1px solid navy;
	clear: both;
	color: #525252;
	font-size:0.915em;  /* same as .small */
	height:4em;	
	padding: 10px;
	margin-top: 21px;
	width: auto;
	}
	
#footer p {clear:both; padding-top:5px;}	
	
#footer ul li{  
	float:left; 
	padding:0px; 
	display:block; 
	line-height: 1.4;
	}
	
/*#footer ul li a.icon_external {line-height:1.6;}*/

*+html #footer ul li a.icon_external {padding: 2px 20px 2px 0px !important;}

#footer span.pipe {color:#000;}


/* ==== TYPOGRAPHY styles based on the OS css ==== */

h1 {
	border-bottom:1px solid #CCCCCC;
	color:#D18104;
	font-size:2em;
	padding-bottom:10px;
	margin-bottom:10px;
	line-height:1;/* Unitless line-height */	
	margin-top: 20px; /* spacing for breadcrumbs */
	}  

*html h1 {padding-top:5px;}  /* extra breadcrumb space required in IE6 */

h2 {
	color:#4C4C4C;
	font-size:1.3em; /* should be 1.5em to match M* */
	margin-bottom:0.6em; 
	font-weight:bold;  /* not on the M* stylesheet */
	} 
	/* bold added 07/01/2010 by Carol for Authentication/Access page - remove from here and create a custom one if this causes problems */

h3 {
	color:#4C4C4C;
	font-size:1.1em;  /* should be 1.333em to match M* */
	margin:0.14em 0;  /* not on the M* stylesheet */
	font-weight:bold; /* not on the M* stylesheet */
	}

h4 {	
	font-size: 1.084em;
	color: #4c4c4c;
	font-weight: bold;
	line-height:1.2;/* Unitless line-height */
	}

h5{}
h6{}

/* ==== GENERIC LINK STYLES ==== */

a {color:#00569f; text-decoration:none;}
a:link {color:#00569f; text-decoration:none;}
a:visited {color:#00569f; text-decoration:none;}
a:hover {color:#00569f; text-decoration:underline;}
a:active {color:#00569f; text-decoration:none;}

/* a:focus {background-color:yellow;} - temporariliy added to highlight for accessibility */

.hr { 
	margin: 10px 0;
	border:none;
	border-bottom: 1px dotted #ccc;
	height:0;
}

/* ==== FLOAT STYLES ==== */

.clr {clear:both;}
.clrLeft{clear:left;}
.clrRight{clear:right;}

.floatLeft {float:left;}
.floatRight {float:right;}

.bottomSpaced { 
	clear: both;
	padding-bottom: 10px;
}

/* ==== FORMS ==== */

/*
label {vertical-align: middle;}
input {vertical-align: -2px;}
*/

.radio {margin-right:4px;}

.radio_label {margin-right:15px;}

.radio_nowrap  > span
{
    white-space: nowrap;
}

form select {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif; /* Verdana removed by Iain form elements should be in arial apparently*/
	margin:0px 10px 0px 0px;
	width:auto;
	vertical-align:middle;
}

form select option {
	color:#333;
	padding:0px 5px;
	background-color:#F7F7F7;
}

/*---------- ACCESSIBILITY STYLES -----------------------------------------------*/

#skip a {
	height:1px;
	left:0px;
	overflow:hidden;
	position:absolute;
	top:-500px;
	width:1px;
}

#skip a:active, #skip a:focus {
	background-color:#0033CC;
	border:1px solid #333;
	color:#FFFFFF;
	font-weight:bold;
	height:auto;
	left:5px;
	overflow:visible;
	padding:5px;
	position:absolute;
	top:5px;
	width:auto;
	z-index:1;
}

.hiddenText {
	height:1px;
	left:0px;
	overflow:hidden;
	position:absolute;
	top:-500px;
	width:1px;
}

/* ==== PANELS : preview panel : info panel : toolbar panel : saved panel ====  */	

/* preview panel = copy / repurpose of pinkienails_panel as we don't have pinkies in PAM */

.preview_panel {
	background-color: #f3f2f2;
	border: solid 1px #cccccc;	
	padding: 5px;	
	margin-bottom: 20px;	
	position: relative;
}

.preview_panel_tl { 
	background: url("/assets/ctx/a9fda66b/images/pagelayout/pinkienails_panel_sprites.gif") no-repeat 0px 0px;
	position: absolute; 
	top: -1px; 
	left: -1px; 
	width: 5px; 
	height: 5px;
	display:block;
}

.preview_panel_tr { 
	position: absolute; 
	top: -1px; 
	right: -1px; 
	background: url("/assets/ctx/a9fda66b/images/pagelayout/pinkienails_panel_sprites.gif") no-repeat -6px 0px; 
	width: 5px; 
	height: 5px; 
	display:block;
}
	
.preview_panel_bl { 
	position: absolute; 
	bottom: -1px; 
	left: -1px; 
	background: url("/assets/ctx/a9fda66b/images/pagelayout/pinkienails_panel_sprites.gif") no-repeat -12px 0px; 
	width: 5px; 
	height: 5px; 
	display:block;
}

.preview_panel_br { 
	position: absolute; 
	bottom: -1px; 
	right: -1px; 
	background: url("/assets/ctx/a9fda66b/images/pagelayout/pinkienails_panel_sprites.gif") no-repeat -18px 0px; 
	width: 5px; 
	height: 5px; 
	display:block;
}

*html .preview_panel_tr {background: none;} /*temp fix for polaris mad ie6 corners */
*html .preview_panel_br {background: none;} /*temp fix for polaris mad ie6 corners */
*html .preview_panel_bl {background: none;} /*temp fix for polaris mad ie6 corners */
*html .preview_panel_tl {background: none;} /*temp fix for polaris mad ie6 corners */
*html .preview_panel {background-color:transparent;}
/*	INFO PANEL - used to present information only - such as a status change */

.info_panel {
	background-color:#EEF7FB;
	border-top: solid 1px #59799A;
	border-bottom: solid 1px #59799A;
	border-left: solid 1px #59799A;
	border-right: solid 1px #59799A;
	margin-bottom:5px;
	padding: 10px;	
	position:relative;
	width:96%;
	}
	
.info_panel_tl {
	background:url("/assets/ctx/1e802dce/images/pagelayout/info_panel_tl.gif") no-repeat top left;
	position: absolute;	
	top: -2px;
	left: -2px;
	height:7px;
	width:7px;
	display:block;
	}

.info_panel_tr {
	background:url("/assets/ctx/29a3337/images/pagelayout/info_panel_tr.gif") no-repeat top right;
	position: absolute;	
	top: -2px;
	right: -2px;
	height:7px;
	width:7px;
	display:block;
	}

.info_panel_bl {
	background:url("/assets/ctx/1e042dd0/images/pagelayout/info_panel_bl.gif") no-repeat bottom left;
	position: absolute;	
	bottom: -2px;
	left: -2px;
	height:7px;
	width:7px;	
	display:block;
	}
	
.info_panel_br {
	background:url("/assets/ctx/235a344a/images/pagelayout/info_panel_br.gif") no-repeat bottom right;
	position: absolute;	
	bottom: -2px;
	right: -2px;
	height:7px;
	display:block;
	width:7px;	
	}
	
/* TOOLBAR PANEL - Used when the panel includes some functioanlity - such as a button, or checkbox */

.toolbar_panel {
	padding: 5px;
	background-color: #d8eef9;
	border: solid 1px #cacaca;
	margin-bottom: 5px;
	position:relative;
	float:left;
	}

.toolbar_panel_tl { 
	background: url("/assets/ctx/b1059943/images/pagelayout/toolbar_panel_sprites.png") no-repeat 0 0; 
	display: block;
	height: 5px; 
	left: -1px; 
	position: absolute; 
	top: -1px; 
	width: 5px; 
	}
	
.toolbar_panel_tr { 
	background: url("/assets/ctx/b1059943/images/pagelayout/toolbar_panel_sprites.png") no-repeat -6px 0; 
	display: block; 
	height: 5px; 
	position: absolute; 
	right: -1px; 
	top: -1px; 
	width: 5px; 
	}

*html .toolbar_panel_tr {right:-2px;}	
	
.toolbar_panel_bl { 
	background: url("/assets/ctx/b1059943/images/pagelayout/toolbar_panel_sprites.png") no-repeat -12px 0; 
	bottom: -1px; 
	display: block; 
	height: 5px; 
	left: -1px; 
	position: absolute; 
	width: 5px; 
	}
	
*html .toolbar_panel_bl { bottom:-10px;}
	
.toolbar_panel_br { 
	background: url("/assets/ctx/b1059943/images/pagelayout/toolbar_panel_sprites.png") no-repeat -18px 0; 
	bottom: -1px; 
	display: block; 
	height: 5px; 
	position: absolute;
	right: -1px; 
	width: 5px; 
	}
	
*html .toolbar_panel_br { bottom:-10px; right:-2px;}
	
.toolbar_panel label{float:left; margin:2px;}

/* +html .toolbar_panel label {line-height:1.6em;} because IE7 doesn't use the vertical align properly */

.toolbar_panel input{float:left;}

.toolbar_panel .inline-help img {top:-1px;}
	
/* SAVED CONFIRMATION PANEL */

/* .savedConf style is a copy of info_panel, but with a couple of tweaks to make it right for this use - mainly the width, and text align - which was only put in as otherwise there looked like a large gap to the right of the last word of the message. It might be worth considering using info_panel but then having the oddities in #savedMessage - check 2 more places to see if the same format is used */
	
.savedConf {
	background-color:#EEF7FB;
	border: 1px solid #59799A;	
	font-weight:bold;
	margin-bottom:5px;
	padding:5px 5px 7px;
	position:relative;
	float:left;
	}
	
.savedConf_tl {
	background:url("/assets/ctx/1e802dce/images/pagelayout/info_panel_tl.gif") no-repeat top left;
	position: absolute;	
	top: -2px;
	left: -2px;
	height:7px;
	width:7px;
	}

.savedConf_tr {
	background:url("/assets/ctx/29a3337/images/pagelayout/info_panel_tr.gif") no-repeat top right;
	position: absolute;	
	top: -2px;
	right: -2px;
	height:7px;
	width:7px;	
	}

.savedConf_bl {
	background:url("/assets/ctx/1e042dd0/images/pagelayout/info_panel_bl.gif") no-repeat bottom left;
	position: absolute;	
	bottom: -2px;
	left: -2px;
	height:7px;
	width:7px;	
	}
	
.savedConf_br {
	background:url("/assets/ctx/235a344a/images/pagelayout/info_panel_br.gif") no-repeat bottom right;
	position: absolute;	
	bottom: -2px;
	right: -2px;
	height:7px;
	width:7px;	
	}
	
#saved_msgextra {
	width: auto;
	}	
	
.saved_extraText {
	font-weight: normal;
	}	
	
.savedConf_extra {
	border: 1px solid #8A0000;
	color:#BB0000;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	padding:6px;
	text-align:center;
	width:70%;
	}
	
/* used in component CollapsibleSection.tml - although not sure if this is referenced anywhere CollapsibleSection.java and CollapsibleSection.js do exist - so leaving it in for now  */
.panel-button {
	width:14px;
	height:18px;
	cursor:pointer;
	background: url("/assets/ctx/c7153635/images/pagelayout/arrow-down.gif") no-repeat 0px 2px;
}

.panel-close {
	background: url("/assets/ctx/39e649d6/images/pagelayout/arrow-right.gif") no-repeat 0px 0px;
}

#sectionButton {
	padding-left: 16px;
}	

/* ==== BUTTONS  ==== */

.buttonHolder {
	background: transparent url("/assets/ctx/41491941/images/pagelayout/button.gif") no-repeat 0 0; 
	display:inline-block;
	margin-top:5px;
	padding-left:7px;	
	vertical-align:bottom;
	height:25px;
	}
	
	/*
*+html .buttonHolder.centered {width:65%;}  IE7 and under hack to get the button to center on the page */

.button {
	background: transparent url("/assets/ctx/41491941/images/pagelayout/button.gif") no-repeat right -32px; 
	border:0px; 
	display: inline;
	font-family:Arial,Helvetica,sans-serif !important;	
	font-weight:bold; 
	font-size:0.88em; 	
	float:left;
	padding:5px 10px 4px 4px; 
	text-decoration:none!important;
	}
	
.button {padding-bottom /*\**/: 8px\9;}/* IE8 */
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari */
.button { padding:8px 10px 8px 0px; margin:0px 0px 0px -1px; }
}

.button a {
	color:#000000!important;	
	text-decoration:none!important;
	font-weight:bold;
	}
	
.button a span {
	font-weight:bold;
	}	
/*	
.button a:hover {
	color:#000000!important;	
	text-decoration:none!important;
	}  */
	
.button a:visited {
	color:#000000!important;	
	text-decoration:none!important;
	}		
	
a.button {
	padding:4px 10px 5px 4px!important; 
	color:#000000!important;
	line-height:1.65em;
	display:inline;
	}	

a.button span{
	font-weight:bold;
	color:#000000;
	}
	
.lv_Container .button a {
	font-size:105%;
	font-weight:bold;
	color:#000000;
	}	
	
/* ==== TABLE style ==== */

table {
	border-collapse:collapse;
	border: 1px solid black;
	font-size: 0.915em;
	color: #4c4c4c;
	line-height: 1.365;
	}

th {
	padding: 3px;
	text-align: center;
	vertical-align: top;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	font-weight: bold;
	}

th.lastColumn {text-align: center;}
th.centered	{text-align:center!important;}

tr:hover { background-color:#EEF7FB; }
	
td {
	padding: 3px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	}
	
td.lastColumn  {text-align: center;}	
td.centered	{text-align:center;}

/* ==== TABS ==== */

/* Pseudo Tabs */
#inpage-tabs-area {
	border-bottom:1px solid #CCCCCC;
	float:left;
	height:24px;
	padding:0px 22px 0px 0px;
	width:100%;  /*CA change back to 97 */
	margin : 15px 0 0 0px;	
	}

#inpage-tab-content, #subject-tab-content {
	background:url("/assets/ctx/c5f2079e/images/tab-content.gif") repeat-x;
	padding:15px 10px 0px 10px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	float:left;
	margin :0px;
	min-height:580px;
	width:100%;
	}
	
/* min-height increased to allow for the 'getting started' tab was 540px - need to reduce when getting started tab is removed */
/* - note by Carol 9 June - not all tabs start in the same place on the page - therefore lower down ones are forcing the page to be unneccessarily long - but better a few too long than most too short which look really weird/wrong */

#subject-tab-content {min-height:456px;}

*html #tabscontent {width:706px;} /* what does this relate too? */
*html #inpage-tab-content {height:630px;}
*html #subject-tab-content {height:630px;}

*:first-child+html #inpage-tab-content {min-height:590px;}

.inpage-tab-top {
	background-image:url("/assets/ctx/92ce6a21/images/tab-inactive-tl.gif");
	background-position:top left;
	background-repeat: no-repeat;	
	float:left;
	font-size: 0.915em;	
	position:relative;
	text-align:center;
	}

#inpage-tabs-area .current {
	background-color:#FFFFFF;
	background-image:url("/assets/ctx/6d9969f0/images/tab-active-tl.gif");
	background-position:top left;
	background-repeat: no-repeat;
	border-bottom:1px solid #D8EEF9;
	}

#inpage-tabs-area a {
	background-image:url("/assets/ctx/53168b5/images/tab-inactive-tr.gif");
	background-repeat: no-repeat;
	background-position:top right;
	color:#000000;
	display:block;
	height:14px;
	padding: 7px 10px 3px 6px;
	text-decoration:none;
	margin-left:4px;
	}

#inpage-tabs-area a.selected {
	background-image:url("/assets/ctx/e01e6884/images/tab-active-tr.gif");
	background-position:top right;
	background-repeat: no-repeat;
	margin-left:4px;
	}
#interfacepage-tab-content {
	padding: 0;
	padding-left: 12px;
	}

/* Tab Component (used for the Scriptaculus component) */

#tabs{
	voice-family: "\"}\""; /* hack to make IE6 ignore subsequent declarations */
	voice-family: inherit;
	overflow: auto;
}

*html #tabs{width: 97%;}

#tabs ul{
	margin:0 0 -4px 0px;
	padding:0;
	list-style:none;
	position: relative;
}

#tabs li{
	display:inline-block;
	margin:0;
	padding:0;
	float: left;
	font-size: 0.915em;
}

#tabs a{
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 4px;
	text-decoration:none;
	outline: none;
}

#tabs a span{
	float:left;
	display:block;
	padding:5px 10px 5px 6px;
	cursor:pointer;	
}

#tabHeader1 a {background: url("/assets/ctx/92ce6a21/images/tab-inactive-tl.gif")  no-repeat left top; color: #000000;}
#tabHeader1 span {background: url("/assets/ctx/53168b5/images/tab-inactive-tr.gif") no-repeat right top; color: #000000;}
#tabHeader2 a {background: url("/assets/ctx/92ce6a21/images/tab-inactive-tl.gif")  no-repeat left top; color: #000000;}
#tabHeader2 span {background: url("/assets/ctx/53168b5/images/tab-inactive-tr.gif") no-repeat right top; color: #000000;}
#tabHeader3 a {background: url("/assets/ctx/92ce6a21/images/tab-inactive-tl.gif")  no-repeat left top; color: #000000; }
#tabHeader3 span {background: url("/assets/ctx/53168b5/images/tab-inactive-tr.gif") no-repeat right top; color: #000000;}
#tabHeader4 a {background: url("/assets/ctx/92ce6a21/images/tab-inactive-tl.gif")  no-repeat left top; color: #000000;}
#tabHeader4 span {background: url("/assets/ctx/53168b5/images/tab-inactive-tr.gif") no-repeat right top; color: #000000;}
#tabHeader5 a {background: url("/assets/ctx/92ce6a21/images/tab-inactive-tl.gif")  no-repeat left top; color: #000000;}
#tabHeader5 span {background: url("/assets/ctx/53168b5/images/tab-inactive-tr.gif") no-repeat right top; color: #000000;}
#tabHeader6 a {background: url("/assets/ctx/92ce6a21/images/tab-inactive-tl.gif")  no-repeat left top; color: #000000; }
#tabHeader6 span {background: url("/assets/ctx/53168b5/images/tab-inactive-tr.gif") no-repeat right top; color: #000000;}

#tabHeaderActive {margin-top: 1px; z-index: 99999; border-bottom:1px solid #D8EEF9;}
#tabHeaderActive a {background: url("/assets/ctx/6d9969f0/images/tab-active-tl.gif") no-repeat; color: #000000;}
#tabHeaderActive span {background: url("/assets/ctx/e01e6884/images/tab-active-tr.gif") no-repeat right top; color: #000000;}


.tabHeader1 a {background: url("/assets/ctx/92ce6a21/images/tab-inactive-tl.gif")  no-repeat left top; color: #000000;}
.tabHeader1 span {background: url("/assets/ctx/53168b5/images/tab-inactive-tr.gif") no-repeat right top; color: #000000;}
.tabHeader2 a {background: url("/assets/ctx/92ce6a21/images/tab-inactive-tl.gif")  no-repeat left top; color: #000000;}
.tabHeader2 span {background: url("/assets/ctx/53168b5/images/tab-inactive-tr.gif") no-repeat right top; color: #000000;}
.tabHeader3 a {background: url("/assets/ctx/92ce6a21/images/tab-inactive-tl.gif")  no-repeat left top; color: #000000; }
.tabHeader3 span {background: url("/assets/ctx/53168b5/images/tab-inactive-tr.gif") no-repeat right top; color: #000000;}
.tabHeader4 a {background: url("/assets/ctx/92ce6a21/images/tab-inactive-tl.gif")  no-repeat left top; color: #000000;}
.tabHeader4 span {background: url("/assets/ctx/53168b5/images/tab-inactive-tr.gif") no-repeat right top; color: #000000;}
.tabHeader5 a {background: url("/assets/ctx/92ce6a21/images/tab-inactive-tl.gif")  no-repeat left top; color: #000000;}
.tabHeader5 span {background: url("/assets/ctx/53168b5/images/tab-inactive-tr.gif") no-repeat right top; color: #000000;}
.tabHeader6 a {background: url("/assets/ctx/92ce6a21/images/tab-inactive-tl.gif")  no-repeat left top; color: #000000; }
.tabHeader6 span {background: url("/assets/ctx/53168b5/images/tab-inactive-tr.gif") no-repeat right top; color: #000000;}

.tabHeaderActive {margin-top: 1px; z-index: 99999; border-bottom:1px solid #D8EEF9;}
.tabHeaderActive a {background: url("/assets/ctx/6d9969f0/images/tab-active-tl.gif") no-repeat; color: #000000;}
.tabHeaderActive span {background: url("/assets/ctx/e01e6884/images/tab-active-tr.gif") no-repeat right top; color: #000000;}


.tabContent {
	background:url("/assets/ctx/c5f2079e/images/tab-content.gif") repeat-x;	
	border:1px solid #CCCCCC;
	clear: both;
	padding-top:2px;
	z-index:auto;	
	float:left;
	width:100%;
	zoom:1;
	/*
	position:relative;
	*/
	}
 
*html .tabContent {width:99%;}
 
.tabContentPadding {padding:10px;}


/* ==== BREADCRUMBS ==== */

.breadcrumbContainer {
	float:left;
	min-width:640px;
	position: absolute;
}

.bcSteps {
	padding: 0;
	list-style-type: none;
	height: 1em;
	font-size: 0.915em; 
}

.bcSteps .bcStep {
	margin: 0;
	padding: 0;
	float: left;
	padding:0 10px 0 2px;
}

.bcNext {
	background:  url("/assets/ctx/6eedb454/images/icons/bullets_sprite.gif") no-repeat scroll right -47px;	 
}

.bcStep a:link {
	padding-right: 2px;
	text-decoration: none;
}

.bcStep a:link:hover {
	text-decoration: underline;
	}
	
/* ==== ICONS ==== */

.arrows_base_sprite {
	background: url("/assets/ctx/77687c32/images/icons/arrows_sprite.gif") no-repeat 0 0;
	zoom:1;
}

.arrow_first {
	background-position: -2px -13px;
	padding: 0 0 0 10px;
}

.arrow_first_disabled {
	background-position: -2px -45px;
	color: #6C6C6C;
	padding: 0 0 0 10px;
}

.arrow_next {
	background-position: right 4px;
	margin-right: 5px;
	padding: 0 12px 0 0;
}

.arrow_next_disabled {
	background-position: right -28px;
	color:#6C6C6C;
	margin-right: 5px;
	padding: 0 12px 0 0;
}

.icons_base_sprite {
	background: url("/assets/ctx/146cb813/images/icons/icons_sprite.gif") no-repeat 0 0;
	padding: 2px 0px;
	zoom:1;
	/*line-height:1.4em; removed as requires 2em (specific style)for the info icon on ProQuest Login URL database page */
}

/* positioning the sole quest_mark.gif icon} */
.inline-help {padding-left:10px;}
	
.inline-help img {position:relative; top:1px;}

.icon_alert {
	background-position: 0 0;
}

.icon_print {
	background-position: 0 -20px;
}

.icon_rss {
	background-position: 0 -81px;
	padding-left: 19px;
}

.icon_cite {
	background-position: 0 -41px;
	padding-left: 19px;
}

.icon_link {
	background-position: 0 -120px;
	padding-left: 17px;
}

.icon_save {
	background-position: 0 -60px;
	padding-left: 20px;
}

.icon_email {
	background-position: 0 0;
	padding-left: 20px;
}

.icon_tags {
	background-position: 0 -101px;
	padding-left: 20px;
}

.icon_signin {
	background-position: 0 -201px;
	padding-left: 19px;
}

.icon_info {
	background-position: 0 -181px;
	padding-left: 14px;
	zoom:1;
	text-decoration:none;
}

a.icon_info {text-decoration:none;}

.toolbar_panel .icon_info {line-height:19px; *margin-top:3px;} 

.icon_external {
	background-position: 99% -942px;
	padding: 2px 20px 2px 0 !important;
	white-space:nowrap;
	zoom:1;	
}

*html .icon_external {padding: 0px 20px 0px 0 !important; background-position-y: -942px;}

*+html a.icon_external {padding: 2px 20px 0px 0px !important; background-position:99% -942px;}

.icon_external {line-height:1.4;}

a.externalLink {text-decoration:underline;}

.icon_internal {
	background-position: 99% -621px;
	padding: 2px 22px 2px 0;
	white-space:nowrap;
	zoom:1;		
}

.icon_help {
	background-position:right -142px;
	padding:2px 20px 2px 0 !important;
}

.icon_findacopy {
	background-position:0 -220px;
	padding-left: 18px;
}

.icon_modify {
	background-position:0 -280px;
	padding-left: 19px;
}

.icon_addtofolder {
	background-position:0 -240px;
	padding-left: 20px;
}

.icon_delete {
	background-position:0 -261px;
	padding-left: 20px;
}

.icon_delete_sm {
	background-position: 0 -361px;
	padding-left: 17px;
}

.icon_share {
	background-position:0 -301px;
	padding-left: 18px;
}

.icon_donotshare {
	background-position:0 -321px;
	padding-left: 18px;
}

.icon_lightbulb {
	background-position:0 -341px;
	padding-left: 20px;
}

.icon_nextlink {
	background-position: 1px -421px;
	padding-left: 18px;
}

.icon_prevlink {
	background-position: 1px -441px;
	padding-left: 18px;
}

.icon_interlibrary {
	background-position: 0 -461px;
	padding-left: 20px;
}

.icon_closelayer {
	background-position: 0 -480px;
	padding-left: 20px;
}

.icon_elibrary {
	background-position: 0 -500px;
	padding-left: 20px;
}

.icon_findfulltext {
	background-position: 0 -520px;
	padding-left: 20px;
}

.icon_unlocked {
	background-position: 0 -540px;
	padding-left: 20px;
}

.icon_locked {
	background-position: 0 -561px;
	padding-left: 13px;
}

.icon_purchasecopy {
	background-position: 0 -580px;
	padding-left: 18px;
}

.icon_home {
	background-position: 0 -600px;
	padding-left: 20px;
}

.icon_alreadytrialled {
	background-position: 0 -862px;
	padding-left: 22px;
	padding-bottom:2px;
}

.icon_transactions {
	background-position: 0 -1042px;
	padding-left: 17px;
}

/* The formats_base_sprite class should be added in addition to a specific class from the ones following.
		i.e "formats_base_sprite format_fulltext"    */

.formats_base_sprite {
	background: url("/assets/ctx/f43f94fb/images/icons/formats_sprite.gif") no-repeat 0 0;
	padding: 2px 0 2px 16px;
	zoom:1;
}

.format_textandgraphics {background-position: 0 -20px;}

.format_fulltext {background-position: 0 -42px; height: 14px; }

.format_video {
	background-position: 0 -80px;
	padding-left: 15px;
}

.format_record, .format_abstract {
	background-position: 0 -100px;
	padding-left: 18px;
}

.format_pdf {
	background-position: 0 -60px;
	padding-left: 17px;
}

.format_zip {
	background-position: 0 -120px;
	padding-left: 18px;
}

.format_flash {
	background-position: 0 -140px;
	padding-left: 20px;
}

.format_pagemap {
	background-position: 0 0;
	padding-left: 18px;
}

.format_paperclip {
	background-position: 0 -160px;
	padding-left: 11px;
}

.format_excel {
	background-position: 0 -180px;
}

.format_rtf {
	background-position: 0 -200px;
	padding-left: 20px;
}

.format_word {background-position: 0 -220px;}


/* ==== OVERRIDES of other (Core Lib) stylesheets ==== */

.prototip {font-size: 0.75em;}

.prototip .tooltip, .prototip .toolbar, .prototip .toolbar .title {
	float:none;
	position:relative;
	}
	
.trigger {
	background:url("/assets/ctx/ce0f0a44/images/icons/blank.gif") repeat 0 0;
	cursor:pointer; 
	padding:5px 1px; 
	position:absolute;
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 220px; 
	z-index: 9000; 
	zoom:1; 
	display:block;}

/* Generic error style overrides */

#lightview {font-size: 0.8em!important;}
.tbox {font-size: 0.8em!important;}	
	
/* IE6 fix == override to force the LV box into view as sometimes appearing off the bottom of the page */

*html #lightview {
	top:300px!important;
	left:50%!important;
	}
*html .tbox {
	top:300px!important;
	left:50%!important;
	}
		
#lightview input {line-height:1.5em;}
.tbox input {line-height:1.5em;}
	
.lv_Title {font-size:1.6em;}	
.lv_contentBottom {  
	padding-left: 10px;
	overflow:hidden !important;
}	
*+html .lv_Container {height: auto;}
	
#lightview .error-padding span.t-error {font-size: 0.9em; width:87%; padding-bottom:12px;}	
.tbox .error-padding span.t-error {font-size: 0.9em; width:87%; padding-bottom:12px;}

#lightview .t-zone {background-color:#EEF7FB;}
.tbox .t-zone {background-color:#FFFFFF;}

#lightview span.t-error {font-size: 0.85em;}
.tbox span.t-error {font-size: 0.85em;}
	

/* === error styles === */

div.t-error {
     font-style:normal !important;
     zoom:1;
      }
	  
/* error-padding style for the error summary */

.error-padding span.t-error {
	color: #af0000;
	font-weight: bold;
	font-size: 1em;
	padding: 10px 16px 10px 15px;
	display:inline-block;
	margin-top:5px;
	}

/* Added .help-block styling to show validation-related error messages that are generated from
   Tapestry's submit component. */
.help-block {
	color:#af0000;
	font-weight:bold;
	padding:10px 0;
}

*html .error-padding span.t-error {	padding-bottom:12px;}

span.t-error{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	background-color:#ffffff;
	border: 1px solid #F29625;
	border-radius: 5px;
	color:#4C4C4C;
	clear:left;
	display:block;
	font-size:0.915em; 
	margin-bottom:3px;
    padding:4px;
	position:relative;
	}
	
*html span.t-error{	padding:5px;}

img.t-error-icon {
	background:transparent url("/assets/ctx/c07934b1/images/field-error-marker-acc.gif") no-repeat scroll 0 0 !important;
	margin-left: 0px;
	margin-bottom:-1px;
	margin: 1px 0px -1px 0px;
	height:10px;
	width:14px;
	}

.error-tl, .error-tr, .error-bl, .error-br {
	width:5px;
	height:6px;
	position:absolute;
	zoom:1;
	}

.error-clear {width:40px; height:40px; background-color:#99FF00;}

.error-tl {	background: url("/assets/ctx/ea03256f/images/error-border-tl.gif") no-repeat top left; top:-1px; left:-1px;}
.error-tr {	background: url("/assets/ctx/dbf32b99/images/error-border-tr.gif") no-repeat top right; top:-1px; right:-1px;}
.error-bl { background: url("/assets/ctx/b4542a14/images/error-border-bl.gif") no-repeat bottom left; bottom:-1px; left:-1px;}
.error-br { background: url("/assets/ctx/50fa27ad/images/error-border-br.gif") no-repeat bottom right; bottom:-1px; right:-1px;}


*html .error-bl {background: url("/assets/ctx/b4542a14/images/error-border-bl.gif") no-repeat bottom left; bottom:-2px; left:-1px;}
*html .error-br {background: url("/assets/ctx/50fa27ad/images/error-border-br.gif") no-repeat bottom right; bottom:-2px; right:-2px;}
*html .error-tr {background: url("/assets/ctx/dbf32b99/images/error-border-tr.gif") no-repeat top right; top:-1px; right:-2px;}


input.t-error, textarea.t-error, select.t-error {
	border: 2px solid #7F9DB9!important;
	color:#000000;
	font-style:normal;
	}
	
/*********************************************
	Buttons
********************************************/
.btnNew, .btnDisabled, .btn {
       margin: -2px 0 0 5px;
       display: block;
       position: relative;
       padding: 4px 10px 5px;
       float: left;
       color: #000 !important;
       text-decoration: none;
       cursor: pointer;
       border-radius:6px;
}

.btnNew, .btn {
       background: #f08e00; /* Old browsers */
       background-image: linear-gradient(bottom, rgb(240,142,23) 30%, rgb(245,197,137) 65%); /* W3C */
       background-image: -o-linear-gradient(bottom, rgb(240,142,23) 30%, rgb(245,197,137) 65%); /* Opera 11.10+ */
       background-image: -moz-linear-gradient(bottom, rgb(240,142,23) 30%, rgb(245,197,137) 65%); /* FF3.6+ */
       background-image: -webkit-linear-gradient(bottom, rgb(240,142,23) 30%, rgb(245,197,137) 65%); /* Chrome10+,Safari5.1+ */
       background-image: -ms-linear-gradient(bottom, rgb(240,142,23) 30%, rgb(245,197,137) 65%);  /* IE10+ */
       border: 1px solid #cc9933;
       box-shadow: 2px 2px 4px #d1d1d1;
}

.btnNew:hover, .btnNew:active, .btn:hover, .btn:active{
       background-image:none;
       text-decoration:none;
       background-color:#f5c489;
       color:#000;
}

.btnNew:focus, .btn:focus{
       background: #0e5490;
       background-image: linear-gradient(bottom, rgb(0,84,157) 30%, rgb(127,168,204) 65%); /* W3C */
       background-image: -o-linear-gradient(bottom, rgb(0,84,157) 30%, rgb(127,168,204) 65%); /* Opera 11.10+ */
       background-image: -moz-linear-gradient(bottom, rgb(0,84,157) 30%, rgb(127,168,204) 65%); /* FF3.6+ */
       background-image: -webkit-linear-gradient(bottom, rgb(0,84,157) 30%, rgb(127,168,204) 65%); /* Chrome10+,Safari5.1+ */
       background-image: -ms-linear-gradient(bottom, rgb(0,84,157) 30%, rgb(127,168,204) 65%); /* IE10+ */
       color:#fff;
       border:1px solid #0e5490;
}

.btnDisabled{
       background: #dbdbdb;
       background-image: linear-gradient(bottom, #dbdbdb 30%, #f3f3f3 65%); /* W3C */
       background-image: -o-linear-gradient(bottom, #dbdbdb 30%, #f3f3f3 65%); /* Opera 11.10+ */
       background-image: -moz-linear-gradient(bottom, #dbdbdb 30%, #f3f3f3 65%); /* FF3.6+ */
       background-image: -webkit-linear-gradient(bottom, #dbdbdb 30%, #f3f3f3 65%);  /* Chrome10+,Safari5.1+ */
       background-image: -ms-linear-gradient(bottom, #dbdbdb 30%, #f3f3f3 65%); /* IE10+ */
       border: 1px solid #dbdbdb;
       color: #6C6C6C;
       cursor: default;
}

.btnDisabled:hover, .btnDisabled:active{
       text-decoration:none;
       color: #6C6C6C;
       cursor: default;
}


.btnToolbarBG * {background-image: url("/assets/ctx/5423e3e/images/pagelayout/button/btnToolbarBG.png")}
.btnSearchPanelInnerBG * {background-image: url("/assets/ctx/c95fc907/images/pagelayout/button/btnSearchPanelInnerBG.png")}
.btnBlueSearchPanelInnerBG * {background-image: url("/assets/ctx/92f65138/images/pagelayout/button/btnBlueSearchPanelInnerBG.png")}
.btnSelectedBG * {background-image: url("/assets/ctx/365c1e11/images/pagelayout/button/btnSelectedBG.png")}

.buttonGroup {padding:10px 0px;}

/*buttons end*/

/* IE6 */ 
/* IE buttons -- Val - No hovers */
*html .btnNew {
	background: transparent url("/assets/ctx/b8f1c7c5/images/pagelayout/button/ie6/button.gif") no-repeat 0px 5px;	
	float:left; 
	padding-left:3px;
	}
	
*html .btnNew:hover {
	background: transparent url("/assets/ctx/b8f1c7c5/images/pagelayout/button/ie6/button.gif") no-repeat 0px 5px;	
	float:left; 
	padding-left:3px;
	}
	
*html .btnNew .ie6ButtonHolder {background: transparent url("/assets/ctx/b8f1c7c5/images/pagelayout/button/ie6/button.gif") no-repeat right -35px; border:0px; padding:4px 7px 6px 4px; float:left;}

*html #lightview .btnNew .ie6ButtonHolder {padding:3px 7px 4px 4px;}	
*html .tbox .btnNew .ie6ButtonHolder {padding:3px 7px 4px 4px;}

/* CA - don't think any of these below are actually used in PAM 
*html .btnNew .btnToolbarBG {background: transparent url("/assets/ctx/b8f1c7c5/images/pagelayout/button/ie6/button.gif") no-repeat 0px 5px; float:left; padding-left:3px;}

*html .btnNew .btnSearchPanelInnerBG{background: transparent url("/assets/ctx/b8f1c7c5/images/pagelayout/button/ie6/button.gif") no-repeat 0px 5px; float:left; padding-left:3px;}

*html .btnNew .btnBlueSearchPanelInnerBG {background: transparent url("/assets/ctx/b8f1c7c5/images/pagelayout/button/ie6/button.gif") no-repeat 0px 5px; float:left; padding-left:3px;}

*html .btnNew .btnSelectedBG {background: transparent url("/assets/ctx/b8f1c7c5/images/pagelayout/button/ie6/button.gif") no-repeat 0px 5px; float:left; padding-left:3px;}

*html .btnNew .btnToolbarBG .ie6ButtonHolder {background: transparent url("/assets/ctx/b8f1c7c5/images/pagelayout/button/ie6/button.gif") no-repeat right -35px; border:0px; padding:5px 7px 5px 4px; float:left;}

*html .btnNew .btnSearchPanelInnerBG .ie6ButtonHolder {background: transparent url("/assets/ctx/b8f1c7c5/images/pagelayout/button/ie6/button.gif") no-repeat right -35px; border:0px; padding:5px 7px 5px 4px; float:left;}

*html .btnNew .btnBlueSearchPanelInnerBG .ie6ButtonHolder {background: transparent url("/assets/ctx/b8f1c7c5/images/pagelayout/button/ie6/button.gif") no-repeat right -35px; border:0px; padding:5px 7px 5px 4px; float:left;}

*html .btnNew .btnSelectedBG .ie6ButtonHolder {background: transparent url("/assets/ctx/b8f1c7c5/images/pagelayout/button/ie6/button.gif") no-repeat right -35px; border:0px; padding:5px 7px 5px 4px; float:left;}


*html .btnDisabled {background: transparent url("/assets/ctx/529aa6f9/images/pagelayout/button/ie6/button_disabled.gif") no-repeat 0px 5px; float:left; padding-left:3px; cursor:default}

*html .btnDisabled .ie6ButtonHolder {background: transparent url("/assets/ctx/529aa6f9/images/pagelayout/button/ie6/button_disabled.gif") no-repeat right -35px; border:0px; padding:5px 7px 5px 4px; float:left;}
*/


/* IE buttons - ends */


/* Cancel Link - if a lightview layer has a cancel link it should be a normal link with the following span & class 
.cancelLink{line-height:20px;padding-left:10px;}

commented out from here temporarily as it is also on the ContentLayout stylesheet with other save/cancel styles.

.SaveCancel-centered {
	float:left;
	margin:15px 36%;
	}
*/	

.SaveCancel-centered {
	margin-top:2px;
	text-align:center;
	padding-top:10px;
	}
		
*html #lightview .SaveCancel-centered {width:100%; }
*html .tbox .SaveCancel-centered {width:100%; }

/* #lightview #centredButtons {padding-top:10px;} */

#centredButtons {
	float:left;
	overflow:hidden;
	padding:10px 0px;
	position:relative;
	width:100%;
	}
	
#centredButtons ul{	
	clear:left;
	float:left;
	left:50%;	
	list-style:none;
	margin:0;
	padding:0;	
	position:relative;
	text-align:center;
	}
	
#centredButtons ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:5px 0px;
	position:relative;
	right:50%;
	}
	
#centredButtons ul li .ie6ButtonHolder {padding-bottom:4px;}	
	
#leftButtons {
	float:left;
	overflow:hidden;
	padding:10px 0px;
	position:relative;
	width:100%;
	}
	
#leftButtons ul{	
	clear:left;  /* not sure if this is actually needed */
	float:left;
	list-style:none;
	margin:0;
	padding:0;	
	position:relative;
	text-align:center;
	}
	
#leftButtons ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:5px 0px;
	position:relative;
	}
	
#leftButtons ul li .ie6ButtonHolder {padding-bottom:4px;}
	
#rightButtons {
	float:right;
	overflow:hidden;
	padding:10px 0px;
	position:relative;
	width:100%;
	}
	
#rightButtons ul{	
	clear:left; /* not sure if this is actually needed */
	float:right;
	list-style:none;
	margin:0;
	padding:0;	
	position:relative;
	text-align:center;
	}
	
#rightButtons ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:5px 0px;
	position:relative;
	}
	
#rightButtons ul li .ie6ButtonHolder {padding-bottom:4px;}

.rightButtons {
	float:right;
	overflow:hidden;
	padding:10px 0px;
	position:relative;
	width:100%;
	}

.leftButtons ul{	
	clear:left;  /* not sure if this is actually needed */
	float:left;
	list-style:none;
	margin:0;
	padding:0;	
	position:relative;
	text-align:center;
	}
	
.leftButtons ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:5px 0px;
	position:relative;
	}
	
.leftButtons ul li .ie6ButtonHolder {padding-bottom:4px;}
	
.rightButtons {
	float:right;
	overflow:hidden;
	padding:10px 0px;
	position:relative;
	width:100%;
	}
	
.rightButtons ul{	
	clear:left; /* not sure if this is actually needed */
	float:right;
	list-style:none;
	margin:0;
	padding:0;	
	position:relative;
	text-align:center;
	}
	
.rightButtons ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:5px 0px;
	position:relative;
	}
	
.rightButtons ul li .ie6ButtonHolder {padding-bottom:4px;}

.changePassLabel {
	 padding: 0px 0px 5px 0px;
}

.indicators_base_sprite {
	background: url("/assets/ctx/670fedd/images/icons/indicators_sprite.gif") no-repeat 0 0;
	padding: 0 0 0 14px;
}

.indicator_menu_up {
	background-position: right -398px;
	padding: 0 13px 0 0;
}

.indicator_menu_down {
	background-position: right 2px;
	padding: 0 13px 0 0;
	cursor:pointer;
}

.imgClass {
	padding: 5px;
	vertical-align:middle;
}

.row { width:100%; display:block; /* adaptations */ overflow:hidden; }
/* 12-column grid */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11 { float:left; display: block; }
.col-1 { width:8.33333%; }
.col-2 { width:16.66667%; }
.col-3 { width:25%; }
.col-4 { width:33.33333%; }
.col-5 { width:41.66667%; }
.col-6 { width:50%; }
.col-7 { width:58.33333%; }
.col-8 { width:66.66667%; }
.col-9 { width:75%; }
.col-10 { width:83.33333%; }
.col-11 { width:91.66667%; }
.col-12 { width:100%; }

.sso-options .col-1 {
	width: 5%;
	text-align: center;
}
.sso-options .col-11 {
	width: 95%
}
.sso-options .row {
	margin-bottom: 5px;
}

.clever-removelink {
	border-top: 1px solid #CCCCCC;
	margin-top: 40px;
	margin-right: 10px;
}
.clever-margintop {
	margin-top: 20px;
}
#clever-error {
	width: 98%;
	margin-bottom: 10px;
}