/*Section Header*/
#genericHeader {
   width: 100%;
   margin-bottom: 0px;
   background-image: url(/images/genericBG.jpg);
   background-repeat: repeat-x;
   height: 87px;
}
#genericHeader #graphic {
   margin-bottom: 0px;
   background-color: transparent;
   background-image: url(/images/hdr_generic.jpg);
   background-repeat: no-repeat;
   background-position: left;
   height: 87px;
}
#genericHeader #text {
   padding-top: 24px;
   padding-left: 282px;
   text-transform: uppercase;
   color: #ffffff;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 20px;
   letter-spacing: -1.0px;
   line-height: 1.1;
   font-style:italic;
   font-weight: bold;
}
#genericHeader #text .yellow {
   display: block;
   color: #F7BB03;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-style: italic;
   text-transform: uppercase;
}
#genericHeader #text .yellow sup {
   vertical-align:super;
   font-size: 9px;
   line-height: .1;
}
#genericHeader #text sup {
   vertical-align: super;
   font-size: 12px;
   line-height: .7;
}

/*Site-wide elements*/
img {
   border: none;
}
body {
   min-width: 846px;
   height: 100%;
   margin: 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   padding-bottom: 30px;
}
body.pop {
   min-width: 360px;
   margin: 10px;
   background-color: #530E01;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #514938;
}
.hiddenDiv {
   width: 100%;
   background-color: #000000;
   filter: alpha(opacity=10);
   opacity: .10;
}
.shownDiv {
   width: 100%;
   background: #FFFFFF;
}

/*What's Hot Page*/
.hotbody {
   min-width: 360px;
   margin: 10px;
   background-color: #530E01;
}
#hothead{
   background-image: url(/images/header.jpg);
   background-repeat: no-repeat;
   background-position: center;
   text-align: center;
   padding-top:15px;
   padding-bottom: 15px;
}
#whatshot {
   background-color: #FFFFFF;
   padding: 0px;
}
#whatshot #text {
   padding: 12px;
}
#whatshot #text .header {
   font-size: 12px;
   text-transform: uppercase;
   color: #AD1B01;
   font-weight: bold;
}
#whatshot #text hr {
   height: 1px;
   border-top: 1px solid #E5E5E5;
   margin-top: 10px;
   margin-bottom: 10px;
}
#whatshot #text sup {
   vertical-align:super;
   font-size: 9px;
   line-height: .3;
}
#whatshot #bottom {
   background-color: #EBEAD6;
   padding: 12px;
   text-align: right;
}
#whatshot #bottom a {
   color: #000000;
   text-transform: uppercase;
   /*text-decoration: none;*/
   text-decoration: underline;
}
#whatshot #bottom a:hover {
   color: #000000;
   text-transform: uppercase;
   /*text-decoration: none;*/
   text-decoration: underline;
}
#whatshot .large{
   font-weight: bold;
   font-size: 25px;
   text-transform: uppercase;
   color: #FFF;
}
/*Default Links*/
a {
   color: #5C947D;
   /*text-decoration: none;*/
   text-decoration: underline;
}
a:hover {
   color: #5C947D;
   text-decoration: underline;
}
#container {
   width: 100%;
   margin-top: -119px;
}
#container.sub {
   width: 100%;
   margin-top: -2px;
   padding-top: 0px;
}

/*Header Area - Homepage*/
#header {
   width: 100%;
   background-color: #212121;
   height: 84px;
   overflow: hidden;
}
#header #graphic {
   float: left;
   width: 80%;
   color: #ffffff;
   font-size: 9px;
   font-weight: bold;
}
#header #downloads {
   margin-top: 20px;
   height: 84px;
   float: right;
   padding-right: 20px;
}

/*Header Area - Subs*/
#frozen_header {
   width: 100%;
   z-index: 10;
}
#header_sub {
   width: 100%;
   background-color: #212121;
   background-image: url(/images/headerBG.jpg);
   height: 84px;
   overflow: hidden;
}
.sub_ad {
   padding: 15px;
}
#header_logo {
   float: left;
}
#header_ads {
   float: left;
}

/*Navigation Area*/
#navigation {
   width: 100%;
   height: 24px;
   padding-top: 10px;
   border-bottom: 5px solid #F7BB03;
   clear: both;
   background-color: #3D3D3D;
   margin-top: 0px;
}

