body {
margin: 0;
}
body, p, table {
font-family: Arial, Verdana;
font-size: 9pt;
font-weight: bold;
}
p {
font-family: Arial,Verdana,Tahoma,Helvetica;
font-size: 10pt;
font-weight: normal;
text-align: left;
margin-bottom: 6px;
margin-top: 1px;
}
h1 {
color: #116600;
font-family: Verdana,Arial,Tahoma,Helvetica;
text-align: left;
font-size: 15pt;
font-weight: bold;
margin-top: 1px;
margin-bottom: 10px;
padding-top: 6px;
padding-bottom: 3px;
padding-left: 0px;
}
h2 {
font-family: Verdana,Arial,Tahoma,Helvetica;
text-align: left;
font-size: 10pt;
font-weight: bold;
background-image: url('images/barorange.jpg');
margin-bottom: 10px;
padding-bottom: 2px;
border-bottom: solid 1px #aaaaaa;
overflow: hidden;
height: 17px;
}
h3 {
font-family: Arial,Verdana,Tahoma,Helvetica;
text-align: left;
font-size: 9pt;
font-weight: normal;
font-style: italic;
margin-bottom: 5px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
form {
margin: 0px;
}
.PageHeading {
font-family: Verdana,Arial,Tahoma,Helvetica;
font-size: 16pt;
font-weight: bold;
color: #116600;
margin-left: 20px;
margin-top: 12px;
}
a:link {
color: #116600;
text-decoration: none;
}
a:visited {
color: #8b4513;
text-decoration: none;
}
a:hover {
color: #000000;
text-decoration: underline;
}
a.card:link {
color: #ff0000;
text-decoration: none;
}
a.card:visited {
color: #ff0000;
text-decoration: none;
}
a.card:hover {
color: #ff0000;
text-decoration: underline;
}
.header {
background-image: url('images/banner2_back.jpg');
}
.footer {
background-image: url('images/bgnavigation.gif');
color: #000;
text-align: center;
font-size: 8pt;
padding: 4px;
border-top: solid #5b5c41 1px;
border-bottom: solid #5b5c41 1px;
}
.footer a:link, .footer a:visited {
color: #000;
}
.legal {
font-size: 8pt;
font-weight: normal;
text-align: center;
padding: 3px;
}
.menubar {
background-image: url('images/bgnavigation.gif');
height: 30px;
color: #000;
border-top: solid #cccccc 1px;
}
.menubar td {
white-space: nowrap;
}
.menubar a:link, .menubar a:visited {
color: #000000;
}
.message {
padding-left: 10px;
}
.MainMessage {
margin-left: 20px;
margin-bottom: 20px;
}
.InputLabel {
font-weight: normal;
font-size: 9pt;
text-align: right;
vertical-align: top;
padding-top: 7px;
}
.InputField, .InputText {
width: 170px;
color: #5b5c41;
font-size: 8pt;
}
.InputSmall {
width: 60px;
height: 12px;
color: #5b5c41;
font-size: 8pt;
}
.InputDropDown, select {
color: #000000;
font-size: 8pt;
height: 18px;
}
.InputBlock, .InputSmallBlock {
border: solid #5b5c41 1px;
margin-top: 20px;
margin-bottom: 20px;
padding: 20px;
background-repeat: repeat-x;
background-position: bottom; 
width: 400px;
}
.InputSmallBlock {
background-image: url('images/backgray.jpg');
background-position: top;
width: 340px;
}
.InputButton {
font-size: 10pt;
text-align: center;
font-weight: bold;
background-color: #116600;
color: #fff;
border: ridge #5b5c41 1px;
height: 20px;
width: auto;
padding: 1px 3px;
height: 22px;
overflow: visible;
}
.InputFilter {
margin: 0px;
padding: 6px;
border-width: 2px;
border: none;
background-image: url('images/bgnavigation.gif');
background-position: bottom;
background-repeat: repeat-x;
}
.InputCell {
text-align: left;
vertical-align: top;
}
.HighCell {
background-color: #eee8aa;
}
.InputErr {
font-weight: normal;
}
.GridTable {
border-collapse: collapse;
margin-top: 5px;
margin-bottom: 10px;
font-size: 8pt;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.GridCell td, .Horse-Scratched td {
border: solid 1px #e6e6e6;
vertical-align: top;
padding: 2px 1px 0;
}
#ListRaceCode td {
border: none;
}
.GridCellNoWrap {
white-space: nowrap;
}
.GridAltRow {
background-image: url('images/bgnavigation.gif');
font-size: 11pt;
}
.InputHeader {
background-image: url('images/bgnavigation.gif');
color: #000000;
height: 30px;
border-bottom: solid 1px #c0c0c0;
}
.GridHeader {
background-image: url('images/bgnavigation.gif');
background-position: 0 top;
color: #000000;
}
.GridHeader td {
border-bottom: solid 1px black;
}
.GridHeader a:link, .GridHeader a:visited {
color: #000000;
text-decoration: none;
}
.GridHeader a:hover {
color: #000000;
text-decoration: underline;
}
.GridFooter {
background-image: url('images/bgnavigation.gif');
height: 2px;
font-size: 1px;
}
.GridTextCol, .GridColHead {
text-align: left;
}
.GridNumCol {
text-align: right;
}
.CellStyle1 {
background-color: #f5f5f5;
padding: 1px;
margin: 0 auto;
width: 150px;
display: block;
text-align: center;
}
.CellStyle2 {
background-color: #d3d3d3;
padding: 1px;
margin: 0 auto;
width: 150px;
display: block;
text-align: center;
}
tr.Horse-Scratched {
color: red;
}
td tr.Horse-Scratched a:link, td tr.Horse-Scratched a:visited {
color: red;
}
.InfoTable {
border-collapse: collapse;
color: #000000;
margin-top: 10px;
font-weight: bold;
font-family: Verdana;
}
.InfoTable tr > td:first-child {
font-weight: normal;
width: 10%;
}
.InfoTable h1 {
margin-bottom: 2px;
}
.InfoArea {
padding: 8px;
background-color: #ffffff;
text-align: left;
}
.BannerAd {
padding: 4px;
background-color: #ffffff;
text-align: center;
}
.Advert {
border: solid 1px #aaaaaa;
}
.AdvertInGrid {
margin: 0px 20px 5px;  
}
.RaceArea {
margin-bottom: 1px;
}
.randomPic {
border: ridge 3px #c9b99e;
display: block;
margin: 0 auto;
}
.RaceNumber {
border: solid 1px #c0c0c0;
margin: 0 3px 0 0;
padding: 0 2px 0 2px;
background-color: #ffffff;
}
.RaceSelected {
border: solid 1px #ff0000;
}
a.RaceSelected:link, a.RaceSelected:visited {
color: #f00;
}
div.LinkButton {
float: left;
width: auto;
background-color: #116600;
padding: 1px 5px;
margin: 3px 10px 0 0;
color: #fff;
height: 18px;
_height: 19px; /* IE6 hack */
}
div.LinkButtonLabel {
padding: 3px 2px 0px 4px;
color: #fff;
margin-right: 0;
}
div.LinkButtonText {
padding: 3px 5px 0;
color: #c6c6c6;
}
div.LinkButtonSelect {
height: 19px;
}
div.LinkButton a:link, div.LinkButton a:visited {
color: #fff;
}
div.LinkButton select {
height: 19px;
}
div#LoginBox {
display: none;
padding: 10px;
position:absolute;
top: 150px;
left: 300px;
width: 300px;
z-index: 10000;
visibility: hidden;
border-style: solid;
border-color: #000;
border-width: 1px;
background-color: #fff;
background-image: url('images/backlonggray.jpg');
background-repeat: repeat-x;
background-position: top;
}
div.dimmer {
visibility: hidden;
position: fixed;
_position: absolute; /* IE6 hack */
left: 0px;
top: 0px;
background-image: url(images/honey.png);
}
a.Finish, .Finish {
margin-left: 0px;
margin-right: 1px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0px 0px;
border: solid 1px #000000;
font-family: Verdana;
font-size: 7pt;
font-weight: normal;
color: #000;
}
a.Finish {
}
.FinishCol {
padding: 0 2px;
}
a.Finish1, a.Finish1:visited, .Finish1 {
background-color: #00ff00;
color: #000;
/* border: solid 1px #000000; */
font-size: 7pt;
}
a.Finish2, a.Finish2:visited, .Finish2 {
background-color: #ffff00;
color: #000000;
}
a.Finish3, a.Finish3:visited, .Finish3 {
background-color: #ffa500;
color: #000000;
}
a.Finish4, a.Finish4:visited, .Finish4  {
background-color: #ff4500;
color: #ffffff;
}
a.Finish5, a.Finish5:visited, .Finish5 {
background-color: #c71585;
color: #ffffff;
}

