/*	SITE TEMPLATE
-----------------------------------------------
1.	Universal
2.	Template Layout
3.	Branding / Logo elements
4.	Footer elements 
5.	Miscellaneous
----------------------------------------------- */

/*= 1. Universal
----------------------------------------------- */
html {
	padding:0;
	margin:0;
	overflow-y: scroll;
}
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;

	color: #000;
	line-height: 1em;
	margin: 0;
	padding: 0 0 3% 0;
}
img {border: 0;}
.hidden {
	height: 0;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}

/*= 2. Template Layout
----------------------------------------------- */
#sitewrapper {
	font-size: 70%;
}

#sitewrapper div#contentwrapper {
	float:left;
	width: 1002px;
	background:url("../images/site_objects/bg_sitewrapper_light.gif") repeat-y;
}


#sitewrapper div#leftcontainer {
	float:left;
	width:218px;
	background:url("../images/site_objects/bg_navcontainer_new.gif") repeat-y;
}

#contentwrapper #content {
	float: left;
	margin: 0 0 0 0px;
	width: 772px;
	font-size:100%;
	

}

#sitewrapper #toolkit {
	position: absolute;
	top: 0px;
	left: 795px;
	padding:0 0 0 0px;
	margin:0;
	width: 196px; /*full width 209*/
	background:#fff;
	z-index:1000;
}


#contentwrapper div.content {
	float: left;
	margin: 0 104px  0px 24px;
	width: 435px;

}

#contentwrapper div.contenttools {
	float: left;
	margin: 0 10px  0px 0px;
	width: 135px;
	

}


#contentwrapper #rightcontent, #contentwrapper div.rightcontent  {
	float: left;
	margin: 0;
	width: 209px;

}

#contentwrapper div.contentwide {
	display:inline;
	float: left;
	margin: 0 0px 20px 24px;
	width: 748px;	

}


#contentwrapper div.contentwidehp {
	display:inline;
	float: left;
	margin: 0 0px 0 0px;
	width: 772px;	

}

#contentwrapper div.contenttable {
	border-top:solid 6px #0099ff;

}

#sitewrapper div#homepagefooter {
	background:url("../images/site_objects/bg_home_sitewrapper.gif") no-repeat;
	clear: both;
	float: left;
	margin: 0px;
	padding: 25px 0 0 0px;
	width: 1002px;

}


#sitewrapper #footer {
	background:url("../images/site_objects/bg_sitewrapper_fade.gif") top left no-repeat;
	clear: both;
	float: left;
	margin: 0px;
	padding: 0 0 20px 0;
	width: 1002px;
	height: 70px;
	color:#999999;
	font-size:90%;
	font-family: verdana, arial, helvetica, sans-serif;
}

#sitewrapper #footer div.footerpadding {
	padding: 40px 0 0 241px;
}
#sitewrapper #homepagefooter div.footerpadding {
	padding: 0px 0 0 241px;
}

div.siteservices{

}


#titleshortcuts{
	min-height:127px;
	_height: auto !important;
	height: 105px;
}
/* ------- 3 BRANDING / LOGO  ---------- */

#header {
	position: relative;
	margin: 12px 0 0 12px;
	padding: 0;
	
}
#header #branding img.rexamlogo {
	margin-bottom: 26px;
	
}

#header img.title {
	margin-bottom: 15px;
	margin-left:1px;
}


#titleshortcuts div.titlecontainer {  
	width:500px; 
	float:left; 
	margin:0 0 0 23px;
	}
/*= 3. Branding / Logo elements
----------------------------------------------- */
#header #branding {
	clear: both;
	display: inline;
	float: left; 
	/*margin: 20px;*/
}
div.reporttitle {
	padding-bottom:21px; 
	min-height:47px;
	_height: auto !important;
	min-height:47px;
	width:47px;

}



/*= 4. Footer elements
----------------------------------------------- */
#footer .copyright {
	float: left;
	padding: 0 20px 0 0;
}

#footer .backtotop {
	float: right;
	padding: 0 0px 0 0;
	width:130px;
	text-align:right;
}



/*= 5. Miscellaneous
----------------------------------------------- */

ol.roman{
	list-style-type:lower-roman;
	}
ol.letter {
	list-style-type:lower-alpha;
	}


.blueborderbottom{
	border-bottom:1px solid #0066cc;
	padding-bottom:5px;
	}

