﻿body {
	color:#333;
	background-color: #fff;
	margin:0;
	padding:0;
	font:0.8em verdana, arial, helvetica, sans-serif;
	}	
.offset {
	position:absolute;
	top: -1000px;
	left: -1000px;
	}

/* the shadow under the tabs and the left background  */
#mainshadow {
	background-image: url(/images/maintopshad.gif);
	background-repeat: repeat-x;
	height: 5px;
	margin: 0;
	padding: 0;
	}
#main {
	margin:0; 
	padding:0px; 
	background-image: url(/images/leftbg.gif);
	background-repeat: repeat-y;
	} 
#maincat {
	margin:0; 
	padding:0px; 
	background-image: url(/images/leftbg.gif);
	background-position: right;
	background-repeat: repeat-y;
	} 	

/* columns */
#content {
	padding:0px;
	}
#rightfloat { 
	float:right; 
	margin:0px 0px 10px 5%;
	width: 217px;
	}

/* typography */
h1 {
	margin:10px 260px 15px 0px;
	padding:0 0 5px 0;
	font-size:130%;
	color: #757500;
	font-weight:900;
	border-bottom: 1px dashed #A8BA00;
	}
h2 {
	font-size:110%;
	font-weight:900;
	color: #757500;
	margin-right: 16%;
	}

h3 {
	font-size:100%;
	font-weight:900;
	color: #757500;
	margin-right: 16%;
	}

h4 {
	font-size:90%;
	font-weight:900;
	color: #757500;
	margin-right: 16%;
	}

h5 {
	font-size:80%;
	font-weight:900;
	color: #757500;
	margin-right: 16%;
	}

h6 {
	font-size:70%;
	font-weight:900;
	color: #757500;
	margin-right: 16%;
	}
/* content level pages body text */
#textual a, #textual a:link {
	color: #CC4E00;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dashed;
	}
#textual {
margin:0 0 0 230px;
	}
#textual a:visited {
	color:#CC4E00; 
	border-bottom: 1px dashed
	}
#textual a:hover {
	color:#CC4E00; 
	/*background-color: #fff; */
	border-bottom: 1px dashed
	}
#textual p {
 	margin-right: 13%;
	line-height: 160%;
	}
#textual ol {
	margin-right: 16%;
	}
#textual ul {
	margin-right: 16%;
	}
#textual ul ul, #textual ul ul ul, #textual ul ul ul ul, #textual ol ol, #textual ol ol ul, #textual ol ul, #textual ol ol ol {
	margin-right: 0;
	}
#textual ul li {
	list-style-image: url("/images/bullet.gif");
	}
#textual li {
	line-height: 160%;
	}
/* hortizonial line */ 
#textual hr {
	border: none 0; 
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	height: 2px;
	margin: 0;
}
#indextextual hr {
	border: none 0; 
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	height: 2px;
	margin: 0;
	}
#textual a.imagelink, #textual a:link.imagelink, #textual a:visited.imagelink, #textual a:hover.imagelink {
	border: 0 none;
	}
#textual img
	{
	border:0;
	}
#textual .imageright {
	text-align: right;
	}
/* text alignment */
#textual .leftalign {
	text-align: left;
	} 
#textual .rightalign {
	text-align: right;
	}
#textual .centeralign {
	text-align: center;
	}
/* homepage text alignment */
#indextextual .leftalign {
	text-align: left;
	} 
#indextextual .rightalign {
	text-align: right;
	}
#indextextual .centeralign {
	text-align: center;
	}
/* category index level pages body text */
#indextextual {
	margin:0;
	padding: 0 0 0 12px;
	}
#indextextual a, #indextextual a:link {
	color:#CC4E00;
	font-weight: bold;
	text-decoration:none;
	}
#indextextual a:visited {
	color:#CC4E00; 
	}
#indextextual a:hover {
	color:#CC4E00; 
	}
#indextextual p {
	margin-right: 13%;
	padding-right: 17%;
	padding-bottom: 1px;
	}
#indextextual p.matrix {
	padding-left: 25px;
	background-image: url(/images/matrix2.gif);
	background-position: left;
	background-repeat: repeat-y;
	}
#indextextual ul {
	margin-right: 26%;
	line-height: 160%;
	}
#indextextual ul ul, #indextextual ul ul ul, #indextextual ul ul ul ul {
	margin-right: 0;
	padding-bottom: 0.5em;
	}
#indextextual ul li {
	list-style-image: url("/images/bullet.gif");
	line-height: 160%;
	}