/* Dynamic Content Area */

.Content {
text-align: left;
display: block;
}
.Content table {
border-collapse: collapse;
width: 99%;
}
.Content td {
border: solid 1px #c0c0c0;
}
.BlockImgRight {
margin-left: 5px;
float: right;
}
.BlockImgLeft {
margin-right: 5px;
float: left;
}
.BlockImgCenter {
display: block;
margin: 0 auto;
}
.help td {
font-weight: normal;
font-size: 10pt;
border: dotted 1px #c0c0c0;
padding: 1px;
}

/* User Input */
/* -- Selector *must* be in lower case in the CSS -- */
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.small {
  font-size: 8pt; 
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.leavecase {
  text-transform: none;
}
.bgblack {
  background-color: #2e2e2e;
  color: #ffffff;
  padding-right: 2px;
  padding-left: 2px;
}
.bggreen {
  background-color: #116600;
  color: #ffffff;
  padding-right: 2px;
  padding-left: 2px;
}
.bggray {
  background-color: #9b9a98;
  color: #000000;
  padding-right: 2px;
  padding-left: 2px;
}
.bgred {
  background-color: #b63436;
  color: #ffffff;
  padding-right: 2px;
  padding-left: 2px;
}
.textblack {
  color: #2e2e2e;
}
.textgreen {
  color: #116600;
}
.textgray {
  color: #999999;
}
.textred {
  color: #b63436;
}
.quote {
font-size: 10pt;
font-weight: normal;
text-align: center;
padding: 3px;
margin-top: 10px;
margin-right: 30px;
margin-left: 30px;
background-image: url('images/backlonggray.jpg');
border: dotted 1px #116600;
display: block;
}