body
{
    margin: 0;
    padding: 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: 11pt;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 5px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    padding-left: 5px;
}
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/branding_2011_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: #000;
    font-size: 9pt;
    /* height: 18px; */
    /* padding-top: 1px; */
}
.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; */
    border: solid #5b5c41 1px;
    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;
    white-space: nowrap;
}
.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: middle;
    padding: 2px 1px 0;
}
.GridCellAlt td
{
    border: solid 1px #e6e6e6;
    vertical-align: middle;
    padding: 2px 1px 0;
    background-color: #f9f9f9;
}

#ListRaceCode td
{
    border: none;
}
.GridCellNoWrap
{
    white-space: nowrap;
}
.GridAltRow
{
    background-image: url('images/backlonggray.jpg');
    background-position: 0 300px;
}
.GridAltRow td
{
    font-size: 11pt;
    border: solid 1px #c0c0c0;
}
.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;
    height: 16px;
    padding-top: 5px;
}
.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 img
{
    margin: 5px 6px;
}
.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;
}
.ImageMenu
{
    margin-right: 3px;
}
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
{
    background-color: #fff;
}
.FinishCol
{
    padding: 0 2px;
}
a.Finish1, a.Finish1:visited, .Finish1
{
    background-color: #00ff00;
    color: #000;
    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 #ddd;
}
.BlockImgRight
{
    margin-left: 5px;
    margin-bottom: 3px;
    float: right;
}
.BlockImgLeft
{
    margin-right: 5px;
    margin-bottom: 3px;
    float: left;
}
.BlockImgCenter
{
    display: block;
    margin: 0 auto;
}

.help td
{
    font-weight: normal;
    font-size: 10pt;
    border: dotted 1px #c0c0c0;
    padding: 1px;
}

/* Race Bg colours */
.Race1
{
    background-color: #f5f5f5;
}
.Race2
{
    background-color: #ffdab9;
}
.Race3
{
    background-color: #e0eee0;
}
.Race4
{
    background-color: #fffacd;
}
.Race5
{
    background-color: #f0fff0;
}
.Race6
{
    background-color: #98fb98;
}
.Race7
{
    background-color: #eee8aa;
}
.Race8
{
    background-color: #f0e68c;
}
.Race9
{
    background-color: #eedd82;
}
.Race10
{
    background-color: #ffa07a;
}
.Race11
{
    background-color: #dda0dd;
}
.Race12
{
    background-color: #d8bfd8;
}

/* 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;
}