/* tooltips in pure css brutha */
A.info {
	Z-INDEX: 24; COLOR: #000; background-color: #fff; POSITION: relative; TEXT-DECORATION: none;
}
A.info:hover {
	Z-INDEX: 25; COLOR: #000; BACKGROUND-COLOR: #fff;
}
A.info SPAN {
	DISPLAY: none;
}
A.info:hover SPAN {
	BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; DISPLAY: block; LEFT: 2em; BORDER-LEFT: #666 1px solid; WIDTH: 15em; COLOR: #000; BORDER-BOTTOM: #666 1px solid; POSITION: absolute; TOP: 2em; BACKGROUND-COLOR: #EAEAE0; TEXT-ALIGN: center;
	font: 0.8em Verdana, Helvetica, Sans-serif;
}

/*keeping the floats within parent - eg. keeps the foter below everything if the content is minimal*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* footer */
#footer {
	background-color: #EAEAE0;
    margin: 10px 0 0 0;
	padding: 20px;
	clear: both;
	}
#footer a, #footer a:link, #footer a:visited {
	font: 0.8em Verdana, Helvetica, Sans-serif;
	font-weight: bold;
	color: #666600;
	text-decoration: none;
	}
#footer a:hover {
	color: #000;
	}
.error {
	color: #FF0000;
}
.result {
	color: #CC4E00;
	font-size: medium;
}
/* rs on 05072006 - link style override for L1 template behaving like L2 */
#linkoverride #indextextual a, #linkoverride #indextextual a:link {
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dashed;
}
/* main table styles for index pages*/
#indextextual .threedtable {
	border-top: 1px solid #999999;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 1px solid #999999;
	}

#indextextual .threedtable th {
	text-align: left;
	vertical-align: bottom;
	padding: 0.5em 2em 0.5em 0.2em;
	background-color: #EAEAE0;
	}

#indextextual .threedtable td {
	border-top: 1px solid #CCCCCC;
	padding: 0.2em 2em 0.2em 0.2em;
	}

#indextextual .threedtable caption {
	font: 0.72em Verdana, Arial, Sans-serif;
	text-align: left;
	padding-bottom: 0.5em;
	}
#textual td p, #textual td ul{
	margin-right: 0;
}
/* table styles for content pages*/
#textual .threedtable {
	border-top: 1px solid #999999;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 1px solid #999999;
	}
#textual .threedtable th {
	text-align: left;
	vertical-align: bottom;
	padding: 0.5em 2em 0.5em 0.2em;
	background-color: #EAEAE0;
	}
#textual .threedtable td {
	border-top: 1px solid #CCCCCC;
	vertical-align:top;
	padding: 0.2em 2em 0.2em 0.2em;
	}
#textual .threedtable td.calendar {
	background-color: #eeeebe;
	text-align:center;
	}	
#textual .threedtable td.mrgreen {
	font: 0.92em Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #ffffff; 
	padding: 0.5em 0.5em 0.5em 0.2em;
	background-color: #A8BA00;
	}
#textual .threedtable td.mrgray {
	font-weight:bold;
	padding: 0.5em 0.5em 0.5em 0.2em;
	background-color: #EAEAE0;	
	}	
#textual .threedtable td.mrlightgray {
	font-weight:bold;
	padding: 0.5em 0.5em 0.5em 0.2em;
	background-color: #F7F7F7;	
	}	
#textual .threedtable td.mrorange {
	font: 0.92em Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #ffffff; 
	padding: 0.5em 0.5em 0.5em 0.2em;
	background-color: #CC4E00;
	}
#textual .threedtable p {
	margin: 0;
	}
#textual .threedtable caption {
	font: 0.72em Verdana, Arial, Sans-serif;
	text-align: left;
	padding-bottom: 0.5em;
	}

/*Table style with no lines and border */	
#textual .threedtablenoline {
	border-top: 0px solid #999999;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
	border-left: 0px solid #999999;
	}
#textual .threedtablenoline th {
	text-align: left;
	vertical-align: bottom;
	padding: 0.5em 5em 0.5em 0.5em;
	background-color: #EAEAE0;
	}
#textual .threedtablenoline td {
	padding: 0.2em 2em 0.2em 0.5em;
	vertical-align:top;
	}	
#textual .threedtablenoline td.mrgreen {
	font: 0.92em Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #ffffff; 
	padding: 0.5em 5em 0.5em 0.5em;
	background-color: #A8BA00;
	}
#textual .threedtablenoline td.mrgray {
	font-weight:bold;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: #EAEAE0;	
	}	
#textual .threedtablenoline td.mrlightgray {
	font-weight:bold;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: #F7F7F7;	
	}	
#textual .threedtablenoline td.mrorange {
	font: 0.92em Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #ffffff; 
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: #CC4E00;
	}
