/*Fullscreen toggle*/
.fullScreenMap .header, .fullScreenMap .footer{
	display: none;
}
body.fullScreenMap, .body{
	margin: 0px !important;
	padding: 0px;
}
.fullScreenMap #accordion{
	margin: 0px 0px 0px auto;
	top: 20px;
	right: 0px;
	position: absolute;
}
.fullScreenMap .introDetails{
	width: 75%;
}
.fullScreenMap .introDetails h1{
	width: 100%;
	padding: 10px 0px 0px 10px;
}
.fullScreenMap .introDetails p{
	padding: 0px 0px 0px 10px;
	width: 100%;
}
.fullScreenMap .collapsed {
}
.fullScreenMap .collapsed #close_accordion{
}
.fullScreenMap #accordion{
}
.fullScreenMap #close_accordion{
}
.fullScreenMap #close_accordion a{
	color: #000000;	
	text-decoration: none;
}
.fullScreenMap .collapsed #close_accordion{
	width: 40px;
	border-bottom: 0px;
}
.fullScreenMap .map_Help{
	width: 20%;	
}
.fullScreenMap h3#map-title{
	padding: 10px 0px 10px 0px;
}
.fullScreenMap #expander{
	/*bottom: 0px;
	right: 0px;
	position: fixed;
	z-index: 22000;*/
}
*html .fullScreenMap #expander{
	/*bottom: 0px;*/
	/*right: 0px;*/
}
/*.fullScreenMap .on_top{
	width: 100%;
	top: 0px;
	right: 0px;
	position: absolute;
	border: 1px solid black;
}*/
/* End fullscreen style*/
body{
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
}
.home_graphic{
	height: 310px;
	width: 708px;
	float: left;
	border: 1px solid #C7D5D6;
}
.home_image_one{
	background-image: url(../img/home_graphic_population.gif);		
}
.home_image_two{
	background-image: url(../img/home_graphic_underweight.gif);		
}
.home_image_three{
	background-image: url(../img/homepage_map_hiv.gif);		
}
.home_image_four{
	background-image: url(../img/homepage_map_literacy.gif);		
}
.home_graphic a.home_link{
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	width: 708px;
}
.storyRight .storySection{
	/*height: 230px;*/	
}
.home_left .home_graphic .story_steps, .home_left .home_graphic .story_steps ul{
	float: left;
	padding: 0px;
	margin: 0px;
	clear: none;
}
.home_left .home_graphic .story_steps ul{
	float: right;
}
.home_left .home_graphic .story_steps{
	width: 100px;
	border: 0px solid #fff;
	padding: 220px 0px 0px 5px;	
}
.storyRight .story_steps h5{
	margin: 0px 0px 5px 0px;	
	font-size: 75%;
}
.storyRight .story_steps{
	float: left;
	width: 344px;	
	margin: 10px 0px 0px 10px;
	display: inline;
	position: relative;
}
.storyRight .story_steps .unactive{
	float: left;
	font-size: 70%;
	padding: 4px;
	margin-right: 10px;
	display: block;
	color: #66737A;
}
.storyRight .story_steps .unactive_next{
	float: left;
	font-size: 70%;
	padding: 4px;
	display: block;
	color: #66737A;
}
.storyRight .story_steps a.green_btn{
	float: left;	
	padding: 4px;
	margin: 0px;	
	font-size: 70%;
}
.storyRight .story_steps a.green_btn:hover{
	text-decoration: underline;	
}
.storyRight .story_steps a.previous{
	margin-right: 10px;	
}
.storyRight .story_steps .green_btn, .storyRight .story_steps ul{
	float: left;	
}
.storyRight .story_steps ul{
	padding: 6px 8px 0px 0px;
	margin: 0px;
}
*html .storyRight .story_steps ul{
	padding: 2px 8px 0px 0px;
	margin: 0px;

}
.storyRight .storyHeight{
	height: 230px;	
}
.home_graphic a.home_link .text_link{
	display: inline;
	background-color: #3D4752;
	float: left;
	margin: 260px 0px 0px 20px;
	padding: 6px;
}
.home_graphic a.home_link:hover .text_link{
	background-color: #C1D82F;
}
.footer .maplecroft_logo{
	float: right;
}
.footer a img{
	border: 0px solid #fff;	
}
.footer .maplecroft_logo img{
	border: 0px;
}
.navOne form{
	margin: 0px;
	padding: 0px;
	float: left;
}
.navOne form input.search_textfield{
	margin: 5px 6px 0px 6px;
	width: 190px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 0px;
	background-color: #C7D4D4;
	border: 0px;
	border-bottom: 1px solid #000;
}
.navOne form input.submit_search, .search_form_on_page form input.submit_search{
	background-color: #C1D82F;
	border: 1px solid #fff;
	color: #3D4752;
	font-size: 60%;
	width: 26px;
}
.search_form_on_page form input.submit_search{
	padding: 4px;	
	margin: 0px 0px 0px 4px;
}
.search_form_on_page form label{
	font-weight: bold;
}
.navOne form input.search_textfield:focus{
	border-bottom: 1px solid #fff;
	color: #fff;
}
/*Curved button styles*/
/*Green*/
.green_button{
	float: left;
	font-size: 80%;
	margin-top: 10px;
	clear: both;
}
.green_button a{
	color: #000;
	text-decoration: none;
}
.green_button a:hover{
	text-decoration: underline;	
}
.green_button_blue{
	float: left;
	font-size: 80%;
	margin-top: 10px;
	clear: both;
}
.green_button_blue a{
	color: #000;
	text-decoration: none;
}
.green_button_blue a:hover{
	text-decoration: underline;	
}
.download_button a{
	background-image: url(../img/Download_arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0px 20px 0px 5px;
	display: block;
	width: 86px;
}
.google_earth a{
	background-image: url(../img/google_earth_icon.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0px 20px 0px 5px;
	display: block;
}

.green_button img, .green_button_blue img{
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.green_button .tl{
	background-image: url(../img/green_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.green_button .tr{
	background-image: url(../img/green_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding:3px 4px 4px 4px;
}
.green_button .bl{
	background-image: url(../img/green_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #C1D82F;
}
.green_button .br{
	background-image: url(../img/green_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.green_button_blue .tl{
	background-image: url(../img/green_on_blue_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.green_button_blue .tr{
	background-image: url(../img/green_on_blue_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding:3px 4px 4px 4px;
}
.green_button_blue .bl{
	background-image: url(../img/green_on_blue_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #C1D82F;
}
.green_button_blue .br{
	background-image: url(../img/green_on_blue_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.download_button, .google_earth{
	/*float: left;	
	width: 100px;
	border: 1px solid black;*/
}
.body .colLeft #google-earth, .body .colLeft .download-data{
	float: left;	
	clear: none;
}
.body p{
	font-size: 90%;	
}
.body h1{
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.body .colLeft .download-data{
	margin-left: 10px;	
}
.body .colLeft .map_information {
    background-image: none;
}
.body .colLeft .image-map{
	margin-left: 0;	
}
.map_data_btn{
	float: left;
	width: 184px;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #C9D3DA;
}
.map_data_btn h3{
	font-size: 80%;
	margin: 0px;
	padding: 0px;
	/*background-color: #C9D3DA;*/
	font-weight: lighter;
}
.map_data_btn .green_button{
	float: left;	
	margin: 10px 0px 0px 0px;
}
.map_data_btn .download_button{
}
.map_data_btn .green_button a{
	font-size: 80%;	
	width: 79px;
	padding: 0px;
}
/*Gray*/
.body .gray_button{
	margin-top: 13px;
}
.gray_button{
	float: right;
	font-size: 80%;
	margin: 4px 4px 0px 0px;
}
.gray_button a{
	color: #FFF;
	text-decoration: none;
	background-image: url(../img/fullscreen_icon.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 12px 20px 10px 5px;
}
.gray_button a:hover{
	text-decoration: underline;	
}
.gray_button img{
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.gray_button .tl{
	background-image: url(../img/gray_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.gray_button .tr{
	background-image: url(../img/gray_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	padding:3px 4px 4px 4px;
	/*background-color: #7F7F7F;*/
}
.gray_button .bl{
	background-image: url(../img/gray_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #7F7F7F;
}
.gray_button .br{
	background-image: url(../img/gray_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.fullscreen_btn{
	background-image: url(../img/fullscreen_background.png);
	display: block;
	float: right;
	width: 100px;
	text-align: center;
	margin: 14px 0px 0px 0px;
}
.fullscreen_btn a{
	font-size: 70%;
	color: #fff;
	display: block;
	margin: 4px 6px 4px 6px;
	text-decoration: none;
}
.fullscreen_btn a:hover{
	color: #C1D82F;
}
.fullscreen_btn a img{
	padding: 0px;
	margin: 0px 0px 0px 5px;
	border: 0px;
}
/*---General declarations---*/
.header, .logoStrip, .navigation, .body, .footer{
	float: left; 
	clear: both;
}
.main{
	margin: 0 auto;
	vertical-align: center;
	width: 950px;
	clear: both;
}
.header{
	background-color: #3D4752;
}
.logoStrip{
	width: 930px;
	padding: 10px 10px 10px 10px;
}
.logoStrip a img{
	border: 0px;
}
.navigation{}
ul, li{
	padding: 0px; 
	margin: 0px; 
	list-style-type: none;
}
ul li{
	float: left;
}
ul{
	margin-left: 10px;
}
ul.firstTier{
	background-color: #C7D4D4;
}
ul.firstTier li{
	width: 174px; 
	display: inline;
	float: left;
	border-right: 2px solid #fff; 
	text-align: center;
}
ul.firstTier li a{
	display: block; 
	font-size: 90%; 
	padding: 6px;
	color: #000; 
	text-decoration: none; 
	margin: 0px; 
	text-align: center; 
	background-color: #C7D4D4; 
	font-weight: bold;
	text-transform: uppercase;
}
ul.firstTier li a.active{
	display: block; 
	font-size: 90%; 
	padding: 6px; 
	color: #000; 
	text-decoration: none; 
	margin: 0px; 
	text-align: center; 
	background-color: #fff; 
}
ul.firstTier li a:hover{
	background-color: #fff;
}
ul.secondTier{
	clear: both; 
	background-color: #fff;
}
ul.secondTier li{
	float: left;
	padding-bottom: 5px;
}
ul.secondTier li a{
	display: block; 
	float: left; 
	font-size: 75%; 
	margin: 5px 0px 0px 0px; 
	padding: 0px 5px 0px 5px;
	color: #000; 
	text-decoration: none; 
	text-align: center; 
	font-weight: bold;
	border-right: 1px solid #66737A;
}
ul.secondTier li a.active{
	color: #C1D82F;
	background-color: #fff;
}
ul.secondTier li a:hover{
	background-color: #fff;
	color: #C1D82F;
}
p.nav{
	clear: both;
}
.navOne{
	float: left; 
	clear: both; 
	background-color: #C7D4D4; 
	width: 950px;
}
.navTwo{
	float: left; 
	clear: both; 
	background-color: #fff; 
	width: 950px; 
	border-bottom: 1px solid #C7D4D4;
}
h1{
	font-size: 140%; 
	font-weight: lighter;
}
h2{
	font-size: 140%; 
	font-weight: lighter;
}
.introDetails{
	margin-bottom: 20px;	
	float: left;
}
.introDetails h1{
	margin: 10px 0px 5px 0px;
}
.introDetails p{
	font-size: 80%; 
	margin: 0px 0px 0px 0px; 
	padding: 0px;
	width: 710px;
}
.fullwidthIntro p{
	width: 930px	
}
.map_Help{
	width: 228px;
	float: left;	
	/*background-color: #C9D3DA;*/
	border: 1px dashed #C1D82F;
	margin: 30px 0px 0px 10px;
}
.map_Help p{
	font-size: 70%;
	margin: 0px;
	padding: 10px;	
}
.footer{
	margin-top: 10px;
	background-color: #66737A;
	color: #fff;
	width: 930px;
	padding: 10px 10px 10px 10px;
}
.main .footer .links{
	float: left;
}
.main .footer a{
	color: #fff;
	font-size: 70%;
	text-decoration: none;
	padding: 10px 4px 10px 4px;
}
.main .footer a:hover{
	text-decoration: underline;	
}
#accordion{
	opacity:0.8;filter:alpha(opacity=80);
}
#close_accordion{
	float: left;
	clear: both;
	text-align: right;
	display: block;
	color: #000000;
	font-size: 60%;
	height: 14px;
	border-bottom: 1px solid #C9D3DA;
	cursor: pointer;
	width: 140px;
}
#close_accordion a{
	color: #000000;	
	text-decoration: none;
}
body .collapsed{
	width: 40px;
	position: relative;
	left: 100px;
}
.collapsed #close_accordion{
	width: 40px;
	border-bottom: 0px;
}
#accordion #legend, #accordion #bottom_ranked, #accordion #data_source_on_map{
	width: 144px;
	clear: both;
}
#accordion #legend div, #accordion #bottom_ranked div, #accordion #data_source_on_map div{
	float: left;
	clear: none;
	/*width: 140px;*/
}
/*Home page styles*/
.body{
	float: left;
	width: 950px;
}
.home_left, .home_right{
	float: left;	
	padding: 0px;
	margin: 20px 0px 10px 0px;
}
.home_left{
	width: 710px;
	margin: 20px 10px 0px 0px;
}
.home_right{
	width: 230px;
}
.home_right .block{
}
.home_left img, .home_right img{
	border: 0px solid black;	
}
.home_right .block{
	width: 230px;
	float: left;
}
.home_right .block h4{	
	width: 230px;
	padding: 0px;
	margin: 0px;
	font-size: 90%;
}
.home_right .block h4 a{	
	padding: 10px;
	margin: 0px;
}
.home_right .bottomBlock{
	margin-top: 20px;	
}
.home_intro{
	float: left;
}
.home_intro p{
	font-size: 90%;
}
/*.home_right .bottomBlock img, .home_right .bottomBlock a img{
	float: left;
	margin: 0px;
	padding: 0px;
	clear: both;
}
*/
/*Key*/
#map{
	float: left;
	position: relative;
	z-index: 1500;
	width: 760px;
}
#map-wrapper { 	
	z-index: 1600;
	position: relative;
}
#accordion{
	position: absolute;
	border: 0px solid black;
	z-index: 12000;
	margin: 10px 0px 0px 620px;
	/*width: 144px;*/
	background-position: bottom left;
	background-color: #fff;
	padding: 0px;
	border: 1px solid #C7D4D4;
	border-right: 0px solid #fff;
	/*opacity:0.9; 
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;  
	-khtml-opacity: 0.9;*/
}
#accordion .expand_Legend a.toggle-control{
	padding: 4px;	
	float: left;
	display: block;
	outline: 0px;
}
#map_key.hideKey{
	width: 144px;
	margin: 10px 0px 0px 622px;	
}
/* Legend styles */
.expand_legend #expanderToggleLegend a.toggle-control{
	padding: 4px;	
	float: left;
	display: block;
	font-size: 70%;
	text-decoration: none;
	color: #000;
		outline: 0px;
}
.circle{
	float: left;
	clear: both;
}
.circle table{
	border-collapse:collapse;
	float: left;
	text-align: left;
}

.circle table tr td{
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}
.circle .big_circle, .circle .small_circle{
	float: left;
	clear: both;
	width: 100px;
}
#accordion table{
	clear: both;
	width: 100%;
}
#accordion table .first_cell{
	width: 16px;	
}
#map_key_map1 table.legend_rows, #map_key_map2 table.legend_rows{
	float: left;
	clear: both;
	width: 100px;
}
table.legend_rows tr td{
	vertical-align: top;	
}
.circle .big_circle .data, .circle .small_circle .data{
	margin-left: 10px;
}
.circle .big_circle .image, .circle .small_circle .image{
	float: left;
}
.circle .big_circle{
	margin-bottom: 4px;	
}
.circle table tr td.right_margin{
	display: block;
	float: left;
	padding-right: 6px;	
}
#map_key.hideKey .expand_Legend{
}
.legend_gradient .data{
	float: left;
	width: 60px;	
	margin-left: 5px;
}
.legend_gradient{
	width: 90px;	
}
.legend_gradient, .legend_gradient .data, .legend_gradient .gradient, .legend_gradient .top_number, .legend_gradient .bot_number{
	float: left;
}
.legend_gradient .data .bot_number, .legend_gradient .data .top_number{
	float: left;
	clear: both;
}
.legend_gradient .data .bot_number{
	margin-top: 50px;	
}
.expand_legend #map_key_inner{
	/*display: none;	*/
}
#map_key.hideKey #map_key_inner{
	display: none;	
}
.smallKey .hideKey{
	display: none;
}
#map_key_map1_wrapper.hideKey, #map_key_map2_wrapper.hideKey{
	width: 110px;	
	*width: 114px;
}
#map_key_map1_wrapper.hideKey .expand_Legend, #map_key_map2_wrapper.hideKey .expand_Legend{
	float: left;
	background-image: url(../img/arrow_up.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px;
	margin: 0px;
}
#map_key_map1_wrapper .expand_Legend, #map_key_map2_wrapper .expand_Legend{
	float: left;
	background-image: url(../img/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px;
	margin: 0px;
}
#map_key_map1_wrapper .expand_Legend a, #map_key_map2_wrapper .expand_Legend a{
	padding: 0px 0px 0px 14px;	
}
#map_key_map1_wrapper.hideKey .key, #map_key_map2_wrapper.hideKey .key{
	display: none;	
}
#map_key_map1_wrapper a.toggle-control, #map_key_map2_wrapper a.toggle-control{
	text-decoration: none;
	color: #000;
		padding: 0px 0px 0px 14px;	
	margin: 0px;
	float: left;
	display: block;
		outline: 0px;
}
#map_key .expand{
	width: 100px;
}
#map .Toolbar, #overlay-map .Toolbar{
	display: none;	
}
#map_key .expand a{
	display: block;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	float: left;
	font-size: 70%;
	background-color: #fff;
	color: #3D4752;
	opacity: 1;
}
#map_key .white_background, #map_key .white_background .key_row, #map_key .white_background .unit, .white_background .unit{
	width: 140px;	
	border: 0px;
	position: relative;
	z-index: 12001;
	clear: both;
	float: left;
	font-size: 75%;
}
#accordion table{
	font-size: 70%;	
	width: 130px;
}
#accordion table .no_data{	
}
.white_background table{
	float: left;
	clear: both;
}
.on_top{
	position: relative;
	z-index: 2100;
}
.on_top .unit{
	font-size: 75%;	
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}
.white_background .unit{
	margin-bottom: 10px;	
}
#map_key .key_row{
	float: left; 
	font-size: 80%; 
	clear: both;
}
.key_symbol, .key_value{
	float: left;
}
#map_key_inner{
	padding: 4px;	
}
#map_key_inner .key_value{
	width: 70px;	
}
#map_key_inner .key_symbol, .smallKey .key_symbol{
	display: block; 
	height: 10px;
	width: 15px; 
	margin-right: 6px;
}
table .no_data{
	margin-top: 4px;
	width: 15px;
	background-color: #cccccc;
}
.key_top_curve{
	float: left;
}
.key_top_curve img{
}
#map_key .white_background h2{
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}
.expand_Legend .legend_gradient{
	font-size: 70%;
}
.expand_Legend .key_row{
	float: left;
	clear: both;
	font-size: 55%;
}
.expand_Legend #map_key_inner{
	float: left;
	border-bottom: 1px solid #C7D4D4;
}
a.print_map_btn{
	font-size: 70%;
	color: #fff;
	display: block;
	float: left;
	margin: 8px 0px 0px 250px;
	text-decoration: none;
}	
span.divider{
	color: #fff;	
	font-size: 70%;
	display: block;
	floaT: left;
	margin: 8px 0px 0px 10px;
}
a.print_map_btn:hover{
	text-decoration: underline;	
}
/*Map chooser*/
.form_row{
	border: 0px solid black;
	margin: 10px 0px 0px 0px;
}
.form_row label{
	display: none;	
}
.form_row select{
	width: 230px;
	border: 1px solid black;
	background-color: #fff;
	font-size: 110%;
}
.form_row input{
	background-color: #fff;
}
.form_row select:focus{
	border: 1px solid #C1D82F;	
}
#map_form{
	float: left;
	clear: both;
}
#map_form1 .indicator .inline_help_image img, #map_form1 .indicator-breakdown-picker .inline_help_image img, #map_form2 .indicator .inline_help_image img, #map_form2 .indicator-breakdown-picker .inline_help_image img{
	margin: 0px 0px 0px 10px;	
}
#map_menu_form{
	border: 0px solid black;	
	margin: 0px;
	padding: 0px;
}
#map_menu_form input{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-transform: uppercase;
	font-size: 120%;
}
.scope, .gender{
	background-color: #626F76;
	color: #fff;
	float: left;
	clear: both;
	width: 184px;
	padding: 0px;
	border-bottom: 2px solid #fff;
}
.scope h3, .gender h3, .indicator h3{
	font-size: 75%;	
	float: left;
	width: 40px;
	padding: 6px;
	margin: 0px;
}
.indicator h3{
	padding: 6px;
}
.indicator-picker{
	clear: both;
	width: 184px;	
}
*html .indicator-picker{
	clear: none;	
}
.indicator_title{
	width: 184px;		
	background-color: #626F76;
	border-bottom: 2px solid #fff;
	color: #fff;
	float: left;
	clear: both;
}
.scope p, .gender p{
	font-size: 70%;
	float: left;
	padding: 0px;
	margin: 0px;
}
.scope .top_opt, .gender .top_opt{
	float: left;
	display: block;
	width: 60px;
	font-size: 75%;
	padding: 0px;
	margin: 6px 2px 2px 2px;
	border: 0px solid black;
}

