/************************
	HTML ELEMENTS
************************/

* {margin:0;padding:0;}

body {font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif;color:#222; background-color:#fff;  }

fieldset, img {border:0;}
img {max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */}

ul {list-style-type:none;list-style-position:outside;}
ul li {background:url(/images/template/bullet_yellow.png) no-repeat left top;
padding:0 0 0 18px;margin:0 0 5px 0; font-size:1em;}

ul.download li{list-style-type:none;background:none; padding:0 0 0 18px; margin:0 0 5px 0; font-size:1em;}
ul.dash li {background:none; list-style-type:none;}
ul.dash li:before {content: " - ";}
ul.download li ul{padding:0 0 0 18px; margin:5px 0 5px 0;}
ol{ padding-left:10px; }
ol li {padding:0 0 0 1px; margin:0 0 5px 20px;}
ol.alpha {padding:0 0 0 1px; margin:0 0 5px 20px; list-style-type:lower-alpha;}
ol.roman{padding:0 0 0 1px; margin:0 0 5px 17px; list-style-type:lower-roman;}
ol.level3{padding:0 0 0 1px; margin:0 0 5px 5px; list-style-type:none;}

a {text-decoration:underline; color: #00766f;}

/*a:active {color:#002F2C;}*/

a:visited {color:#00766f;}

a:hover {text-decoration:underline;color:#002F2C;}
a:active {text-decoration:none; color:#000;}

h1 {font-size:2em;}
h2{font-size:1.5em;}
h3 {font-size:1.3em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}
h6{font-size:1em;}
h1.dark{font-size:2.1em; padding-top:0.3em;}
h1, #rightColumn h2 {padding:0 0 5px 0;background:url(/images/template/heading_underline.jpg) no-repeat left bottom;}
h2, h3, h4 {line-height:150%;}

h1, h2, h3, h4 {font-family:'Helvetica Neue',Helvetica,Arial,Geneva,sans-serif;color:#00766f;font-weight:normal;}
h1.subTitle{color:#333333; background:none; font-size:1.9em; margin-top:1em;}
p, ul, h3, h2 {margin:13px 0;}
p {font-size:1.1em; }

h2 a, h3 a {text-decoration: underline;}

hr, .hr {border:0;height:1px;background:url(/images/template/heading_underline.jpg) no-repeat left bottom;margin:20px 0; }
/* hr's in IE with backgrounds require <div class="hr"></div> rather than <hr /> */
h2 {font-weight: bold;}
h3 {font-weight: 600;}
h4 {font-weight: 600;}
h1.dark, h2.dark{color:#333333}

.detail {font-size:0.95em;color:#444;}
.wrapper .listings li {background:url(/images/template/bullet_listings.png) no-repeat left top;padding:0 0 0 18px;margin:0 0 10px 0;}

table {border-collapse: collapse;border-top: 1px solid #eee;margin:20px;}
table a {text-decoration: none;}
table tr {border-bottom: 1px solid #eee;}
table tbody tr:hover {background:#eee;}
table td, table th {vertical-align: top;padding:5px;}
table th {text-align: left;font-family:'Helvetica Neue',Helvetica,Arial,Geneva,sans-serif;color:#00766f;}

table {font-size: 0.9em;}

/************************
	SPECIAL CLASSES
************************/

.offScreen {position: absolute;left: -10000px;width: 900px;}

.hide {display:none;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix {height: 1%;}

.rss, ul.download li.rss {background:url(/images/template/icon_rss.png) no-repeat left top;padding:0 0px 0 18px;margin:0 0 5px 0;}
.pdf, ul.download li.pdf {background:url(/images/template/icon_pdf.png) no-repeat left top;padding:0 0px 0 18px;margin:0 0 5px 0;}
.mp3, ul.download li.mp3 {background:url(/images/template/icon_mp3.gif) no-repeat left top;padding:0 0px 0 18px;margin:0 0 5px 0;}
.word, ul.download li.word {background:url(/images/template/icon_word.png) no-repeat left top;padding:0 0px 0 18px;margin:0 0 5px 0;}
.email, ul.download li.email {background:url(/images/template/icon_email.png) no-repeat left top;padding:0 0px 0 18px;margin:0 0 5px 0;}
.twitter, ul.download li.twitter{background:url(/images/template/icon_twitter.png) no-repeat left top;padding:0 0px 0 18px;margin:0 0 5px 0;}
.facebook, ul.download li.facebook{background:url(/images/template/icon_facebook.png) no-repeat left top;padding:0 0px 0 18px;margin:0 0 5px 0;}
.youtube, ul.download li.youtube{background:url(/images/template/icon_youtube.png) no-repeat left top;padding:0 0px 0 18px;margin:0 0 5px 0;}
.survey, ul.download li.survey{background:url(/images/template/icon_survey.png) no-repeat left top;padding:0 0px 0 18px;margin:0 0 5px 0;}
.epub,ul.download li.epub{background:url(/images/template/icon_epub.png) no-repeat left top;padding:0 0px 0 18px;margin:0 0 5px 0;}
.pod, ul.download li.pod{background:url(/images/template/icon_cart.png) no-repeat left top;padding:0 0px 0 18px;margin:0 0 5px 0;}

ul.anchored-links-list li {display:inline;background:none;padding:0;margin:0;}
.socialLinks{white-space:nowrap; text-decoration:none;}

/************************
	PAGE CONSTRAINTS
************************/

#container {min-width:980px;overflow:none;
/*newstuff 2013 03 15*/
max-width:1700px;
margin:0 auto;
 -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 8px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 8px rgba(0,0,0,0.3);
  behavior: url(/scripts/PIE.htc);
  background-color:#FFFFFF;}

/************************
	HEADER
************************/

#header, header{}
#branding {position:relative;}
#govLogo {position:absolute;top:20px;left:20px;}
#siteTools {background:url(/images/template/info_graphic.gif) no-repeat left top #006666;float:right;color:#ffffff;font-size:0.9em;padding:20px 10px 0px 350px;min-height:84px;}
#siteTools ul {margin:0;}
#siteTools ul li {display:inline;margin:0 4px 0 0;border-right:1px solid #fff;padding:0 4px 0 0;background:none;}
#siteTools ul li.last {border:0;}
#siteTools a {color:#ffffff;text-decoration:none;}
#siteTools a:hover {text-decoration:underline;}
#siteTools form {margin:5px 0;}
#siteTools form select {width:10em;}
#siteTools form .textInput {width:10em;}
#siteTools form .buttonInput {background:#ffcc00;border:0;color:#000000;padding:1px;}
#siteTools p {margin:0;}
#siteTools p a {font-weight:bold;}
#siteTools .small {font-size:0.9em;}
#siteTools .medium {font-size:1.1em;}
#siteTools .large {font-size: 1.3em;}

/************************
	NAVIGATION
************************/

ul#primaryNav {background-color:#F0B310;padding:0px 20px; margin:0 auto;}
ul#primaryNav li{display:inline;padding:0;}
ul#primaryNav a{color:#000;float:left;font-size:1.0em;margin:0 0px 0 0;padding:5px 5px;border-left:1px solid #F7D635;border-right:1px solid #E27E01;text-decoration: none;}
ul#primaryNav li.last a {border-right:0;}
ul#primaryNav li.first a {border-left:0;}
ul#primaryNav li.active a {background:#EFD286;}
ul#primaryNav li a:hover {background:#EFD286;text-decoration:none;padding:6px 6px 4px 4px;}
ul#secondaryNav {background-color:#006666;padding:0px 20px;margin:0;}
ul#secondaryNav li {display:inline;padding:0;}
ul#secondaryNav li a {color:#fff;float:left;font-size:1.0em;margin:0 0px 0 0;padding:5px 10px;border-left:1px solid #007F76;border-right:1px solid #003F3B;text-decoration: none;}
ul#secondaryNav li .last {border-right:0;}
ul#secondaryNav li .first {border-left:0;}
ul#secondaryNav li.active a {background:#003F3B;}
ul#secondaryNav li a:hover {background:#003F3B;text-decoration:none;padding:6px 11px 4px 9px;}
/************************
	CONTENT
************************/

#main {position:relative;background:url(/images/template/main_bg_small.jpg) no-repeat right bottom; margin:0 auto; }
#main.noBG {background:none;}
#content {padding:20px 20px 20px 20px;margin:0 240px 0 0;background:url(/images/template/right_column_divider.png) no-repeat right 10px;min-height:650px;/*overflow:hidden;*/}
#content p{ line-height:145%;}
#breadcrumb {margin:0 0 22px 0;font-size:0.9em;}
#rightColumn{position:absolute;top:0px;right:0;width:200px;margin: 0 20px;}
#rightColumnDataTool{position:absolute;top:0px;right:0; width:230px;margin: 0 10px;}
#rightColumn .roundedBox {margin: 0 0 0 0;}
#rightColumn ul {margin:10px 0;font-size:0.9em;}
#rightColumn p {font-size:0.9em;margin:10px 0 20px 0;text-align:left;}
#rightColumn img {padding:10px 0 10px 0;}
.sectionBox {float:left;width:48%;margin:0 2% 0 0;}
.backTop {text-align: right;font-size: 0.9em;background:url(/images/template/heading_underline.jpg) no-repeat right bottom;padding:10px 0 10px 0;margin:20px 0 12px 0;}
.backTop a {background:url(/images/template/page_top.png) no-repeat left top;padding:3px 0 3px 20px;text-decoration: underline;}
.dashedTopBorder{border-top:1px dashed #666;}
 
/************************
	IMAGERY
************************/

.imgHolder {}
.imgHolder img {border:1px solid #00766F;}
.centerAlign {text-align:center;}
.leftAlign {float:left;margin:0 20px 20px 0;}
.rightAlign {float:right;margin:0 0 20px 20px;}
.fiftypixicon {width:50px; height:50px; margin-right: 0.5em; float:left;}

/************************
	HOMEPAGE
************************/

p.description {padding:10px 0px;line-height:1.6em;color:#00766F;font-style:italic;font-size:1.1em;}

.roundedBox h3 {margin:8px 0 8px 0; color:#222}
.roundedBox ul {list-style-type:none;padding:0;font-size:0.9em;margin:0;margin:8px 0 8px 0;}
.roundedBox ul li {margin:0 0 3px 0;}
.roundedBox ul span.date {color:#666;font-size:0.9em;margin:0 0 0 10px;}
.wrapper p {font-size:1em; margin:12px 0 !important;}

/************************
	ROUNDED CORNERS
************************/

.roundedBox {overflow:hidden;margin:0 0 10px 0;}

/************************
	FOOTER
************************/

footer, #footer{border-top:1px solid #c8c8c8;padding:10px 20px;color:#666666;font-size:0.9em;}
#footer ul {float:right;width:40%;text-align:right;}
#footer ul li {display:inline;margin:0 4px 0 0;padding:0 4px 0 0;border-right:1px solid #c8c8c8;background:none;}
#footer ul li.last {margin:0;padding:0;border:0;}
#footer p {float:left;width:50%}
#footer a {color:#666666;text-decoration: none;}
#footer a:hover {text-decoration: underline;}

.horizontal {margin:20px 0;}
.legend {font-weight: bold;display:block;margin:15px 0 0px 0;}
.horizontal .buttonRow {margin:20px 10px 10px 10px; }

div.photowideleft {float:left;width:200px; font-weight:bold;font-size: 85%; margin:1em 2em 1em 2em;text-align:center;background-color:#E3E9E5;padding-bottom:0.5em;}
div.photowideright{float:right;width:200px; font-weight:bold;font-size: 85%; margin:1em 2em 1em 2em;text-align:center;background-color:#E3E9E5;padding-bottom:0.5em;}
div.photolongleft {float:left;width:120px; font-weight:bold;font-size: 85%; margin:1em 2em 1em 2em;text-align:center;background-color:#E3E9E5;padding-bottom:0.5em;}
div.photolongright {float:right;width:120px; font-weight:bold;font-size: 85%; margin:1em 2em 1em 2em;text-align:center;background-color:#E3E9E5;padding-bottom:0.5em;}

.imenu{color:#333; font-weight:500;}
.imenu a{color:#333}
.imenu a:hover{color:#00766F}

blockquote {padding:0 1em 0 1em;}
/************************
INFOCUS STYLES
************************/

.infocusHeading {
	display:none;}
#infocusBanner{
    background-color: #156570;
	height: 180px;
	border-bottom:solid 2.3em #e37222;
    margin:0 0 1em 0;}
.infocusLeft, .infocusCentre, .infocusRight, .briefRoomLeft, .briefRoomCentre, .briefRoomRight {
	float:left;
	position:relative;
	padding:0.5em 0 1em 0;	
	overflow:hidden;}
.infocusLeft h2, .infocusCentre h2, .infocusRight h2, .briefRoomLeft h2, .briefRoomCentre h2, .briefRoomRight h2{
        font-size:2em;
        color:#983222;
        font-weight: 500;}
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;			/* This chops off any overhanging divs */
    border:solid 1px #EAAB00;}
/* common column settings */
.colright,.colmid,.colleft, .colrightBrief,.colmidBrief,.colleftBrief {
	float:left;
	width:100%;				/* width of page */
	position:relative;    
    border-right:solid 1px #EAAB00;}
/* 3 Column blog style settings */
.blogstyle {
	background:#dce8ea;}
.blogstyle .colmid {
	right:25%;				
	background:#e9eff1;}
.blogstyle .colleft {
	right:25%;
    background-color:#FFF;}
.blogstyle .infocusLeft {
	width:46%;				
	left:52%;}
.blogstyle .infocusCentre {
	width:21%;				
	left:56%;}
.blogstyle .infocusRight {
	width:21%;			
	left:60%;}
.blogstyle .colmidBrief {
	right:50%;				
	background:#e9eff1;	}
.blogstyle .colleftBrief {
	right:25%;
    background-color:#FFF;}

.blogstyle .briefRoomLeft {
width:21%;	
left:102%;}

.blogstyle .briefRoomCentre {
	width:21%;	
	left:55%;}

.blogstyle .briefRoomRight {
	width:46%;	
	left:85%;			
}

#briefRoomBanner{
    background-color: #156570;
	height: 117px;
	border-bottom:solid 1em #e37222;
    margin:0 0 1em 0;}

.infocusLeft h2 a, .infocusCentre h2 a, .infocusRight h2 a, .briefRoomLeft h2 a, .briefRoomCentre h2 a, .briefRoomRight h2 a{
        color:#E37222;}
.infocusLeft h2 a:hover, .infocusCentre h2 a:hover, .infocusRight h2 a:hover, .briefRoomLeft h2 a:hover, .briefRoomCentre h2 a:hover, .briefRoomRight h2 a:hover{
        color:#EAAB00;}
		
/*****charts*****/
#chartZone{max-width:800px; margin: 20px auto;} 
#chartZoneA,#chartZoneB{max-width:600px; margin:30px auto; float:left;}

.formula, table.formula{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic; font-weight:400;}

p.formula{margin-left:30px;}
table.formula{border:none;}
table.formula td{vertical-align:middle;}
table.formula tr:last-child td{
	border-top:#000 1px solid;
}
/*copied in from homepage css 31 july 2013 */
.wrapper {
  margin: 7px auto;
  padding:1em;
  background: white;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 7px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 7px rgba(0,0,0,0.3);
  behavior: url(/scripts/PIE.htc);
  position: relative;
  z-index: 90;}
  
.wrapper h2{
	margin-top:0;}
.wrapper h3{
	padding-right:80px;}
.wrapper h3 a{
	text-decoration:none;}

.ribbon-wrapper {
	width: 85px;
	height: 88px;
	overflow:hidden;
	position: absolute;
	top: -3px;
	right: -3px;}
	
.ribbon-orange, .ribbon-green, .ribbon-teal{
 font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);/* Chrome, Safari 3.1+ */
  -moz-transform:    rotate(45deg);/* Firefox 3.5-15 */
  -ms-transform:     rotate(45deg);/* IE 9 */
  -o-transform:      rotate(45deg);/* Opera 10.50-12.00 */
  transform: 		 rotate(45deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
  behavior: url(/scripts/PIE.htc);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
  behavior: url(/scripts/PIE.htc);
  display:none\9;}
  
  .ribbon-orange{
  background-color: #e37222;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#EAAB00), to(#E37222)); 
  background-image: -webkit-linear-gradient(top, #EAAB00, #E37222); 
  background-image:    -moz-linear-gradient(top, #EAAB00, #E37222); 
  background-image:     -ms-linear-gradient(top, #EAAB00, #E37222); 
  background-image:      -o-linear-gradient(top, #EAAB00, #E37222);
  behavior: url(/scripts/PIE.htc); 
  color:#333333;
 }
   .ribbon-teal{
  background-color: #156570;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a9e6ef), to(#1b8391)); 
  background-image: -webkit-linear-gradient(top, #a9e6ef, #1b8391); 
  background-image:    -moz-linear-gradient(top, #a9e6ef, #1b8391); 
  background-image:     -ms-linear-gradient(top, #a9e6ef, #1b8391); 
  background-image:      -o-linear-gradient(top, #a9e6ef, #1b8391); 
  behavior: url(/scripts/PIE.htc);
  color:#2e0d09;
 }

.ribbon-green {
  background-color: #BFDC7A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
  behavior: url(/scripts/PIE.htc);
  color: #393522;} 

.ribbon-green:before, .ribbon-green:after, .ribbon-orange:before, .ribbon-orange:after, .ribbon-teal:before, .ribbon-teal:after{
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
.ribbon-green:before, .ribbon-orange:before, .ribbon-teal:before{
  left: 0;
}
.ribbon-green:after, .ribbon-orange:after, .ribbon-teal:after{
  right: 0;
}
		.highlight { background: #F5EF4C; }
		.searchheading { font-size: 130%; font-weight: bold; }
		.summary { font-size: 80%; font-style: italic; }
		.suggestion { font-size: 100%; }
		.results { font-size: 100%; }
		.category { color: #999999; }
		.sorting { text-align: left; }

		.result_title { font-size: 100%; font-weight:bold; }		
		.description { font-size: 100%; color: #999; }
		.context { font-size: 100%; }
		.infoline { font-size: 90%; font-style: normal; color: #666;}

		.zoom_searchform { font-size: 100%; }
		.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
		.zoom_match { font-size: 90%; margin-left: 10px;}				
		.zoom_categories { font-size: 90%; }
		.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
		.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; background-image:none; }
		
		.zoom_categories li label { padding-left:3px;}
		
		.cat_summary ul { margin: 0px; padding: 0px; display: inline; }
		.cat_summary li { display: inline; margin-left: 15px; list-style-type: none; background-image:none}		
		
		input.zoom_button {  }
		input.zoom_searchbox { }
		
		.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-size: 100%; }
		.result_pagescount { font-size: 100%; }
		
		.searchtime { font-size: 80%; }
		
		.recommended 
		{ 
			border-top: 1px dotted #E37222; 
			border-bottom: 1px dotted #E37222; 
			margin-top: 15px; 
			margin-bottom: 15px; 
		}
		.recommended_heading { float: right;  }
		.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
		.recommend_title { font-size: 100%; font-weight: bold; }
		.recommend_description { font-size: 100%; color: #666; }
		.recommend_infoline { font-size: 80%; font-style: normal; color: #999;}
		.recommend_image { float: left; display: block; }
		.recommend_image img { margin: 10px; width: 80px; border: 0px; }