.bluebordertop{
	border-top:1px solid #0066cc;
	padding-top:10px;
	}

.greybordertop{
	border-top:1px solid #e4e4e4;
	margin-top:10px;
	}

div.leftpanelcontainer{
	/*background:url("../images/site_objects/bg_left_panel_bluefade.gif") top left repeat-x;*/
	width:142px;
	height:195px;
	padding:20px 10px 10px 19px;
	float:right;
	}

		
div.bluefade{
	background:url("../images/site_objects/bg_left_panel_bluefade.gif") top left repeat-x;
	}	
	
div.feedbacklink{
	background:url("../images/pictures/pic_feedback_clipboardicon.gif") bottom right no-repeat;
	height:190px;
	float:right;
	
	}
div.feedbacklink h2{
	padding:0px;
	margin:0px;
	
	}
img.topmargin14 {
	margin-top:14px;
}/*	NAVIGATION
-----------------------------------------------
1.	Access keys hidden menu
2.	Main navigation
3.	Page trail
4.	Footer navigation
5.  In page nav
----------------------------------------------- */

/*= 1. Access keys hidden menu
----------------------------------------------- */
#accessiblenav ul {
	list-style: none;
	margin: 0 0 0 50px;
	padding: 0;
}
#accessiblenav li {
	display: inline;
	list-style: none;
	margin: 0;	
	padding: 0;

}
#accessiblenav a:link, #accessiblenav a:visited {
	top: 5px;
	left: 220px;
	font-size: 75%;
	height: 0;	
	overflow: hidden;
	position: absolute;
	width: 0;
	z-index: 1002;
}
#accessiblenav a:active, #accessiblenav a:focus { /* Only show skiplinks on focus */
	background: #FFF;
	border: 0;
	height: auto;
	margin: 0;
	overflow: visible;
	padding: 4px 6px 4px 6px;
	position: absolute;
	text-decoration:underline;
	width: auto;
	z-index: 10000;
	border:1px solid #000;
}

/*= 2. Navigation
----------------------------------------------- */

#navigation ul {
	border-bottom: solid 1px #c0c0c0;
	list-style-type:none;
	margin: 0; 
	padding:0;
	width: 218px;
}
#navigation ul li {
	border-top: solid 1px #c0c0c0;
	margin: 0; 
	padding:0;
	position: relative;
	width: 218px;
}
#navigation ul li a:link, #navigation ul li a:visited {
	color: #000;
	display:block;
	padding: 4px 12px 5px 11px;
	text-decoration:none;
	width: 189px;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:focus {
	color: #448fda;
	font-weight: normal;
	text-decoration:underline;
	border-right: 5px solid #0066cc;
}
#navigation ul li a.lit:link, #navigation ul li a.lit:visited {
	color: #448fda;
	text-decoration:none;
	border-right: 5px solid #0066cc;
	font-weight:bold;
	
}
#navigation ul li a.lit:focus, #navigation ul li a.lit:hover, #navigation ul li a.lit:active {
	color: #448fda;
	text-decoration:underline;
	border-right: 5px solid #0066cc;
}

/* navigation - level 2*/
#navigation ul li ul {
	border-bottom: 0;
}
#navigation ul li ul li a:link, #navigation ul li ul li a:visited {
	color: #000;
	display:block;
	padding: 3px 12px 3px 21px;
	text-decoration:none;
	width: 179px;
	
}
#navigation ul li ul li a:focus, #navigation ul li ul li a:hover, #navigation ul li ul li a:active {
	color: #448fda;
	font-weight: normal;
	text-decoration:underline;	
	border-right: 5px solid #0066cc;
}
#navigation ul li ul li a.lit:link, #navigation ul li ul li a.lit:visited {
	color: #448fda;
	text-decoration:none;
	border-right: 5px solid #0066cc;
	font-weight:normal;
}
#navigation ul li ul li a.lit:focus, #navigation ul li ul li a.lit:hover, #navigation ul li ul li a.lit:active {
	color: #448fda;
	text-decoration:underline;
	border-right: 5px solid #0066cc;
}