.scope .top_opt label, .gender .top_opt label{
	margin: 4px 0px 0px 0px;
	padding: 0px;
}
.colRight .scope .top_opt label, .colRight .gender .top_opt label{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: inline;
}
.colRight .scope .top_opt, .colRight .gender .top_opt{
	display: inline;
	width: 70px;
}
.colRight .scope .top_opt input, .colRight .gender .top_opt input{
	padding: 0px;
	margin: 0px;
	float: left;
}
.colRight .scope h3, .colRight .gender h3{
	width: 60px;	
}
input#map_form_Scope_0, input#map_form_Scope_1, input#map_form_Gender_0, input#map_form_Gender_1, input#map_form1_Scope_0, input#map_form1_Scope_1, input#map_form1_Gender_0, input#map_form1_Gender_1{
	margin: 0px;
	padding: 0px;
	height: 14px;
	width: 14px;
}
.scope .top_opt input, .gender .top_opt input{
	padding: 4px;
	margin: 4px;
	float: left;
}
#indicator-select{
	margin: 10px 0px 10px 0px;
	width: 240px;	
	font-size: 80%;
	border: 0px solid #fff;
}
.colLeft .map-controls #map_form .indicator-breakdown-picker{
	height: 100px;	
}
#indicator, .indicator-breakdown-picker{
	/*background-color: #626F76;*/
}
.indicator-breakdown-picker .gender{
	display: none;	
}
.indicator-breakdown-picker .form_map_row{
	/*float: left;
	clear: both;
	margin-top: 6px;
	padding-bottom: 6px;*/
	/*border-bottom: 1px solid #C9D3DA;*/
	float: left;
	clear: both;
	font-size: 80%;	
	width: 190px;
}
*html .indicator-breakdown-picker .form_map_row{
	width: 184px;
}
.indicator-breakdown-picker .form_map_row{
	padding-bottom: 6px;	
}
.indicator-breakdown-picker .form_map_row h3{
	margin: 0px 6px 0px 0px;
	padding: 0px;
	float: left;
	width: 56px;
	font-size: 85%;
	/*text-transform: capitalize;*/
}
.indicator-breakdown-picker .form_map_row .single_indicator p{
	margin: 0px 0px 0px 4px;
	padding: 0px;
	font-size: 85%;
}
.indicator-breakdown-picker .form_map_row .single_indicator{
	float: left;	
}
.indicator-breakdown-picker .form_map_row .ages{
	float: left;
	width: 80px;
}
.indicator-breakdown-picker .form_map_row .ages label{
	float: left; 
	margin: 0px 5px 0px 0px;
	padding: 0px;
	width: 80px;
	font-size: 85%;
}
.indicator-breakdown-picker .age h3, .indicator-breakdown-picker .marital h3{
	clear: both;
	width: 80px;
}
.indicator-breakdown-picker .form_map_row .ages input#age_id{
	padding: 0px;
	margin: 0px;
}
#map-select-submit{
	clear: both;	
}
.indicator-breakdown-picker .form_map_row select{
	width: 120px;	
	font-size: 85%;
	float: left;
}
#map_menu_form .indicator select#indicator-select option{
	text-transform: capitalize;
}
.searchCriteria .expand{
	width: 184px;	
	background-color: #3D4752;
	floaT: left;
}
.searchCriteria .expand h2{
	width: 175px;	
	font-weight: bold;
}
.expand h2, .expand .contractExpand{
	float: left;
}
.searchCriteria .expand img.contractExpand{
	background-color: #3D4752;
	float: left;	
	margin: 8px 0px 0px 0px;
	padding: 0px;
}
.searchCriteria .expand a img.contractExpand{
	border: 0px solid #fff;	
}
.optionRow input#ct1{
	background-image: url(../img/sidebyside_map_off.gif);	
	background-position: top left;
	bordeR: 1px solid black;
	height: 80px;
	width: 210px;
	margin-bottom: 10px;
	color: #E5F0F5;
	font-size: 1%;
	display: block;
	cursor: pointer;
}
.optionRow input#ct1:hover{
	background-image: url(../img/sidebyside_map_on.gif);	
}
*html .optionRow input#ct1{
	background-image: url(../img/sidebyside_map_on.gif);	
}
.optionRow input#ct2{
	background-image: url(../img/overlay_map_off.gif);	
	background-position: top left;
	bordeR: 1px solid black;
	height: 80px;
	width: 210px;
	font-size: 1%;
	cursor: pointer;
}
.curved .download-data{
	margin: 10px 10px 0px 96px;	
}
.optionRow input#ct2:hover{
	background-image: url(../img/overlay_map_on.gif);	
}
*html .optionRow input#ct2{
	background-image: url(../img/overlay_map_on.gif);	
}
.optionRow h4.step_three_title{
	margin: 0px;
	padding: 0px;
}
.step_three_download{
	margin: 0px 0px 0px 10px;	
	float: left;
	width: 184px;
	display: inline;
}
.step_three_download h4.step_three_title{
	margin: 10px 0px 5px 0px;
	padding: 0px;
	width: 184px;
}
.step_three_download .download-data{
	float: left;
	margin: 0px;
}
/*Mapping CSS*/
.colMapping{
	float: left; 
	border: 0px solid black;
}
#map{
	border-top: 1px solid #fff; 
	height: 415px;
}
.mapArea{
	floaT: left;
}
.green_button_box{
	background-color: #C0D82E;
	display: block;
	float: left;
	color: #000;
	padding: 5px;
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
}
.green_button_box:hover{
	color: #fff;	
}
.move_right{
	float: right;
}
.right_column{
	font-size: 90%;	
}
.right_column table{
	font-size: 70%;	
}
.right_column .block{
	float: left;
	width: 230px;
}
.right_column .block h4{
	width: 100%;
	margin: 0px;	
	padding: 0px;
}
.right_column .block img{
	border: 0px;
	padding: 0px;
	margin: 0px;
}
/*Location search and results*/
.locationSearch{float: left; background-color: #3D4752; width: 766px; margin-top: 0px;}
.locationSearch form{margin: 0px; padding: 4px 5px 4px 10px; width: 480px;}
.locationSearch label{color: #fff; font-size: 90%; font-weight: bold; padding: 0px 6px 0px 0px;}
.locationSearch input{font-size: 80%; margin-left: 5px;}
.locationSearch input.locationEnter{width: 260px;}
.locationSearch .locationForm{float: left;}
.locationSearch .goFullscreen{margin: 5px 0px 0px 0px; float: right; width: 144px; display: block;}
.locationSearch .goFullscreen a{padding: 4px; display: block; float: left; color: #000; font-size: 70%; background-color: #CCCCCC; font-weight: bold; text-decoration: none; width: 128px;}
.locationSearch .goFullscreen a span{float: left; margin: 0px 6px 0px 6px; width: 90px;}
.locationSearch .Active{
	background-color: #848F94;
	width: 410px;
}
.locationSearch .locationForm{
	padding-left: 10px;	
	margin-left: 0px;
}
.locationSearch .goFullscreen a:hover{background-color: #C1D82F;}
.locationSearch .goFullscreen a img{display: block; float: left; border: 0px;}
.searchCriteria h2{padding: 8px 0px 8px 6px; margin: 0px; background-color: #3D4752; width: 240px; color: #fff; font-size: 90%;}
.form-row{float: left; clear: both; border: 0px solid black; width: 230px; margin-top: 10px; font-size: 80%;}
.form-row select{width: 230px;}
.location_results_close a{
	display: block;
	float: left;
	background-color: #C1D82F;
	padding: 2px 6px 2px 6px;
	font-size: 90%;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.maximise_map {
	background-image: url(../img/maximise_icon.gif);
	color: #fff;
	background-repeat: no-repeat;
	background-position: right;
	padding: 10px 10px 0px 0px;
	margin-right: 5px;
	display: block;
	float: right;
	width: 10px;
	height: 20px;
}
#place-search-results-inner{
	width: 380px;	
	float: left;
	border: 0px solid black;
}
.pg-nav{
	float: left;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
#yui-dt0-paginator0 .pg-nav{
	margin: 0px 0px 0px 0px;
}
#yui-dt0-paginator1 .pg-nav{
	margin: 0px 0px 0px 0px;
}
.pg-nav a{
	color: #fff;
	text-decoration: none;
}
.pg-nav a:hover{
	color: #fff;
	text-decoration: underline;
}
.pg-nav span.yui-pg-first, .pg-nav span.yui-pg-previous{
	color: #CCC;	
}
.yui-pg-current{
	margin: 0px 10px 0px 8px;
	color: #fff;
	font-size: 120%;
}
.yui-pg-previous{
	margin: 0px;	
}
.yui-pg-next{
	margin: 0px;
}
.yui-dt-liner{
	margin-bottom: 4px;
	float: left;
	clear: both;
	width: 100%;
}
.yui-dt-liner .place, .yui-dt-liner .place_detail, .yui-dt-liner .population, .yui-dt-liner .latlon{
	float: left;
	font-size: 100%;
}
.yui-dt-liner .place{
	margin-right: 20px;	
}
.yui-dt-liner .placename{
	float: left;
	clear: both;
	width: 100%;
}
.yui-dt-liner .population{
	float: right;	
}
.yui-dt-liner .place_detail{
	display: none;	
}
.yui-dt-liner .latlon{
	clear: both; 
	float: left;	
}
/*Tabbing*/
.tabbing{float: left; clear: both; width: 240px;}
.findDataTab, .compareTab{float: left;}
.compareTab{margin-left: 4px;}
.findDataTab a, .compareTab a{display: block; float: left; width: 118px; margin: 0px; padding: 6px 0px 6px 0px; text-decoration: none; font-weight: bold; font-size: 100%; text-align: center;}
.findDataTab a:visited, .compareTab a:visited, .findDataTab a:active, .compareTab a:active, .findDataTab a:link, .compareTab a:link{
	color: #fff;
}
.findDataTab a:hover, .compareTab a:hover{
	color: #B8CC33;
}
.notActive a{background-image:url(../img/offTab.gif); margin-top: 4px;}
.Active a{background-image:url(../img/onTab.gif); padding-top: 10px; color: #B8CC33;}
.colLeft{
	float: left;
	width: 184px;
}
.colLeft, .colRight{float: left; clear: both;}
.colRight{width: 950px;}
.colRight h2{text-align: center;}
.colRight .instructions h2{text-align: left;}
.colRight .instructions{font-size: 90%; width: 240px;}
#map_menu label{margin-top: 10px;}

/*Map searching*/
.colLeft .searchCriteria{float: left; width: 184px; clear: both;}

/* Sunita's Story */
/*.main{width: 950px; float: left; clear: both; border: 1px solid black;}*/
.story, .dataHolder{float: left; width: 950px; clear: both;}
.story h2{margin-top: 20px;}
.story .photoLeft{float: left; width: 480px;}
.story .storyRight{float: left; width: 458px; font-size: 90%;}
.storySection{padding: 0px; float: left; width: 360px; clear: both;}
.storySection h5{
	padding: 0px;
	margin: 0px;
	font-size: 100%;
}
.twenty_pixel_top{
	margin-top: 20px;	
}
.twenty_pixel_lose_top{
	position: relative;
	top: -26px;
}
.storyRight .storySection p{
	margin: 10px 0px 0px 10px;
	padding: 0px;
	display: inline;
}
.story .storyPagination{float: left; width: 470px; clear: both; background-color: #3D4752; color: #fff; font-size: 80%; }
.story .storyPagination h3{margin: 4px 0px 0px 0px; padding: 10px; float: left; display: block; font-size: 140%;}
.prevNextBtns{
	padding: 7px;	
}
.story .imgCopyright{font-size: 70%; text-align: right;}
.dataHolder{width: 950px; background-color: #DEDED5; padding: 10px 0px 10px 0px; margin: 20px 0px 0px 0px;}
.dataHolder .map{width: 390px; float: left;}
.dataHolder .description{margin: 10px 0px 20px 10px; font-size: 80%; width: 930px;}
.dataHolder .data{margin: 0px 10px 0px 10px;}
.dataHolder .map{background-color: #fff; display: inline; margin-left: 10px;}
.dataHolder .data, .dataHolder .graphs{width: 260px; float: left; background-color: #fff;}
.dataHolder .data .content, .dataHolder .graphs .content, .dataHolder .map .content{padding: 10px; font-size: 80%;}
.dataHolder h4{margin: 0px 0px 0px 10px; padding: 0px;}
.dataHolder .map h5, .dataHolder .data h5, .dataHolder .graphs h5{margin: 0px; padding: 10px; display: block; background-color: #3D4752; color: #fff; font-size: 90%;}
.story_steps{clear: both; float: left; width: 300px;}
.story_steps ul li{float: left; margin-right: 4px;}
.story_steps ul li a{display: block; float: left; width: 10px; height: 10px; border: 0px solid black; margin: 0px; padding: 0px; background-image: url(../img/dot_off.png); background-repeat: no-repeat; background-position:center;}
.story_steps ul li a:hover{display: block; float: left; width: 10px; height: 10px; border: 0px solid black; margin: 0px; padding: 0px; background-image: url(../img/dot_rollover.png); background-repeat: no-repeat; background-position:center;}
.story_steps ul li a.active{display: block; float: left; width: 10px; height: 10px; border: 0px solid black; margin: 0px; padding: 0px; background-image: url(../img/dot_active.png); background-repeat: no-repeat; background-position:center;}
.dark_blue_background{
	background-color: #3D4752;
	padding: 10px;
	margin: 0px;
	font-size: 90%;	
	color: #fff;	
}
.rowOne .right .dark_blue_background{
	width: 210px;
}
.dark_blue_image{
	background-color: #3D4752;
}
.india_map_small, .india_key_small{
}
.india_map_small{
	display: block;
	float: left;
	margin: 0px 0px 6px 0px;
	background-color: #C9D3DA;
	font-size: 100%;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.india_block{
	float: left;
	clear: both;
	position: relative;	
	width: 230px;
}
.india_map_small h5{
	padding: 5px;	
	margin: 0px;
	float: left;
	background-color: #C9D3DA;
	font-size: 100%;
}
.india_key_small{
	position: absolute;
	top: 100px;
	left: 140px;
	z-index: 20001;
}
.india_key_small table{
	float: left;
	width: 90px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
.india_key_small table tbody tr td, .india_key_small table tbody tr td div{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
.global_view, .asia_view, .africa_view{
	position: absolute;
	top: 110px;
	left: 0px;
	z-index: 20001;
	font-size: 100%;	
}
.africa_view{
	top: 30px;	
}
*html .africa_view{
	top: 25px;	
}
.asia_view{
	top: 110px;	
	width: 80px;
}
.global_view .unit, .asia_view .unit, .africa_view .unit{
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.africa_view .legend_gradient{
	width: 60px;
}
.africa_view .legend_gradient .data{
	width: 40px;	
}
.india_key_movedown{
	top: 124px;
}
.india_key_small .legend_gradient{
	margin-top: 4px;
	font-size: 70%;
}
.india_key_small .key_row{
	float: left;	
	clear: both;
}
.india_key_small .key_row .key_symbol{
	display: block;
	floaT: left;
	color: #ccc;
	height: 8px;
	margin-right: 5px;
}
.india_key_small .key_row .no_data{
	height: 10px;
	float: left;
	font-size: 1%;
}
.india_key_small .key_row .key_value{
	font-size: 75%
}
.india_key_twoline{
	top: 108px;	
}
.small_key_left{
	position: absolute;
	top: 104px;
	left: 0px;
	z-index: 20001;
}
.small_key_left_down{
	position: absolute;
	top: 140px;
	left: 0px;
	z-index: 20001;
}
.fact6, .fact7, .fact9{
	left: 0px;
	top: 124px;	
}
*html fact7, *html fact6, *html .fact9{
	left: 0px;
	top: 124px;	
}
.sunita_key{
	top: 138px;	
}
.sunita_up{
	top: 106px;	
}
.sunita_twotwofive{
	top: 122px;	
}
.sunita_bottommove{
	top: 154px;	
}
*html .sunita_key{
	top: 134px;	
}
*html .sunita_up{
	top: 102px;	
}
*html .sunita_twotwofive{
	top: 118px;	
}
*html .sunita_bottommove{
	top: 150px;	
}
.move_key_down{
	position: absolute;
	top: 150px;
	left: 0px;
	z-index: 20001;
	font-size: 70%;	
}
.small_key_left_block{
	position: absolute;
	top: 120px;
	left: 0px;
	z-index: 20001;
	font-size: 70%;	
	width: 120px;
}
.india_map{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 20000;
}
.india_key_small .key_row{
	float: left;
	bordeR: 0px solid black;
	width: 100px;
}
.india_key_small .unit{
	border: 0px solid black;
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.india_key_small .white_background .key_row .key_symbol{
	float: left;
}
.right_column .fixed_height{
	background-color: #3D4752;
	height: 280px;
}
.oppcard_description{
	width: 230px;	
}
.sunita_photocredit{
	font-size: 60%;
	display: block;
	background-color: #7F7F7F;
	color: #fff;
	padding: 2px;
	margin: 0px;
	width: 346px;
	
}
/*Maps and data*/

#maplecroft-selector-form, #maplecroft-selector-form .mapleMaps{
	width: 210px;	
	padding: 0px;
	margin: 0px;	
	float: left;
}
#maplecroft-selector-form{
	margin: 10px 0px 0px 10px;	
	float: left;
	padding-bottom: 10px;
	display: inline;
}
.rowOne h2{border: 0px solid black; width: 450px; }
.rowOne{margin: 20px 0px 10px 0px;}
.rowOne, .rowTwo{float: left; clear: both; width: 950px;}
.rowOne .left{
	float: left; 
	width: 710px;
}
.rowOne .right{
	float: left;
	width: 230px;
	font-size: 90%;
}
.rowOne .right .block{
	float: left;
	margin-top: 10px;	
}
.rowOne .right img{
	border: 0px solid black;	
}
.rowOne .left p{font-size: 90%;}
.rowOne .left h2{margin: 0px; padding: 0px;}
.rowOne .right{margin-left: 10px;}
.rowOne .right .create{margin: 10px 0px 0px 0px; float: left; background-color: #3D4752; padding: 0px; width: 470px; font-size: 90%;}
.rowOne .right .create p{color: #fff; padding: 0px 10px 10px 10px; margin: 0px; display: inline; float: left; clear: both; width: 220px; font-size: 90%;}
.rowOne .right .create img{float: left; border: 0px solid #fff;}
.rowOne .right .create h3{margin: 0px; padding: 10px; font-size: 120%; border: 0px solid #fff; display: inline; float: left;}
.rowOne .right .create .left{float: left; width: 230px;}
.rowOne .right .create .right{float: left; width: 230px; padding-top: 10px;}
.rowOne .right .create .left, .rowOne .right .create .right{
	border: 0px solid #fff;	
	float: left;
	padding: 0px;
	margin: 0px;	
}
.rowOne .right .create .left p{
	margin: 0px 0px 10px 10px;
	padding: 0px;
}
.rowOne .right .create .right a img{
	border: 0px solid #fff;	
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 10px;	
}
.rowTwo .fourBlocks{float: left; margin: 0px 0px 0px 0px;}
.rowTwo .fourBlocks .block{float: left; width: 230px; font-size: 90%;}
.rowTwo .fourBlocks .block a{float: left; margin: 0px; padding: 0px; border: 0px solid black; width: 210px;}
.rowTwo .fourBlocks .block a img{border: 0px solid black;}
.block h4{font-size: 100%; float: left; display: block; margin: 0px; padding: 10px; background-color: #3D4752; clear: both;}
.rowTwo .fourBlocks .block a .hovered{}
.rowTwo .fourBlocks .block a:hover .hovered{font-weight: bold;}
.rowTwo .fourBlocks .block p{
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 90%;
}
.positionThumbnail{
	float: left;
	position: relative;	
	font-size: 75%;
	margin: 0px;
	padding: 0px;
}
.positionThumbnail .hovered{
	z-index: 10;
	top: 0px;
	left: 0px;
	float: left;
	position: absolute; 	
	width: 230px;	
	vertical-align: bottom;
}
.positionThumbnail .hovered a{
	width: 230px;
	height: 80px;
	color: #fff;
	display: block;	
	float: left;
	text-decoration: none;
	background-color: #000;
	opacity:0; 
	filter: alpha(opacity=0);
	-moz-opacity: 0;  
	-khtml-opacity: 0;
}
.full_opacity{
	display: block;
	floaT: left;
	padding: 10px 10px 0px 10px;
}
.block .positionThumbnail .hovered a{
	width: 230px;
}
.right_column .positionThumbnail .hovered a{
	height: 90px;
}
.opp_thumbnail .positionThumbnail .hovered a{
	height: 260px;
}
.opport_thumbnail .positionThumbnail .hovered a{
	height: 100px;
}
.fourBlocks .positionThumbnail .hovered a{
	height: 140px;
}
.home_right .positionThumbnail .hovered a{
	height: 150px;
	font-size: 90%;
}
.home_right .positionThumbnail .blockThumbnail{
	z-index: 5;
	margin-bottom: 0px;
}
.positionThumbnail .hovered a:hover{
	opacity:0.8; 
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;  
	-khtml-opacity: 0.8;
	background-color: #000;
	vertical-align: bottom;
}
.positionThumbnail .hovered a span{
	opacity:1; 
	filter:alpha(opacity=100);
}
.positionThumbnail .blockThumbnail{
	z-index: 5;
	margin-bottom: 10px;
}

.rowTwo .fourBlocks .block p.fullBlue{
	background-color: #3D4752;
	padding: 4px 10px 0px 10px;
	margin: 0px;
	float: left;
	border: 0px solid #fff;
	width: 210px;
	color: #fff;
	font-size: 90%;
}
.blue_background{
	background-color: #3D4752;
}
.blue_background select{
	margin: 0px 0px 10px 10px;	
}
.block h4 a, .create a{float: left; display: block; color: #C0D82E; text-decoration: none;}
.block h4 a{
	width: 210px;	
}
.block h4 a:hover, .create a:hover{color: #fff;}
.blockTwo{margin: 0px 10px 0px 10px;}
.blockThree{margin: 0px 10px 0px 0px;}
ul.bullet_List, ul.bullet_List li{
	list-style-type: none;
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px;
}
ul.bullet_List li{
	margin: 0px 0px 10px 0px;	
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	width: 710px;
}
ul.bullet_List li b{
	color: #3D4752;
}
.left ul.bullet_List li{
	margin-bottom: 10px;	
}
/* Four column for Opportunity cards*/
.colOne, .colTwo, .colThree, .colFour{
	float: left;
	width: 230px;
	font-size: 90%;
}
.colFour p {
	floaT: left;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.colFour p a{
	color: #C1D82F;
	font-weight: bold;
	text-decoration: none;
	font-size: 100%;
}
.colFour .title_dark_blue{
	float: left;
	margin-bottom: 10px;

}
.colFour .title_dark_blue h2{
	color: #C1D82F;
	font-weight: bold;
}
.colFour p a:hover{
	text-decoration: underline;
}
.colOne p, .colTwo p, .colThree p, .colFour p{
}
.colOne h3, .colTwo h3, .colThree h3, .colFour h3{
	clear: both;
	padding: 10px 0px 6px 0px;
	margin: 0px;
	font-size: 100%;
}
.colOne .title_dark_blue, .colTwo .title_dark_blue, .colThree .title_dark_blue, .colFour .title_dark_blue{
	background-color: #3D4752;
	float: left;
	clear: both;
	width: 230px;
}
.opport_thumbnail a img{
	border: 0px;	
}
.opport_thumbnail{
	display: block;
	float: left;	
	clear: both;
}
.colOne h2, .colTwo h2, .colThree h2, .colFour h2{
	font-size: 100%;
	padding: 10px 0px 10px 10px;
	margin: 0px;
	color: #fff;
}
.colOne, .colTwo, .colThree{
	margin-right: 10px;	
}
.same_height{
	float: left;
	height: 120px;
}
/*Make a difference*/
.height_spacer{
	float: left;
	clear: both;
	display: block;
	height: 26px;
}
.left_column, .right_column{
	float: left;	
}
.left_column{
	width: 710px;
	margin-right: 10px;
	border: 0px solid black;
}
.left_column h2{
	margin: 10px 0px 10px 0px;
	padding: 0px;
}
.left_column p{
	font-size: 80%;
}
.left_column p a{
	text-decoration: none;
	font-weight: bold;
	color: #3D4752;	
}
.left_column p a:hover{
	color: #C1D82F;	
}
.right_column{
	margin-top: 46px;
	width: 230px;
}
.right_column .block h4 a{
	padding: 10px;	
}
.two_split{
	background-color: #E5F0F5;
}
.two_split, .image_left, .text_left{
	float: left;
}
.text_left{
	width: 360px;	
}
.image_left a img{
	bordeR: 0px;	
}
.two_split .text_left .title_dark_blue{
	float: left;
	clear: both;
	display: inline;
	background-color: #3D4752;
	padding: 0px;
	width: 360px;
	margin: 0px;
}
.storyRight .storySection .title_dark_blue h5{
	color: #fff;
	padding: 10px 0px 10px 10px;
	width: 340px;
	font-size: 90%;
}

.two_split .text_left .title_dark_blue h2, .two_split .text_left .title_dark_blue a{
	float: left;
	color: #fff;
	margin: 0px;
	padding: 0px;
}
.title_dark_blue a{
	font-weight: bold;
	color: #C1D82F;
	text-decoration: none;
}
.title_dark_blue a:hover{
	color: #fff;	
}
.two_split .text_left .title_dark_blue h2{
	font-size: 90%;
	font-weight: bold;
	padding: 10px;
}

.two_split .text_left .title_dark_blue a.green_btn{
	display: block;
	float: right;
	font-size: 80%;
	background-color: #C1D82F;
	padding: 4px;
	text-decoration: none;
	color: #000;
	margin-left: 7px;
}
.two_split .text_left p b{
	margin: 10px 0px 10px 0px;	
	display: block;
	float: left;
	clear: both;
}
.two_split .text_left .title_dark_blue a.green_btn:hover{
	text-decoration: underline;
}
.two_split .text_left .green_btn{
	background-color: #C1D82F;
	font-size: 80%;
	margin: 10px 10px 0px 10px;
	padding: 5px;
	color: #000;
	float: right;
	text-decoration: none;
}
.prevNextBtns a.green_btn{	
}
.two_split .text_left .global_fact{
	float: left;
	clear: both;
	margin: 10px 10px 10px 0px;
	width: 300px;
	font-size: 130%;
	color: #3D4652;
}
.two_split .text_left .global_fact span.impact_text{
	font-size: 130%;
	color: #000;
}
.text_left p{
	padding: 10px;
	floaT: left;
	margin: 0px;
	width: 340px;
	font-size: 90%;
}
/*location popOut*/
#search_results{
	position: relative;
	z-index: 16000;	
	displaY: block;
	float: left;
	clear: both;
}
#place-search-results, #data-btns, #map_key{
	display: none;	
}
#place-search-results{
	float: left;
	clear: both;
	position: absolute;
	z-index: 16000;	
	background-image: url(../img/location_results_background.png);
	background-position: bottom left;
	width: 408px;
	font-size: 80%;
	color: #fff;
	padding: 6px;
}
#place-search-results table{
	font-size: 90%;	
	width: 100%;
	color: #fff;
}
#place-search-results table a{
	color: #fff;
	font-weight: bold;
}
form#place-search{
	margin: 0px;
	padding: 3px 0px 3px 0px;
	height: 26px;
	width: 410px;
}
form#place-search label{
	border: 0px solid black;	
	display: block;
	float: left;
	margin-top: 4px;
}

form#place-search .locationEnter{
	border: 1px solid #3D4752;
	padding: 2px;
}
form#place-search .locationEnter:focus{
	border: 1px solid #C1D82F;
	padding: 2px;	
}
form#place-search .location_search{
	background-color: #C1D82F;
	padding: 2px;
	border: 0px;
}
.yui-dt{
	float: left; 
	z-index: 12000;
	width: 500px;
}
.compareIndicators div.menuComplete {
	border: 4px solid #C1D82F;
	background-color: #fff;
}
div{
	border: 0px solid black;
}
.fullScreen{
	width:100%; 
	height:100%
}
.fullScreen #map, .fullScreen .mapArea {
	width:100%;
	height:100%
}
.value-at-point {
	display: none; 
	width: 236px; 
	z-index: 2000;
	/*height: 85px; */
	position:absolute; 
	top: 90px; 
	left: 0px; 
	/*background-image: url(../img/map_hover_popup.png);*/
}
#value-at-point-marker{
	z-index: 10000;	
}
#value-at-point-hover{
	z-index: 12000;	
}
#value-at-point-hover .location_close_window{
	display: none;
}
.value-at-point .location, .value-at-point .value, .value-at-point .title{
	float: left; 
}
.value-at-point .title{
	padding-left: 2px;	
}
.value-at-point .location{
	clear: both;
	width: 100%;
	font-size: 90%;
	font-weight: bold;
	float: left;
	padding: 6px 6px 4px 10px;
}
.note{
	display: inline;
	width: 150px;
	clear: both;
	float: left;
	margin: 10px 0px 0px 10px;
	font-size: 70%;
}
.value-at-point .value span.largevalue{
	float: left; 
	clear: both;	
	width: 50px;
	font-size: 50%;
}
.value-at-point .value span.unit_value{
	float: left; 
	clear: both;
}
.location_title{
	float: left;
	width: 200px;
}
.value-at-point .title{
	width: 65%;
	font-size: 70%;
	vertical-align: middle;
}
.value-at-point .value{
	font-size: 120%;
	font-weight: bold;
	padding: 0px 5px 0px 10px;
}
a.location_close_window{
	display: block;
	float: left;
	font-size: 80%;
	height: 14px;
	width: 14px;
	text-align: center;
	color: #000;
	text-decoration: none;
	background-image: url(../img/close_window_off.gif);
}
a.location_close_window:hover{
	background-image: url(../img/close_window_on.gif);
}
/*Expander*/
#data_source_on_map.hideData{
	/*z-index: 20000;		
	top: 365px;
	right: 0px;
	position: absolute;*/
}
#data_source_on_map{
	/*right: 0px;
	top: 230px;
	z-index: 20000;	
	position: absolute;*/
	background-color: #fff;
}
#data_source_on_map #data_source{
	width: 140px;	
	overflow: auto;
	height: 160px;
}
#data_source_on_map #data_source a{
	font-size: 85%;
}
#data_source_on_map #expanderToggle a{
	font-size: 70%;
	text-transform: uppercase;
	padding: 4px;
	floaT: left;
	text-decoration: none;
	color: #000;
}
#data_source_on_map #data_source .data_row p{
	font-size: 80%;	
	width: 115px;
}
#data_source_on_map #data_source .data_row h5{
	font-size: 85%;	
}
#data_source_on_map #data_source .data_row h5, #data_source_on_map #data_source .data_row{
	width: 115px;
}
#data_source_on_map_side_map1, #data_source_on_map_side_map2{
	float: left;
	clear: both;
	background-color: #fff;
}
#data_source_on_map_side_map1 .data_row p, #data_source_on_map_side_map2 .data_row p, #data_source_on_map_overlay .data_row p{
	font-size: 70%;	
	margin: 0px;
	padding: 0px;
	float: left;
	width: 300px;
}
#data_source_on_map_side_map1 .data_row h5, #data_source_on_map_side_map2 .data_row h5, #data_source_on_map_overlay .data_row h5{
	float: left;
	width: 120px;
	margin: 0px 4px 0px 0px;
	padding: 0px;
	font-size: 70%;
}
#data_source_map1, #data_source_map2{
	float: left;
	clear: both;
}
#data_source_on_map_side_map1 .data_row, #data_source_on_map_side_map2 .data_row, #data_source_on_map_overlay .data_row{
	float: left;
	clear: both;
	margin: 0px 0px 4px 0px;
	padding: 0px;
	width: 440px;
}
#data_source_on_map_side_map1 #expander, #data_source_on_map_side_map2 #expander, #data_source_on_map_overlay .metadata_holder{
	border: 1px solid #C7D4D4;
}
#data_source_on_map_side_map1 #expanderToggle a, #data_source_on_map_side_map2 #expanderToggle a{
	width: 460px;
}
#data_source_on_map_overlay{
	background-color: #fff;
}
#data_source_on_map_overlay #data_source{
	width: 950px;	
	padding: 0px 0px 0px 6px;
	margin: 0px;
	overflow: visible;
	font-size: 80%;
	float: left;
}
#data_source_on_map_overlay #data_source .metadata_holder{
	float: left;
	width: 450px;
	padding: 6px;
	margin-right: 10px;
}
#data_source_on_map_overlay #data_source .metadata_holder h1{
	font-size: 90%;	
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	font-weight: bold;
	border-bottom: 1px solid #C7D4D4;
}
#data_source_on_map_overlay #data_source .metadata_holder h5, #data_source_on_map_overlay #data_source .metadata_holder p{
	font-size: 85%;	
}
/*#data_source_on_map_overlay.hidden #data_source{
	display: none;
}*/
#data_source_map1, #data_source_map2{
	border-top: 1px solid #C7D4D4;
	padding: 4px;	
}
#overlay_data_holder, .hidden_metadata #data_source{
	display: none;
}
#expander{
	/*margin: 10px 0px 10px 0px;*/
	padding: 0px;
	float: left;
}
#expanderToggle h4 a{
	padding: 4px;
	margin: 0px 0px 0px 0px;
	font-size: 70%;
	color: #000;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: lighter;
	width: 120px;
}
#expanderToggle h4.minus a{
	background-color: #3D4752;	
	padding: 4px;
	margin: 0px 0px 6px 0px;
	font-size: 80%;
	color: #fff;
	display: block;
	text-decoration: none;
}
.overlay_chooser{
	display: none;
}
#overlay_data_holder #expanderToggle h4 a{
	display: inline;
	margin: 10px 0px 0px 6px;
	float: left;
	clear: both;
	border: 1px solid #C7D4D4;
	border-bottom: 0px;
	width: 910px;
		background-image: url(../img/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding: 6px 6px 6px 20px;
	outline: 0px;
}
#overlay_data_holder.hidden_metadata #expanderToggle h4 a{
	border: 1px solid #C7D4D4;
	border-bottom: 1px solid #C7D4D4;
	background-image: url(../img/arrow_up.gif);
}
#expanderToggle h4 a:hover{
	color: #3D4752;
}
#data_source{
	/*height: 130px;*/
	padding: 0px 0px 0px 6px;
	margin: 0px;
	overflow:auto;
	font-size: 80%;
	width: 150px;
}
#data_source h5, #data_source p, #expanderToggle h4{
	padding: 0px;
	margin: 0px;
}
#data_source h5{
	margin-top: 10px;	
}
.hideData #data_source{
	display: none;	
}
/* End expander CSS*/
.atoz_btn .green_button_box{
	width: 220px;
	text-align: center;
}
.main_map_title{
	float: left;
	width: 766px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-color: #E5F0F5;
}
.main_map_title h3{
	margin: 0px 0px 0px 0px;
	padding: 6px;
	font-size: 90%;
	text-align: center;
	text-transform: uppercase;
}
.map_preloader{
	background-color: #fff;
	font-size: 80%;
	float: left;
	display: block;
	clear: both;
	padding: 4px 0px 4px 0px;
}
.indicator .inline_help{
	background-color: #C9D3DA;
	display: block;
	width: 184px;
	float: left;
}
.indicator .inline_help h4, .indicator-breakdown-picker .sub_inline_help h4{
	font-size: 70%;
	font-weight: lighter;
	padding: 5px;
	margin: 0px;
}
.colLeft .indicator-breakdown-picker .sub_inline_help{
	float: left;
	margin-top: 10px;	
}
.indicator-breakdown-picker .sub_inline_help{
	background-color: #C9D3DA;
	display: block;
	width: 184px;
	float: left;
}
.indicator .inline_help_image img, .indicator-breakdown-picker .inline_help_image img{
	margin: 0px 0px 5px 10px;
	padding: 0px;
	float: left;
	background-color: #fff;
}
.indicator-breakdown-picker .inline_help_image{
	background-color: #fff;	
	margin-bottom: 0px;
	float: left;
	clear: both;
	width: 100%;
}
/*Births radio gorup style*/
.indicator-breakdown-picker .radio_Title{
	float: left;
	clear: both;
	width: 60px;
}
.indicator-breakdown-picker .radio_Title h3, .indicator-breakdown-picker h3{
	margin: 0px;
	padding: 0px;
	font-size: 70%;
	margin: 5px 0px 5px 0px;
}
.indicator-breakdown-picker .radio_Row{
	width: 184px;
	clear: both;
	float: left;
	background-color: #fff;
}
#map_form1 .indicator-breakdown-picker .radio_Row, #map_form2 .indicator-breakdown-picker .radio_Row{
	width: 220px;	
}
#map_form1 .indicator-breakdown-picker .radio_Row .radio_Title h3, #map_form2 .indicator-breakdown-picker .radio_Row .radio_Title h3{
	padding-left: 4px;
}
.indicator-breakdown-picker .radio_Row label{
	display: block;
	font-size: 70%;
	width: 60px;
	margin: 5px 0px 5px 0px;
}
.indicator-breakdown-picker .radio_Row, .radio_Row label{
	float: left;	
	margin: 0px;
	padding: 0px;
}
.top_map_hover{
	float: left;
	width: 238px;
	background-image: url(../img/hover_top_firefox.png);
	*background-image: url(../img/hover_top_ie.gif);
	*width: 230px;
}
.value-at-point .big_unit .value span.largevalue{
	clear: both;
	float: left;
	width: 180px;
}
.value-at-point .big_unit .title{
	clear: both;
	float: left;
	width: 180px;
	display: inline;
	margin: 5px 0px 0px 8px;
}
.value-at-point .big_unit .unit_value{
	margin: 0px 0px 5px 0px;
	font-size: 70%;
}
.top_map_hover .no_data{
	font-size: 75%;	
}
.bottom_map_hover{
	float: left;
	width: 238px;
	height: 30px;
	background-image: url(../img/hover_footer_firefox.png);
	*background-image: url(../img/hover_footer_ie.gif);
	*width: 230px;
}
*html .top_map_hover{
	float: left;
	width: 214px;
}
*html .bottom_map_hover{
	float: left;
	width: 230px;
	height: 30px;
}
.indicator_select{
	width: 184px;
	height: 140px;
	overflow-y: scroll;
	clear: both;
}
.indicator_select ul{
	margin: 0px;
	padding: 0px;
}
.indicator_select ul li{
	clear: both;
	width: 166px;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}
