/*
Mobile Class Outline
table = phoneLogin
table  = raceClass
td = raceNumber
td = raceName
td = postTime
td = raceDesc
table = completedRaceHeader
table = completedRace
table = upcomingRaceHeader
table = upcomingRace
table = currentRaceHeader
table = currentRace
td = horseIcon
td = horseName
td = jockeyName
td = horseOdds
td = horseOddsUpcoming
td = finishTime
p = noRaces
*/

table.completedRaceHeader
{ text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: middle;
	width: 525px;
	border: double #cccccc;
	background-color: !#cccccc; }

table.completedRace
{ text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: middle;
	width: 525px; }

table.upcomingRaceHeader
{ text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: middle;
	width: 525px;
	border: double #ccccff;
	background-color: !#ccccff; }

table.upcomingRace
{ text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: middle;
	width: 525px; }

table.currentRaceHeader
{ text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: middle;
	width: 525px;
	border: double #ffcccc;
	background-color: !#ffcccc; }

table.currentRace
{ text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: middle;
	width: 525px; }
	
table.phoneLogin
{ text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	vertical-align: middle;
	width: 400px;
	border: double #cccccc; }	

table.dateLinkTable
{ text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	vertical-align: middle;
	width: 500px;
	background-color: !#ccccff; }

td.selectedDate
{ font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 135px;
	font-size: 12px;
	color: #000066;
	background-color: #cccccc;
	font-weight:bold; }

td.unselectedDate
{ font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 135px;
	font-size: 12px;
	color: #000066; }
	
.officialResults
{ color:#cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	padding-left:80px; }
	
div.dateNavLink a
{ color: blue;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none; }

div.dateNavLink a:visited
{ color: blue;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none; }	
	
td.raceNumber
{ font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	font-weight:bold;
	text-align:left;
	width: 75px; }
	
td.raceName
{ font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	font-style:italic;
	text-align: left;
	vertical-align:top;
	padding-left: 3px;}
	
td.postTime
{ font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
	text-align: left;
	vertical-align:top;
	padding-left: 3px;
	width: 50px;}

td.raceDesc
{ font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-style:italic;
	text-align: left;
	vertical-align:top;
	padding-left: 3px;
	width: 325px;}
	
td.raceCheckbox
{ font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-style:italic;
	text-align: right;
	vertical-align:top;
	padding-left: 3px;
	width: 25px;}

td.horseIcon
{ background-color:#ffffff;
	text-align:center;
	width:21px; }

td.horseName
{ text-align:left; }

td.jockeyName
{ text-align:left;
	font-style: italic;
	width: 40%; }
	
td.horseOddsUpcoming
{ text-align:left;
	font-weight: bold;
	width: 10%; }	

/* past results */
td.horseOdds
{ text-align:left;
	font-weight: bold;
	width: 20%; }

td.finishTime
{ text-align:left;
	width: 20%; }

img.openState
{ height: 15px;
	width: 15px;
	float: left; }

img.closeState
{ height: 15px;
	width: 15px;
	float: left; }
	
.mobileLinks
{ color:#333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none; }

.mobileLinks a
{ color: #006600;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
text-decoration: underline; }

.mobileLinks a:hover
{ color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
text-decoration: none;}	
	

/* brandColor sets up track brand color scheme  */
/* DM - DelMar */
/* Kl - Keeneland */
/* WB - Woodbine */

.brandColorDM
{ background-color: #2280AC; }

.dividerColorDM
{ background-color: #DAA520; }

.recapTextHeader
{ color:#FFFFFF; }

body.style
{ color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
text-decoration: none;}

body.style a
{ color: #2280AC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
text-decoration: none; }

body.style a:hover
{ color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
text-decoration: none;}

tr.raceNav a
{ color: #2280AC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
text-decoration: none; }

tr.raceNav a:hover
{ color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-decoration: none;}

p.noRaces
{ text-align:center;
	padding-top:75px; }

DIV
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt
}

TD
{
    FONT-SIZE: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center
}
SELECT
{
    FONT-SIZE: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
TH
{
    FONT-SIZE: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: center
}