/* navigation - level 3*/
#navigation ul li ul li ul li a:link, #navigation ul li ul li ul li a:visited {
	color: #000;
	display:block;
	padding: 3px 12px 3px 32px;
	text-decoration:none;
	width: 168px;
}
#navigation ul li ul li ul li a:focus, #navigation ul li ul li ul li a:hover, #navigation ul li ul li ul li a:active {
	color: #448fda;
	font-weight: normal;
	text-decoration:underline;
	border-right: 5px solid #0066cc;
}
#navigation ul li ul li ul li a.lit:link, #navigation ul li ul li ul li a.lit:visited {
	color: #448fda;
	text-decoration:none;
	border-right: 5px solid #0066cc;
}
#navigation ul li ul li ul li a.lit:focus, #navigation ul li ul li ul li a.lit:hover, #navigation ul li ul li ul li a.lit:active {
	color: #448fda;
	text-decoration:underline;
	border-right: 5px solid #0066cc;
}

/* navigation - level 4*/
#navigation ul li ul li ul li ul li a:link, #navigation ul li ul li ul li ul li a:visited {
	color: #000;
	display:block;
	padding: 3px 12px 3px 47px;
	text-decoration:none;
	width: 153px;
}
#navigation ul li ul li ul li ul li a:focus, #navigation ul li ul li ul li ul li a:hover, #navigation ul li ul li ul li ul li a:active {
	color: #448fda;
	font-weight: normal;
	text-decoration:underline;	
	border-right: 5px solid #0066cc;
}
#navigation ul li ul li ul li ul li a.lit:link, #navigation ul li ul li ul li ul li a.lit:visited {
	color: #448fda;
	text-decoration:none;
	border-right: 5px solid #0066cc;
}
#navigation ul li ul li ul li ul li a.lit:focus, #navigation ul li ul li ul li ul li a.lit:hover, #navigation ul li ul li ul li ul li a.lit:active {
	color: #448fda;
	text-decoration:underline;
	border-right: 5px solid #0066cc;
}



/*= 3. Page trail
----------------------------------------------- */
ol#pagetrail, ol#pagetrail li {
	margin: 0;
	padding:0 0 14px 0;
	list-style-type:none;
	white-space:nowrap;
	display:inline;
}

/*= 4. Footer navigation
----------------------------------------------- */
#footer ul {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	
}
#footer ul li {
	display: inline;
	padding: 0 8px 0 0;
	white-space:nowrap;
	
}

div.siteservices {
	
	}

div.siteservices ul li a:link, div.siteservices ul li a:visited {
	color: #999;
	text-decoration:none;
}
div.siteservices ul li a:hover, div.siteservices ul li a:active, div.siteservices ul li a:focus {
	color: #999;
	text-decoration:underline;
}



/*= 5. in page nav
----------------------------------------------- */

/* in page nav elements */
div.reporttitle ul {
	float: left;
	margin: 0px;
	height: 13px;
}

div.reporttitle ul li {
	padding: 0px;
	margin:0;
	list-style-type:none;
	float:left;
}


div.reporttitle ul li.back {
	padding: 0px 10px 0 0;
	margin:0;
	float: left;
	height:auto;
}

div#inpagenav a.roll img {
	padding:0 10px 0 0;
}

/*	LAYOUT
-----------------------------------------------
1.	Grid
2.	Miscellaneous
----------------------------------------------- */


/*= 1. Grid
----------------------------------------------- */
div.col_wrapper_span1, div.col_wrapper_span2, div.col_wrapper_span3, div.col_wrapper_span4 {
	display: inline;
	float: left;
}
div.col_wrapper_span1 {width: 240px;}
div.col_wrapper_span2 {width: 480px;}
div.col_wrapper_span3 {width: 720px;}
div.col_wrapper_span4 {width: 960px;}

div.column, div.column_span2, div.column_span3, div.column_span4 {
	display: inline; 
	float: left;
	margin: 0 10px 10px 0;
}
div.column {width: 230px;}
div.column_span2 {width: 470px;}
div.column_span3 {width: 710px;}


/*= 2. Miscellaneous
----------------------------------------------- */
.floatleft {
	float:left;
}
.floatright {
	float:right;
}

.textright{
text-align:right;
}

.textleft{
text-align:left;
}
.clearboth {
	clear:both;
}
.nowrap {
	white-space:nowrap
}
.print {
	display: none;
}
.nomarginbottom {
	margin-bottom: 0;
}

.nomargin{
	margin: 0;
}

.nopadding{
	padding: 0;
}

/* Hide from regular viewers, leave visible to screen readers:  */
.hidden {
	position:absolute;
	top:-2000px;
	left:-2000px;
}