.indicator_select ul li a{
	display: block;
	float: left;
	padding: 4px;
	width: 158px;
	border-bottom: 1px solid #fff;
	background-color: #CCCCCC;
	text-decoration: none;
	color: #3D4652;
	font-size: 70%;
}
.indicator_select ul li a:hover{
	background-color: #E5F0F5;	
}
.indicator_select ul li a.active_indicator{
	background-color: #fff;	
}
/*Compare map styling*/
/*2up*/

.colRight .leftCompare, .colRight .rightCompare, .colRight .viewType{
	float: left; 
	width: 226px;
	margin: 0px;
	padding: 0px;
}
.colRight .leftCompare h2, .colRight .rightCompare h2, .colRight .viewType h2{
	font-size: 100%;	
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.colRight .leftCompare img, .colRight .rightCompare img, .colRight .viewType img{
	padding: 0px;
	margin: 0px;
	float: left;
}
.colRight .leftCompare, .colRight .rightCompare{
	margin-right: 30px;	
}
.curved{
	background-color: #fff; 
	float: left; 
	width: 226px; 
	padding: 0px;
	margin: 0px;
	border-right: 2px solid #3D4752;
	border-left: 2px solid #3D4752;
}
.curved .scope, .curved .gender, .curved .indicator_title, .curved .inline_help{
	width: 226px;
}
.curved .indicator_select{
	width: 226px;
	height: 100px;
	margin: 10px 0px 10px 0px;	
	float: left;
}
.curved .indicator_select ul li{
	clear: both;
	width: 208px;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}
.curved .indicator_select ul li a{
	display: block;
	float: left;
	padding: 4px;
	width: 198px;
	border-bottom: 1px solid #fff;
	background-color: #CCCCCC;
	text-decoration: none;
	color: #3D4652;
	font-size: 70%;
}
.curved .indicator_select ul li a:hover{
	background-color: #E5F0F5;	
}
.curved .indicator_select ul li a.active_indicator{
	background-color: #fff;	
}
.curved .indicator-breakdown-picker .sub_inline_help{
	width: 226px;	
}
.curved .indicator-breakdown-picker .form_map_row select{
	width: 140px;	
}
.curved .indicator-breakdown-picker .form_map_row{
	width: 214px;
	padding-left: 6px;
}
.curved .map_preloader{
	background-color: #fff;
	font-size: 80%;
	float: left;
	display: block;
	clear: both;
	padding: 4px 0px 4px 10px;
}
.curved select.category{
	width: 210px;
	margin: 0px 6px 6px 6px;	
}
.curved .form-row label{
	clear: both; 
	float: left; 
	margin-top: 0px;
}
.curved .optionRow{
	border: 0px solid black;	
	float: left;
	margin: 0px 0px 0px 8px;
	display: inline;
}
.curved .optionRow label{
	margin: 0px 0px 0px 0px; 
	float: left; 
	font-weight: bold;
	width: 190px;
}
.curved .optionRow label .preview_thumbnail{
	height: 80px;
	width: 210px;
	border: 1px solid black;
	float: left;
	display: block;
	background-image: url(../img/overlay_map_off.gif);
}
.curved .optionRow label img{
	cursor: pointer;
}
.curved .optionRow h5{
	margin: 0px 0px 4px 0px;
	padding: 0px;
	font-size: 100%;
}
.curved .optionRow label img{
	float: left; 
	padding: 0px; 
	margin: 0px;
}
.curved .optionRow input{
	float: left; 
	margin: 0px; 
	padding: 0px;
}
.curved .green_button{
	display: inline;	
	clear: both;
	float: left;
	width: 120px;
}
.curved .form-row select{
	width: 200px; 
	float: left; 
	clear: both;
}
.curved .positionThumbnail .hovered{
	width: 208px;
}
.curved .positionThumbnail .hovered a{	
	border: 1px solid #000;	
	width: 208px;
	font-size: 90%;
}
.curved .download_button{
	margin: 0px 0px 0px 10px;
}
.small_text{
	font-size: 75%;	
	float: left;
	font-weight: lighter;
	margin-bottom: 10px;
}
hr.options{
	float: left;
	clear: both;
	border: 0px;
	border-top: 1px solid black;
	width: 210px;
	margin: 0px 0px 10px 10px;
	padding: 0px;
}
.compareIndicators{
	width: 100%;
	margin: 10px 0px 0px 90px;
}
.showMap{
	float: left;
	width: 100%;
	margin: 10px 0px 10px 0px;
	clear: both; 
	text-align: center;
}
.showMap input{
	font-size: 120%;
}
.instructions{
	float: left; 
	width: 230px;
}
#maps-wrapper{
	float: left;
	width: 950px;
}
#left-map-extent, #right-map-extent{
	margin-bottom: 10px;
}
ul#comparison-type-toggle{
	float: left;
}
#maps-wrapper .overlay_chooser, #maps-wrapper .maps_2up{
	float: left;
	clear: both;
}
#maps-wrapper .overlay_chooser{
	background-color: #3D4752;
	width: 940px;
	padding: 5px;
	font-size: 80%;
}
.overlay_chooser label{
	color: #fff;	
}
#left-map-sex, #right-map-sex{
}
.curved select{
	background-color: #fff;
	width: 190px;
}
.compareIndicators h2.step_title{
	font-size: 140%;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
.compareIndicators h3.sub_step_title{
	font-size: 90%;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align: center;
}
#data-tools{
	float: left;
	width: 720px;
}
#data-tools h5{
	float: left;
	color: #fff;
	clear: none;
	margin: 4px 10px 0px 0px;
	padding-left: 496px;
	font-size: 90%;
}
.overlay_chooser .green_button_blue a{
	width: 70px;	
}
#data-tools .download-data{
	width: 110px;
	font-size: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	clear: none;
}
.overlay_chooser form{
	float: left;
}
.overlay_chooser form ul{
	margin: 0px 0px 0px 10px;
	display: inline;
	padding: 0px;
}
#map_OpenLayers_ViewPort{
	float: left;
}
#side-by-side-maps{
	float: left;
	clear: right;
	width: 950px;
}
.smallmap_title h1{
	font-size: 90%;
	font-weight: bold;
	background-color: #fff;
	float: left;
	display: block;
	width: 470px;
	height: 40px;
	margin: 10px 0px 10px 0px;
	border-bottom: 1px solid #66737A;
}
.smallmap_container{
	float: left;
	width: 470px;
	margin-right: 5px;
}
.smallmap .smallKey{
	background-color: #fff;
	padding: 6px;
	font-size: 70%;
	/*opacity:0.9; 
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;  
	-khtml-opacity: 0.9;*/
	border: 1px solid #C7D4D4;
	border-right: 0px;
	margin: 10px 0px 0px 0px;
	width: 110px;
	float: left;

}
.smallKey .expand_Legend a.toggle-control{
	float: left;
	display: block;
	clear: both;
	margin: 0px 0px 5px 0px;
	font-size: 100%;
		outline: 0px;
}
.smallmap .key { 
	padding: 0px;
	float: left;
	clear: both;
}
.smallmap .key .key_row{
	border: 0px solid black;
	float: left;
	clear: both;
	margin-bottom: 5px;
}
.smallmap .key, .smallmap .title {
	/*position:absolute;
	z-index:1006;*/
}
.smallmap{
	width: 470px;
	border: 0px solid black;
	height: 400px; 
	float: left;
}
.smallmap #map1{
	width: 470px;
	height: 400px; 
	float: left;
}
.smallmap #map2{
	width: 470px;
	float: left;
	height: 400px; 
}
.smallmap #map1 .Toolbar, .smallmap #map2 .olControlPanZoomBar, .smallmap #map2 .olControlPanel, .smallmap #map2 .Toolbar{
	display: none;	
}
.smallKey{
	right: 0px;
	float: left;
}
#map_key_map1 .white_background .key_row .key_value, #map_key_map2 .white_background .key_row .key_value{
	border: 0px solid black;
	width: 90px;	
}
/*Worst map table*/
#worst-ten-table{
	display: none;	
}
#worst-ten-table{
	width: 140px;
	float: left;
	clear: both;
	font-size: 100%;
	background-color: #fff;
	padding: 4px;
	border: 1px solid #C7D4D4;
	border-right: 0px;
	border-left: 0px;
}
#worst-ten-table table{
	width: 134px;	
}
#worst-ten-table table, #worst-ten-table table tr, #worst-ten-table table tr td{
	text-align: left;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
		
}
.bottom_ranked{
	text-align: left;
	float: left;
	clear: both;
	padding: 4px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;	
	font-size: 70%;
	/*border-bottom: 1px solid #C7D4D4;*/
	width: 120px;
}
/*fixing z-index*/
#side-by-side-maps{
	
}
.olmap, #map1, #map2, #overlay-map{
	position: absolute;
	z-index: 320;
}
#overlay-map{
	width: 950px;
	border: 0px solid black;
	height: 400px; 
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}
.smallKey{
	position: absolute;
	z-index: 330;
}
.key .white_background .key_row, .key .white_background .key_row .key_symbol, #overlay-legend, #overlay_key_1 .white_background{
	position: relative;
	z-index: 32100;
}
#overlay-legend-inner{
	position: absolute;
	float: left;
	z-index: 29874;
	clear: both;
	font-size: 70%;
	margin-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	/*opacity:0.9; 
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;  
	-khtml-opacity: 0.9;*/
	width: 120px;
	border: 1px solid #C7D4D4;
	border-right: 0px;
}
p.overlay-map_title_map1, p.overlay-map_title_map2{
	font-size: 100%;
	font-weight: bold;
}
#overlay_key_1 .white_background{
	border-bottom: 1px solid #ccc;	
}
#overlay_key_1 .white_background, #overlay_key_2 .white_background{
	float: left;
	clear: both;
	margin: 0px;
	padding: 10px 0px 6px 6px;
	display: block;
}
#overlay_key_2 .key_symbol img{
	margin-right: 4px;	
}
#overlay_key_2 .key_symbol{
	float: left;	
}
#overlay_key_2 .key_value{
	floaT: left;
	width: 80px;
}
#overlay-legend{
	width: 120px;
	float: right;
}
#overlay-legend.hideKey #overlay-legend-inner .legend_content{
	display: none;	
}
#overlay-legend.hideKey #overlay-legend-inner{
	width: 120px;	
}
#overlay-legend #overlay-legend-inner .expand_Legend a.toggle-control{
	display: block;
	float: left;
	text-decoration: none;
	color: #000;
	background-image: url(../img/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 6px 6px;
	padding: 6px 6px 6px 20px;
		outline: 0px;
}
#overlay-legend.hideKey #overlay-legend-inner .expand_Legend a.toggle-control{
	background-image: url(../img/arrow_up.gif);
	background-repeat: no-repeat;
	background-position: 6px 6px;
		outline: 0px;
}
#overlay-legend-inner p{
	float: left;
	clear: both;
	margin: 0px;
	padding: 10px 0px 0px 6px;
	display: block;
}
.overlay_popover h2{
	clear: both;
}
.overlay_popover h3{
	padding: 0px;
	margin: 0px;#
	font-size: 85%;
}
/* Overlay */
.overlay_chooser h5{
	float: left;
	display: block;
	color: #fff;
	padding: 0px;
	margin: 4px 0px 0px 0px;
}
.overlay_chooser ul{
	float: left;	
}
#indicatorInfo{
	margin: 10px 0px 10px 0px;
	float: left;
	clear: both;
	text-align: left;
	padding-bottom: 10px;
	width: 950px;
	display: block;
	border-bottom: 1px solid #66737A;
}
#indicatorInfo h2{
	width: 400px;	
}
#indicatorInfo h2, #indicatorInfo h3{
	font-size: 90%;	
	font-weight: bold;
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	display: block;
}
#indicatorInfo h3{
	font-size: 80%;
	font-weight: lighter;
}
/*--------------------------*/
/*Hidden for now*/
#overlay-map-wrapper, #side-by-side-maps{
	display: none;	
}
#overlay-legend-toggle{
	float: left;
	clear: both;
}
#overlay-legend-inner{
	float: left;	
	padding: 0px;
	clear: both;
}
#overlay-legend-inner .key_row{
	clear: both;
	float: left;
	width: 112px;
	/*height: 20px;*/
}
#overlay-legend-inner .key_row .key_symbol, #overlay-legend-inner .key_row .key_symbol img{
	float: left;
}
#overlay-legend-inner .key_row .dots{
	height: auto;
	width: 20px;
	float: left;
	display: block;
}
#overlay-legend-inner .key_value{
	vertical-align: top;	
}
#overlay-legend-inner #overlay_key_1 .key_symbol{
	height: 10px;
	width: 10px;
	margin-right: 5px;
}
#overlay-legend-inner img{
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
}
#overlay-legend-inner .unit{
	float: left;
	width: 120px;
	font-weight: bold;
	font-size: 90%;
	margin: 0px 0px 4px 0px;
}
.smallKey .unit{
	font-weight: bold;
	font-size: 100%;
	margin: 0px 0px 4px 0px;
	width: 100px;
}
#map_key_map1 .white_background .key_row, #map_key_map2 .white_background .key_row{
	float: left;
	width: 100px;
}
#map_key_map1 .white_background .key_row .key_value, #map_key_map2 .white_background .key_row .key_value{
	width: 70px;
	float: left;
}
.unit{
	clear: both;
	float: left;
}
.olMap{
	float: left;
	clear: both;
}
.footer{
	float: left;
}
/* Initial load - compare maps */
.rightCompare_unactive, .viewType_unactive{
	width: 240px;
	border: 2px solid #CCCCCC;
	float: left;
	margin-top: 52px;
	text-align: center;
	height: 280px;
	color: #ccc;
}

