
.RaceBox{
    display:block;
    padding:0;
    margin:0;
    height:auto;
    width:100%;
    overflow:hidden;
}

.RaceStatus
{
    text-align:center;
    font-size:12px;
    border:1px solid #000;
    color:#000;
    width:80px;
    font-weight:bold;
    
    float:left; 
    margin:2px; 
    height:70%;
    overflow:hidden;    
}
.RaceWrap{
    float:left;
    margin:1px;
    padding:5px;
    color:#FFF;
}
.RaceHeader {
    display:block;
    width:100%;
    background-color:#333;
    overflow:hidden;
    height:75px;
}
.RaceHeader h2 {
    margin:0;
    height:20px;
    padding:0 0 5px 0;
    
}
.RaceDetails{
    width:100%;
    padding:0;
    margin:0;
    height:30px;
}
.RaceTips{
    width:100%;
    padding:0;
    margin:0;
    font-size:10px;
    background-color:#333;
}
.MtgCode{
    float:left;
    width:60px;
    height:28px;
}
      
.RaceName{
    float:left;
    display:block;
    font-size:11px;
    padding:0 0 0 10px;
    width:40%;
    height:55px;
    font-weight:normal;
    color:#DDD;
    overflow:hidden;
}

.JumpTime
{
    float:right;
    width:30%;
    font-size:8pt;
    text-align:right;
    font-weight:bold;
}

.RunnerRowScratched 
{
    color:#FFFF00;
    font-size:12px;
    background:url('/displays/images/scratched-small.gif') repeat-x center; 
}

.RunnerRowScratchedRowOn 
{
    color:#FFFF00;
    font-size:12px;
    background:url('/displays/images/scratched-small.gif') repeat-x center; 
    background-color:#222;
}

.Scroller{
   color:#FFF;
   background-color:#000;
}


.RunnerRow {
    color:#FFF;
}

.RunnerHeader {
    font-size:10pt;
    font-weight:bold;    
}

.RunnerName{
    display:block;
    width:99%;
    overflow:hidden;
}

.MultiLeg{
    font-size:11px;
    font-weight:bold;
    padding:0;
    margin:0;
}
/* These are are toggled when on I-Select */
.Bar{
    display:block;
    float:left;
    width:15px; 
}
.Wgt{
    display:none;
    float:left;
    width:20px;
   
}
/* * * * * * * * * * * * * * * * * */