/*Navigation Headers*/
#navigation .navMenus {
   display: block;
   position: absolute;
   top: 95px;
}
#navigation .navMenuDividers {
   display: block;
   position: absolute;
   top: 97px;
}
#navigation #navHome {
   left: 8px;
}
#navigation #divTHR {
   left: 50px;
}
#navigation #navTHR {
   left: 60px;
}
#navigation #divHarness {
   left: 262px;
}
#navigation #navHarness {
   left: 272px;
}
#navigation #divFree {
   left: 378px;
}
#navigation #navFree {
   left: 388px;
}
#navigation #divHotpage {
   left: 461px;
}
#navigation #navHotpage {
   left: 471px;
}
#navigation #divSupport {
   left: 552px;
}
#navigation #navSupport {
   left: 562px;
}
#navigation #divAccount {
   left: 623px;
}
#navigation #navAccount {
   left: 633px;
}
#navigation #divSearch {
   left: 714px;
}
#navigation #navSearch {
   top: 89px;
   left: 724px;
}

#navigation a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   text-decoration: none;
   text-transform: uppercase;
   color: #ffffff;
}
#navigation a:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   text-decoration: none;
   text-transform: uppercase;
   color: #F7BB03;
}
.dropdownContainer {
   background-color: #3D3D3D;
   height: 24px;
   padding-top: 10px;
   border-bottom: 5px solid #F7BB03;
   z-index:30;
}
a.dropdownContainerLink  {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   text-decoration: none;
   text-transform: uppercase;
   color: #F7BB03;
}
a.dropdownContainerLink:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   text-decoration: none;
   text-transform: uppercase;
   color: #F7BB03;
}
.dropdown {
   background-color: #212121;
   overflow: hidden;
   position: relative;
   top: 10px;
}
.dropdown a {
   display: block;
   border-top: 1px solid #3D3D3D;
   color: #ffffff;
   text-decoration: none;
   padding: 10px 15px 10px 15px;
}
.dropdown a:hover {
   display: block;
   color: #ffffff;
   background-color: #069FBF;
   text-decoration: none;
}

/*Main Area - Homepage*/
#main {
   min-width: 413px;
   padding-right: 400px;
   padding-left: 33px;
   background-repeat: no-repeat;
   background-position: center;
   background-color: #3E0A01;
   height: 326px;
}
div.mainImage1 {
   min-width: 413px;
   padding-right: 400px;
   padding-left: 33px;
   /*background-image: url(/images/mainBG/mainBG_1.jpg);*/
   background-image: url(/images/clr.gif);
   background-repeat: no-repeat;
   background-position: center;
   background-color: #3E0A01;
   height: 326px;
}
div.mainImage2 {
   min-width: 413px;
   padding-right: 400px;
   padding-left: 33px;
   /*background-image: url(/images/mainBG/mainBG_2.jpg);*/
   background-image: url(/images/clr.gif);
   background-repeat: no-repeat;
   background-position: center;
   background-color: #3E0A01;
   height: 326px;
}
div.mainImage3 {
   min-width: 413px;
   padding-right: 400px;
   padding-left: 33px;
   /*background-image: url(/images/mainBG/mainBG_3.jpg);*/
   background-image: url(/images/clr.gif);
   background-repeat: no-repeat;
   background-position: center;
   background-color: #3E0A01;
   height: 326px;
}
div.mainImage4 {
   min-width: 413px;
   padding-right: 400px;
   padding-left: 33px;
   /*background-image: url(/images/mainBG/mainBG_4.jpg);*/
   background-image: url(/images/clr.gif);
   background-repeat: no-repeat;
   background-position: center;
   background-color: #3E0A01;
   height: 326px;
}
div.mainImage5 {
   min-width: 413px;
   padding-right: 400px;
   padding-left: 33px;
   /*background-image: url(/images/mainBG/mainBG_5.jpg);*/
   background-image: url(/images/clr.gif);
   background-repeat: no-repeat;
   background-position: center;
   background-color: #3E0A01;
   height: 326px;
}
div.mainImage6 {
   min-width: 413px;
   padding-right: 400px;
   padding-left: 33px;
   /*background-image: url(/images/mainBG/mainBG_6.jpg);*/
   background-image: url(/images/clr.gif);
   background-repeat: no-repeat;
   background-position: center;
   background-color: #3E0A01;
   height: 326px;
}