.rightCompare_unactive h2, .viewType_unactive h2, .rightCompare_unactive h3, .viewType_unactive h3{
	margin: 0px;
	padding: 0px;
}
.rightCompare_unactive h2, .viewType_unactive h2{
	margin-top: 100px;
}
.rightCompare_unactive h3, .viewType_unactive h3{
	font-size: 90%;	
}
.rightCompare_unactive{
	margin-right: 30px;	
}
.rightCompare, .viewType{
	display: none;	
}
/* Global facts */
.facts{
	color: #3D4652;
	padding: 10px;
	width: 340px;
	font-size: 100%;
	height: 180px;
}
.facts em, .facts strong{
	text-decoration: none;
	font-style: normal;
	font-weight: lighter;
	font-size: 120%;
	color: #3D4652;
}
.story_steps{
	
}
.two_split .text_left .title_dark_blue a.globalgirls_pdf{
	font-size: 75%;	
	margin: 6px 6px 0px 0px;
}
/* Site map */
ul.reading_and_resources{
	margin: 20px 0px 0px 0px;
	padding: 0px;
	float: left;
}
ul.sitemap, ul.sitemap ul, ul.sitemap li, ul.sitemap ul li{
	display: block;
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px;
}
ul.sitemap li{
	font-weight: bold;	
}
ul.sitemap ul li{
	font-weight: lighter;	
}
ul.sitemap{
	margin-top: 20px;	
}
span.topLevel{
	display: block;
	float: left;
	clear: both;
	width: 230px;
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #66737A;
}
.topPad{
	margin: 10px 0px 10px 0px;	
	display: block;
}
ul.sitemap ul li{
	font-size: 80%;
	padding-left: 20px;	
	background-image: url(../img/bulletPoint.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.partners h2{
	margin-top: 30px;
}
.partners h2{
	border-bottom: 1px solid #66737A;
	padding-bottom: 5px;
}
.partners h2, .reading h2{
	font-size: 120%;	
}
ul.sitemap a, .FourOneFour ul li a, .results ol li a{
	font-weight: bold;	
}
.partners h2 a, ul.sitemap a, .FourOneFour ul li a, .results ol li a{
	text-decoration: none;
	color: #3D4752;
}
.partners h2 a:hover, ul.sitemap a:hover, .FourOneFour ul li a:hover, .results ol li a:hover{
	color: #C1D82F;
}
.reading h2{
	display: block;
	float: left;
	clear: both;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	width: 600px; 
}
.left_column ul.reading_and_resources{
	list-style-type: disc;
}
.reading ul li{
	/*display:block;*/
	float: left;
	clear: both;
	font-size: 80%;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
	list-style-type: square;
	display: block;
	color: #000;
	width: 600px; 
	background-image: url(../img/bulletPoint.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.reading ul li a{
	width: 600px; 
	color: #3D4752;	
	font-weight: bold;
	text-decoration: none;
}
.reading ul li a:hover{
	width: 600px; 
	color: #000;
	color: #C1D82F;
}
/* A to Z */
.atoz_list{
	font-size: 90%;
}
p.alphabet span.letter{
	padding: 0px 2px 0px 2px;
	color: #C9D3DA;
}
p.alphabet{
	text-transform: uppercase;	
}
p.alphabet a{
	padding: 0px 2px 0px 2px;
}
ul.atoz{
	margin: 0px;
	padding: 0px;
}
ul.atoz li ul li ul, ul.atoz li ul li, ul.atoz li ul, ul.atoz li{
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px;
}
ul.atoz li, ul.noscript_atoz{
	margin: 0px;
	padding: 0px;
}
ul.atoz li ul li, ul.noscript_atoz ul{
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
ul.atoz li ul li ul li, .noscript_atoz ul li{
	clear: both;
	background-image: url(../img/bulletPoint.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px 0px 10px 0px;
	padding-left: 14px;
}
#data_source p a, #data_source_map1 p a, #data_source_map2 p a{
	font-weight: bold;	 
}
ul.atoz li ul li ul li a, .back_to_top a, #data_source p a, .search_form_on_page a, #data_source_map1 p a, #data_source_map2 p a{
	color: #3D4752;
	text-decoration: none;
}
.noscript_atoz a{
	color: #3D4752;
	text-decoration: none;
	font-size: 85%;
	font-weight: bold;
}
.noscript_atoz h3{
	float: left;
	clear: both;
	width: 600px;
	margin: 20px 0px 10px 0px;
}
.noscript_scope{
	font-weight: bold;
	font-size: 85%;
}
ul.atoz li ul li ul li a:hover, .back_to_top a:hover, #data_source p a:hover, .search_form_on_page a:hover, #data_source_map1 p a:hover, #data_source_map2 p a:hover{
	color: #C1D82F;
	text-decoration: underline;
}
ul.atoz h2, ul.atoz h3, ul.atoz h4{
	margin: 0px;
	padding: 0px;
	width: 600px;
}
ul.atoz h2{
	font-size: 160%;	
	width: 600px;
	floaT: left;
	margin: 10px 0px 0px 0px;
}
.atoz_bottom_border{
	width: 700px;		
	border-bottom: 1px solid #7F7F7F;
	float: left;
	clear: both;
	margin: 0px 0px 10px 0px;
}
.atoz_bottom_border .back_to_top{
	float: left;
	width: 100px;
	text-align: right;
	font-size: 80%;
	margin-top: 18px;
}
.atoztop{
	margin-top: 70px;	
}
ul.atoz h3{
	margin: 0px 0px 10px 0px;	
	font-size: 120%;
}
ul.atoz h4{
	font-size: 85%;	
}
.hover_test{
}
#map1-info-at-point, #map2-info-at-point{
	position: absolute;
	z-index: 3000;
}
#map1-info-at-point .top_map_hover, #map1-info-at-point .top_map_hover .location, #map1-info-at-point .top_map_hover .value, #map1-info-at-point .top_map_hover .title{
	float: left;
	position: relative;
	z-index: 32300;
}
#overlay-info-at-point{
	font-size: 60%;
	position: absolute;
	z-index: 32200;
}
#overlay-info-at-point hr{
	border: 0px;
	border-top: 1px solid #3D4752;
	height: 1px;
}
#overlay-info-at-point h2{
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#overlay-info-at-point h3{
	margin: 0px 0px 6px 0px;	
}
#overlay-info-at-point .location_title h2{
	float: left;
	margin: 0px 0px 10px 0px;
	font-weight:bolder;
	font-size: 130%;
}

