

/***********************************************/
/* Overall Layout Divs                                 */
/***********************************************/

#container
{
	margin: 0;
	width: 990px;
	background: #fff;
	left: 0px;
	top: 0px;
	position: relative;
}


#masthead
{
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	width: 990px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}



#headlines{
	float:right;
	width: 180px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px;
	background-color: #66FFFF;
}

#content{
	width: 560px;
	background-color: #FFCC00;
	float: left;
	margin-left: 40px;
}

#alpha 
{
	width:600px;
	float: left;
	min-height: 1px;
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}

#beta 
{
	width: 170px;
	min-height: 1px;
	padding: 0px;
	float: right;
	text-align: left;
}

#gamma{
	float: left;
	width: 180px;
	margin: 0px;
	padding: 0px;
	
}



/************** EPOLL ********************/
div.clear { clear: both; padding: 0; margin: 0; }

ul#title-navigation { margin: 0; padding: 0; width: 600px; height: 22px; list-style: none; background: #fff; border: 1px solid #666; }
ul#title-navigation:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
ul#title-navigation li { float: left; display: inline: }
ul#title-navigation li.firstTitleElement { background: #003399; color: #fff; font-weight: bold; padding: 4px 9px; font-size: .8em; }
ul#title-navigation li a { display: block; padding: 5px 11px; color: #CC0000; font: bold .8em Verdana, Arial, Helvetica, sans-serif; background: url(../images/bg-poll-nav.gif) no-repeat left; }
ul#title-navigation li a.noBg { background: none; }
ul#title-navigation li ul { position: absolute; left: -999px; display: block; background: #ccc; margin: 0; padding: 0; }
ul#title-navigation li ul li { float: none; }
ul#title-navigation li ul li a { color: #000; display: block; }
ul#title-navigation li ul li a:hover { background: #999; } 
ul#title-navigation li ul.over { left: auto; }

p#email-link { text-align: center; margin: 3px 0; font-size: .8em; }
p#email-link a { font-weight: normal;}
h2#main-poll-title { margin: 15px 0 0 0; text-align: center; }
#candidates { border: 1px solid #000; width: 270px; padding: 2px; height: 1%; float: left; }
#candidates.faux { width: 594px; }
#candidates:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#candidates h3 { text-align: center; background: #003399; font-size: .85em; padding: 1px 0; font-weight: bold; margin: 0; color: #fff; }
#candidates .candidate { float: left; width: 135px; text-align: center; }
#candidates .candidate img { margin: 6px auto 2px auto; width: 80px; }
#candidates .candidate p { margin: 1px 0; }

#snapshot { margin: 0 0 0 2px; border: 1px solid #000; padding: 2px; width: 316px; height: 1%; float: left; }
#snapshot.faux { width: 594px; margin: 0; }
#snapshot:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#snapshot h3 {text-align: center; background: #003399; font-size: .85em; padding: 1px 0; font-weight: bold; margin: 0; color: #fff;}
#snapshot p { margin: 5px 2px; }
#snapshot p.spread { font-weight: bold; }
#snapshot p.intrade { line-height: 1; margin-bottom: 6px; border: 1px solid; padding: 4px; }