#main #main_text {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 24px;
   text-transform: uppercase;
   font-style: italic;
   text-align: center;
   width: 100%;
   padding-left: 200px;
   margin-right: -200px;
   top: 76px;
   position: relative;
   line-height: .9;
   text-indent: -78px;
   color: #ffffff;
   letter-spacing: -2px;
}
#main #main_text .yellow {
   color: #F7BB03;
}
#main #main_text a {
   color: #FFFFFF;
   text-decoration: underline;
}
#main #main_text a:hover {
   color: #FFFFFF;
   text-decoration: underline;
}
#diagonals {
   width: 100%;
   background-image: url(/images/diagnonals.png);
   background-repeat:repeat-x;
   height: 119px;
   overflow: hidden;
   filter:alpha(opacity=70);
   -moz-opacity:.70;
   opacity:.70;
   position: relative;
   top: 330px;
}
#main #text {
   background: transparent;
   float: left;
   width: 90%;
   position: relative;
   top: 172px;
   color: #ffffff;
   font-size: 11px;
   font-weight: bold;
   text-transform: uppercase;
}
#main #text .yellow {
   color: #F7BB03;
   display: block;
   padding-left: 36px;
   text-transform: uppercase;
}
#main #text a {
   color: #F7BB03;
   text-decoration: underline;
}
#main #text a:hover {
   color: #F7BB03;
   text-decoration: underline;
}
#main hr {
   height: 1px;
   border-top: 1px dotted #6B5845;
}
#main .header {
   color: #ffffff;
   font-size: 11px;
   font-weight: bold;
   text-transform: uppercase;
   z-index: 10;
}
#main #boxes {
   float: left;
   position: relative;
   top: 170px;
-- top: 166px; /*For IE*/
   width: 435px;
   height: 90px;
   margin-right: -400px;
   text-align: center;
   color: #F1C200;
   font-size: 10px;
}
#main #boxes a {
   color: #F7BB03;
   text-decoration: underline;
}
#main #boxes a:hover {
   color: #F7BB03;
   text-decoration: underline;
}
#main #boxOne {
   float: left;
   position: relative;
   top: 0px;
   width: 190px;
   height: 95px;
   margin-left: 15px;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 5px;
   text-align: center;
   color: #F1C200;
   font-size: 10px;
   border: 2px ridge #F1C200;
}
#main #boxTwo {
   float: left;
   position: relative;
   top: 0px;
   width: 160px;
   height: 95px;
   margin-left: 15px;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 5px;
   text-align: center;
   color: #F1C200;
   font-size: 10px;
   border: 2px ridge #F1C200;
}

/*Main Area - Subs*/
#main_sub {
   height: 100%;
   min-width: 560px;
   background-color: #ffffff;
   padding-right: 10px;
   overflow: hidden;
}
#main_sub #maincolumn {
   width: 100%;
   position: relative;
}
#main_sub #maincolumn #text {
   padding-top: 10px;
   margin-left: 256px;
}
#main_sub #maincolumn #textgen {
   padding-top: 10px;
   margin-left: 10px;
}
#main_sub .title {
   color: #B45204;
   font-weight: bold;
}
#main_sub .large{
   font-weight: bold;
   font-size: 15px;
}
#main_sub hr {
   height: 1px;
   border-top: 1px solid #E8E7D9;
   margin-bottom: 10px;
   margin-top: 10px;
}

/*Links*/
#links {
   width: 100%;
   min-width: 472px;
   background-color: #EBEAD6;
   background-repeat: repeat-x;
   background-image: url(/images/linksBG.jpg);
   overflow: hidden;
}
#links a {
   color: #689709;
   text-decoration: underline;
}
#links a:hover {
   color: #689709;
   text-decoration: underline;
}

/*Handicappers*/
#links #handicappers {
   float: right;
   width: 28%;
   color: #837B68;
   padding-left: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align:center;
}
#links #handicappers .title {
   color: #484033;
   text-transform: uppercase;
   font-weight: bold;
   display: inline-block;
   margin-bottom: 10px;
}