#overlay-info-at-point .top_map_hover{
	padding: 8px;
	width: 220px;
}
*html #overlay-info-at-point .top_map_hover{
	padding: 8px;
	width: 214px;
}
#map1-info-at-point #marker-popup-close, #map2-info-at-point #marker-popup-close{
	display: none;
}
.have_say_form, .have_say_form form{
	padding: 0px;
	margin: 0px;
	float: left;
    overflow: hidden;
}
.have_say_form .formRow{
	float: left;
	clear: both;
	margin: 6px;
	margin-left: 0px;
	padding-left: 0px;
}
.have_say_form .formRow label{
	display: block;
	float: left;
	width: 140px;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}
.have_say_form .formRow textarea{
	height: 120px;
}
.have_say_form .formRow select{
	padding: 2px;
	border: 1px solid #66737A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
}
.have_say_form .formRow textarea, .have_say_form .formRow input{
	width: 300px;	
	padding: 2px;
	border: 1px solid #66737A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
}
.have_say_form .formRow input:focus, .have_say_form .formRow select:focus, .have_say_form .formRow textarea:focus{
	border: 1px solid #C1D82F;
	padding: 2px;
}
.have_say_form .formRow input.submitBtn{
	margin-left: 140px;
	width: 100px;
}
/*--errors--*/
ul.errorlist, ul.errorlist li{
	margin: 0px;
	padding: 0px;
}
.form_error{
	float: left;	
}
.form_error ul{
	width: 100px;
	border: 1px solid red;
	float: left;
	font-size: 70%;
	margin-top: 6px;
	clear: right;
	padding: 3px;
}
/*Open Layers amends*/
.olControlPanel .olControlZoomToMaxExtentItemInactive{
	display: none;	
}
.Toolbar{
	top: 180px;
}
/* Initial hidden items */
#map-title.hidden, #map_key.hidden, #data_source_on_map.hidden{
	display: none;
}