#polling-data-rcp { clear: both; width: 594px; border: 1px solid #000; padding: 2px; margin-top: 10px; display: inline; float: left; }
#polling-data-rcp h3 {text-align: center; background: #003399; font-size: .85em; padding: 1px 0; font-weight: bold; margin: 0; color: #fff;}
#polling-data-rcp table { width: 594px; border-collapse: collapse; font: .9em "Times New Roman", Times, serif; }
#polling-data-rcp a {font-weight:normal;}
#polling-data-rcp p.foot { margin: 5px 0; text-align: center; font-weight: bold; }
#polling-data-rcp th { padding: 4px; background: #cccc99; text-align: center; }
#polling-data-rcp td { padding: 4px; text-align: center; }
#polling-data-rcp th.noCenter, #polling-data-rcp td.noCenter { text-align: left; }
#polling-data-rcp td.spread { text-align: center; }
span.rep { color: #ff0000; }
span.dem { color: #0000ff; }
#polling-data-rcp th.spread { text-align: center; }
#polling-data-rcp th.date {}
#polling-data-rcp tr.final { background: #ffff66; font-weight: bold; }
#polling-data-rcp tr.rcpAvg { background: #ffff00; font-weight: bold; }
#polling-data-rcp tr.final td.normal { font-weight: normal; }


#publish { height: 55px; background: #4b4b4b; padding: 10px; font-weight: bold; color: #fff; font-size: 1.5em; }
#publish a { display: block; width: 100px; text-align: center; margin-top: 3px; padding: 5px; background: #d30015; border: 1px solid #d30015; color: #fff; }

#polling-data-full { clear: both; width: 594px; border: 1px solid #000; padding: 2px; margin-top: 10px; display: inline; float: left;}
#polling-data-full h3 {text-align: center; background: #003399; font-size: .85em; padding: 1px 0; font-weight: bold; margin: 0; color: #fff;}
#polling-data-full table { width: 594px; border-collapse: collapse; font: .9em "Times New Roman", Times, serif; }
#polling-data-full a {font-weight:normal;}
#polling-data-full th { padding: 4px 10px; background: #cccc99; text-align: center; }
#polling-data-full td { padding: 4px 10px; text-align: center; }
#polling-data-full th.noCenter, #polling-data-full td.noCenter { text-align: left; }
#polling-data-full td.spread { text-align: center; }
#polling-data-full th.spread { text-align: center; }
#polling-data-full th.date { }
#polling-data-full tr.final { background: #ffff66; font-weight: bold; }
#polling-data-full tr.rcpAvg { background: #ffff00; font-weight: bold; }
#polling-data-full tr.isInRcpAvg { background: #ccc; }
#polling-data-full tr.alt { background: #eee; }
#polling-data-full tr.final td.normal { font-weight: normal; }

#modules-1 { width: 293px; border: 1px solid #000; float: left; padding: 2px; }
#modules-1 h3 {text-align: center; background: #003399; font-size: .85em; padding: 1px 0; font-weight: bold; margin: 0; color: #fff;}
#modules-2 { width: 293px; margin: 0 0 0 2px; border: 1px solid #000; float: left; padding: 2px; }
#modules-2 h3 {text-align: center; background: #003399; font-size: .85em; padding: 1px 0; font-weight: bold; margin: 0; color: #fff;}

#under-title { text-align: center; font-weight: normal; }
#under-title a { font-weight: normal; }

#chart { border: 1px solid #000; margin: 10px 0 0 0; padding: 2px; clear: both; float: left; width: 594px; }

#intrade { border: 1px solid #000; padding: 2px; clear: both; float: left; width: 594px; margin-top: 10px; }
#intrade h3 {text-align: center; background: #003399; font-size: .85em; padding: 1px 0; font-weight: bold; margin: 0; color: #fff;}

#short-news { width: 600px; margin-top: 10px; clear: both; float: left; }
#short-news h3 { text-align: center; background: #003399; font-size: .85em; padding: 1px 0; font-weight: bold; margin: 0; color: #fff; }
#short-news p { margin: 1px 0; }
#short-news p.foot { margin: 5px 0; text-align: center; font-weight: bold; }
#news { width: 600px; margin-top: 10px; clear: both; float: left; }
#news h3 { text-align: center; background: #003399; font-size: .85em; padding: 1px 0; font-weight: bold; margin: 0; color: #fff; }
#news p { margin: 1px 0; }

#candidate-snapshot { height: 1%; position: relative; margin-top: 10px; }
#candidate-snapshot:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#candidate-snapshot.faux { background: url(../images/bg-candidate-snapshot.gif) no-repeat bottom; }
#candidate-snapshot.faux #candidates, #candidate-snapshot.faux #snapshot { border-bottom: 0; }
#snapshot-footer { margin: 0; width: 304px; bottom: 3px; padding: 1px 6px; right: 3px; background: #003399; position: absolute; color: #fff; }
#snapshot-footer.faux { width: 582px; }
#snapshot-footer a { color: #fff; font-weight: bold; }

#modules { height: 1%; clear: both; margin-top: 10px; border: 1px solid #000; padding: 2px; }
#modules:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#modules.faux { background: url(../images/bg-modules.gif) no-repeat bottom; border: 0; padding: 0; }
#modules.faux #modules-1, #modules.faux #modules-2 { border-bottom: 0; }
#modules div.wide h3 { text-align: center; background: #003399; font-size: .85em; padding: 1px 0; font-weight: bold; margin: 0 0 5px 0; color: #fff; }
#modules div.wide { margin: 0 0 5px 0; }
#under-title { margin: 2px 0 0 0; padding: 0; font-size: 1.1em; font-weight: bold; }
#dataFooter { font-size: .8em; margin: 0; width: 594px; float: left; clear: both; }
#dataLegend { font: 9px Verdana, Arial, Helvetica, sans-serif; margin: 5px 0 0 0; width: 594px; float: left; clear: both; }
#dataLegend p { float: left; margin: 2px 5px; }
#dataLegend span.legend { width: 15px; height: 9px; background: #000; display: block; float: left; margin: 2px 2px 2px 2px; }

/************** CUSTOM PAGE ********************/

.race-container { border: 1px solid #000; clear: both; float: left; display: inline; height: 1%; margin: 15px 0 5px 0; width: 600px; }
.race-container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.race-title { color: #fff; background: #003399; margin: 0; padding: 5px; font-size: 12px; text-align: center; font-weight: bold; }

.race-container p.custom-footer { background: #CCCC99; clear: both; width: 594px; margin: 0; padding: 3px; text-align: center; font-weight: bold; font-size: .85em; }
.race-container p.custom-footer a { font-size: .9em; }


.custom-polling-data-rcp { clear: both; width: 596px; padding: 2px; display: inline; float: left; }
.custom-polling-data-rcp h3 {text-align: center; background: #003399; font-size: .85em; padding: 1px 0; font-weight: bold; margin: 0; color: #fff;}
.custom-polling-data-rcp table { width: 596px; border-collapse: collapse; font: .9em "Times New Roman", Times, serif; }
.custom-polling-data-rcp p.foot { margin: 5px 0; text-align: center; font-weight: bold; }
.custom-polling-data-rcp th { padding: 4px 10px; background: #cccc99; text-align: center; }
.custom-polling-data-rcp td { padding: 4px 10px; text-align: center; }
.custom-polling-data-rcp th.noCenter, .custom-polling-data-rcp td.noCenter { text-align: left; }
.custom-polling-data-rcp td.spread { text-align: center; }
span.rep { color: #ff0000; }
span.dem { color: #0000ff; }
.custom-polling-data-rcp th.spread { text-align: center; }
.custom-polling-data-rcp tr.final { background: #ffff66; font-weight: bold; }
.custom-polling-data-rcp tr.rcpAvg { background: #ffff00; font-weight: bold; }
.custom-polling-data-rcp tr.alt { background: #eee; }
.custom-polling-data-rcp tr.final td.normal { font-weight: normal; }

.custom-short-news { width: 596px; padding: 2px; clear: both; float: left; }
.custom-short-news h3 { text-align: center; background: #003399; font-size: .85em; padding: 1px 0; font-weight: bold; margin: 0; color: #fff; }
.custom-short-news p { margin: 3px 0; }
.custom-short-news p.foot { margin: 5px 0; text-align: center; font-weight: bold; }

.custom-chart { padding: 2px; clear: both; float: left; width: 596px; }

/************** LATEST EPOLLS ********************/

table.hide { display: none; }
table.table-races { clear: both; border: 1px solid #777788; margin-top: 10px; }
ul#race-nav { margin: 15px 0 -1px 0; padding: 0; list-style: none; clear: both; width: 598px; float: left; display: inline; display: none; }
ul#race-nav li { float: left; display: inline; }
ul#race-nav li a { display:block; border: 1px solid #777788; padding: 4px; margin-right: 5px; font: 1em Verdana, Arial, Helvetica, sans-serif; background: url(../images/shade.gif) bottom repeat-x; }
ul#race-nav li a.on { background: url(../images/shade-over.gif) top repeat-x; }

p#my-nav { text-align: right; }
p#my-nav a.hide { display: none; }
p#my-nav a.on { color: #000; }

/********* custom **************/
div.custom { border: 1px solid #ccc; clear: both; background: #888; margin: 5px 0 10px 0; font: 11px Arial, Helvetica, sans-serif; }
div.custom div.wrap {  padding: 9px; }
div.custom h2#main-poll-title { margin: 0; font: bold 12px Arial, Helvetica, sans-serif; color: #444; background: #ccc; padding: 5px; }
div.custom h2#main-poll-title a { color: #444; }
div.custom #chart { border: 0; margin: 0 0 9px 0; padding: 0; }
div.custom #polling-data-full { float: none; display: block; margin: 0; padding: 0; border: 0; }
div.custom #polling-data-full table { width: 580px; font: 11px Arial, Helvetica, sans-serif; background: #fff; }
div.custom #polling-data-full th { background: #003399; color: #fff; }
div.custom #polling-data-full tr { border-bottom: 1px solid #eee;}
div.custom #polling-data-full tr.alt { background: #f9f9f9; }
