/*
 * election_page.css
 *
 * Provide styles for election results pages (rather than SSI).
 * 
 */
@import url(elections_common.css);
 
/* ------------------------------------------------------------------
 * table.election-results
 * ------------------------------------------------------------------
 */
table.election-results {
	border:1px solid #DAE2E8;
	line-height:18px;
	padding:0 10px;
	margin:10px 0px 10px 5px;
}

.election-results th,
.election-results td         { padding: 2px 6px; }

.election-results tr.odd td,
.election-results tr.odd th  { background: #E7ECEF; }

.election-results tr.even td,
.election-results tr.even th { background: none repeat scroll 0 0 transparent; }

.election-results .Votes     { text-align: right; }


/* ------------------------------------------------------------------
 * page title
 * ------------------------------------------------------------------
 */
div.election-page-title {
	margin: 0 .5em;
}

div.election-page-title h1 {
	border-bottom: 1px solid black;
	margin: 0;
	padding: 0;
}
div.election-page-title h1 .title-area {
	display: block;
	font-size: 75%;
	line-height: normal;
}

/* ------------------------------------------------------------------
 * election-nav
 * ------------------------------------------------------------------
 */
div.election-nav {
	margin: 2px 0;
	padding: 0;
	font-size: 11px;
}

div.election-nav a,
div.election-nav a:link,
div.election-nav a:active,
div.election-nav a:visited { font-size: inherit; color: #0C5E79; }

div.election-nav a:hover {
	text-decoration: underline;
	color: inherit;
}

table.election-results-question thead tr.election-race th { background-color: #E0EAEF; }

/* ------------------------------------------------------------------
 * election-summary-page
 * ------------------------------------------------------------------
 * wraps all of the generated content on summary pages
 */
.election-summary-page {
	margin: 2em auto;
	padding: 0;
	width: 100%;
}

/* on summary pages, shift source info to the right */
.election-summary-page p.election-source,
.election-summary-page p.election-source .election-source-timestamp {
	text-align: right;
}

.election-summary-page > div {
	margin-top: 1em;
	margin-bottom: 1em;
}

.election-summary-page tr.election-race th {
	text-align: left;
	padding-left: .5em;
}

h2.Election-Title {
	font-size: 18px;
	font-family: verdana;
	border-bottom: 1px dotted #cccccc;
}

/* ------------------------------------------------------------------
 * election-detail-page
 * ------------------------------------------------------------------
 * wraps the tables on the details page
 */
div.election-detail-page {
}

/* general link styles on detail pages */
div.election-detail-page a:link,
div.election-detail-page a:visited,
div.election-detail-page a:active {
	color:#697A85;
	font-weight:bold;
	text-decoration:none;
	text-transform:capitalize;
}

div.election-detail-page a:hover {
	text-decoration: underline;
	color: inherit;
}

div.election-detail-page .election-results th,
div.election-detail-page .election-results td     { padding:4px 10px; color: black; }

div.election-detail-page table.election-results tr.odd,
div.election-detail-page table.election-results tr.even {
	border:1px solid #DAE2E8;
	padding: 0;
}

/* the following styles occur only on details pages: */
.election-results tr.Political-Office th {
/*	background-color:#D2D2D2;*/
/*	background-color: #065087;*/
	background-color: #A8BECF;	
	color:black;
	font-size:140%;
	font-weight:bold;
	padding:6px;
	text-align:center;
}

.election-results tr.Political-Columns { border: none; }

.election-results tr.Political-Columns th {
	background-color: white;
	border: none;
	color: black;
	font-size: 110%;
	padding: 8px 6px 0 6px;
	text-align: center;
	line-height: normal;
}

.election-results tr.Political-Totals th {
	background:none repeat scroll 0 0 white;
	border-bottom:2px solid;
	color:#999999;
}

/* under candidate's name, candidate's party.
 * don't distract from candidate's name.
 */
.election-results .Political-Party {
	color: #393939;
	font-size: 80%;
	font-weight: normal;
}

/* ------------------------------------------------------------------
 * div.election-two-cols
 * ------------------------------------------------------------------
 */
div.election-two-cols          { margin: 0 auto; padding: 0 2px 0 2px; }
div.election-two-cols > div    { margin: 0 auto; padding: 0; }
.election-two-cols > div.left  { margin-right: 5px; float: left;  width: 48%; }
.election-two-cols > div.right { margin-left: 5px;  float: right; width: 48%; }

.election-two-cols .election-source { text-align: left; }

/* ------------------------------------------------------------------
 * election-extra-page
 * ------------------------------------------------------------------
 */
.election-extra-page {
	margin: 2em auto;
	padding: 0;
	width: 100%;
}