/*404 page*/
.FourOneFour{
	float: left;
}
.FourOneFour h2{
	font-size: 120%;	
}
.FourOneFour ul{
	margin: 0px 0px 0px 20px;	
}
.FourOneFour ul, .FourOneFour ul li{
	list-style-type: square;
	float: left;
	clear: both;
}
.FourOneFour ul li a{
	font-size: 80%;	
	text-decoration: underline;
}

/*Search results page*/
.results p{
	margin: 0px;	
}
.results ol, .results ol li{
	list-style-type: decimal;
}
.results ol li{
	font-size: 75%;
	margin-bottom: 10px;
}
.search_query{
	border: 1px dotted #C1D82F;	
	padding: 4px;
}
.search_results{
	font-size: 90%;	
	padding: 20px 0px 10px 0px;
}
.search_form_on_page{
	padding: 10px 0px 0px 0px;	
	border-top: 1px solid #7F7F7F;
	font-size: 90%;
}
.search_form_on_page label{
	font-size: 100%;
	margin: 0px 10px 0px 0px;
}
.search_form_on_page, .search_results{
	float: left;	
	clear: both;
	width: 100%;
	margin: 0px 0px 10px 0px;
}
.search_form_on_page h4{
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
.pagination{
	font-size: 80%;
	float: left;
	margin-bottom: 10px;
}
.pagination .current_page{
	float: left;
	padding: 2px;
	width: 18px;
	text-align: center;
}
.pagination a.word{
	display: block;
	float: left;
	margin: 0px 2px 0px 0px;
	padding: 2px;
	color: #3D4752;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
}
.pagination a.word:hover{
	color: #C1D82F	
}
.pagination a.number{	
	padding: 2px;
	display: block;
	float: left;
	text-decoration: none;
	margin-right: 2px;
	background-color: #3D4752;
	color: #fff;	
	width: 18px;
	text-align: center;
}
.pagination a.number:hover{
	background-color: #C1D82F;
	color: #3D4752;	
}
.pagination .greyed_out{
	display: block;
	float: left;
	margin: 0px 2px 0px 0px;
	text-decoration: none;
	font-size: 100%;
	text-align: center;
	padding: 2px;
	color: #ccc;
}
.search_form_on_page a{
	font-weight: bold;	
}
p.no_results{
	margin: 0px 0px 10px 0px;		
}
input#search_term{
	border: 1px solid #3D4752;
	padding: 2px;
}
input#search_term:focus{
	border: 1px solid #C1D82F;
	padding: 2px;
}
ul.opp_list{
	font-size: 75%;	
	width: 340px;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	floaT: left;
}
ul.opp_list li{
	clear: both;
	background-image: url(../img/bulletPoint.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	margin: 0px 0px 10px 0px;
	padding-left: 14px;
	width: 320px;
}
div{
	border: 0px solid black;	
}
.photo_credit{
	font-size: 70%;	
}
/*Initial hide state*/
#data_source_on_map #data_source, #bottom_ranked #worst-ten-table, #legend #map_key_inner, #data_source_on_map.closed #data_source, #bottom_ranked.closed #worst-ten-table, #legend.closed #map_key_inner, #accordion.hidden{
	display: none;	
}
#legend #expanderToggleLegend, #bottom_ranked #expanderToggleRank{
	float: left;
	width: 100%;
	border-bottom: 1px solid #C7D4D4;
}
#data_source_on_map #expanderToggle{
	float: left;
	clear: both;
}
#legend #expanderToggleLegend a.toggle-control, #bottom_ranked #expanderToggleRank a, #data_source_on_map #expanderToggle a{
	width: 120px;
	padding-left: 20px;
	outline: 0px;
}
#legend.open #expanderToggleLegend, #bottom_ranked.open #expanderToggleRank, #data_source_on_map.open #expanderToggle{
	background-image: url(../img/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 6px 6px;
}
#legend #expanderToggleLegend, #bottom_ranked #expanderToggleRank, #data_source_on_map #expanderToggle, #legend.closed #expanderToggleLegend, #bottom_ranked.closed #expanderToggleRank, #data_source_on_map.closed #expanderToggle{
	background-image: url(../img/arrow_up.gif);
	background-repeat: no-repeat;
	background-position: 6px 6px;
}
#data_source_on_map.open #data_source, #bottom_ranked.open #worst-ten-table, #legend.open #map_key_inner{
	display: block;
}
.data_class1, .data_class2, .data_class3, .data_class4, .data_class5{
	font-size: 90%;	
}
#overlay-info-at-point .overlay_popover h3{
	font-size: 110%;	
}
body.fullScreenMap .collapsed{
	width: 40px;
	position: relative;
	left: auto;
	right: 0px;
}
.colMapping{
	display: inline;
	border: 1px solid #ffffff;	
}
body.fullScreenMap .colMapping{
	display: inline;
	border: 0px solid #ffffff;	
}
.body .dhs_disclaimer,
.rowOne .left p.dhs_disclaimer {
    clear: left;
    font-size: 13px;
    font-weight: bold;
    color: #444;
}

