/*-------------------------------------- common dataset items*/
h5{ /* dwnld "btn" text */
	margin:20px 5px 5px 5px;
	font-size:12px;
	font-weight:bold;
}
img.dwnld{ /* dwnld "btn" img */
	vertical-align:middle;
}
img.xls{ /*xls icon*/
	margin:5px 10px 0 0;
	float:left;
}

/*-------------------------------------- info page*/
#globalinfo, #smallinfo{
	padding:0;
	border:0;
	width:300px;
	text-align:justify;
}

#globalinfo{ float:left; margin:0 0 0 20px; display:inline; } /* display:inline fixes IE double margin bug*/
#smallinfo{ float:right; margin:0 20px 0 0; display:inline; }

#globalinfo h5, #smallinfo h5{
	text-align:right;
	display:block;
}

h4{ /*sub titles*/
	margin-bottom:10px;
	padding-bottom:5px;
	display:block;
	border-bottom:1px dotted;
}
h4#other{
	clear:both;
}
/*-------------------------------------- global datasets page*/
ul.formats{ /*bullet points for intro*/
	margin:0 0 0 100px;
	width:580px;
}
ul.formats li{
	padding:0 0 5px 0;
}

/*each table*/
#imr, #hunger, #ancillary{
	margin:2em 0;
	padding:10px;
	border:1px solid #CCC;
	background:#E2DCCF;
}
	#imr, #hunger{
		width:330px;
		voice-family: "\"}\""; 
		voice-family:inherit;
		width:310px;
	}
	html>body #imr, html>body #hunger { width:310px; }

	#imr, #ancillary{ float:left; }
	#hunger{ float:right; }

	#imr h4, #hunger h4, #ancillary h4{
		margin:0;
		padding:0;
		border:0;
		border-bottom:1px solid black;
		display:block;
		color:#900;
	}
	#imr h4 a, #hunger h4 a, #ancillary h4 a{ color:#900; }

div.dwnldarea{ /*white area of table*/
	margin:1.5em 0 0 0;
	padding:0 0.5em;
	border:1px dashed #999;
	background:#FFF;
	float:left;
}
	
div.specs{ /*downld specs*/
	margin:2px 0 0 0;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
}
div.twocol{
	margin:0;
	padding:0;
	border:0;
	width:325px;
	float:left;
}

/*-------------------------------------- national-level datasets page*/
h5.dwnldHead{
	margin:5px 0 15px 0;
	padding:2px 5px;
	border:0;
	background:#D3CCBD;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#300;
	clear:both;
}
h5.dwnldHead span.red{
	color:#C00;
}
h5.dataOptSel{
	margin:1em 0;
	padding:1em 0 0 0;
	border-bottom:1px solid #EBE6E2;
	clear:both;
}
span.info{
	margin:0 5px 0 30px;
	padding:0;
	border:0;
	font-size: 9px;
	vertical-align:middle;
}
span.info a{ font-weight:normal;}
span.info img{ vertical-align:middle; }

div.dwnldSect{	margin:15px 5px 30px 10px; }
div.dwnldSect input{
	vertical-align:middle;
}
div.dataOpt{
	margin:0 0 1em 20px;
	padding:0;
	border:0;
	width:320px;
	float:left;
	display:none;
}
	div.dataOpt h5, div.allNatDesc h5{
		margin:0 0 5px 0;
		padding:0;
		border:0;
		color:#000;
	}
	div.dataOpt ul{
		margin:5px 0 5px 25px;
		padding:0;
		border:0;
		font-size:9px;
	}
	div.dataOpt h5 img { vertical-align:middle; }

div.displOn{ display:block; }
#key{
	margin:0 0 10px 0;
	padding:5px;
	border:1px dotted #CCC;
	font-size: 9px;
	display:inline;
}
#key img{vertical-align:middle;}

#dataTable{
	margin:20px 0 0 0;
	padding:0;
	border:hidden;
	text-align:center;
	font:11px/1.5 Verdana, Arial, Helvetica, sans-serif;
	border-collapse:collapse;
}
	#dataTable td, th{ padding:3px 5px; border:1px dotted #CCC; }
	#dataTable th{
		border-bottom:1px solid #000;
		font-size:9px;
	}
		/*------------------ tooltips */
		#dataTable th a{
			margin:0;
			padding:0;
			border:0;
			position:relative;
			color:#36C;
			text-decoration:none;
			font-size:9px;
		}
		#dataTable th a span{ display:none;}
		#dataTable th a:hover{
			margin:0;
			padding:0;
			border:0;
			background:transparent; /*because IE is awsome*/
			text-decoration:underline;
			color:#33C;
			z-index:99;
		}
		#dataTable th a:hover span {
			margin:0;
			padding:2px 7px;
			border:1px solid #CCC;
			display:block;
			position:absolute;
			top:10px;
			right:-188px;
			width:200px;
			z-index:100;
			background:#EBE6E2;
			text-decoration:none;
			text-align:left;
			font:normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
			color:#333;
		}
	#dataTable img{
		padding:0 2px;
		border:0;
	}
	#dataTable .country{ text-align:left; }
	#dataTable .zebra{ background:#E2DCCF; }
	#dataTable .newSect{ border-right:1px solid #000; }

/*color for linked definitions*/
a.def{
	color:#36C !important;
	font-weight:bold;
}

ul#tabs{
	margin:0;
	padding:1px;
	border:0;
	list-style:none;
	clear:both;
}
	ul#tabs li{
		margin:0 0.5em -1px 0;
		padding:0 0.5em;
		border:1px solid #D3CCBD;
		border-bottom:1px solid #EBE6E2;
		float:left;
		background:#EBE6E2;
	}
	ul#tabs li.curOpt{ border-bottom:2px solid #fff; font-weight:bold; background:#fff; }
div#dataOptSection{
	margin:0;
	padding:0;
	border:1px solid #D3CCBD;
	clear:both;
}