/* --------------------------------------------- */
/* --------------------------------------------- */
/* --- 3. Quicklinks lists --------------------- */
/* --------------------------------------------- */
/* --------------------------------------------- */

ul.quicklinks{
	border-top: 1px dashed #D0D2D2;
	display:inline;
	float:left;
	margin-left:-12px;
	margin-right:-12px;
	width: 232px;
	}

	ul.quicklinks li{
		background: transparent;
		border-bottom: 1px dashed #D0D2D2;
		display: block;
		float:left;
		padding: 0;
		width: 232px;
		}

		ul.quicklinks li a{
			color: #000;
			display: block;
			float:left;
			padding: 3px 12px;
			text-decoration: none;
			width: 176px;
			}

		ul.quicklinks li a:hover, ul.quicklinks li a:focus, ul.quicklinks li a:active{
			color: #004FB6;
			text-decoration: underline;
			}

		ul.quicklinks li input{
			float: right;
			margin-right: 12px;
			margin-top: 0.5em;
			}

	ul.quicklinks li.nolinks{
		padding: 3px 12px;
		width: 208px;
		}

	ul.quicklinks li.highlight{
		background:#FEF06D;
		color: #004FB6;
		}


div.pagetitle{
	height: 52px;
	margin: 22px 0 0 0;
	padding: 0;
	width: 400px;
	}
	html>body div.pagetitle{
		height: auto;
		min-height: 52px;
		}
	div.pagetitle object{
		float:left;
		width:400px;
		}

/*	TYPOGRAPHY
-----------------------------------------------
1.	Headings
2.	Paragraphs
3.	Blockquotes
4.	Links
5.	Lists
----------------------------------------------- */

/*= 1. Headings
----------------------------------------------- */
h1, .h1 {  
	color: #000;
	font-size:200%;
	line-height: 1em;
	margin: 24px 0 7px 0; 
	padding: 0;
	font-weight:normal;
	color:#0066cc;
	width:420px;

}
h2, .h2 {  
	color: #0066cc;
	font-size:125%;
	margin: 21px 0 12px 0; 
	padding: 0;	
	font-family: verdana, arial, helvetica, sans-serif;
}

h3, .h3 {  
	color: #000;
	font-size:110%;
	margin: 0 0 0px 0; 
	padding: 0;	
}
h4, h5, h6, .h4 {  
	color: #0066cc;
	font-size:100%;
	margin: 0; 
	padding: 0;	
}

/*= 2. Paragraphs
----------------------------------------------- */
p {
	margin: 0 0 14px 0;
	padding: 0;
	text-align:left;
	
}
p.halfspace, .halfspace {
	margin: 0 0 7px 0;
	padding: 0;
	text-align:left;
}

/*= 3. Blockquotes
----------------------------------------------- */
blockquote {
	padding: 0;
	margin: 0;
}

/*= 4. Links
----------------------------------------------- */
a:link, a:visited { 
	background: transparent;
	color: #0066cc;
	text-decoration: underline; 
}
a:hover, a:focus, a:active { 
	background: transparent;
	color: #0066cc;
	text-decoration: none; 
}

/*= 5. Lists
----------------------------------------------- */
ul {
	margin:0 0 14px 16px;
	padding: 0;
}
ol {
	margin:0 0 14px 22px;
	padding: 0;
}
ul li, ol li {
	margin: 0 0 1px 0;
	padding:0;
}
ul.inline {
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 14px 0;
}
ul.inline li {
	list-style-type:none;
	display: inline;
	margin: 0;
 	padding: 0 3px 0 6px;
	white-space:nowrap;
}
ul.relatedlist {
	margin: 0 0 14px 0;
}
ul.relatedlist li {
	list-style: none;
	margin: 0;
}

ol.roman li {
	list-style-type:lower-roman;
}

ol.alpha li {
	list-style-type:lower-alpha;
}



/*= 6. Miscellaneous
----------------------------------------------- */
.bold {font-weight: bold;}
.nobold {font-weight: normal;}
.smalltext {font-size:90%;}
.intro {
	color: #bea55a;
	font-size: 170%;
	font-weight:bold;
	line-height:1.1em;
	padding: 0 0 14px 0;
}
.error {
	background: transparent;
	color: #FF0000; 
}

.italic {
font-style:italic;
	}