/*Web Poll*/
#links #webpoll {
   float: left;
   width: 28%;
   color: #837B68;
   padding-right: 6px;
   padding-top: 8px;
   padding-bottom: 10px;
}
#links #webpoll .title {
   color: #484033;
}

/*Mobile Promo*/
#links #mobile {
   width: 38%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 5px;
   padding: 6px;
   text-align: center;
   border-left: outset thin;
   border-right: inset thin;
}
#links #mobile .title {
   color: #484033;
   font-size: 11px;
   font-weight: bold;
   text-transform:uppercase;
}

/*Free Selection*/
div.freeRace {
   width: 90%;
   margin-left: auto;
   margin-right: auto;
}
div.freeRaceHead {
   width: 90%;
   margin: 5px;
   margin-left: auto;
   margin-right: auto;
   color: #B45204;
   font-weight: bold;
   font-size: 15px;
}

/*Ads Area - Homepage*/
#top_ads {
   width: 100%;
   display: table;
   text-align: center;
   background-color: #D5D7C1;
   padding-top: 20px;
   padding-bottom: 20px;
}
#bottom_ads {
   width: 100%;
   display: table;
   text-align: center;
   background-color: #FFFFFF;
   padding-top: 10px;
   padding-bottom: 10px;
}
#text_ad {
    margin-top: 10px;
	text-align: center;
	width: 100%;
}
.adsrow{
   display: table-row;
}
.banners{
   width: 50%;
   display: table-cell;
   text-align: center;
   border-spacing: 10px;
   vertical-align: middle;
}

/*Bottom Navigation*/
#bottom {
   width: 100%;
   background-color: #FFFFFF;
}

/*Footer Area*/
#footer {
   width: 100%;
   margin-top: 10px;
}
#footer a {
   color: #689709;
   text-decoration: underline;
}
#footer a:hover {
   color: #689709;
   text-decoration: underline;
}
#footer #adobe {
   float: left;
   width: 21%;
   color: #33332C;
   text-align: left;
   padding-right: 5px;
   padding-left: 5px;
}
#footer #adobe img{
   padding-right: 5px;
}
#footer #social {
   float: right;
   width: 21%;
   color: #33332C;
   text-align: right;
   padding-right: 5px;
   padding-left: 5px;
}
#footer #bottomnav {
   border-top: 1px solid gray;
   padding-top: 15px;
   margin-top: 10px;
   text-align: center;
   height: 60px;
}
#footer #copyright {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   margin-top: 10px;
   color: #33332C;
   text-align: center;
   width: 95%;
}


/*Company*/
table.company {
   border-width: 1px;
   border-style: outset inset inset outset;
   background-color: #F8F8F1;
}
tr.company {
   background-color: #212121;
   color: #FDBE01;
   font-size: 12px;
   font-weight: bold;
}
td.company {
   padding: 10px;
   vertical-align: top;
   text-align: left;
}

.retail {
   float:right;
   width:25%;
   margin-left: 10px;
   padding-top: 6px;
   border-width: 1px;
   border-style: outset inset inset outset;
   background-color: #F8F8F1;
}

.free {
   width: auto;
   margin-left: auto;
   padding: 6px;
   border-width: 1px;
   border-style: outset inset inset outset;
   background-color: #F8F8F1;
}

div.tech {
   float: left;
   width: 50%;
   margin-right: 5%;
   margin-top: 10px;
   background-color: #F8F8F1;
   text-align: left;
   font-size: 12px;
   border-width: 1px;
   border-style: outset inset inset outset;
   border-spacing:1px;
}
div.tech2 {
   float: left;
   margin-left: 1%;
   margin-right: 5%;
   margin-top: 10px;
   margin-bottom: 10px;
   background-color: #F8F8F1;
   text-align: left;
   font-size: 12px;
   border-width: 1px;
   border-style: outset inset inset outset;
   border-spacing:1px;
   padding:15px;
}