#textual .threedtablenoline caption {
	font: 0.72em Verdana, Arial, Sans-serif;
	text-align: left;
	padding-bottom: 0.5em;
	}			
#textual .threedtablenoline td.altcolor {
	background-color: #E7E7E7;
	}
	
/*Compact table style begins */	
#textual .threedtablecompact {
	border-top: 0px solid #999999;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
	border-left: 0px solid #999999;
	}
#textual .threedtablecompact th {
	font: 0.86em Verdana, Arial, Sans-serif;
	font-weight: bold;
	text-align: left;
	vertical-align: bottom;
	padding: 0.5em;
	background-color: #EAEAE0;
	}
#textual .threedtablecompact td {
	font: 0.86em Verdana, Arial, Sans-serif;
	vertical-align:top;
	border-top: 1px solid #CCCCCC;
	padding: 0.2em 0.5em 0.2em 0.2em;
	}
/* === Colour compact table styles === */
#textual .threedtablecompact td.mrgreen {
	font: 0.92em Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #ffffff; 
	padding: 0.5em 0.5em 0.5em 0.2em;
	background-color: #A8BA00;
	}
#textual .threedtablecompact td.mrgray {
	font-weight:bold;
	padding: 0.5em 0.5em 0.5em 0.2em;
	background-color: #EAEAE0;	
	}	
#textual .threedtablecompact td.mrlightgray {
	font-weight:bold;
	padding: 0.5em 0.5em 0.5em 0.2em;
	background-color: #F7F7F7;	
	}	
#textual .threedtablecompact td.mrorange {
	font: 0.92em Verdana, Arial, Sans-serif;
	font-weight: bold;
	color: #ffffff; 
	padding: 0.5em 0.5em 0.5em 0.2em;
	background-color: #CC4E00;
	}
#textual .threedtablecompact caption {
	font: 0.72em Verdana, Arial, Sans-serif;
	text-align: left;
	padding-bottom: 0.5em;
	}
#textual .highlightbox 
{
	border-top: 1px solid #999; 
	border-left: 1px solid #999; 
	border-right: 2px solid #666; 
	border-bottom: 2px solid #666; 
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: #F7F7F7;
}
#textual .footnote {
	font-size: 0.69em;
}
#indextextual a img
{
	border: 0;
}
#textual a img
{
	border: 0;
}
/* Styles for the publications text and images within the Text/HTML module */

/* Publication images with borders */
#textual .mrpublicationcaption
{
    float: left;
    margin-right: 45px;
}
#textual .mrpublication
{
	margin-left: 160px;
}
#textual .mrpublication p
{
	margin-left: 140px;
}
#textual .mrpublication ul
{
	margin-left: 180px;
}
#textual .mrpublication li
{
	list-style-image: url("/images/bullet.gif");
	line-height: 120%;
} 
#textual a.mrpublication, #textual a:link.mrpublication, #textual a:visited.mrpublication, #textual a:hover.mrpublication 
{
	border: 0 none;
}

/* BCR Table Styles */

#textual .mrbcrtable-row {
	width: 96%;
	/*margin: 10px auto;*/
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 2px solid gray;
	line-height: 130%;
}

#textual .mrbcrcaption
{
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
	clear:both;
}

#textual .mrbcr
{
	margin-left: 290px;
	padding-top: 0.2px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-right: 0;
	border-left: 1px solid gray;
}

#textual .mrbcrcaption p
{
	margin-left: 5px;
}

#textual .mrbcr ul
{
	margin-left: 50px;
	margin-right: 5px;
}

#textual .mrbcr p
{
	margin-right: 5px;
	padding:0;
}

#textual .mrbcrspace-line {
	border-bottom: 2px solid #666666; 
	clear: both; 
	margin: 0; 
	padding: 0;
	width: auto;
}

#textual .mrbcrtable-rowheading {
	color: #000000;
	margin-top: 0; 
	margin-right: 0; 
	margin-bottom: 0; 
	margin-left: 0;
	padding: 0;
	text-align: left; 
}

#textual .mrbcrgrayheading
{
	border-right: 2px solid #666666;
	float: left;
	width: 96%;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	background-color: #EAEAE0;
	font-weight: bold;
	padding-top:0;
	padding-left: 5px;
	padding-right:0;
	clear:both;
}

