@charset "UTF-8";
/*  Climate Hot Map  */
/*  Homepage styles    */
/*  Developed by mixitproductions.com  */


/*  -----  map  -----  */

#wrap_map { width:882px; height:400px; margin-top:10px; background-color:#FFFFFF; border:#7c96b1 1px solid; }

#map_canvas p  { padding:0; margin:0; }
#map_canvas table { padding:0; margin:0; }
#map_canvas td { padding:0; margin:0; }

#wrap_instructions  { width:882px; background-color:#7c96b1; padding:0; margin:0; border:#7c96b1 1px solid; }


/*  -----  filters  -----  */

#wrap_filters { width:884px; line-height:160%; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; height:160px; background-image:url(../pixif/filter-background.jpg); background-repeat:no-repeat; padding:0; margin:0; }

#wrap_filters ul { list-style:none; padding:28px 0 0; margin:0; }
#wrap_filters li { list-style:none; padding:2px 0; margin:0; }

.floatme { float:left; text-align:left; }
   .peop { padding-left:70px; color:#c18c54; }
   .fres { padding-left:85px; color:#2299fe; }
   .ocea { padding-left:88px; color:#00c1a3; }
   .ecos { padding-left:75px; color:#72b631; }
   .temp { padding-left:73px; color:#ffba00; }
.filtercat { color:#fff; padding-top:30px; padding-bottom:10px; }


/*  -----  subcategory info tab and panel styling  -----  */

#wrap_info { width:885px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:11px; line-height:16px; margin:0; padding:0; }
#wrap_info ul { margin:0 0 20px; padding:0; }
#wrap_info li { margin:0; padding:0; }

.more_info { float:left; border:#CCCCCC 1px solid;}
.tab_content p  { font-size:11px; margin-top:3px; padding-top:0; padding-bottom:10px; }
.tab_content a { color:#04aa58; }
.tab_content a:hover { text-decoration:underline; }

	#tab1    { background-image:url(../pixill/global-warming-effects.jpg); background-repeat:no-repeat; padding:0 0 0 270px; margin:0; }
	#tab1 h5 { font-size:14px; color: #ffba00; margin-top:0; margin-bottom:0; line-height:normal; }
	#tab2    { background-image:url(../pixill/global-warming-effects-people.jpg); background-repeat:no-repeat; padding:0 0 0 270px; margin:0; }
	#tab2 h5 { font-size:14px; color:#c18c54; margin-top:0; margin-bottom:0; line-height:normal; }
	#tab3    { background-image:url(../pixill/global-warming-effects-freshwater.jpg); background-repeat:no-repeat; padding:0 0 0 270px; margin:0; }
	#tab3 h5 { font-size:14px; color: #54a6ec; margin-top:0; margin-bottom:0; line-height:normal; }
	#tab4    { background-image:url(../pixill/global-warming-effects-oceans.jpg); background-repeat:no-repeat; padding:0 0 0 270px; margin:0; }
	#tab4 h5 { font-size:14px; color: #00c1a3; margin-top:0; margin-bottom:0; line-height:normal; }
	#tab5    { background-image:url(../pixill/global-warming-effects-ecosystems.jpg); background-repeat:no-repeat; padding:0 0 0 270px; margin:0; }
	#tab5 h5 { font-size:14px; color: #8ae461; margin-top:0; margin-bottom:0; line-height:normal; }
	#tab6    { background-image:url(../pixill/global-warming-effects-temperature.jpg); background-repeat:no-repeat; padding:0 0 0 270px; margin:0; }
	#tab6 h5 { font-size:14px; color: #f3c149; margin-top:0; margin-bottom:0; line-height:normal; }


.align_left { float:left; margin: 0 10px 0 0; }