div.faq {
   width: 99%;
   margin-right: auto;
   margin-left: auto;
   background-color: #F8F8F1;
   text-align: left;
   font-size: 12px;
   border-width: 1px;
   border-style: outset inset inset outset;
   border-spacing:1px;
   padding: 5px;
   visibility: hidden;
   display: none;
}
table.faq {
   width: 100%;
   height: 40px;
   margin-right: auto;
   margin-left: auto;
   text-align: center;
   font-size: 12px;
   font-weight: bold;
   background-color: #F8F8F1;
   border-width: 1px;
   border-style: outset inset inset outset;
}
table.faq a {
   color: #B45204;
}

/*Hot Handicappers*/
.hot1 {
   float: left;
   width: 65%;
   margin: 5pt;
   background-color: #F8F8F1;
 }
.hot2 {
   float: left;
   width: 30%;
   margin: 5pt;
   background-color: #F8F8F1;
 }

.errText {
   text-align: left;
}

.partner_dl {
   font-size: 14px;
   font-weight: bold;
}
.partner_dl a {
   color: #B45204;
}

table.partners {
   width: 96%;
   border-width: 1px;
   border-style: outset inset inset outset;
   border-spacing: 5px;
   background-color: #F8F8F1;
   margin-left:auto;
   margin-right:auto;
}
td.partners {
   width: 50%;
   background-color: #212121;
   color: #FDBE01;
   font-size: 12px;
   font-weight: bold;
}
table.download {
   width: 96%;
   border-style: outset inset inset outset;
   border-width: 1px;
   background-color: #F8F8F1;
   text-align: left;
   margin-left: auto;
   margin-right: auto;

}
tr.downloadData {
   vertical-align: text-top;
}
/* Download section breaks 5/28/2014 DMH */
.downloadSectionLabel {
   display: block;
   text-align: left;
   overflow: hidden;
   white-space: nowrap;
   width: 22em;
   padding-top:4px;
   padding-bottom:4px;
   padding-left:60px;
}

.downloadSectionLabel > span {
  position: relative;
  display: inline-block;
  font-weight: bold;
}

.downloadSectionLabel > span:before,
.downloadSectionLabel > span:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 9999px;
  height: 1px;
  background: black;
}

.downloadSectionLabel > span:before {
  right: 100%;
  margin-right: 5px;
}

.downloadSectionLabel > span:after {
  left: 100%;
  margin-left: 5px;
}

/*Promo Text*/
.promoStyle1 {
   color: #FF0000;
   font-weight: bold;
}
.promoStyle3 {
   color: #0000FF
}

/*Promo Div Elements*/
div.promoAlert {
   background-color: #E8E7D9;
   border: 5px solid black;
   padding: 5px;
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   -opera-border-radius:8px;
   -khtml-border-radius:8px;
   border-radius:8px;
}
table.statuspagetable{
   font-family:Arial;
   font-size:10pt;
   border:1px solid black;
   border-collapse: collapse;
}
td.statuspageheader{
   color:white;
   text-align:center;
   background-color:black;
   font-weight:
   bold;
   padding:5px;
}
th.statuspageth{
   color:black;
   text-align:center;
   background-color:#808080;
   border:1px solid black;
   vertical-align:bottom;
}
td.statuspageoddrow{
   color:black;
   background-color:#BDB76B;
   border:1px solid black;
   padding:5px;
}
td.statuspageevenrow{
   color:black;
   background-color:white;
   border:1px solid black;
   padding:5px;
}
td.statuspagecenter{
   text-align:center;
}
p.statuspagebold{
   font-weight:bold;
}

.newspaper {
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   background-image: url(http://www.trackmaster.com/retail/enews/shading.jpg);
   background-repeat: repeat;
   border-bottom: solid 3px #7dae9b;
   padding-bottom: 3px;
}

.pclubmenu {
   float: left;
   width: 18%;
   border: 1px groove black;
   margin: 10px;
   margin-bottom: 20px;
   padding: 5px;
   background-color: #EBEAD6;
   font-size: 12px;
   min-height:300px;
}
.pclub {
   float: left;
   width: 35%;
   border: 1px groove black;
   margin: 10px;
   margin-bottom: 20px;
   padding: 5px;
   background-color: #EBEAD6;
   font-size: 14px;
   min-height:300px;
}
.pclub img {
	margin-right: 15px;
	border: 1px solid;
}

#chatBox {
   float:right;
   margin-right:35px;
   margin-top:16px;
}