* {
    padding: 0;
    margin: 0;
    outline: none;
}
@font-face {
    font-family: 'Conv_Futura-CondensedMedium';
    src: url('Futura-CondensedMedium.eot');
    src: local('a'), url('Futura-CondensedMedium.woff') format('woff'), url('Futura-CondensedMedium.ttf') format('truetype'), url('Futura-CondensedMedium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }
body { font-size: 62.5%; font-family: "Conv_Futura-CondensedMedium",Helvetica,Arial,sans-serif; color: black; background: #D4D0B3;}
a, img { border: none; outline: none; }
input,textarea { border: 1px solid black; padding: 2px; }
a { text-decoration: none; color: black;/* font-size: 1.2em;*/ cursor: pointer;}
/*a:hover { text-decoration: underline; }*/
.wrapper { float: left; }
hr { width: 100%; height: 1px; background: #939598; float: left; clear: both; border: none; }
.thickLineBlack { background: black; height: 4px; margin-top: 3px; clear: both; }
.thinLineBlack { background: black; height: 2px; margin-top: 2px; clear: both; }

#pageWrapper {width: 1000px; margin: 0 auto; text-align: center; }
#page { width: 960px; text-align: left; background: white; float: left; padding: 0px 20px; position: relative;  }
#header { width: 960px; background: #BADCA6; float: left; position: relative; }
#header #rwitc { float: left; margin: 10px 40px 0 224px; font-family: Arial,Helvetica,sans-serif; color: #00653d; font-size: 18px; width: 115px;  }
#header #rwitcTv { float: left; margin:10px 0 0 0px;  }
#header #liveRace { float: left; margin:5px 10px 0 15px;  }

#header #registerBlock { float: right; }
#header #registerBlock { width: 275px;  margin: 10px 20px 0 0; float: right; }
    #registerBlock ul { list-style: none; float: left; width: 100%;}
    #registerBlock ul li {padding: 2px 0; font-size: 16px; float: left; width: 100%; }
    #registerBlock ul li h3 {  font-weight: normal; }
    #registerBlock ul li .textbox { width: 125px; padding: 3px; font-size: 12px;background: #F3F6DE; border: none; color: #B2B2B2; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px }
    #registerBlock ul li .submit { padding: 1px 0; font-size: 14px;  border: none; background: none; color: #000000; text-align: center; float: right; cursor: pointer;  }
    #registerBlock ul li .register{ float: left; padding: 2px 0; font-size: 14px; border: none; color: #000000; text-align: center; cursor: pointer;  }
#header #logo { position: absolute; top: -8px; left: 5px; width: 195px; height: 138px; z-index: 999; }
#header #facebook { position: absolute; top: 3px; right: 20px; width: 35px; height: 33px; z-index: 999; }
#header #twitter { position: absolute; top: 3px; right: 60px; width: 35px; height: 33px; z-index: 999; }
#header #instagram { position: absolute; top: 3px; right: 100px; width: 35px; height: 33px; z-index: 999; }

#bannerBlock { clear: both; float: left; width: 960px; height: 250px; margin-top: 5px; position: relative;  }
#bannerBlock #banner { width: 700px; height: 250px; float: left; overflow: hidden; }
#bannerBlock #viewPhotos { position: absolute; width: 69px; height: 69px; z-index: 999; left: 600px; top: 180px; }
#bannerBlock #tickerWrapper { float :left; width: 255px; margin-left: 5px; }
#bannerBlock #tickerHeader { float: left; width: 255px; font-size: 22px; background: #90964A; color: #FFFFFF; padding: 5px 0; text-align: center; border-bottom: 1px solid #FFFFFF; }
#tickerWrapper #ticker { width: 255px; height: 212px; float: left; overflow-y: hidden;  }
    #ticker .tickerBlock { padding: 30px 10px; height: 152px; text-align: center; color: black; font-size: 18px; width: 235px; overflow: hidden; color: #FFFFFF; }   
    #ticker .ticker-cream { background: #987D2E;  color: #FFFFFF; overflow: hidden;  }
    #ticker .ticker-lightgreen {  background: #987D2E;  color: #FFFFFF; overflow: hidden; }

#menuBar { width: 940px; background: #000000; float: left; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; padding: 8px 10px; margin-top: 5px; }
#contentWrapper { float: left; width: 960px; }
#infoWrapper { float:left;  width: 960px; }
#contentWrapper  h3 { font-size: 22px; display: block; color: #000000; font-weight: normal; clear: both; float: left; width: 100%; }

/**** Live Race Page CSS ****/
#infoWrapper .fullWidth {clear: both; float:left; font-family: "Arial"; width: 100%; padding: 20px 0; }
    .fullWidth h3 { float: left; margin: 10px 0; width: 301px; background: url(/images/headbar.png) no-repeat;padding: 5px 0 5px 15px; font-size: 14px; font-weight: bold; text-transform: uppercase; }
    .fullWidth .videoSection {width: 400px; float: left; }
    .fullWidth .raceCardSection { width: 540px; float: left; margin-left: 20px; }    
       .fullWidth .raceCardSection ul#racecards {float:left; list-style-type: none; width: 450px; padding: 0 45px; clear: both;  }
       .fullWidth .raceCardSection table.racecard { width: 100%;  }
       .fullWidth .raceCardSection table.racecard th { background: #00653d; color: #FFFFFF; font-size: 14px; padding: 5px; text-align: center; vertical-align: middle; }     
       .fullWidth .raceCardSection table.racecard td { background: #fff9b3; color: #00653d; font-size: 14px; padding: 5px; text-align: center; vertical-align: middle; border-bottom: 1px solid #000000; }
       .fullWidth .raceCardSection table.racecard td a { font-size: 12px; color: #00653d; font-weight: bold; }
       .fullWidth .raceCardSection table.racecard td.left { text-align: left; }
       .fullWidth  .videos { float:left;  margin-top: 15px; clear: both; }
       .fullWidth  #updates { float:left;  margin-top: 15px; clear: both; }
       .fullWidth  #updates ul { list-style-type: none; float: left; }
       .fullWidth  #updates ul li { float:left; margin-right: 15px; } 
       .fullWidth  #updates ul li a { font-size: 14px; }
       .fullWidth  #updates ul li a.liveRace { color: #FF0000; font-weight: bold; margin-left: 15px;  }
       .fullWidth #videoList { list-style-type: none; float:left; width: 400px; padding: 0 45px; }
       .fullWidth #videoList li {float: left; border-right: 1px solid #cccccc; width: 140px; padding: 0 5px; height: 115px; }
       .fullWidth #videoList li.last {border-right: none; }
       .fullWidth #videoList li a { width: 140px; text-align: center; float:left;  } 
       .fullWidth #videoList li a .raceimg { width: 110px; padding:0 15px; } 
       .fullWidth #videoList li a .racetitle{ width: 140px; text-align: center; color: #00653d; font-size: 12px; float: left; clear: both; margin-top: 5px;  } 
/**** Live Race Page CSS ****/

/********************** LEFT AREA CSS *******************************/
#infoWrapper #leftArea { float: left; width: 725px; padding-top: 10px; /*font-size: 1.6em; */ font-family: Helvetica,Arial,sans-serif; font-size: 12px; }
#leftArea .date { font-size: 12px;}
#leftArea .raceBox {width: 220px;  background: url(/images/newdesign/raceBoxHeader.png) no-repeat center 0; float: left; padding: 0 10px; border-right:1px solid #8B9298; font-family: "Conv_Futura-CondensedMedium",Helvetica,Arial,sans-serif; }
#leftArea .raceBoxLast { border-right:  none;}
    .raceBox table.raceTbl { width: 220px; border: none; margin: 5px 0 0 0; font-weight: 200; }
    .raceBox table.raceTbl th { font-size: 18px; color: #FFFFFF; text-align: center; padding: 2px 0 12px;  }
    .raceBox table.raceTbl td { font-size: 18px; color: #000000; vertical-align: middle; text-align: center; padding: 3px 0; background: #FFFFFF; }   
    .raceBox table.raceTbl td a {  color: #000000; font-size: 18px; }   
    .raceBox table.raceTbl td.grey { font-size: 13px; color: #000000; } 
    .raceBox table.raceTbl td.rightAlign { text-align: right; }

#leftArea .pageHeader { float: left; width: 725px; background: #00653d; }
#leftArea .pageHeader .pageHeading { float: left; width: 675px; margin: 5px 0; padding: 5px 0; border-top: 2px dashed #E8D8AC; border-bottom: 2px dashed #E8D8AC; color: #FFFFFF; text-align: center; font-size: 20px; }
#leftArea .pageHeader .arrowRight { width: 0;height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent;  border-left: 25px solid white; float: left; }
#leftArea .pageHeader .arrowLeft { width: 0;height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent;  border-right: 25px solid white; float: left; }
#leftArea .pageHeader .pageHeading .subHeading { clear: both; float: left; width: 100%; color: #FFFFFF; text-align: center; font-size: 12px; }
#leftArea .pageHeader .pageHeading .subHeading .download {  float: right; color: #000000; text-align: center; font-size: 12px; background: #C8C8BC; border: 1px solid #C8C8BC; border-radius: 5px; padding:1px 3px; }

#leftArea .message { width: 725px; height: auto; background: #8fe9b3; text-align: center; padding: 5px 0; font-size: 12px; }
#leftArea ul { margin-left: 20px; font-size: 14px; color: #000000; }
#leftArea ul li { padding: 5px;}
#leftArea .back { font-size: 14px; }
#leftArea .contentTable { width: 725px; margin-top: 10px; font-family: "Times New Roman",serif; clear:both; }        
#contentWrapper #leftArea .contentTable h3 { font-size: 20px; }
        .contentTable th { background: #bcdda6; color: black; font-size: 14px; text-align:center; padding: 1px; }
        .performance th { background: transparent; color: black; font-size: 12px; text-align:center; padding: 1px; }
        .contentTable td table td { font-size: 14px; }
        .contentTable td table th.darkGrey { font-size: 14px; }
        .contentTable td { text-align:center; padding: 1px; font-size: 14px; }        
        .conetentTable th.raceNo { background: #bcdda6; color: black; width: 30px; text-align: center; vertical-align: middle; font-weight: bold;  }
        .contentTable th.thwhite,.contentTable td.thwhite { background: white; color: #000000; }
        .contentTable th.darkGrey { background: #bcdda6; color: black; text-align: center; font-weight: bold;  }
        .contentTable th.darkGrey a { color: white; text-align: center; font-weight: bold; text-decoration: none;  }
        .contentTable th.darkGrey a:hover { color: white; text-align: center; text-decoration: underline; }
        .contentTable td { background: #E0E0DE; }
        .contentTable th a,.contentTable td a{ /*font-size: 0.9em;*/ }
        .contentTable th.alignLeft,.contentTable td.alignLeft { text-align:left; }
        .contentTable th.alignRight,.contentTable td.alignRight { text-align:right; }

#contentWrapper #leftArea p { font-size: 14px; }        
#contentWrapper #leftArea h2 { font-size: 16px;}
#leftArea  .pollOpt { border: none; }
#leftArea  .pollMsg { float: left; font-size: 12px; margin-top: 5px; text-align: center; width: 100%; background:  #FDEDC5; border: 1px solid #750009; padding: 5px 0;}        
        
    
#leftArea #newsWrapper { position: relative; font-family: "Conv_Futura-CondensedMedium",Helvetica,Arial,sans-serif; }
#leftArea .news { float: left; width: 655px; margin: 10px 0; background: #e6e6e6; padding: 10px 10px 10px 60px; list-style-type: square; color: #3D3F42; }
#leftArea .news li { width : 100%; color: #3D3F42; font-size: 18px; font-weight: normal; /*letter-spacing: 0.03em; */padding: 2px 0; }
#leftArea .news li.viewMore { list-style-type: none; float: left; }
#leftArea .news li.viewMore a { float: right; text-align: right; width: 100%;  }
#leftArea #newsWrapper #newsLabel { position: absolute; background: url(/images/newdesign/newsLabel.png) no-repeat; width: 35px; height: 90px; top:5px; left: 5px; z-index:99; }

#leftArea #hotLinksWrapper { float: left; width: 100%; margin-top: 10px;}
#leftArea #hotLinksWrapper ul.hotLinks { float: left; width: 100%; list-style-type: none; margin-left:0px; }
#leftArea #hotLinksWrapper ul.hotLinks li { float: left; width: 139px; margin:0 6px 6px 0; position: relative; padding: 0; }
#leftArea #hotLinksWrapper ul.hotLinks li img { border: 0; width: 139px;  }
#leftArea #hotLinksWrapper ul.hotLinks li span.hotLinkTitle { bottom: 10px; width: 129px; background: #00653d; left: 5px; position: absolute; z-index: 99; color: #FFFFFF; font-size: 10px; text-align: center; padding: 10px 0; font-family: Helvetica,Arial,sans-serif;  } 
#leftArea #hotLinksWrapper ul.hotLinks li span.hotLinkTitleMultiLine { padding: 2px 0;} 

#leftArea .box {width:725px}

#leftArea .box .tabMenu {margin:0;padding:0;list-style:none; height:30px;}
#leftArea .box .tabMenu li { background: #E0E0DE;float:left;width:170px;cursor:pointer;cursor:hand; text-align:center; padding:8px 6px 7px 5px;}
#leftArea .box .tabMenu li.mouseover {background: #BCDDA6; color:black;}
#leftArea .box .tabMenu li.mouseout {background-position:0 -32px;}
#leftArea .box .tabMenu li.selected {background: #BCDDA6; color:black;}

.autocomplete-w1 { background:url(/images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

* html .boxTop {margin-bottom:-2px;}
.boxBody {background-color:#BCDDA6; padding: 10px 0; }

.boxBody div {display:none; padding: 0 10px;}
.boxBody div.show {display:block; padding: 0 10px; }
.boxBody #category a {display:block;}
 .leadersTable { width: 700px; }
 .leadersTable th { color: black; padding: 2px; text-align: center; font-size:12px;}
 .leadersTable td { color: black; background: #E0E0DE; padding: 2px; text-align: center; font-size:12px;}
 
#leftArea ul.pagination { float: right; list-style-type: none; margin-top: 10px;}
#leftArea ul.pagination li { display: inline; font-size: 11px; padding: 0 2px; }      
#leftArea ul.pagination li.currPage { display: inline; font-size: 12px; padding: 0 2px; color: #616264; font-weight: bold; }      
#leftArea ul.pagination li a.nodeco{ text-decoration: none;}      
#leftArea ul.pagination li a.nodeco:hover{ text-decoration: underline;}      
#leftArea .highlightHorse { background: #BCDDA6; color: #000000;  }

/********************** LEFT AREA CSS *******************************/


/********************** RIGHT AREA CSS *******************************/
#infoWrapper #rightArea {float: left; width: 225px; margin-left: 10px; padding-top: 10px; }
#rightArea #rightLinks { float: left; width: 100%; list-style-type: none; }
#rightArea #rightLinks li { float: left; width: 100%; clear: both; margin-bottom: 5px; position: relative; }
#rightArea #rightLinks li .rightNew { position:absolute; width: 34px; height: 21px; background: url(/images/newdesign/rightNew.png) no-repeat; top:0;left:0; z-index: 99; }
#rightArea #rightLinks li.videoArchive { background: url(/images/newdesign/video.png) no-repeat; }
#rightArea #rightLinks li a {  padding: 12px 0; width: 225px; float: left; }
#rightArea #rightLinks li a.twoLine { padding: 5px 0; }
#rightArea #rightLinks li a.colour1 { background: #95AB81; }
#rightArea #rightLinks li a.colour2 { background: #90964A; }
#rightArea #rightLinks li a.colour3 { background: #646235; }
#rightArea #rightLinks li a.colour4 { background: #987D2E; }
#rightArea #rightLinks li a img { padding: 5px 10px 5px 10px; float: left; }
#rightArea #rightLinks li a span.rightTitle { color: #FFFFFF; font-size: 18px; float: left; width: 180px;  }
#rightArea #rightLinks li a span.rightTitle { padding-top: 2px; }
#rightArea #rightLinks li a.twoLine span.rightTitle { padding-top: 0px; }
#rightArea #rightLinks li a.twoLine img { padding-top: 15px; }
#rightArea .tribe, #rightArea .kyazoonga { float: left; width: 100%; text-align: center; margin-top: 10px; }

#rightArea .sponsor { float: left; width: 204px; margin:10px 0; border: 1px solid #000000; padding: 10px;  }
#rightArea .sponsor .sponsorLabel  { background: #00653D; color: #FFFFFF; text-align: center; font-size: 18px; padding: 10px 0; }
#rightArea .sponsor .daySponsor { width: 125px !important; height: 125px !important; overflow-y: hidden; text-align: center; margin: 0 40px; }
/********************** RIGHT AREA CSS *******************************/
#rightArea .liveBox {float: left; width: 225px; margin-top: 10px; font-family: "Arial",sans-serif; border: 1px solid #cccccc; margin-bottom: 10px; }
#rightArea  .liveBoxContent li {margin: 0;}
#rightArea  .liveBoxContent #final_div li { height: 170px; background: #987D2E;}
#rightArea .oddsTable { background: #987D2E; width: 225px;}
#rightArea .oddsTable th.raceDet { font-size: 14px; color: #FFFFFF; font-weight: bold; font-family: "Arial",sans-serif; }
#rightArea .oddsTable .tableHead { background:#90964A; height: 25px; font-size: 14px; color: #FFFFFF; font-weight: bold; text-align: center; font-family: "Arial",sans-serif; }
#rightArea .oddsTable th.heading { font-size: 12px; font-weight: bold; padding: 2px 2px 2px 5px; color: #000000; text-align: center;}
#rightArea .oddsTable .raceData {background: #987D2E; font-size: 13px; text-align: center; color: #FFFFFF;  }


#sponsorBlock {width: 960px; overflow: hidden; float: left; height: 80px; margin-top: 5px; padding: 10px 0 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #000000;  }
marquee { boder: 0; }
#sponsorBlock img { width: 130px; height: 80px; }
#feedbackLink { width: 100%; float: left; text-align: center; margin: 10px 0;}
#feedbackLink a { display: block; font-size: 22px; }