/* --- Board of Elections #bo_elections --- */
@import url(screen_tmp.css);

body#bo_elections, .election {
 font-size: 62.6%; /* 1em = 10px */
 line-height: 1;
 }
p, li, dt, dd, th, td { font-size: 1.2em !important; }
h1 { font-size: 3em !important; }
h4 { font-size: 1.8em !important; }
h5 { font-size: 1.5em !important; }
h6 { font-size: 1.3em !important; }

#contain {
 position: relative;
 margin-right: auto;
 margin-left: auto;
 width: 713px;
 }
.election #contain {
 margin-right: 10px;
 margin-left: 10px;
 text-align: left;
 width: auto;
 }

#logo_sect {
 position: relative;
 height: 36px;
 text-align: right;
 }
#logo_sect a {
 position: absolute;
 top: 0;
 right: 0;
 display: block;
 width: 99%;
 height: 36px;
 background: #fff url(../graphics/logo_bo_elections.png) 100% 0 no-repeat;
 text-indent: -5000px;
 text-align: left;
 text-decoration: none;
 }
#logo_sect a:hover { background-position: 100% -36px; }
#logo_sect a span {}

.election h3 { text-align: center; }
.election h4 {
 position: relative;
 margin: 0;
 padding-left: 24px;
 border-bottom: 1px dotted #c33;
 color: #c33;
 background: #fff url(../graphics/i_checkmark.gif) center left no-repeat;
 }
.election #results_districts_contain { float: left; }
.election #results_districts {
 position: relative;
 margin: 0;
 padding: 1px 0 1px 0;
 width: 720px;
 background: transparent url(../graphics/bg_election_results.gif) 0 0;
 }
.election #results_districts:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility:hidden;
 }
.election #results_districts { display: inline-table; }  /* Mark Hadley's fix for IE Mac */
/* Hides from IE Mac \*/
* html .election #results_districts { height: 1%; }
.election #results_districts { display: block; }
/* End Hack */ 
.election #results_districts div {
 float: left;
 margin: 0;
 padding: 0;
 width: 240px;
 font-family: "Courier New", Courier, monotype;
 font-size: 1.1em !important;
 }

.election .results_candidates {
 margin: 0.5em 0 0.5em 0;
 border: 1px solid #eee;
 border-right: 2px solid #ccc;
 border-bottom: 2px solid #ccc;
 border-collapse: collapse;
 width: 98%;
 }
.election h4 {
 font-size: 2em;
 background-color: transparent;
 }
.election h4 span { float: right; margin: -1.0em 0 0 0; z-index: 199; }
.election .results_candidates th {
 border-right:1px solid #ccc; border-bottom: 1px solid #ccc;
 font-family: Arial, Verdana, sans-serif;
 color: #633;
 text-align: right;
 }
.election .results_candidates tr.x {
 background-color: #fee;
 }
.election .results_candidates td {
 padding: 3px;
 border: 1px solid #eee;
 text-align: right;
 font-size: 1.2em;
 }
.election .results_candidates .candidate {
 font-weight: bold;
 }
.election .results_candidates .candidate,
#bo_elections.election .results_candidates .party {
 text-align: left;
 }
.election .results_candidates span.party {
 display: block;
 text-align: left;
 }
.election .results_candidates .totals {
 background-color: #eee;
 }
.election .results_candidates .totals td {
 border-top: 1px solid #666 !important;
 font-weight: bold;
 }

#nav_content {
 position: relative;
 width: 80%;
 background: #fff;
 }
#nav_content li {
 position: relative;
 list-style: none;
 margin: 1px 0 1px 0;
 padding: 0 0 1px 0;
 text-align: left;
 font-size: 1.3em;
 }
#nav_content li a,
#nav_content li a:link,
#nav_content li a:visited {
 position: relative;
 display: block;
 clear: both;
 margin: 0;
 padding: 0.2em 0.2em;
 font-size: 1.3em;
 }
#nav_content li a:hover { color: #fff; background: #c33; text-decoration: none; }
html>#nav_content { width: auto; }

#elections_container { float: left; }
.election_info {
 position: relative;
 margin: 3px;
 padding: 6px;
 border: 1px solid #ccc;
 height: auto;
 }
.election_info:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility:hidden;
 }
.election_info { display: inline-table; }  /* Mark Hadley's fix for IE Mac */
/* Hides from IE Mac \*/
* html .election_info { height: 1%; }
.election_info { display: block; }
/* End Hack */ 
.election_info h4 {
 position: relative;
 margin: 0;
 padding-left: 24px;
 border-bottom: 1px dotted #c33 !important;
 color: #c33;
 background: #fff url(../graphics/i_checkmark.gif) center left no-repeat;
 font-family: "Trebuchet MS", Helvetica, Arial, sans-serif !important;
 line-height: 2em;
 }
.election_info h5 {
 margin: 0.3em 0 0.3em 0;
 padding: 1px;
 font-family: "Trebuchet MS", Helvetica, Arial, sans-serif !important;
 font-weight: normal;
 }
.election_info .date {
 position: relative;
 float: left;
 margin: 0.5em 0.3em 0.3em 0;
 padding: 3px;
 border-right: 2px solid #666 !important;
 width: 80px;
 background-color: #eee;
 text-align: center;
 font-size: 1.4em;
 font-family: "Trebuchet MS", Helvetica, Arial, sans-serif !important;
 font-weight: bold;
 }
.election_info .date .day {
 display: block;
 font-size: 2em;
 }
.election_info ul {
 list-style: inside;
 margin: 0.3em 0 0.5em 0;
 }
#nav_sect { float: left; z-index: 103; }
#nav_sect a {
 text-decoration: none;
 }
#nav_sect a:hover { color: #fff; background: #f33 !important; }
 
.btn_map_vote {}
.btn_map_vote h5 {
 margin: 0;
 padding: 0;
 }
.btn_map_vote h5 a {
 display: block;
 padding: 0 0 0 20px;
 }
 
.doc_updated { 
 float: none;
 display: block;
 width: 0%;
 width: auto;
 }
 
#announce {
 margin: 0 3px 3px 3px;
 padding: 0 3px 10px 3px;
 width: 392px;
 }
#announce a,
#announce a:link,
#announce a:visited { display: block; color: #c33 !important; text-decoration: none; }
#announce a:hover { color: #393; text-decoration: underline; }
 
 
/* remove later */
.election h1 { font-size: 2em !important; text-align: center; }
#footer a { font-size: 1.1em !important; }