@charset "utf-8";
@import url('styles.css');/*PAGE and TABLE STYLES*/
/*reset*/

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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0 0; padding: 0 0; border: 0; outline: 0; font-size: 100%; text-decoration:none; }
body   { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; }
:focus  { outline: 0; }
ins	    { text-decoration: none; }
del	    { text-decoration: line-through; }
table   { border-collapse: collapse; border-spacing: 0; }
a:link,a:visited { color: #333; font: normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
a:hover { color: #3254A7; font: normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}

html, body { background: #FFF url('../images/bg-body00.png') repeat-x top left; font: normal 11px Arial, Helvetica, sans-serif; color:#333; line-height: 18px; }

#wrapper, .column, .main-content, .pdf-selector, .header,
.section,.footer, .print, ul.print-email, .wide,
.ui-subMenu,.copy,.copy span.pgTitle,.ui-subMenu ul,#home .copy,.bigTable  { position: relative; }
.header, .print, .section, .footer, .wide, .ui-subMenu ul,.ui-subMenu h1,.bigTable { clear: both; }

/*CORE STYLES*/
/*LAYOUT
--------------------------------------------------------------------------------*/

#bg-body01 		{ display: none; }
#bg-body01 img	{ display: none; } /*stretch background image to 100%*/
#wrapper 	  	{ z-index: 2!important; margin: 0 auto; width: 1003px; min-height: 600px; background:transparent; }
.column 	  	{ float: left; min-height: 438px;}
.header 		{ display: none; }
.print			{ display: none; }
.bidvest 		{ display: none; }
.section 		{ width: 840px; left: 10px; top: 10px;}
.footer 		{ display: none; }
.main-content 	{
	z-index: 1!important; width: 861px; background: #FFF; min-height: 600px; padding-bottom:60px;
	-webkit-box-shadow: 0px -3px 3px #333; -moz-box-shadow: 0px -3px 3px #333;
	-o-box-shadow: 0px -3px 3px #333; box-shadow: 0px -3px 3px #333;
	
	}
	
.wide			{ width: 852px; left: 10px; top: 25px; min-height:350px; }
.ui-subMenu		{ display: none; }
#home .copy		{ display: none; }
.copy			{ float: left; width: 100%; background:#FFF; left: 40px; top: 30px;}
.copy span.pgTitle { display: block; top:-5px; font: normal 24px Arial, Helvetica, sans-serif; color: #3753A7; background: #FFF; padding-bottom: 36px; }
.copy span.pgTitle b { font:normal 12px Arial, Helvetica, sans-serif; color: #666;}

#gfootprint .copy			{ float: left; width: 670px; background: #FFF url('../images/footprint_02.jpg') no-repeat 0 768px ; left: 40px; top: 30px;}
#gfootprint .copy span.pgTitle { display: block; top:0px; font: normal 24px Arial, Helvetica, sans-serif; color: #3753A7; background: #FFF url('../images/footprint_01.jpg') no-repeat 0 32px; padding-bottom: 39px; }
#gfootprint .copy span.pgTitle b { font:normal 12px Arial, Helvetica, sans-serif; color: #666;}

/*BIG TABLE PAGES*/
#big #wrapper { min-height: 300px!important;  }
#big .column 	  	{ float: left; min-height: 437px!important;  }
#big .main-content 	{ z-index: 1!important; width: 861px; background: #FFF;  /*min-height: 600px;*/
-webkit-box-shadow: 0px -3px 3px #333; -moz-box-shadow: 0px -3px 3px #333;
-o-box-shadow: 0px -3px 3px #333; box-shadow: 0px -3px 3px #333;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');
 }
/*END--BIG TABLE PAGES*/

/*homepage styles*/
#home h1  { position: absolute; top:60px; left:470px; font: bold 26px Arial, Helvetica, sans-serif; color:white; }
#home h1 span { font-size: 16px;}
#home h2 { color: #3366AD; font: bold 13px Arial, Helvetica, sans-serif; margin: 5px 10px; }
.intro	{ background: url('../images/bg-homepg.jpg') no-repeat 0 0; height: 265px; }
.row	{ clear: both; width: 100%; display: block; padding:1px; }

.intro ul { margin: 60px 20px; }
.intro ul li { display: block; width: 300px;}
.intro ul li a { display: block; font:bold 13px Arial, Helvetica, sans-serif; color: #FFF; padding: 2px 0 2px 0;  }
.intro ul li a:hover { color: #CCC; }

.cyrilRamphosa	{ width: 220px; height: 160px; float:left; border:1px solid  #CCC; background: url('../images/hm-cyril-ramaphosa.jpg') no-repeat bottom right; margin-right:2px; }
.brianJoffe		{ width: 220px; height: 160px; margin-right:2px; float:left; border:1px solid  #CCC; background: url('../images/hm-brian-joffe.jpg') no-repeat bottom right;}
.davidCleasby	{ width: 220px; height: 160px; float:left; border:1px solid #CCC; background: url('../images/hm-david-cleasby.jpg') no-repeat bottom right;}

.brianJoffe a { position: relative; top: 95px; left:70px; font: normal 11px Arial, Helvetica, sans-serif; color:#666; }
.cyrilRamphosa a { position: relative; top: 107px; left:65px; font: normal 11px Arial, Helvetica, sans-serif; color:#666; }
.davidCleasby a	{ position: relative; top: 95px; left:87px; font: normal 11px Arial, Helvetica, sans-serif; color:#666; }
.brianJoffe a:hover,.cyrilRamphosa a:hover,.davidCleasby a:hover { color: #3753a7;}

.addInfo {
	border-bottom: 1px solid #E9E9EB;
	border-top:1px solid #E9E9EB;
	clear:both;
	overflow: hidden;
	padding: 0 0!important;
	position: relative;
	top: 5px;
}
.addInfo h2 { padding: 0 0 5px 0!important; margin: 0 0!important;}
.addInfo .box { float: left; width: 230px ; padding: 10px 20px 10px 10px; margin: 5px 0;}
.addInfo .aiIcon { border-left: 1px solid #E9E9EB; background: url(../images/icon_quicklink.png) no-repeat 20px 20px; padding: 10px 20px 10px 10px; }
.aiIcon p { position: relative; top: 18px; left:80px;}
/*SEARCH*/
#searchNav { display: none; }
#searchNav ul {	float: right; width: auto; }
#searchNav ul li {
	display: inline;
	width:auto;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #999;
	padding: 4px;
}
#searchNav ul li a:link, #searchNav ul li a:visited {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0 2px 0 2px;
	text-decoration: none;
}
#searchNav ul li a:hover {	text-decoration: underline;	color:#333;}
#searchNav .forminput {
	background: url('../images/bg_search.png') repeat-x bottom left;
	width: 120px;
	height:14px;
	border: 1px solid #CCC;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #666;
	padding: 1px;
}


/*Typography
-----------------------------------------------------------------------*/
p  	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 0; padding-bottom: 10px; line-height: 18px; color: #333; }

/*Pagination
------------------*/
.footer ul.pagination {display: none; }
ul.pagination { display: none; }
ul.pagination li { float: left; padding-right:5px; }
ul.pagination li a { display: block; padding: 0px 3px 0px 3px; border: 1px solid #CCC; font: normal 11px Arial, Helvetica, sans-serif; color: #CCC; }
ul.pagination li a:hover { border: 1px solid #666; color: #666;
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}
ul.pagination li.tpg a	{ border: none!important ;}

/*Onpage highlight Pagination*/
.pm01 ul.pagination li.m01 a,
.pm02 ul.pagination li.m02 a,
.pm03 ul.pagination li.m03 a,
.pm04 ul.pagination li.m04 a,
.pm05 ul.pagination li.m05 a,
.pm06 ul.pagination li.m06 a,
.pm07 ul.pagination li.m07 a,
.pm08 ul.pagination li.m08 a,
.pm09 ul.pagination li.m09 a,
.pm10 ul.pagination li.m10 a,
.pm11 ul.pagination li.m11 a,
.pm12 ul.pagination li.m12 a,
.pm13 ul.pagination li.m13 a,
.pm14 ul.pagination li.m14 a,
.pm15 ul.pagination li.m15 a,
.pm16 ul.pagination li.m16 a,
.pm17 ul.pagination li.m17 a,
.pm18 ul.pagination li.m18 a,
.pm19 ul.pagination li.m19 a,
.pm20 ul.pagination li.m20 a,
.pm21 ul.pagination li.m21 a,
.pm22 ul.pagination li.m22 a,
.pm23 ul.pagination li.m23 a,
.pm24 ul.pagination li.m24 a,
.pm25 ul.pagination li.m25 a { color: #FFF; background: #D8DDE0; cursor: default ; }
/*disable :hover*/
.pm01 ul.pagination li.m01 a:hover,.pm02 ul.pagination li.m02 a:hover,.pm03 ul.pagination li.m03 a:hover,.pm04 ul.pagination li.m04 a:hover,.pm05 ul.pagination li.m05 a:hover,.pm06 ul.pagination li.m06 a:hover,.pm07 ul.pagination li.m07 a:hover,.pm08 ul.pagination li.m08 a:hover,.pm09 ul.pagination li.m09 a:hover,.pm10 ul.pagination li.m10 a:hover { color: #FFF; background: #D8DDE0; cursor: default ; border: 1px solid #CCC!important; }

/*Sub menu on left hand side
----------------------------------------*/
.ui-subMenu h1 { margin-top: 120px; width:160px; font: bold 13px Arial, Helvetica, sans-serif; color:#3753a7; border-bottom: 1px solid #CCC; padding: 0 0 4px 0; }
.ui-subMenu ul { margin-top: 10px; width:160px; border-bottom: 1px solid #CCC; padding-bottom:10px; }
.ui-subMenu ul li { display: block; }
.ui-subMenu ul li a { display: block; font: normal 11px Arial, Helvetica, sans-serif; color: #666; padding: 2px 0 2px 0;}
.ui-subMenu ul li a:hover { color: #3753a7;}

/*UI-subMenu onPage highlight*/
.m001 .ui-subMenu li.n001 a,
.m01 .ui-subMenu li.n01 a,
.m02 .ui-subMenu li.n02 a,
.m03 .ui-subMenu li.n03 a,
.m04 .ui-subMenu li.n04 a,
.m05 .ui-subMenu li.n05 a,
.m06 .ui-subMenu li.n06 a,
.m07 .ui-subMenu li.n07 a,
.m08 .ui-subMenu li.n08 a,
.m09 .ui-subMenu li.n09 a,
.m10 .ui-subMenu li.n10 a,
.m11 .ui-subMenu li.n11 a,
.m12 .ui-subMenu li.n12 a,
.m13 .ui-subMenu li.n13 a,
.m14 .ui-subMenu li.n14 a,
.m15 .ui-subMenu li.n15 a,
.m16 .ui-subMenu li.n16 a,
.m17 .ui-subMenu li.n17 a,
.m18 .ui-subMenu li.n18 a,
.m19 .ui-subMenu li.n19 a,
.m20 .ui-subMenu li.n20 a,
.m21 .ui-subMenu li.n21 a,
.m22 .ui-subMenu li.n22 a,
.m23 .ui-subMenu li.n23 a,
.m24 .ui-subMenu li.n24 a,
.m25 .ui-subMenu li.n25 a,
.m26 .ui-subMenu li.n26 a {  color: #333;  cursor:default!important; }

/*=UI-Top Menu
-------------------------------------------------------------------------------*/
ul#ui-topmenu      { display: none; }
ul#ui-topmenu li   { float: left; position: relative;   }
ul#ui-topmenu li a.ui-nav001,ul#ui-topmenu li a.ui-nav002,ul#ui-topmenu li a.ui-nav003,ul#ui-topmenu li a.ui-nav004,ul#ui-topmenu li a.ui-nav005,ul#ui-topmenu li a.ui-nav006,
ul#ui-topmenu li a.ui-nav007 {
	float: left; padding: 4px 12px; background:transparent;
	font: normal 11px Arial, Helvetica, sans-serif; color: #666; text-decoration:none; text-transform: none	; text-indent: 0;
	background: url('../images/bg-nav00.png') repeat-x bottom left;
	border-top:1px solid #CCC; border-bottom:1px solid #CCC;
	border-right:1px solid #CCC; border-left:1px solid #FFF;
	}

ul#ui-topmenu li a.ui-nav001:hover,
ul#ui-topmenu li a.ui-nav002:hover,
ul#ui-topmenu li a.ui-nav003:hover,
ul#ui-topmenu li a.ui-nav004:hover,
ul#ui-topmenu li a.ui-nav005:hover,
ul#ui-topmenu li a.ui-nav006:hover { color: #FFF; background: #1B1E59; 
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out; 	
	}

ul#ui-topmenu li:hover a.ui-nav001,
ul#ui-topmenu li:hover a.ui-nav002,
ul#ui-topmenu li:hover a.ui-nav003,
ul#ui-topmenu li:hover a.ui-nav004,
ul#ui-topmenu li:hover a.ui-nav005,
ul#ui-topmenu li:hover a.ui-nav006,
ul#ui-topmenu li:hover a.ui-nav007 { color: #FFF; background: #1B1E59; }

/*onpage highlighting
----------------------------------ui-mainNav.php------------------------*/
.rev2010 ul#ui-topmenu li a.ui-nav001,
.commentary ul#ui-topmenu li a.ui-nav002,
.govSus ul#ui-topmenu li a.ui-nav003,
.opReview ul#ui-topmenu li a.ui-nav004,
.finState ul#ui-topmenu li a.ui-nav005,
.downloads ul#ui-topmenu li a.ui-nav006 { color: #666; background: #D8DDE0; border-left:1px solid #D8DDE0; }

/*--------------------------------ui-fin-results.php------------------------*/

/*--------------------------------ui-governance.php------------------------*/

/*--------------------------------ui-fin-results.php------------------------*/

/*--------------------------------ui-fin-results.php------------------------*/


ul#ui-topmenu li .sub .bg { background: #FFF; height:100%; width:665px; overflow: hidden; }/*white - drop down */
ul#ui-topmenu li .sub {
 z-index:999999999999!important; display: none; position: absolute; top: 23px; float: left; 

 border:none;
 background:  #1B1E59 url('../images/bg-nav-dd.png') repeat-x top left!important;
 width: 665px!important; padding: 5px 5px 5px 5px;
 
 -webkit-box-shadow: 0px 2px 2px #000;
 -moz-box-shadow: 0px 2px 2px #000;
 -o-box-shadow: 0px 2px 2px #000;
 box-shadow: 0px 2px 2px #bdbcb0;
 
 border-radius-topleft: 0px; border-top-left-radius: 0px;
 -o-border-radius-topleft: 0px; -o-border-top-left-radius: 0px;
 -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;
 -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 2px;
 
 -o-border-radius-bottomleft: 0px; -o-border-bottom-left-radius: 0px;
 -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;
 -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 2px;
 border-radius-bottomleft: 0px; border-bottom-left-radius: 0px;
 }
 
ul#ui-topmenu li #sub-ui-001 { position: absolute; left: 1px; }
ul#ui-topmenu li #sub-ui-002 { position: absolute; left: -91px;  }
ul#ui-topmenu li #sub-ui-003 { position: absolute; left: -177px; }
ul#ui-topmenu li #sub-ui-004 { position: absolute; left: -349px;  }
ul#ui-topmenu li #sub-ui-005 { position: absolute; left: -467px; }
ul#ui-topmenu li #sub-ui-006 { position: absolute; left: -592px; }
ul#ui-topmenu li #sub-ui-007 { position: absolute; left: -489px; }


ul#ui-topmenu li .row	{ clear: both!important; float: left; width: 100%; margin-bottom: 0px; }

ul#ui-topmenu li .box { float: left; width: auto; padding: 5px 5px 5px 5px; }
ul#ui-topmenu li .bottMgn { margin-top: 15px;}
ul#ui-topmenu li .topMgn  { margin-top: -20px;}
ul#ui-topmenu li .box h2 { font: bold 16px Arial, Helvetica, sans-serif; color: #999; padding-bottom:10px; padding-left:5px;}
ul#ui-topmenu li .box h2 span { font: bold 13px Arial, Helvetica, sans-serif; color:#1A1E59 ; position:relative; top: 5px;} 

ul#ui-topmenu li .box a:link, ul#ui-topmenu li .box a:visited { font: normal 11px Arial, Helvetica, sans-serif; color: #666; display:block; padding: 1px 1px 1px 10px; }
ul#ui-topmenu li .box a:hover { color: #2F349B; }


/*  CSS for customized radio buttons and check boxes
--------------------------------------------------------------*/
/* PDF selector
---------------------------------------------------*/
.pdf-selector 	{ display: none; }
#big .pdf-selector { display:none; }

.select-a-pdf { display: block; width: 137px; position: fixed; top:76px; margin-left:1px; background:white;
 -webkit-box-shadow: 2px 2px 3px #999;
 -moz-box-shadow: 2px 2px 3px #999;
 -o-box-shadow: 2px 2px 3px #999;
 box-shadow: 2px 2px 3px #999;  overflow: hidden; }
 
.select-a-pdf:hover { display: block; width: 137px; position: fixed; top:76px; margin-left:1px; background:white;
 -webkit-box-shadow: 2px 2px 3px #666;
 -moz-box-shadow: 2px 2px 3px #666;
 -o-box-shadow: 2px 2px 3px #666;
 box-shadow: 2px 2px 3px #666;  overflow: hidden;
 -webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
	}
 
input#btn-download { display:block; width:124px; height:22px; font: bold 11px Arial, Helvetica, sans-serif; border: none; background: url('../images/btn-download.png') no-repeat 0 0; padding: 1px 0 2px 19px; cursor:pointer; color: #666; float:left; margin-right:2px; margin-top: 5px; margin-left: 5px; letter-spacing:0.3em; }
input#btn-download:hover { color:#3753a7 ; }
input#btn-clear { display:block; width:36px; height:22px; font: bold 11px Arial, Helvetica, sans-serif; border: none; background: url('../images/btn-clear.png') no-repeat 0 0; padding: 2px 4px; cursor:pointer;  color: #666;  float:left; margin-top: 5px;}
input#btn-download-hide { visibility:hidden; display:none; position: absolute; left:-99999999999999999px;}

/* Accordian
----------------------------------------------- */
.container {display: none; }
.btn-dc { clear: both; display: block; width:137px; height: 30px; background: url(../images/acc-tabs-bg.png) repeat-x top left; }
h2.acc_trigger {
	border-top: 1px solid #DBDBDB; background: url('../images/btn-plus-minus.png') no-repeat;
	height:1.86em; width: 137px;font: normal 11px Arial, Helvetica, sans-serif;
	float: left; margin: 0 0!important;
}
h2.acc_trigger a {
	color: #666; text-decoration: none;
	display: block;	padding: 5px 0 0 5px;
	font: normal 11px Arial, Helvetica, sans-serif;
}
h2.acc_trigger a:hover {
	display: block;	padding: 5px 0 0 5px;
	color: #333; font: normal 11px Arial, Helvetica, sans-serif;
}
h2.active {	background-position: left bottom;}
.acc_container {
	margin: 0 0 5px; padding: 0 0; overflow: hidden;
	font-size: 10px; width: 137px; clear: both; background: #FFF;
}
.acc_container .block {	padding: 5px;}
.acc_container .block p {font-size:10px; padding: 3px 0; margin: 3px 0;}
.acc_container .block label {font-size:10px; font-family: Arial, Helvetica, sans-serif;}
.acc_container h3 { font: normal 10px Arial, Helvetica, sans-serif;	margin: 0 0 5px; padding: 0 0 3px 0; border-bottom: 1px dashed #EEEEEE; text-align:left;}
.acc_container img { float:none; margin: 3px 5px 0 0; padding: 0px;}
.acc_container a.d-pdf { float: none; display: block; clear: both;margin-bottom:4px;}

/*NOTES POP UP
--------------------------------------------*/
body#notes { background:white!important;} 
#notes .copy			{ z-index:0; float:none!important; width: 860px; background: #FFF; left: 0px; top: 0px;}
#notes .copy span.pgTitle { display: block; top:-5px; font: normal 24px Arial, Helvetica, sans-serif; color: #3753A7; background: #FFF url('../images/bg-wide-top.png') no-repeat 0 30px; padding-bottom: 34px; }
#notes .copy span.pgTitle b { font:normal 12px Arial, Helvetica, sans-serif; color: #666;}

#notes ul.pagination { position: relative; float: left;z-index:999!important;left:50px; top:0px; }

/*FULL SCREEN POP UP for large tables in Review 2010 section*/
body#fullScreen { background:white!important;} 
#fullScreen .copy			{ z-index:0; float:none!important; width: 100%; background: #DBDEE1 url('../images/bg-wide-bottom-fs.png') no-repeat bottom left; left: 0px; top: 0px;}
#fullScreen .copy span.pgTitle { display: block; top:-5px; font: normal 24px Arial, Helvetica, sans-serif; color: #3753A7; background: #FFF url('../images/bg-wide-top-fs.png') no-repeat 0 30px; padding-bottom: 34px; }
#fullScreen .copy span.pgTitle b { font:normal 12px Arial, Helvetica, sans-serif; color: #666;}

#fullScreen ul.pagination { position: relative; float: left;z-index:999!important;left:730px; top:-20px; }


/* PDF UPLOADER CSS for customized radio buttons and check boxes */    
/*  wrapper divs */
.custom-checkbox, .custom-radio { position: relative; }
    
/* input, label positioning */
.custom-checkbox input, 
.custom-radio input {
    position: absolute;
    left: 2px;
    top: 3px;
    margin: 0;
    z-index: 0;
}

.custom-checkbox label, 
.custom-radio label {
    display: block;
    position: relative;
    z-index: 1;
    font-size: 1.3em;
    padding-right: 1em;
    line-height: 1;
    padding: .5em 0 .5em 30px;
    margin: 0 0 .3em;
    cursor: pointer;
}

    
/* states */
.custom-checkbox label { background: url('../images/checkbox.gif') no-repeat; }

.custom-radio label { background: url('../images/radiobutton.gif') no-repeat; }

.custom-checkbox label, .custom-radio label {
    background-position: -10px -14px;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
    background-position: -10px -114px;
}

.custom-checkbox label.checked, 
.custom-radio label.checked {
    background-position: -10px -214px;
}

.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus {
    background-position: -10px -314px;
}

.custom-checkbox label.focus, 
.custom-radio label.focus {
    outline: 1px dotted #ccc;
}

ul.addsustainmenu li.addinfo a:link, #sidecontent ul.addsustainmenu li.addinfo a:visited {
    display: block;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #666;
    text-decoration: none;
    width:100%!important; height: 30px; padding: 5px 0px 5px 0px; 
    background: transparent url('../images/btn_addinfo.png') no-repeat top right;
}

ul.addsustainmenu li.addinfo a:hover {background: url('../images/btn_addinfo.png') no-repeat bottom right; color: #5781b4;}

.highlight {
	background: #FFFF40;
}
.searchheading {
	margin: 10px 0;
	font: bold 12px Arial, Helvetica, sans-serif; color: #00205A;
}
.summary {
	font: italic 11px Arial, Helvetica, sans-serif; color: #00205A;
}
.suggestion {
	font-size: 100%;
}
.results {
	font-size: 100%;
}
.category {
	color: #999999;
}
.sorting {
	text-align: right;
}
.result_title {
	font: normal 11px Arial, Helvetica, sans-serif; color: #666;
}
.description {
	font-size: 100%;
	color: #008000;
}
.context {
	font-size: 100%;
}
.infoline {
	color: #999;
	font: normal 11px Arial, Helvetica, sans-serif;
}
.zoom_searchform {
	font-size: 100%;
}
.zoom_results_per_page {
	font-size: 80%;
	margin-left: 10px;
}
.zoom_match {
	font-size: 80%;
	margin-left: 10px;
}
.zoom_categories {
	font-size: 80%;
}
.zoom_categories ul {
	display: inline;
	margin: 0px;
	padding: 0px;
}
.zoom_categories li {
	display: inline;
	margin-left: 15px;
	list-style-type: none;
}
input.zoom_button { border: none; border: 1px solid #CCC; font: normal 12px Arial, Helvetica, sans-serif; cursor: pointer;
padding: 2px 4px 3px 4px; background-color: none; background:#FFF url(../images/bg-nav.jpg) repeat-x bottom left; color: #666;
border-radius: 4px; 
 -o-border-radius: 4px;
 -moz-border-radius: 4px;
 -moz-border-radius: 4px;
}
input.zoom_button:hover { border: none; border: 1px solid #666; font: normal 12px Arial, Helvetica, sans-serif; cursor: pointer;
padding: 2px 4px 3px 4px; background-color: none; background:#FFF url(../images/bg-nav.jpg) repeat-x bottom left;  color:#00205A ;
border-radius: 4px; 
 -o-border-radius: 4px;
 -moz-border-radius: 4px;
 -moz-border-radius: 4px;
}
input.zoom_searchbox {
	background: #FFF; border: 1px solid #CCC;
	font: normal 11px Arial, Helvetica, sans-serif; color:#666; 
	padding: 4px 4px 4px 6px; width: 160px;
	border-radius: 3px; 
 -o-border-radius: 3px;
 -moz-border-radius: 3px;
 -moz-border-radius: 3px;
}
.result_image {
	float: left;
	display: block;
}
.result_image img {
	margin: 10px;
	width: 80px;
	border: 0px;
}
.result_block {
	margin-top: 15px;
	margin-bottom: 15px;
	clear: left;
}
.result_altblock {
	margin-top: 15px;
	margin-bottom: 15px;
	clear: left;
}
.result_pages {
	font: normal 11px Arial, Helvetica, sans-serif; color: #666;padding: 0 5px;
}

.result_pages a:link, .result_pages a:visited  {
    padding: 0px 3px 0px 3px; border: 1px solid #CCC; font: normal 11px Arial, Helvetica, sans-serif; color: #CCC;
	text-decoration: none;
	background:white;
}
.result_pages a:hover  {
	padding: 0px 3px 0px 3px; border: 1px solid #CCC; font: normal 11px Arial, Helvetica, sans-serif; color: #CCC;
	text-decoration: none; 
	color: #FFF!important;
	background:#000066;
}
.result_pagescount {
	font: normal 11px Arial, Helvetica, sans-serif; color: #009DDC;
	padding: 0 5px;
}
.searchtime {
	font-size: 80%;
}
.recommended {
	background: #DFFFBF;
	border-top: 1px dotted #808080;
	border-bottom: 1px dotted #808080;
	margin-top: 15px;
	margin-bottom: 15px;
}
.recommended_heading {
	float: right;
	font-weight: bold;
}
.recommend_block {
	margin-top: 15px;
	margin-bottom: 15px;
	clear: left;
}
.recommend_title {
	font-size: 100%;
}
.recommend_description {
	font-size: 100%;
	color: #666;
}
.recommend_infoline {
	font-size: 80%;
	font-style: normal;
	color: #666;
}


/*TABLE STYLES & PAGE STYLES*/
/*HEADINGS
---------------------------------------*/
h1 { font: bold 12px Arial, Helvetica, sans-serif; color: #3254A7; padding: 0px 0 5px 0; margin: 0 0;}
h2 { font: bold 12px Arial, Helvetica, sans-serif; color:#666666; padding: 0px 0 5px 0; margin: 0 0;}
h3 { font: bold 12px Arial, Helvetica, sans-serif; color: #000; padding: 0 0; margin: 0 0;}

h1.divisionTitle {
	display: block;
	width: auto; 
	background: #DBDEE1 url(../images/bg-division-title.png) no-repeat 10px 0px;
	padding: 15px 0 5px 35px;
	
	font: bold 14px Arial, Helvetica, sans-serif; color: #3254A7;
	}
	h1.divisionTitle span { color: #6A7179; }
/*TEXT
---------------------------------------*/
p  				{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 0; margin-bottom: 10px; line-height: 18px; color:#272427;}
.lblue { color:#8491C9!important;}
.dBlu	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3254A7; }
.Blu14 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #3254A7;}
.maintext		{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color:#272427; }
.maintextBlu	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #3254A7; }
.maintextGry	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #6A7179; }
.smltext		{ font: 9px Arial, Helvetica, sans-serif; color: #272427;}

.Medmaintext	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color:#272427; }
.MedtextBlu		{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #3254A7; }
.MedtextGry		{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #6A7179; }

.MedtextBlu	sup { font-size:9px;}
html sup { font-size:9px;}

.HedtextGry		{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; color: #6A7179;}
.HedtextBlu		{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 18px; color: #3254A7; }

.MedupCaseBlu	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #3254A7; text-transform:uppercase;}

.XLrgHedBlu 	{ font: bold 24px Arial, Helvetica, sans-serif; color: #3254A7; border-bottom:2px solid #3254A7; }
.LrgHedBlu 		{ font: bold 16px Arial, Helvetica, sans-serif; color: #3254A7; }


/*LISTS
---------------------------------------*/
ol, ul  { margin: 0 0; padding: 0 0; list-style: none; font: normal 11px Arial, Helvetica, sans-serif; margin-bottom: 10px; line-height: 18px; color:#272427; }
ol li, ul li  { display: block; font: normal 11px Arial, Helvetica, sans-serif; line-height: 18px; color:#272427; }

ul.bluAroList { }
ul.bluAroList li { background: url('../images/blu-aro-list.png') no-repeat top left; padding: 0 0 0 20px;  }


ul.blkList { }
ul.blkList li { background: url('../images/listblk.png') no-repeat top left; padding: 0 0 0 20px;  }

/*Downloads styles*/
ul.downloads { width: 305px; overflow:hidden;}
ul.downloads li { width: 305px; background: url('../images/icon_acrobat8_ds.gif') no-repeat 500px 4px; border-bottom: 1px solid  #EFEFEF;}
ul.downloads li a:link, ul.downloads li a:visited { color:#666; display: block; 
	width:970px; padding:5px;
	}
ul.downloads li a:hover { color: #00205A ; background: url('../images/btn_bg_dloads.png') repeat-y top left;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
	}
ul.downloads li a span { width:40px; text-align:right;
	font: normal 10px Arial, Helvetica, sans-serif; color: #999 ; margin: 0 10px; }

ul.downloads li.mainDload { 
	width: 305px; background: #F4F5FD url('../images/icon_acrobat8_ds.gif') no-repeat 280px 4px; 
	border-bottom: 1px solid #EFEFEF; border-top: 1px solid #EFEFEF; margin: 10px 0;}
ul.downloads li.mainDload a:hover {color: #00205A ; background:none;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
	}

ul.downloadsWide { width: 635px; overflow:hidden;}
ul.downloadsWide li { width: 635px; background: url('../images/icon_acrobat8_ds.gif') no-repeat 500px 4px; border-bottom: 1px solid  #EFEFEF;}
ul.downloadsWide li a:link, ul.downloadsWide li a:visited { color:#666; display: block; 
	width:970px; padding:5px;
	}
ul.downloadsWide li a:hover { color: #00205A ; background: url('../images/btn_bg_dloads.png') repeat-y top left; 
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
	}
ul.downloadsWide li a span { width:40px; text-align:right;
	font: normal 10px Arial, Helvetica, sans-serif; color: #999 ; margin: 0 10px; }
ul.downloadsWide li.xcells { width: 635px; background: url('../images/icon_xcell.gif') no-repeat 610px 4px; border-bottom: 1px solid  #EFEFEF;}

ul.addInfo { width: 305px; border:none!important; }
ul.addInfo li ul{ position: relative; left: 25px; }
ul.addInfo li { width: 305px;}
ul.addInfo li { color: #3753a7; font: bold 12px Arial, Helvetica, sans-serif; color: #333; padding-top:5px; }
ul.addInfo li a:link,
ul.addInfo li a:visited {
	width: 305px; color:#666; display: block; float: left; font-weight:regular; padding: 4px 4px 4px 4px;
    border-bottom: 1px solid #EFEFEF; 
 }
ul.addInfo li a:hover { color: #00205A ; background: url('../images/btn_bg_dloads.png') repeat-y top left;  
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
	}
ul.addInfo li a span { text-align:right; padding-right:4px; float: left; font: normal 10px Arial, Helvetica, sans-serif; color: #666;  }



.greyRule { border-bottom:1px solid #CCC; }

/*TABLES
---------------------------------------*/
.dev-table-bg, .bigTable	{ background: #DBDEE1; padding: 10px; max-width:100000px; }
.tbltext 		{ font: 11px Arial, Helvetica, sans-serif; color: #272427; line-height: 16px;}
.tbltextBlu 	{ font: 11px Arial, Helvetica, sans-serif; color: #3254A7; line-height: 16px;}

.tbltextLtBlue  { font: 11px Arial, Helvetica, sans-serif; color:#8491C9; }

.tbltext01 { border-bottom: 1px solid #000;}
.tbltext02 { border-bottom: 2px solid #000;}

.tbltextBlu01 { color: #3254A7; border-bottom: 1px solid #000;}
.tbltextBlu02 { color: #3254A7; border-bottom: 2px solid #000;}

.tbltext01Wht { border-bottom: 1px solid #FFF;}
.tbltext02Wht { border-bottom: 2px solid #FFF;}

.tbltext02WhtTop { border-top: 2px solid #FFF;}
.tbltext02WhtTopBlu { color: #3254A7; border-top: 2px solid #FFF;}

.tbltextBlu01Wht { color: #3254A7; border-bottom: 1px solid #FFF;}
.tbltextBlu02Wht { color: #3254A7; border-bottom: 2px solid #FFF;}
.vertR02Wht { border-right: 2px solid #FFF;}
.vertR02WhtCnrTop { border-top: 2px solid #FFF; border-right: 2px solid #FFF;}


/*BOXES 
---------------------------------------*/
.boxTop   { border-left: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; }
.boxSides { border-left: 1px solid #000; border-right: 1px solid #000; }
.boxBottom{ border-left: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; }
.boxBL    { border-left: 1px solid #000; border-bottom: 1px solid #000; }
.boxBR    { border-right: 1px solid #000; border-bottom: 1px solid #000; }
.boxBL02  { border-left: 1px solid #000; border-bottom: 2px solid #000; }
.boxBR02  { border-right: 1px solid #000; border-bottom: 2px solid #000; }

.vertL    { border-left: 1px solid #000;}
.vertR    { border-right: 1px solid #000;}

.vertLwht    { border-left: 1px solid #FFF;}

/*Blue text*/
.BluboxTop   { color: #3254A7; border-left: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; }
.BluboxSides { color: #3254A7; border-left: 1px solid #000; border-right: 1px solid #000; }
.BluboxBottom{ color: #3254A7; border-left: 1px solid #000; border-bottom: 1px solid #000; border-right: 1px solid #000; }
.BluboxBL    { color: #3254A7; border-left: 1px solid #000; border-bottom: 1px solid #000; }
.BluboxBR    { color: #3254A7; border-right: 1px solid #000; border-bottom: 1px solid #000; }
.BluboxBL02  { color: #3254A7; border-left: 1px solid #000; border-bottom: 2px solid #000; }
.BluboxBR02  { color: #3254A7; border-right: 1px solid #000; border-bottom: 2px solid #000; }

.BluvertL    { color: #3254A7; border-left: 1px solid #000;}
.BluvertR    { color: #3254A7; border-right: 1px solid #000;}

/*INDENTS
---------------------------------------*/
.indent15 { padding-left: 15px;}
.indent30 { padding-left: 30px;}

.indent15LtBlu { padding-left: 15px; font: 11px Arial, Helvetica, sans-serif; color:#8491C9; }
.indent30LtBlu { padding-left: 30px; font: 11px Arial, Helvetica, sans-serif; color:#8491C9; }

.indent1501 { padding-left: 15px; border-bottom: 1px solid #000; }
.indent3001 { padding-left: 30px; border-bottom: 1px solid #000; }

.indent1502 { padding-left: 15px; border-bottom: 2px solid #000; }
.indent3002 { padding-left: 30px; border-bottom: 2px solid #000; }

span.quicklink { display: block; background:#FFF; border: 1px solid #CCC; padding: 6px 6px 6px 6px; width:530px;
-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;}

span.quicklink a {
	display: block; background: #CCC url('../images/icon_quicklink.png') no-repeat center left; width: auto; 
	padding: 8px 44px 8px 54px; border: 1px solid #E0E0E0;
	font: normal 11px Arial, Helvetica, sans-serif; color: #3254A7!important; text-decoration: none;
	-webkit-border-radius:6px 6px 6px 6px;
	-moz-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
	}
	
span.quicklink a:hover {background:#E1F4FD url('../images/icon_quicklink.png') no-repeat center left!important; color: #0A132A;
 -webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out;}

.rndboxwhite { background:white; padding: 10px 10px;
 border-radius: 4px; 
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 }

.rndboxwhite .cntr { margin: 0 20px;}

ul.dashList { margin-bottom: 0!important; }
ul.dashList li { background: url('../images/dash.png') no-repeat top left; padding: 0 0 0 20px;  }

.tblHeadBLu { color: white; background: #3254A7; font: normal 13px Arial, Helvetica, sans-serif; padding:5px 5px;}
.tblHeadWht { color: #999; background: #FFF; font: normal 12px Arial, Helvetica, sans-serif; padding:2px 2px;}

/*table icons*/
.icon-dblu-top { background: url('../images/icon-dblu-top.png') no-repeat 0 0!important;}
.icon-dblu-body { background: url('../images/icon-dblue-mid.png') repeat-y top left;}
.icon-dblu-ft  { background: url('../images/icon-dblu-foot.png') no-repeat bottom left; }

.icon-lblu-top { background: url('../images/seg-img02.png') no-repeat 0 0!important;}
.icon-lblu-body { background: url('../images/icon-lblue-mid.png') repeat-y top left;}
.icon-lblu-ft  { background: url('../images/seg-img02.png') no-repeat bottom left; }

.icon-lblu2-top { background: url('../images/seg-img03.png') no-repeat 0 0!important;}
.icon-lblu2-body { background: url('../images/icon-lblu2-mid.png') repeat-y top left;}
.icon-lblu2-ft  { background: url('../images/seg-img03.png') no-repeat bottom left; }

.icon-lblu3-top { background: url('../images/seg-img04.png') no-repeat 0 0!important;}
.icon-lblu3-body { background: url('../images/icon-lblu3-mid.png') repeat-y top left;}
.icon-lblu3-ft  { background: url('../images/seg-img04.png') no-repeat bottom left; }

.icon-lblu4-top { background: url('../images/seg-img07.png') no-repeat 0 0!important;}
.icon-lblu4-body { background: url('../images/icon-lblu4-mid.png') repeat-y top left;}
.icon-lblu4-ft  { background: url('../images/seg-img07.png') no-repeat bottom left; }