.bluetitle {
color:#0066cc;
	}
.greentitle {
color:#7dc340;
	}	
.orangetitle {
color:#ff9600;
	}	
.purpletitle {
color:#9e6bb7;
	}
.blacktitle {
	color:#000;
	}
.futuraLight {
	line-height:1.1em;
	}
/*	FORMS
----------------------------------------------- */
legend {
	/* this is impossible to style consistently
	accross browsers, so is set to display: none */
	display: none;
}
form, fieldset  {
	border:0;
	margin:0;
	padding:0;
}
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	margin: 0;
	padding: 1px;
	
}
input.button, input.button_f2 {
	background: transparent!important;
	border: 0;
	cursor: pointer;
	float: left;
	font-weight:bold;
	margin: 0;
	overflow: visible;
	padding:0;
	text-align:left;
	text-decoration: underline;
	width: auto;
}
input.button_f2 {
	text-decoration: none;
}
input.button,  input.button_f2 {
	border:none;
	background: url(../images/buttons/btn_submit_button.gif) top left no-repeat!important;
	color:#ffffff;
	cursor:pointer;
	float:left;
	font-weight:bold;
	margin:0;
	padding:3px 2px 5px 0;
	text-align:center;
	text-decoration:none;
	width:72px;
}
input.button:hover,  input.button:focus {
	text-decoration:underline;
}


input.buttondownload,  input.buttondownload_f2 {
	background: url(../images/buttons/btn_submit_delete_button.gif) top left no-repeat!important;
	width:150px;
	padding:0px 5px 5px 7px!important;
	text-align:left!important;
}

input.buttonprint,  input.buttonprint_f2 {
	background: url(../images/buttons/btn_submit_print_button.gif) top left no-repeat!important;
	width:150px;
	padding:0px 5px 5px 7px!important;
	text-align:left!important;
}

/*	TABLES
-----------------------------------------------
1.	Generic
2.	Information
3.	Financial
----------------------------------------------- */


/*= 1. Generic
----------------------------------------------- */
table {
	clear:left;
	font-size: 100%; /* need to set for IE5/5.5 */
	margin: 0 0 14px 0;
	padding: 0;
	text-align:right;
	vertical-align:bottom;
}
caption {
	font-weight: bold;
	margin: 0;
	padding: 0 0 7px 0;
	text-align: left;
}
th, td {
	margin: 0;
	padding: 5px 12px 8px 11px;
}

th.left, td.left {
	text-align:left;
}
th.top, td.top {
	vertical-align:top;
}
th.nobold {
	font-weight:normal;
}

th.italic, td.italic {
font-style:italic;
color:#0066cc;
}
th.indent, td.indent {
	padding-left:28px;
}

/* The following fixes width of first colgroup to line data up with other tables that have a different number of columns */

colgroup.firstof2cols {
	width:90%;
}

colgroup.firstof3cols {
	width:70%;
}

colgroup.firstof4cols {
	width:66%;
}

colgroup.firstof5cols {
	width:55%;
}

colgroup.firstof6cols {
	width:42%;
}

colgroup.firstof7cols {
	width:33%;
}

colgroup.firstof8cols {
	width:26%;
}

colgroup.firstof9cols {
	width:18%;
}


/*= 2. Information
----------------------------------------------- */
table.info {
	margin: 0 0 40px 0;
	text-align:left;
	width: 100%;
}
table.info td, table.info th {
	padding: 8px;
	vertical-align: top;
	border-bottom: solid 1px #e3d5ab; 
}
.bordertop {
	border-top: solid 1px #e3d5ab; 
}
table.info td.noborder {
	border-bottom: 0; 
}
/*= 3. Financial
----------------------------------------------- */

/* financial tables */
table.financial {
	margin:10px 0 25px 0;
	width: 100%;
	color:#666666;
}
table.financialwide {
	width: 700px;
}
table.financial thead tr th, table.financial thead tr td, table.financial tbody tr.header th, table.financial tbody tr.header td {
	background: #ffffff;
	border-bottom: 1px solid #000;
	font-weight: bold;
	color:#000000;
	vertical-align:bottom;
}