/* tables sizes in percentages */
.dbhwidth_3pc {	width: 3%; float: left;} 
.dbhwidth_4pc {	width: 4%; float: left;}	
.dbhwidth_5pc {	width: 5%; float: left;}	
.dbhwidth_7pc {	width: 7%; float: left;}	
.dbhwidth_8pc {	width: 8%; float: left;}	
.dbhwidth_9pc {	width: 9%; float: left;}	
.dbhwidth_10pc { width: 10%; float: left;}	
.dbhwidth_15pc { width: 15%; float: left;}	
.dbhwidth_16pc { width: 16%; float: left;}	
.dbhwidth_20pc { width: 20%; float: left;}	
.dbhwidth_21pc { width: 21%; float: left;}	
.dbhwidth_23pc { width: 23%; float: left;}	
.dbhwidth_24pc { width: 24%; float: left;}	
.dbhwidth_25pc { width: 25%; float: left;}	
.dbhwidth_27pc { width: 27%; float: left;}	
.dbhwidth_30pc { width: 30%; float: left;}	
.dbhwidth_35pc { width: 35%; float: left;}	
.dbhwidth_40pc { width: 40%; float: left;}	
.dbhwidth_45pc { width: 45%; float: left;}	
.dbhwidth_50pc { width: 50%; float: left;}	
.dbhwidth_55pc { width: 55%; float: left;}	
.dbhwidth_60pc { width: 60%; float: left;}	
.dbhwidth_65pc { width: 65%; float: left;}	
.dbhwidth_70pc { width: 70%; float: left;}	
.dbhwidth_75pc { width: 75%; float: left;}	
.dbhwidth_80pc { width: 80%; float: left;}	
.dbhwidth_85pc { width: 85%; float: left;}	
.dbhwidth_90pc { width: 90%; float: left;}	
.dbhwidth_95pc { width: 95%; float: left;}	
.dbhwidth_100pc { width: 100%; float: left; }	

/* tables sizes in pixels */
.dbhwidth_20 { width: 20px;}
.dbhwidth_50 { width: 50px;}
.dbhwidth_75 { width: 75px;}
.dbhwidth_100 {	width: 100px;}
.width_125 { width: 125px;}
.width_140 { width: 140px;}


/* Notification Styles */

.notify_leftalign
{
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 300px; 
	padding: 0; 
	vertical-align: middle;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
}

.search_leftalign
{
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 175px; 
	padding: 0; 
	vertical-align: middle;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
}

.notify_rightalign
{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                             label aligns textarea better in IE */
	vertical-align: middle;
}


.clear-both {	height: 1px;	font-size: xx-small;	clear: both;	}


small {
	display: block;
	margin: 0 0 5px 285px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: small;
}

/* table styles for content pages*/
#indextextual .grvthreedtable {
	background-color: #F7F7F7;
	width: 75%;
	padding-top: 3px;
	padding-left: 15px;
	padding-bottom: 3px;
	border: 1px solid #CC4E00;
	}
#indextextual .grvthreedtable th {
	text-align: left;
	/*background-image: url(/images/calculator/titlebar_bg.jpg);*/
	vertical-align: bottom;
	padding: 0.5em 2em 0.5em 0.2em;
	background-color:  #CC4E00;
	border-right: 0px solid #CC4E00;
	border-left: 0px solid #CC4E00;
	color: #FFFFFF;
	}
#indextextual .grvthreedtable td 
{
	background-color: #F7F7F7;
	border-top: 1px solid #FFFFFF;
	border-bottom: 0;
	border-left: 0;
	vertical-align: top;
	padding: 0.5em 2em 0.5em 0.2em;
}

#indextextual .btnclass
{
	background-color: #FFFFFF;
	font-family: Verdana;
	border:0;
	color:#CC4E00;
	font-weight:bold;
	font-size: small;
	cursor: hand;
}

.align-right
{
	text-align: right;
	width: 75%;
}

/*-----------------------------------------------------------
Image styles - (TRBL)
------------------------------------------------------------- */

#textual .imagerightalign {
	float: right;
	padding: 5px 0px 10px 20px; 
}

#textual .imageleftalign {
	float: left;
	padding: 5px 20px 10px 0px; 
}

#textual .imagecenteralign {
	display: block;   
	margin-left: auto;   
	margin-right: auto; 
}
/*-------------------------------------------------------------
Annual report table style
-------------------------------------------------------------*/

.annualreport {
	font: 0.86em Verdana, Arial, Sans-serif;
	border-top: 0px solid #999999;
	border-right: 0px solid #666666;
	border-bottom: 0px solid #666666;
	border-left: 0px solid #999999;
}
.annualreport th {      
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
	padding: 0.5em;
}
.annualreport td {   
	vertical-align:top;
	border-top: 1px solid #CCCCCC;
	padding: 0.2em 0.7em 0.2em 0.2em;   
 }
 
.annualreport .data {    
 color: #000000;   
 text-align: right;    
 }