/* UI Dialog */

.ui-dialog {
    height: auto !important;
    /*width: 400px !important;*/
    padding: 0 !important;
    border-radius: !important;
    -moz-border-radius: !important;
    -webkit-border-radius: !important;
    overflow: visible !important;
}

#dialog {
    /*height: 436px !important;
    width: 400px !important;*/
    padding: 0 !important;
    overflow: visible !important;
}

.ui-widget-content {
    background-image: none !important;
}

.ui-corner-all {
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;

}

#dialog .image-map {
    background-color: #666;
    /*width: 400px;*/
    margin: 0;
}

#dialog .image-map #download_dialog {
    background-color: #C1D82F;
    width: 125px;
    line-height: 30px;
    height: 30px;
    outline: none;
    margin: 15px auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-position: 128px 7px;
}

#dialog {
    height: 100px;
}


.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-dialog-titlebar-close:hover {
    text-indent: -9999px;
    padding: 0 !important;  
    margin: 0 !important; 
    top: 2px !important;
    right: 10px !important; 
    background:transparent url(../img/close_btn.gif) no-repeat left bottom;  
    width: 12px !important;  
}

.ui-widget-content .ui-icon {
   /* display: none !important; */
}

.ui-widget-header {
    background-image: none !important;
    background-color: #666 !important;
    border: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 85% !important;
    height: 20px;
    color: #fff;
    line-height: 12px;
    top: 2px;
}