table.financial thead tr th.tabletitle, table.financial thead tr td.tabletitle, table.financial tbody tr.header th.tabletitle, table.financial tbody tr.header td.tabletitle {
	font-size:120%;
}

	table.financial tbody tr.alignbottom td {
		vertical-align:bottom
	}

	table.financial tbody tr td.hover{
	background:#d4e5ef;
		}
	
	table.financial tbody tr td.nohover{
	background:#fff;
		}
		
	table.financial tbody tr td.nohoverhighlight{
	background:#f3f5f5;}
		

table.financial tr th.left, table.financial tr td.left {
	text-align: left;
}

table.financial tbody tr td, table.financial tbody tr th {
	background: #fff;
	border-bottom: 1px solid #e4e4e4;

}

table.financial tr th.highlight {
	color: #000;
	font-weight: bold;
	background:#f3f5f5;
}

table.financial tr td.highlight {
	color: #000;
	font-weight: bold;
	background:#f3f5f5;
}





table.financial tr td ul {
	padding: 0px!important;
}

table.financial tr.linebottom td, table.financial tr.linebottom th{
	border-bottom:1px solid #999;
}

table.financial tr.noline td, table.financial tr.noline th{
	border-bottom:0px solid #fff;
}
table.financial tr.linebottomthick td, table.financial tr.linebottomthick th{
	border-bottom:2px solid #000;
}
table.financial tr.linetop td, table.financial tr.linetop th{
	border-top:1px solid #999;
}
table.financial tr.total td{
	border-top:1px solid #000;
	border-bottom:2px solid #000;
}

table.financial tr.gaptop td{
	padding-top:20px;
}

table.financial tr td.lineleft{
	border-left:1px solid #999;
}
table.financial tr td.lineright{
	border-right:1px solid #999;
}
table.financial tr td.noline{
	border-bottom:1px solid #FFF;
}
table.financial tr td.linebottom{
	border-bottom:1px solid #999;
}
table.financial tr td.linebottomthick{
	border-bottom:2px solid #000;
}

table.financial tr td.line, table.financial tr.line td{
	border-bottom:1px solid #000;
}

table.financial tfoot tr td table.footnote {
	margin-bottom: 0px;
	padding-bottom: 0px;
}


table.financial tfoot tr td {
	text-align:left;
	vertical-align:top;
	font-size: 90%;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top:10px;
	color:#000000;
}

table.financial tfoot ol{
	
	}

table.financial tfoot tr td a:hover {
	color:#333;
}

table.footnote tr td {
	text-align:left;
	vertical-align:top;
	font-size: 90%;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom:0px solid #fff!important;
}

table.footnote tr.hover th, table.footnote tr.hover td {
	background: #fff!important;
}

th.center {
	text-align:center;
	}
/*= TABS
--------------------------------------------- */
#toolstab { 
	list-style-type: none;
	margin: 0;
	padding: 0;

}
#toolstab li {
	display: inline;
	white-space: nowrap;
}
#toolstab li a.lit {
	font-weight: bold;
}

