body { height: 100%; }

.container {
	position: relative;
}


/* grid.css */
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px;}
.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24 {width:950px;margin-right:0;}
.border {padding-right:4px;margin-right:5px;border-right:1px solid #ddd;}
.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #ddd;}
div.prepend-top, .prepend-top {margin-top:1.5em;}
div.append-bottom, .append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}




table#receipts_home td {
	padding: 5px 0px 5px 0px;
	line-height: 120%;
	border-top: 1px solid #f2e2c1;
}
table#receipts_home {
	border-bottom: 1px solid #f2e2c1;
}
.num {
	font-family: Georgia, Times New Roman, Garamong, Times, serif;
}
.r1 {
	font-size: 17px;
}
.r2 {
	font-size: 16px;
}
.r3 {
	font-size: 15px;
}
.r4 {
	font-size: 14px;
}
.r5 {
	font-size: 13px;
}
.r6 {
	font-size: 12px;
}



/* rwi global nav */

a#rwi_logo {
	display: block;
	width: 126px;
	height: 44px;
	background: url('/eiti/images/rwi_logo.png') no-repeat 0 0;
	text-indent: -99999px;
	float: left;
}

#rwi_nav {
	padding-top: 10px;
	float: right;
	margin-bottom: 50px;
	color: #ddd;
}
#rwi_nav a {
	color: #bbb;
	padding: 0 8px;
	text-decoration: none;
}
#rwi_nav a:hover {
	text-decoration: underline;
	color: #00c;
}





#top_nav {
	background-image: url(http://data.resourcegovernance.org/eiti/images/nav_bg.png);
	clear: both;
	height: 64px;
	margin-bottom: 20px;
	width: 950px;
}
#title a {
	text-indent: -9999px;
	display: block;
	width: 300px;
	height: 60px;
}
body.french #top_nav {
	background-image: url(http://data.resourcegovernance.org/eiti/images/nav_bg_fr.png);
}




big { font-size: 17px; }

.source { color: #999; } 


h1 { font-family: Georgia, Garamong, Times, serif; margin-top: 50px; }



.yes, .no, .na {
	height: 22px;
	text-indent: 25px;
	background-repeat: no-repeat  !important;;
	background-position: 0 3px  !important;;
}
.yes {
	background-image: url(http://data.resourcegovernance.org/eiti/images/yes.png) !important;
	color: #7ca444;
}
.no {
	background-image: url(http://data.resourcegovernance.org/eiti/images/no.png) !important;
	color: #c24737;
}
.na {
	background-image: url(http://data.resourcegovernance.org/eiti/images/na.png) !important;
	color: #888;
}

.missing {
	background: url(http://data.resourcegovernance.org/eiti/images/missing_data.png) no-repeat right;
}


span.note {
	color: #999;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-right: 5px;
}
.notes {
	color: #777;
	padding-left: 1.5em !important;
}

.hri { margin: 14px 0 7px 0; }




/* indicator pages */

.yes_text, .no_text {
	margin-bottom: 20px;
}
.yes_text a {
	color: #090;	
	text-decoration: none;
	font-size: 14px;
	line-height: 25px;
	border-bottom: 1px solid #bdb;
	background-position: right bottom;
}
.no_text a {
	color: #c00;	
	text-decoration: none;
	font-size: 14px;
	line-height: 25px;
	border-bottom: 1px solid #fcc;	
}





/* compare results form */

.query {
	border: 1px solid #fc0;
	padding: 20px;
}
.query p {
  text-indent: -2em; margin-left: 2em; 
}
#compare_submit, #compare_reset {
	height: 39px;
	margin-top: 20px;
	border: 0;
	text-indent: -9999px;	
	font-size: 0;
	line-height: 0;
}

#compare_submit {
	width: 104px;
	background: url(http://data.resourcegovernance.org/eiti/images/compare_submit.png) no-repeat;	
}
body.french #compare_submit {
	width: 113px;
	background: url(http://data.resourcegovernance.org/eiti/images/compare_submit_fr.png) no-repeat;	
}
#compare_reset {
	width: 73px;
	background: url(http://data.resourcegovernance.org/eiti/images/compare_reset.png) no-repeat;
}

.results {
	width: 960px;
	overflow: auto;
	margin-bottom: 50px;
}
.results .span-8 {
	padding-right: 10px;
}



#base_tools, #tools, #nav {
	list-style: none;
	margin: 0px;
	padding: 0;
}
#tools, #nav {
	position: absolute;
	right: 2px;	
}
#base_tools li, #tools li, #nav li {
	float: left;
	display: block;
}
#nav {
	top: 104px;
}
#nav li {
	height: 35px;
}
#nav li a {
	display: block;
	text-indent: -99999px;
	height: 35px;
	background-position: 0% 0px;
	background-image: url(http://data.resourcegovernance.org/eiti/images/nav.png);
}