.ui-resizable-s {
    display: none !important;
}

.main {
    padding: 0 21px;
}

.mock_holder {
   background: url(../img/girls_bg.jpg) no-repeat center top;
   width: 950px;
   height: 820px;
}

#feedback-form-wrap {
   /*background: url(../img/form.jpg) no-repeat left top;*/
   width: auto;
   height: 340px;
}


/* Form panel */
.feedback-panel {
    padding:10px;
    width: 430px;
    background: #fff;
    border: 1px solid #ccc;
    position:absolute;
    top:232px;
    left:-452px;
}

.feedback-panel a.feedback-tab {
    background:transparent url(../img/GD-feedback-tab.jpg) no-repeat left bottom;
    display:block;
    height:100px;
    left:41px;
    bottom:11px;
    position:relative;
    float:right;
    text-indent:-9999px;
    width:30px;
    outline:none;
}

.feedback-panel a.feedback-tab:hover {
    background:transparent url(../img/GD-feedback-tab.jpg) no-repeat left top;
}


#response-message {
    background: #ccc;
    border: 1px solid #999;
    padding:50px;
}


/* Help panel */

a.help-tab {
    position:absolute;
    top:0px;
    left:0px;
    background:#3D4752 url(../img/GD-help-tab.jpg) no-repeat left top;
    display:block;
    width: 30px;
    height:230px;
    text-indent:-9999px;
    width:30px;
    outline:none;
}

a.help-tab:hover {
    background: #c0d528 url(../img/GD-help-tab.jpg) no-repeat left bottom;
}

.feedback-panel {
    z-index: 9999;
   *height: 400px;
}

.feedback-panel .have_say_form .formRow input.submitBtn  {
    margin-left: 205px;
}

/* HIDE CONTROL BAR */

.ui-dialog .olControlPanZoomBar {
    display: none;
}