.racecardNum
{
    background:url(../image/num_BG.png) -1px -3px;
    font-size:12px;
    width:49px;    
    height:30px;
    font-weight:bolder;
    cursor:pointer;
    border:0;
}
html
{
    overflow:hidden;
}
.racecardNumSmall
{
    background:url(../image/num_BG1.png) no-repeat;
    font-size:12px;
    width:40px;    
    height:30px;
    border:0px; 
    margin-left:2px;
    text-align:center;
    font-weight:bolder;
    cursor:pointer;
}
.racecardclass
{
   font-size:11px;
   color:Black;
   text-align:left;
   width:100%;
   height:32px;
   padding-top:5px;
}
.racecardContent
{
   font-size:11px;
   color:Black;
   text-align:left;
   width:99%;
   vertical-align:bottom;
}
.raceclass
{
     width:15%;
     float:left;
}
.raceclass img
{
     width:200px;
     height:100px;
}
.skillcolor
{
   width:100%;
   text-align:left;
    }
.otherclass
{
    width:25%;    
    text-align:left;
    font-weight:normal;
    font-size:11px;
     height:100px;
}
.pxcss
{
     width:1240px;
     text-align:left;
     float:none;
 }
.pxcssli
{
    background:url(../Image/pxBG.png);
    text-align:left;
    width:59px;
    height:25px;
    color:Black;
    border:0px;
    cursor:pointer;
}
body
{
    color:Black;
    }
    
    .middlediv
    {
        width:100%;
        /* The entry/record grids are injected as float:left tables. Without
           containing the float the div collapses to height:0, so #EveDiv
           (per-horse records) overlaps #middlediv (entry) at the same top
           instead of stacking below it -- the records then hide behind the
           entry grid in some browsers. overflow:hidden contains the float. */
        overflow:hidden;
        }