/*-----------------------------------------------
Name:     MEC Tracks Style
Designer: unknown
Date:     16 Dec 2005
----------------------------------------------- */

object {
	 background-color: #FFFFFF; 
	 color: #000000;
	 }
a {
	text-decoration: none;
	}
a:hover, a:active {
	color: #666666;
	text-decoration: underline;
	}
body {
	background-color: #216282;
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	}
td {
	font-size: 11px;
	}
img {
	border: 0px;
	}
form {
	margin: 0px;
	padding: 0px;
	}
select, input {
	font-size: 10px;
	}
ul {
	margin: 0px;
	padding: 0px;
	}
div.breadcrumb {
	padding: 0px 0px 5px 0px;
	clear: both;
	font-size: 11px;
}

/* Footer
--------------------------------------- */
.footer {
	display: none;
	color: #999999;
	}
.footer a {
	padding: 0px 8px 4px 8px;
	border-right: 1px solid #999999;
	font-weight: bold;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
	}
.footer a:link, .footer a:visited {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	}
.footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
	}

/* Backgroud & Borders
--------------------------------------- */
.bgdarkbannerblue 
{
	color: #FFFFFF;
	background-color: #113448;
	}
.bguniversalblue {
	background-color: #216282;
	}
.borderbluenav1 {
	border: 1px solid #1c5a8b;
	}

/* Content
--------------------------------------- */
div.flashticker{
	width: 100%;
	background-color: #000000;
	position: relative;
	height: 20px;
	}

/* GENERIC */
div.gencon {
	width: 100%;
    background-color: #406174;
}


/* Page Structure
--------------------------------------- */
#hdr {
	border-bottom: 1px solid black;
	height: 30px;
	}
#hdrtop {
	
	background-color: #216282;
	background-position: bottom center;
	background-repeat:no-repeat
	}
#hnav2 {
	background-color: #eeeeee;
	border-bottom: 1px solid #216282;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	}
#bnav {
	background-color: #0e1b28;
	height: 21px;
	vertical-align: middle;
	}
#vnav {
	width: 104px;
	}
.quicklinks {
	padding: 3px 0px 0px 10px;
	white-space: nowrap;
	}
.quicklinksselect {
	font: 9px Arial, Helvetica, sans-serif;
	margin-bottom: 4px;
	}
.meclogo {
	text-align: center;
	width: 70px;
	}

/* Misc. Elements
--------------------------------------- */
.weatherbox {
	background-color: #113448;
	border: 1px solid #336699;
	color: #ffffff;
	margin: 5px 2px 5px 2px;
	text-align: center;
	width: 100px;
	}
.weatherbox td {
	font: small-caps bold 14px Arial, Helvetica, sans-serif;
	}
.weathernumber {
	font-size: 16px;
	font-weight: bold;
	}
.searchbox {
	margin: 0px 0px 10px 5px;
	border: 2px solid #216282;
	}

div.hdr {
	width: 800px;
	background-color: #799AAD;
	position: relative;
	height: 63px;
}

div.hdr img {
	margin-left: 25px;
}

div.hdr_wrap {
}

div.langnv {
	width: 300px;
	text-align: right;
	position: absolute;
	bottom: 10px;
	right: 10px;
	height: 15px;
}

/* HEADER START */
div.langnv a {
	padding: 0px 8px 0px 8px;
	border-right: 1px solid #000000;
	font-weight: bold;
	font-size: 10px;
}

div.langnv a:hover, div.langnv a:active {
	color: #990000;
	text-decoration: none;
}

div.logo {
	width: 173px;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 63px;
}

