.preload { display: none; } #map_container { background: transparent url('/images/map_spinner.gif') no-repeat center 150px; /*width: 588px; height: 445px;*/ position: relative; padding-top: 5px; padding-left: 0px; } #info { background: #eee; top: 0; left: 0; position: absolute; } .map_tools { overflow:auto; background: #eee; border-bottom: 1px solid #ccc; margin: 0; text-align: center; padding: 0; color: #666; font: 12px Arial, Helvetica, sans-serif; } .map_tools t { } .map_tools .pre_fill { display: block; float: left; padding: 3px 15px 3px 5px } .map_tools a { display: block; float: left; font: bold 11px Arial, Helvetica, sans-serif; color: #333; padding: 0 0 0 16px; margin-top: 4px; margin-right: 15px; background: transparent url('/epolls/maps/images/checkbox-off.gif') no-repeat 0 1px; } .map_tools .year_container { background: #fff; padding: 1px 0; float: right; display: block; border-left: 1px solid #ccc; } .map_tools a.on {background: transparent url('/epolls/maps/images/checkbox-on.gif') no-repeat 0 1px;} .map_tools select { font-size: 11px; border: 0px solid #ccc; padding: 2px 2px 2px 2px; width: 125px; height: 20px; } #map_container a.button { color: #333; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; font: 14px Arial, Helvetica, sans-serif; } #map_share { position: absolute; bottom: 15px; left: 15px; background: #000; } #map_save { display: block; float: left; position: absolute; bottom: 2px; left: 110px; width: 60px; text-align: center; } #map_load { display: none; float: left; position: absolute; bottom: 2px; left: 175px; width: 60px; text-align: center; } #map_facebook { display: block; float: left; position: absolute; bottom: 0; left: 0px; } #map_twitter { display: block; float: left; position: absolute; bottom: 0; left: 36px; } #map_email { display: block; float: left; position: absolute; bottom: 0; left: 72px; } #map_share_title { position: absolute; bottom: 30px; left: 0; width: 102px; text-align: center; text-transform: uppercase; color: #999; font: bold 10px Arial, Helvetica, sans-serif; } a.button span { display: block; border-width: 1px; border-style: solid; border-color: #ccc #999 #999 #ccc; background: #eee url('/images/election_2010_submit.gif') repeat-x bottom; height: 16px; padding: 4px 5px; } #map_options { display: none; font: 12px Arial, Helvetica, sans-serif; position: absolute; top: 0; left: 0; background: #fff; background: transparent url('/images/bg_transparent_20.png'); padding: 5px; width: 200px; /*height: 205px;*/ z-index: 500; } #map_options h3 { position: relative; margin: 0; padding: 0; border-top: 1px solid #fff; background: #f2f2f2; border-bottom: 1px solid #ccc; padding: 5px; font-size: 15px; font-weight: bold; } #map_options h3 span { font-size: 10px; font-weight: normal; padding-left: 7px; } #map_options p { margin: 0; padding: 0; } #map_options p a { font-size: 11px; color: #666; display: block; padding: 5px; border-top: 1px solid #eee; } #map_options p a.loading { background: #000; } #map_options .info_header { position: relative; } #map_options .option span { background: #000; float: left; display: block; width: 13px; height: 13px; margin-right: 5px; margin-top: 0; } #map_options_close { position: absolute; right: 5px; top: 5px; background: transparent url('/images/bg_close.gif') no-repeat; display: block; width: 17px; height: 17px;} #map_options .info_content { background: #fff; } #map_options .option.o_1 span { background: #000066; } #map_options .option.o_2 span { background: #3333cc; } #map_options .option.o_3 span { background: #9999ff; } #map_options .option.o_5 span { background: #660000; } #map_options .option.o_6 span { background: #cc3333; } #map_options .option.o_7 span { background: #ff9999; } #map_options .option.o_8 span { background: #9933cc; } #map_options .option.o_4 span { background: #606060; } #map_loading { display: none; position: absolute; /*top: 25px;*/ bottom: 0; left: 0; width: 598px; height: 442px; background: #fff url('/images/map_spinner.gif') no-repeat center 150px; z-index: 300; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); zoom: 1; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } /*#map_canvas { width: 588px; height: 445px; }*/ #info { background: #eee; top: 0; left: 0; position: absolute; } .cyom #map-legend table { right: 7px; } #map_tool_tip { padding: 2px; display: none; position: absolute; z-index: 1000; background: #fff; border: 1px solid #ccc; font: 11px Arial, Helvetica, sans-serif; } #map_tool_tip h3 { margin: 0; padding: 0; font-size: 13px; font-weight: bold; color: #444; } #map_tool_tip p { margin: 0; padding: 0; } #map_tool_tip td { padding: 1px 2px; text-align: center; } #map_tool_tip td.candidate, #map_tool_tip th.candidate { width: 70px; text-align: left; font-weight:bold; } #map_tool_tip th.votes { width: 50px; } #map_tool_tip td.header { text-align: left; } #map_tool_tip td.delegates { text-align: left; } #map_tool_tip td.date { text-align: right; } #map_tool_tip th { padding: 2px; background: #444; color: #fff; font-size: 9px; } #instructions { position: absolute; bottom: 70px; right: 90px; font: 12px Arial, Helvetica, sans-serif; color: #999; } p.cyom { text-align: center; margin-top: 0; } p.cyom a { font: 12px Arial, Helvetica, sans-serif; } /*.battlegrounds { padding: 3px; color: #333; font: 9px Verdana, Arial, Helvetica, sans-serif; border: 1px solid #ccc; margin-top: 10px; } .battlegrounds tr.alt { background: #f1f1f1;} .battlegrounds table { width: 100%; } .battlegrounds td { padding: 4px 0; text-align: center; border-top: 1px solid #ddd; } .battlegrounds td.state, .changes th.state { text-align: left; } .battlegrounds td.state { border-right: 1px solid #ccc; } .battlegrounds td.status { border-right: 1px solid #ccc; } .battlegrounds td.arrow { width: 10px; } .battlegrounds th { cursor: pointer; background: #333; color: #fff; padding: 5px; text-align: center; font-size: 9px; text-transform: uppercase; } .battlegrounds td.total, .changes td.projection { color: #ccc; } .battlegrounds td.projection { width: 100px; } .battlegrounds td.projection a { text-decoration: none; } .battlegrounds span.dem { color: #3333cc; font-weight: bold; } .battlegrounds td.total span.toss_up { color: #606060; font-weight: bold; } .battlegrounds td.obama a {color: #3333cc;} .battlegrounds td.obama {color: #3333cc;} .battlegrounds td.mccain {color: #cc3333;} .battlegrounds td.kerry {color: #3333cc;} .battlegrounds td.bush {color: #cc3333;} .battlegrounds td.romney a {color: #cc3333;} .battlegrounds td.gore {color: #3333cc;} .battlegrounds td.leading { font-weight: bold; } .battlegrounds td.candidate a { color: #333; } .battlegrounds span.gop { color: #cc3333; font-weight: bold; } .battlegrounds span.ind { color: #33cc33; font-weight: bold; } .battlegrounds td.safe_dem a { color: #000066;} .battlegrounds td.likely_dem a { color: #3333cc;} .battlegrounds td.leans_dem a { color: #9999ff;} .battlegrounds td.toss_up a { color: #606060;} .battlegrounds td.leans_gop a { color: #ff9999;} .battlegrounds td.likely_gop a { color: #cc3333;} .battlegrounds td.safe_gop a { color: #660000;} .cbattlegrounds span.empty_ind { padding: 0 8px; } .battlegrounds table.house { font-size: 9px; } .battlegrounds table.house td.status { width: auto; } .battlegrounds table.house td.arrow { width: auto; } .battlegrounds table.house td.projection { width: auto; }*/