/*= AUTOCOMPLETE
----------------------------------------------- */
.ac_odd {background: #f9f9f9;}				/* bg colour of odd rows */	
.ac_results strong {color: #000;} 			/* colour of matching text */
.ac_over {background: #444;color: #FFF;}	/* hover state */
.ac_over strong {color: #59b337;}			/* hover state - colour of matching text */

.ac_results {
	padding: 0px;
	border: 1px solid #ccc;
	background: white;
	overflow: hidden;
	z-index: 99999;
}
.ac_results ul {
	cursor: pointer;
	list-style-position: outside;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.ac_results li {
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 16px;
	margin: 0px;
	overflow: hidden;
	padding: 2px 5px;
}
.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

/*= OTHER
----------------------------------------------- */
.hidetool {
	display: none;
	position:absolute;
	top:24px;
	left:668px;
	float:right; 
	width:300px; 
	background:#fff url("../images/tools/bg_toolsmenu.gif") no-repeat left top;
	padding:10px;
	border-right:1px solid #cecece;
	border-bottom:1px solid #cecece;
	border-left:1px solid #cecece;

}
.showtool {
	display: block!important;
	float:right; 
	width:300px; 
	background:#fff url("../images/tools/bg_toolsmenu.gif") no-repeat left top;
	padding:10px 10px 0px 10px;
	border-right:1px solid #cecece;
	border-bottom:1px solid #cecece;
	border-left:1px solid #cecece;
	margin:0px 0 0 0;
	position:absolute;
	top:24px;
	left:668px;
	
	}
	
.shadow {
	background:url("../images/tools/bottom_shadow.gif") repeat-x bottom;
	height:10px;
	width:197px;
}
	
/*= NOTES*/

.notestool textarea {
	width:296px;
	border:1px solid #cecece;
	background:#eff5f9;
	clear:both;
}

form.notestool input.savenote {
	background: url(../images/buttons/btn_submit_button.gif) top left no-repeat!important;
	border:0;
	width:45px;
	height:26px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	
}

form.notestool input.savenote,  form.notestool input.savenote_f2 {
	border:none;
	background: url(../images/buttons/btn_submit_button.gif) top left no-repeat!important;
	color:#ffffff;
	cursor:pointer;
	float:left;
	font-weight:bold;
	margin:0;
	padding:2px 2px 5px 0;
	text-align:center;
	text-decoration:none;
	width:72px;
}
form.notestool input.savenote:hover,  form.notestool input.savenote.button:focus {
	text-decoration:underline;
}

p.marginzero {
	margin-top:-5px;
}



div.savepage input.button_save{
	border: 0;
	cursor: pointer;
	float: right;
	font-weight:bold;
	text-align:right!important;
	text-decoration: none;
	width: auto;
	background:#fff;
	color:#0066cc;
	font-size:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	}
	
div.savepage input.button_save:hover,  div.savepage input.button_save:focus {
	text-decoration:underline;
}
	
	
/*= tools subnavigation */

div.toolsmenu {
	float:left;
	padding-top: 0px;
	width:772px;
}

div.toolsmenu p.marginright {
	margin:5px 10px 0 0;
	padding:0;
	float:left;
}

div.toolsmenu p.right {
	float:right;
}

div.toolsmenu ul.tools_menu {
	margin: 0;
	padding: 0px;
	float: right;
	border-right:1px solid #c9c8c8;
	border-left:1px solid #c9c8c8;
	border-top:0px solid #c9c8c8;
}
div.toolsmenu ul.tools_menu li {
	float: left;
	display:inline;
	list-style:none;
	margin:0;

}
div.toolsmenu ul.tools_menu li a, 
div.toolsmenu ul.tools_menu li a:link, 
div.contentheader div.toolsmenu ul.tools_menu li a:visited {
	font-weight:bold;
	display: block;
	background: #fafafb;
	color: #0066cc;
	text-decoration:none;
	padding: 4px 11px 3px 11px;
	border-right: 1px solid #c9c8c8;
	border-bottom: 1px solid #c9c8c8;
}
div.toolsmenu ul.tools_menu li a:hover, 
div.toolsmenu ul.tools_menu li a:focus, 
div.toolsmenu ul.tools_menu li a:active {
	display: block;
	background: #fff;
	color: #0066cc;
}

div.toolsmenu ul.tools_menu li a.last, 
div.toolsmenu ul.tools_menu li a.last:link, 
div.toolsmenu ul.tools_menu li a.last:visited {
	border-right:none;
}

div.toolsmenu ul.tools_menu li a.lit {
	display: block;
	background: #fff;
	color: #000;
	border-bottom: 1px solid #fff!important;
	z-index:2000;
}

input.textfield {
	color:#000000!important;
	height:15px!important;
	font-weight:normal!important;
	margin:0 0 5px 0!important;
	border: solid 1px #e0e6ed!important;
	
}


ul.shortcuts {
		color: #5d686e;
		float: left;
		font-size:90%;
		list-style-type:none;
		margin: 0;
		padding: 0;
		}

	ul.shortcuts  li {
		background: none;
		float: left;
		padding-left: 10px;
		white-space: nowrap;
		}

	ul.shortcuts a:link, ul.shortcuts a:visited { 
		color: #0066cc;
		text-decoration: none; 
		}

	ul.shortcuts a:hover, ul.shortcuts a:focus, ul.shortcuts a:active { 
		color: #0066cc;
		text-decoration: underline; 
		}


	ul.shortcuts input.button{
		background:red;
		border:0;
		color: #5d686e;
		cursor: pointer;
		font-size:100%;
		}

	ul.shortcuts input.buttonclear:hover,ul.shortcuts input.buttonclear:focus,ul.shortcuts input.buttonclear:active{
		text-decoration:underline;
		}/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
.sIFR-active h2.metaserifpro, .sIFR-active div.titlecontainer h1, .sIFR-active h2.targetheader, .sIFR-active h3.subheader, .sIFR-active h3.subheader span {
	color: #FFFFFF !important;
	line-height:1em;
	margin:0;
	padding:0;
}
.sIFR-active #content div.pagetitle h1 {
	font-size:28px;
}	

html>body .sIFR-active h2.twolines {
	height:auto;
	min-height:140px;
}

.sIFR-active h3.subheader,.sIFR-active h2.targetheader  {
	font-size:240% !important;
	height:55px;
	padding:0;
}
html>body .sIFR-active h3.subheader {
	height:auto;
	min-height:55px;
}
}div.col1{
	width:169px; 
	float:left;
	padding:0px 16px 0 19px;
	background:#d4e5ef url("../images/site_objects/bg_homepage_bluefade.gif") top repeat-x;
	margin:3px 7px 0 0;
	}
	
div.col2{
	width:135px;
	float:left; 
	padding:0px 19px 0 19px;
	background:#d4e5ef url("../images/site_objects/bg_homepage_bluefade.gif") top repeat-x;
	margin:3px 7px 0 0;
	}
div.col3{
	width:194px;
	float:left; 
	padding:0px;
	background: #f3f3f3 url("../images/site_objects/bg_homepage_purplefade.gif") top repeat-x;
	margin:3px 0px 0 0;
	}

div.col3 h2{
	padding:0px 0px 0 19px;
	}
	

html>body #content div.col1, html>body #content div.col2, html>body #content div.col3 {
min-height:274px;

}

* html #content div.col1,* html #content div.col2, * html #content div.col3 {
height:274px;
}



.figuresblue{
font-size:150%;
color:#0066cc;
margin-bottom:0px;
	}
	
	
/*NON Flash*/

div.nonflash_col1{
	float:left;
	width:222px;
	
	}

div.nonflash_col2{
	float:left;
	width:344px;
	margin-left:-1px;
	
	}
	
div.nonflash_col3{
	float:left;
	width:200px;
	
	}
	
h1.homepage{
	margin:0px;
	padding:0px;
	width:50px;
	}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 160px;
    height: 300px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
.jcarousel-skin-publications .jcarousel-container-horizontal {
    width: 160px;
    padding: 0px 10px 0px 20px;
}



.jcarousel-skin-publications .jcarousel-clip-horizontal {
    width:  160px;
    height: 220px;
}


.jcarousel-skin-publications .jcarousel-item {
    width: 160px;
    height:220px;
	margin-right: 0px;
}

.jcarousel-skin-publications .jcarousel-item-horizontal {
    margin-right: 0px;
}



.jcarousel-skin-publications .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-publications .jcarousel-next-horizontal {
    position: absolute;
    top: 25px;
    right: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background:  transparent url("../images/buttons/btn_scroll_right.gif") no-repeat 0 0;
}

.jcarousel-skin-publications .jcarousel-next-horizontal:hover, 
.jcarousel-skin-publications .jcarousel-next-horizontal:active,
.jcarousel-skin-publications .jcarousel-next-horizontal:focus {
      background:  transparent url("../images/buttons/btn_scroll_right_f2.gif") no-repeat 0 0;
}


.jcarousel-skin-publications .jcarousel-next-disabled-horizontal,
.jcarousel-skin-publications .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-publications .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-publications .jcarousel-next-disabled-horizontal:focus {
    cursor: default;
    background:  transparent url("../images/buttons/btn_scroll_right_f3.gif") no-repeat 0 0;
}

.jcarousel-skin-publications .jcarousel-prev-horizontal {
    position: absolute;
    top: 25px;
    left: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: transparent url("../images/buttons/btn_scroll_left.gif") no-repeat 0 0;
}

.jcarousel-skin-publications .jcarousel-prev-horizontal:hover,
.jcarousel-skin-publications .jcarousel-prev-horizontal:active,
.jcarousel-skin-publications .jcarousel-prev-horizontal:focus {
   background: transparent url("../images/buttons/btn_scroll_left_f2.gif") no-repeat 0 0;
}

.jcarousel-skin-publications .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-publications .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-publications .jcarousel-prev-disabled-horizontal:active,
.jcarousel-skin-publications .jcarousel-prev-disabled-horizontal:focus {
       background: transparent url("../images/buttons/btn_scroll_left_f3.gif") no-repeat 0 0;
}

.thumbpadding{
	margin-left:32px;
	}