body.french #nav li {
	height: 33px;
}
body.french #nav li a {
	background-image: url(http://data.resourcegovernance.org/eiti/images/nav_fr.png);
	height: 33px;
}



#nav li a.main:hover {
	background-position: 0px 35px;	
}
#nav li a.countries:hover {
	background-position: -64px 35px;	
}
#nav li a.analysis:hover {
	background-position: -167px 35px;	
}
#nav li a.downloads:hover {
	background-position: -257px 35px;	
}
#nav li a.about:hover {
	background-position: -370px 35px;	
}
#nav li a.links:hover {
	background-position: -440px 35px;	
}


#nav li a.main {
	width: 63px;
	background-position: 0px 0px;	
}
#nav li a.countries {
	width: 104px;
	background-position: -64px 0px;	
}
#nav li a.analysis {
	width: 90px;
	background-position: -167px 0px;	
}
#nav li a.downloads {
	width: 113px;
	background-position: -257px 0px;	
}
#nav li a.about {
	width: 70px;
	background-position: -370px 0px;	
}
#nav li a.links {
	width: 64px;
	background-position: -440px 0px;	
}





body.french #nav li a.main:hover {
	background-position: 0px 33px;	
}
body.french #nav li a.countries:hover {
	background-position: -79px 33px;	
}
body.french #nav li a.analysis:hover {
	background-position: -138px 33px;	
}
body.french #nav li a.downloads:hover {
	background-position: -228px 33px;	
}
body.french #nav li a.about:hover {
	background-position: -346px 33px;	
}
body.french #nav li a.links:hover {
	background-position: -436px 33px;	
}


body.french #nav li a.main {
	width: 79px;
	background-position: 0px 0px;	
}
body.french #nav li a.countries {
	width: 59px;
	background-position: -79px 0px;	
}
body.french #nav li a.analysis {
	width: 90px;
	background-position: -138px 0px;	
}
body.french #nav li a.downloads {
	width: 118px;
	background-position: -228px 0px;	
}
body.french #nav li a.about {
	width: 90px;
	background-position: -346px 0px;	
}
body.french #nav li a.links {
	width: 60px;
	background-position: -436px 0px;	
}





