/* Election Guess 2008 :: DAS Software
 * Screen Stylesheet
 * Applies to ALL browsers */

/* ----------------------------------------------------- [ General ] */

body {
	margin: 0;
	padding: 0;
	background: #EAEAEA url("../images/stripes.png");
	font-size: .8em;
}
div#outer-container {
	width: 988px;
	background: url("../images/overhang.png") no-repeat;
	margin: 0 auto;
}
div#inner-container {
	background-color: #fff;
	width: 950px;
	margin: 0 auto;
}
a {
	color: #B20303;
}
a:hover {
	color: #E90000;
}
h2 {
	clear: both;
}

/* ------------------------------------------------------ [ Header ] */

div#header {
	background-image: url("../images/header.png");
	height: 322px;
}
div#header h1 {
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
	width: 950px;
	height: 322px;
}
div#header h1 a {
	display: block;
	height: 322px;
	width: 950px;
}

/* ----------------------------------------------------- [ Content ] */

div#content {
	padding: 10px 20px;
	overflow: hidden;
}
div#content p {
	font-size: 13px;
	font-family: verdana, arial, sans-serif;
	line-height: 17px;
}
div#content p#guess-link {
	font-size: 16px !important;
	font-weight: bold;
}
p#rules {
	font-size: 11px !important;
}
ul#errorlist {
	color: red;
}
div#past-results {
	text-align: center;
	width: 260px;
	float: right;
	margin: 0 30px;
	padding: 0;
}
div#past-results img {
	border: 1px solid #ccc;
}
div#past-results p {
}
em.update {
	color: red;
	font-weight: bold;
	font-size: 12px;
}

/* -------------------------------------------- [ Official Results ] */

table#official-results {
	border: 1px solid #000;
	width: 580px;
}
table#official-results th, table#official-results td {
	border: 1px solid #000;
	padding: 3px 0;
	text-align: center;
}
table#official-results th.liberal {
	background-color: #F79292;
}
table#official-results th.green {
	background-color: #72A76E;	
}
table#official-results th.conservative {
	background-color: #9D92B7;
}
table#official-results th.ndp {
	background-color: #E7B47D;
}
table#official-results th.bloc {
	background-color: #B792B4;
}
table#official-results th.other {
	background-color: #CBCCCB;
}

/* --------------------------------------------- [ Current Results ] */

table#current-results {
	width: 100%;
	clear: both;
}
table#current-results td {
}
table#current-results td h3 {
	padding-right: 15px;
	margin: 6px 0;
}
table#current-results p {
	margin: 0;
}

/* CHART LISTS */
.chartlist { 
	float: left;
	list-style-type: none; 
	margin: 12px 0 0;
	padding: 0;
	border-top: 1px solid #EEE; 
	width: 100%;
}
.chartlist li { 
	position: relative;
	display: block;  
	border-bottom: 1px solid #EEE; 
	_zoom: 1;
}
.chartlist li span.party { 
	display: block; 
	padding: 0.4em 4.5em 0.4em 0.5em;
	position: relative; 
	z-index: 2;
}
.chartlist .count { 
	display: block; 
	position: absolute; 
	top: 0; 
	right: 0; 
	margin: 0 0.3em; 
	text-align: right; 
	color: #999; 
	font-weight: bold; 
	font-size: 0.875em; 
	line-height: 2em; 
	z-index: 3;
}
.chartlist .count em.delta {
	color: #999;
	width: 50px;
}
.chartlist .index { 
	display: block; 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 100%; 
	background: #B8E4F5; 
	text-indent: -9999px; 
	overflow: hidden; 
	line-height: 2em;
}
p#closed-msg {
	margin: 100px 0;
	padding: 0 100px;
	text-align: center;
}
/* -------------------------------------------------- [ Guess Form ] */

table#guess-form {
	margin: 20px auto;
	width: 60%;
}
table#guess-form td.partyname {
	background-color: #F5F9FF;
}
table#guess-form td.odd {
	background-color: #E8F7FF;
}
table#guess-form td.bottomline {
	text-align: center;
}
table#guess-form td.partylogo {
	text-align: center;
}
table#guess-form td.composition {
	text-align: center;
	font-family: verdana, arial, sans-serif;
}
table#guess-form td#seats-remaining {
	text-align: right;
	padding-right: 50px;
}
table#guess-form td#name-and-submit {
	padding-top: 12px;
	text-align: right;
}

/* ------------------------------------------ [ Guess Confirmation ] */

table#guess-confirmation {
	margin: 0 auto;
	background-color: #F5F9FF;
	border-collapse: collapse;
}
table#guess-confirmation tr td {
	padding: 3px 5px;
	text-align: left;
}
table#guess-confirmation tr.odd {
	background-color: #E8F7FF;
}
table#guess-confirmation tr td.col2 {
padding-left: 20px;
	text-align: right;
}

/* ------------------------------------------------------ [ Footer ] */

div#footer {
	overflow: hidden;
	border-top: 1px solid #ccc;
	padding: 10px 0;
	margin: 0 20px;
}
div#footer p {
	float: left;
	position: relative;
	top: -3px;
}
div#footer img {
	float: right;
}