/* CSS Document */
/* map */
#fundings_years { float: right; padding-right: 4.8em; }
#fundings_years ul { margin: 0; padding: 0; list-style: none; display: inline; }
#fundings_years li { margin: 0; padding: 0; float: left; font-size: 2.4em; }
#fundings_years li a,
#fundings_years li a:link,
#fundings_years li a:visited { 
	padding: 0 .5em; padding-bottom: .5em; 
	text-decoration: none; 
	color: #777673;
}
#fundings_years li a:hover { color: #86BBE8; }
#fundings_years li.current a,
#fundings_years li.current a:link,
#fundings_years li.current a:visited { 
	color: #4C6AB0; background: url(../img/npm_tab_current.gif) no-repeat center bottom;
}

#fundings_filters { float: right; position: relative; top: -.5em; padding: 12px 20px; font-size: 1.3em; font-weight: bold; color: #fff; background: #4366b8; }
#fundings_filters label { padding-left: .5em; }
#fundings_filters input { vertical-align: middle; }
#fundings_filters select { padding: 2px; margin-left: .5em; font-family: Arial, Helvetica, sans-serif; }
#fundings {}
#info { padding: 20px; margin-bottom: 20px; background: #fff; position: relative; }
#info h2 { padding-top: 0; }
#info h2 span { color: #999; }
#info h3 { padding-top: 0; padding-bottom: .5em; }
#info_details { float: left; width: 300px; }
#info_details_data { overflow: auto; height: 360px; padding-right: 10px; }
#info_graphs { float: left; width: 617px; height: 415px; margin-left: 23px; overflow: auto; }
#info_graphs .info_button,
#info_graphs .info_popup .close_button { display: inline-block; position: absolute; right: 20px; width: 16px; height: 16px; text-indent: 999em; overflow: hidden; background: url(../img/information.png) no-repeat; }
#info_graphs .info_popup .close_button { background-image: url(../img/cross.png); background-position: 2px -2px; right: 10px; }
#info_graphs .info_popup { display: none; box-shadow: 0px 0px 7px black; padding: 10px; width: 300px; background: white; position: absolute; right: 10px; z-index: 1; }
#info_graphs .info_popup p { padding: 0; }

#info_graphs .open,
#info_graphs .closed { width: 580px; background: no-repeat url("../img/npm_funding_type_open.png") 550px 24px; }
#info_graphs .open { background-image: url("../img/npm_funding_type_close.png"); }
#info_graphs .closed * { display: none; }
#info_graphs .closed .type { display: block; }

#info_graphs .type,
#info_graphs .type:link,
#info_graphs .type:visited {
	display: block; padding: 13px 0 35px 80px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 2.6em; text-decoration: none;
	color: #4c6ab0; background: no-repeat url("../img/npm_funding_type_default.png") left top;
}
#info_graphs .type.Access-to-inputs { background-image: url("../img/npm_funding_type_access_to_inputs.png"); }
#info_graphs .type.Agricultural-advice { background-image: url("../img/npm_funding_type_agriculture_advice.png"); }
#info_graphs .type.Crop-monitoring { background-image: url("../img/npm_funding_type_crop_monitoring.png"); }
#info_graphs .type.Financial-services { background-image: url("../img/npm_funding_type_financial_services.png"); }
#info_graphs .type.Holistic-service { background-image: url("../img/npm_funding_type_holistic_service.png"); }
#info_graphs .type.Information-sharing { background-image: url("../img/npm_funding_type_information_sharing.png"); }
#info_graphs .type.Price-information { background-image: url("../img/npm_funding_type_price_information.png"); }
#info_graphs .type.Soil-information { background-image: url("../img/npm_funding_type_soil_information.png"); }
#info_graphs .type.Supply-chain-linkages { background-image: url("../img/npm_funding_type_supply_chain_linkages.png"); }
#info_graphs .type.Traceability { background-image: url("../img/npm_funding_type_traceability.png"); }
#info_graphs .type.Weather-information { background-image: url("../img/npm_funding_type_weather_information.png"); }

#info_graphs .items { padding-left: 35px; }
#info_graphs .item { padding-bottom: 1em; }

#info_graphs .item a,
#info_graphs .item a:link,
#info_graphs .item a:visited { font-size: 1.3em; }
#info_graphs .item p a,
#info_graphs .item li a { font-size: 1em; }
#info_graphs .item ul { margin: 0; padding: .8em 0; }
#info_graphs .item li { margin: 0; padding: 0; padding-right: 1em; display: inline; color: #666; }