#tools li {
	margin-left: 5px;
	height: 29px;
}
#base_tools li {
	margin-right: 5px;
	height: 29px;
}
#tools li a, #base_tools a {
	display: block;
	text-indent: -99999px;
	height: 29px;
	background-position: 0% 0px;
}
.share a {
	width: 69px;
	background-image: url(http://data.resourcegovernance.org/eiti/images/share.png);
}
.print a {
	width: 66px;
	background-image: url(http://data.resourcegovernance.org/eiti/images/print.png);
}
.compare a {
	width: 86px;
	background-image: url(http://data.resourcegovernance.org/eiti/images/compare.png);
}
.download a {
	width: 111px;
	background-image: url(http://data.resourcegovernance.org/eiti/images/download_small.png);
}
#base_tools li a:hover, #tools li a:hover {
	 background-position: 0% -29px;
}


.download_years {	
	background-position: 0% 0px;
	float: right;
	height: 29px;
	width: 161px;
	text-indent: -99999px;
}

.download_years a {
	height: 29px;
	display: block;
	width: 161px;
	background-image: url(http://data.resourcegovernance.org/eiti/images/download_all_years.png);
}
.download_years_fr {	
	background-position: 0% 0px;
	float: right;
	height: 29px;
	width: 240px;
	text-indent: -99999px;
}
.download_years_fr a {
	height: 29px;
	display: block;
	width: 240px;
	background-image: url(http://data.resourcegovernance.org/eiti/images/download_all_years_fr.png);
}




body.french #tools li a, body.french #base_tools a {
	height: 28px;
}
body.french #base_tools li a:hover, body.french #tools li a:hover {
	 background-position: 0% -28px;
}
body.french .share a {
	width: 91px;
	background-image: url(http://data.resourcegovernance.org/eiti/images/share_fr.png);
}
body.french .print a {
	width: 91px;
	background-image: url(http://data.resourcegovernance.org/eiti/images/print_fr.png);
}
body.french .compare a {
	width: 97px;
	background-image: url(http://data.resourcegovernance.org/eiti/images/compare_fr.png);
}









h2, h3, .front_plate  {
	font-family: Georgia, Garamond, Times New Roman, Times, serif;
}
.front_plate {
	font-size: 1.25em;	
}
body.french .front_plate {
	font-size: 1.2em;	
}
.indicators h2 {
	margin-top: 1em;
	margin-bottom: 0px;
}
.indicators h3 {
	margin-top: 1em;
	margin-bottom: .25em;
	padding-top: .25em;
}
.indicators h3 a {
	text-decoration: none;
}
td.asset-categories {
	padding: 0 1.5em 0 1.5em !important;
	width: 400px;
}
.odd, .even, tr.odd td, tr.even td, td.ind-hed {
	border-bottom: 1px solid #eae7d4 !important;
	overflow: hidden;
	padding: 2px 0 2px 0; 
}
.indicators .even {background-color:#f8f6e8;}





#data_frame {
        overflow: hidden;
        position: relative;
        z-index: 1;
        font-size: 11px;
}
#edge {
        width:  40px;
        position: absolute;
        right: 0px;
        height: 93%;
        background: url('http://data.resourcegovernance.org/eiti/images/edge.png') repeat-y;
        z-index: 10;
}




.caps {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size:.8em;
  color: #ba995d;
}
.scaps {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size:.8em;
  line-height:1%;
  color: #999;
}




ul.yes_list, ul.no_list, ul.na_list {
	font-size: 1em;
	list-style: none;
	clear: both;
	margin: 0px;
	padding: 0px;
	}
ul.yes_list a { color: #080; }
ul.yes_list a:hover { color: #060; }
ul.no_list a { color: #a00; }
ul.no_list a:hover { color: #600; }
ul.na_list a { color: #999; }
ul.na_list a:hover { color: #ccc; }
ul.yes_list a, ul.no_list a, ul.na_list a { text-decoration: none; }
ul.yes_list li, ul.no_list li, ul.na_list li {
	float: left;
	margin: 8px;	
	display: block;
	width: 124px;
	height: 60px;
}
.flag {
	margin-top: 2px;
	width: 30px;
	float: left;	
	margin-right: 7px;
	height: 60px;	
}
.number {
	font-size: .7em;
	padding-left: .5em;
	margin-left: .5em;
	border-left: 1px solid #d3d3d3;
}

a#language_toggle {
	padding: 11px;
	background-color: #5b9dae;	
	color: #fff;
}



p.yearnav {
	color: #ccc;
	font-family: Georgia, Garamong, Times, serif; 
	font-size: 1.75em;
	line-height: 1em;
}
p.yearnav span.current  {
	color: #999;
}
ul {
	margin: 0px;
}

table.sector_breakdown {
	margin-top: 2em;
}
table.sector_breakdown tr.hed {
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size:.8em;
	color: #ba995d;
}
table.sector_breakdown tr.hed td {
	padding-right: 15px;
	padding-left: 5px;
	border-left: 1px solid #ccc;
}
table.sector_breakdown td {
	padding-right: 0px;
	border-bottom: 1px solid #ddd;
}
div.footnotes {
	color: #777;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
	margin-bottom: 2em;
}
sup {
	color: #ba995d;
}
div.footnotes sup {
	padding-right: 5px;
	vertical-align: baseline;
}



div.cdrop {
	padding: 0px 5px 8px 0px;
	margin: 0px 4px 6px 0px;
}
div.cdrop a {
	background-image: url(http://data.resourcegovernance.org/eiti/images/harrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding: 6px 0px 0px 15px;
}
div.dropdown { padding: 0px 4px 2px 4px; margin-left: 15px; display: none;  } 
div.dropdown p { margin: 3px 0px 6px 3px; color: #000; }


#data div.sticky {
	left: 0px;
	background-color: #fff;
	border-right: 1px solid #eae7d4 !important;
}
#data .even div.sticky  {background-color:#f8f6e8;}