div.mainln {
	float: left;
	padding: 0px 5px;
	color: #9ABBCE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}

div.mainln a:visited, div.mainln a:link {
	color: #9ABBCE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

div.mainln a:hover, div.mainln a:active {
	color: #000000;
	text-decoration: none;
}

td.leftcol a:visited, td.leftcol a:active, td.leftcol a:link, td.leftcol a:hover, td.leftcol a:visited:hover
{
    color: #000000;
}

div.mainnv a:visited, div.mainnv a:active, div.mainnv a:link, div.mainnv a:hover, div.mainnv a:visited:hover
{
    color: #000000;
}

div.mainnv {
	width: 100%;
	padding-top: 0px;
	padding-left:14px;
	background-color:#56778A;
    BACKGROUND-IMAGE: url(../Images/mainnavbak.gif);
	/*position: relative;*/
	height: 25px;
}
div.mainnv_menu {
	width: 100%;
	padding-top: 0px;
	padding-left:0px;
	background-color:#56778A;
}
div.maintext {
	padding: 5px;
	background-color: #FFFFFF;
	font-size: 0.8em;
}

div.newstext {
	padding: 0px 5px;
	font-size: 0.9em;
}

div.newstext p, .mainnav:hover, .ln_item:hover, a {
	color: #000000;
}

div.newswrap {
	background-color: #FFFFFF;
	height: 240px;
	overflow: auto;
}

div.preak_hdr{
	background: url(../Images/hdr_back.jpg) #628396 repeat-y;
	position: relative;
}

dt{
	font-weight: bold;
}

form {
	margin: 0px 0px 0px 0px;
}

h1{
	margin-top: 0px;
	color: #000000;
	font: normal 30px Arial, Helvetica, sans-serif;
}

h2{
	margin: 0px 0px 5px 0px;
	color: #000000;
	font: bold 12px Arial, Helvetica, sans-serif;
}

h3{
	margin-top: 0px;
	font: bold 11px Arial, Helvetica, sans-serif;
}

h4{
	margin: 0px;
	font: bold 10px Arial, Helvetica, sans-serif;
}

p{
	margin: 5px 0px 15px 0px;
	color: #000000;
}

select{
	font-size: 11px;
}

small{
	font-size: 9px;
}

sup{
	font-size: 10px;
}

td.leftcol {
	display:none;
}

td.maincol {
	padding:3px 10px 0px 20px;
	width:300px;
}

td.rightcol {
	padding-left: 8px;
	padding-top:3px;
	border-left: solid 1px #999999;
	/*padding-top: 3px;*/
	width:250px;
}

ul{
	margin: 0px 0px 10px 25px;
	list-style-position: outside;
}

ul li {
	margin: 0px 0px 5px 0px;
}

.ad{
	text-align: center;
	padding: 7px 0px 5px 0px;
}
/* calendar */
.calbody {
	color: #000000;
	background-color: #FFFFFF;
	font: normal 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-align: center;
	height: 15px;
}

.calendar{
	color: #000000;
	font-size: x-small;
}

.calheader {
	color: #FFFFFF;
	background-color: #7A96DF;
	font: normal 10px Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-align: center;
}

.calmidline {
	background-color: #BECBEF;
}

.caltopline {
	background-color: #767776;
}
/* calendar ends*/

.h2_nugget {
	color: #000000;
	margin-top:10px;
 	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
}
.h2_nugget a {
	color: #000000;
	margin-top:10px;
 	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
}
.h2_nugget a:hover {
	color: #0000FF;
}

.h2_nugget span{
	padding: 1px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
}

.ln {
	padding: 2px 0px 4px 15px;
	margin: 4px 0px 0px 0px;
	background: url('../Images/ln_item_bg.jpg');
	vertical-align: middle;
}

.ln_item, .ln_item:visited{
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.ln_item:hover{
	color: #CCCCCC;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.mainnav {
	color: #D0A44E;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

/* Nugget
--------------------------------------- */
.nugget
{
	margin: 0px 4px 10px 4px;
}

.nugget .link{
	padding: 0px 3px 5px 3px;
	display: block;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.nugget .link:hover{
	padding: 0px 3px 5px 3px;
	display: block;
	color: #DEDEDE;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.nugget p{
	padding: 4px 4px 4px 4px;
	color: #000000;
	font-size: 11px;
}
/* Page Structure
--------------------------------------- */
#bodyframe {
	background-color: white;
	font-size: 11px;
	padding: 5px;
	width: 620px;
	color:#000000;
	}
#bodyframe a {
	text-decoration: none;
	color:#336699;
}
#bodyframe a:hover {
	text-decoration: underline;
}

#bodyframe h1 {
	padding: 15px 0px 0px 0px;
}

.date_entry{background-color:#CCCCCC; margin:20px 0px;}
.date_entry td{background-color:#FFFFFF; font-size:11px;width:14%}
.date_entry th{font-size:11px; font-weight:bold;background-color: #166796;color:#FFFFFF}
.date_entry .date td{background-color:#C8D9EA; color: #000000; text-align:right}
.date_entry .top_header td{padding:5px 2px; background-color:#30577E; color:#FFFFFF;}
.date_entry .top_header td *{color:#FFFFFF}
.date_entry .top_header a:link, .date_entry, .top_header a:visited {color:#FFFFFF;}
.date_entry .red{color:#FF0000; font-size:9px;}
.date_entry .black{color:#000000; font-size:9px;}
.date_entry caption{color:#000000; font-size:12px; font-weight:bold;background-color:#CCCCCC}
.date_entry .empty{background-color:#EFEFEF}
.table_header th, .table_header td{font-size:11px; font-weight:bold;background-color: #9BBAD9;color:#FFFFFF}

.todaydaystyle{background-color:#CCCCCC; margin:20px 10px;}
.selectorstyle{background-color:#CCCCCC}
.dayheaderstyle{font-size:11px; font-weight:bold;background-color: #166796;color:#FFFFFF}
.titlestyle{color:#000000; font-size:12px; font-weight:bold;}
.weekenddaystyle{background-color:#DDDDDD}
.othermonthdaystyle{color:#FFFFFF; background-color:#FFFFFF;}

legend{font-weight:bold}
fieldset{padding:15px 10px;}

.racingtodaydaystyle{background-color:#aaaaaa; margin:20px 10px;}
.racingdayheaderstyle{font-size:11px; font-weight:bold;background-color: #166796;color:#FFFFFF}
.racingtitlestyle{color:#000000; font-size:12px; font-weight:bold;}
.racingothermonthdaystyle{color:#FFFFFF; background-color:#FFFFFF;}
.racingdaystyle{background-color:#FFFFFF;}
.racingdarkdaystyle{background-color:#cccccc;color:#ffffff;}
.racingstakesdaystyle{background-color:#000000;color:#ffffff;}
.racinglivedaystyle{background-color:#6495ED;color:#ffffff;}

/* INCOMPASS SPECFIC STYLES */


.bottommargin{ margin: 5px 0px 20px 0px; width: 470px;}
.leadinglabel{ margin: 0px 0px 0px 0px; font-size: 18px;}
table.bottommargin caption { font-weight: bold; font-size: 1em; text-align: center; }

.dotbot{border-bottom:2px dotted #333333;}
.dottop{border-top:2px dotted #333333;}
.stakesclosing{ border-bottom: 2px solid #cccccc; border-top: 1px solid #cccccc; background-color: #ddeeff; text-align:center; }
.lgtblubak1 {background-color: #ddeeff;}
.lgtblubak1 th{font-size:11px; font-weight:bold;}
.lgtgrybak1 {background-color: #eeeeee;}
.hdrpadtop { padding-top: 1em;}
.bignum{ font-size: 2.5em; font-weight:bold; margin-top:0px; padding-top:0px;}

.table_line td{border-top:1px solid #9BBAD9; padding:10px 10px }


/* 4x9 STYLES
--------------------------------------- */
div.fourbynine table {
	margin-bottom: 10px;
	padding: 5px;
	}
div.fourbynine th {
	background-color: #216282;
	font: bold 11px Arial, Helvetica, sans-serif; 
	color:#ffffff;
	padding: 0px 4px 0px 4px;
	white-space: nowrap;
	}
div.fourbynine td {
	font: 10px Arial, Helvetica, sans-serif;
	padding: 0px 4px 0px 4px;
	}
div.fourbynine td strong {
	font: bold 11px;
	}

/* Program Numbers for 4x9
--------------------------------------- */
.pr_no_01, .pr_no_01a, .pr_no_01b, .pr_no_01c, .pr_no_1, .pr_no_1a, .pr_no_1b, .pr_no_1c { font-weight: bold; color: #FFFFFF; background-color: #F92A47 }
.pr_no_02, .pr_no_02a, .pr_no_02b, .pr_no_02c, .pr_no_2, .pr_no_2a, .pr_no_2b, .pr_no_2c { font-weight: bold; color: #000000; background-color: #FFFFFF }
.pr_no_03, .pr_no_03a, .pr_no_03b, .pr_no_03c, .pr_no_3, .pr_no_3a, .pr_no_3b, .pr_no_3c { font-weight: bold; color: #FFFFFF; background-color: #005DA3 }
.pr_no_04, .pr_no_04a, .pr_no_04b, .pr_no_04c, .pr_no_4, .pr_no_4a, .pr_no_4b, .pr_no_4c { font-weight: bold; color: #000000; background-color: #FEE655 }
.pr_no_05, .pr_no_05a, .pr_no_05b, .pr_no_05c, .pr_no_5, .pr_no_5a, .pr_no_5b, .pr_no_5c { font-weight: bold; color: #FFFFFF; background-color: #009863 }
.pr_no_06, .pr_no_06a, .pr_no_06b, .pr_no_06c, .pr_no_6, .pr_no_6a, .pr_no_6b, .pr_no_6c { font-weight: bold; color: #FFFF00; background-color: #000000 }
.pr_no_07, .pr_no_07a, .pr_no_07b, .pr_no_07c, .pr_no_7, .pr_no_7a, .pr_no_7b, .pr_no_7c { font-weight: bold; color: #000000; background-color: #FF5A26 }
.pr_no_08, .pr_no_08a, .pr_no_08b, .pr_no_08c, .pr_no_8, .pr_no_8a, .pr_no_8b, .pr_no_8c { font-weight: bold; color: #000000; background-color: #FFAABD }
.pr_no_09, .pr_no_09a, .pr_no_09b, .pr_no_09c, .pr_no_9, .pr_no_9a, .pr_no_9b, .pr_no_9c { font-weight: bold; color: #000000; background-color: #009B89 }
.pr_no_10, .pr_no_10a, .pr_no_10b, .pr_no_10c { font-weight: bold; color: #FFFFFF; background-color: #9064B0 }
.pr_no_11, .pr_no_11a, .pr_no_11b, .pr_no_11c { font-weight: bold; color: #FF0000; background-color: #C5C5C5 }
.pr_no_12, .pr_no_12a, .pr_no_12b, .pr_no_12c { font-weight: bold; color: #000000; background-color: #76BB2D }
.pr_no_13, .pr_no_13a, .pr_no_13b, .pr_no_13c { font-weight: bold; color: #FFFFFF; background-color: #3C1C0D }
.pr_no_14, .pr_no_14a, .pr_no_14b, .pr_no_14c { font-weight: bold; color: #FFFF00; background-color: #70151E }
.pr_no_15, .pr_no_15a, .pr_no_15b, .pr_no_15c { font-weight: bold; color: #000000; background-color: #CDBA8F }
.pr_no_16, .pr_no_16a, .pr_no_16b, .pr_no_16c { font-weight: bold; color: #FFCC33; background-color: #0088C4 }

/* Web Author Edit/Live Mode Styles */
body.liveMode
{
	margin-left: 0;
}
body.editMode
{
	margin-left: 0;
	border: double thick blue;
}
/* Console */
.wbcToolbox a:link, .wbcToolbox a:visited
{
	font-weight: bold;
	color: navy;
}	
.wbcToolbox a:hover, .wbcToolbox a:visited:hover {
	color: red;
}	


/* Email Form
--------------------------------------- */
.input_email {BORDER-RIGHT: #505050 1px solid; BORDER-TOP: #505050 1px solid; FONT: 8pt Verdana; BORDER-LEFT: #505050 1px solid; BORDER-BOTTOM: #505050 1px solid; BACKGROUND-COLOR: #f5f5f5}
.form_table {background-color:#BECFCF; padding: 10px;}
.llgbg {BACKGROUND-COLOR: #f5f5f5}
.n {FONT-SIZE: 11pt}
.md {FONT-SIZE: 10pt}


/* News Links
--------------------------------------- */
a.nlink:link, a.nlink:visited {
	color:#800000;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;	
	}
a.nlink:hover {
	color: #666;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	}
.timedate { 
	font-family: Georgia, Times, Courier, Garamond, serif;
	font-size: 9px; 
	color: #999;
	font-weight:normal; 
	font-style:italic;
}

.CalEventInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: solid 1px #666666;
	height: 50px;
	width: 100px;
}

/* CountDown Timer Styles
--------------------------------------- */
.CountDownBoxHeader { color: white; width: 150px; margin: 0px; padding: 0px;}
.CountDownBoxHeader td { font-size: 11px; font-weight: bold;}
.CountDownBoxBody { border: 1px solid black;}
.CountDownBodyTitle, .CountDownBodyTitle p { font-size: 20px; font-weight: bold; font-variant: small-caps; background-color: #216282; color: #FFFFFF; }
.CountDownBodyTicker { font-size: 18px; background-color: #113448; color: #FFFFFF; }