@CHARSET "ISO-8859-1";
* {margin:0 auto;padding:0;}
body {
    font-family:tahoma, helvetica, arial, sans-serif;
    text-align:center;
    color:#6f6f6f;
    color:#dfdfdf;
    background:#353535;
    background-image:url(../images/topSliced.gif);
    background-repeat:repeat-y;
    background-position:top center;
    height:100%;
}
.publicBorder {
    width:1072px;  /*1024 - 18px for scrool bar*/
}
.publicHeaderSplash {
    width:984px;
    height:150px;
    background-image:url(../images/headerLogo.jpg);
    background-repeat:no-repeat;
}
.publicHeaderSplashStats {
    width:984px;
    height:150px;
    background-image:url(../images/headerLogoRating.jpg);
    background-repeat:no-repeat;
}
.publicHeaderSplashTracks {
    width:984px;
    height:150px;
    background-image:url(../images/headerLogoTracks.jpg);
    background-repeat:no-repeat;
}

.publicHeaderBorder {
    width:984px;
    height:24px;
    background-color:#000;
    background-image:url(../images/headerBorder.jpg);
    background-repeat:no-repeat;
}
.publicHeaderAlerts {
    width:984px;
    height:26px;
}
.publicHeaderTopMenu {
    width:984px;
    height:32px;
    background-image:url(../images/topMenu.jpg);
}
.publicHeaderSecondaryMenu {
    width:984px;
    height:30px;
    background-image:url(../images/secondaryMenu.jpg);
}
.publicContent {
    text-align:left;
    width:984px;
}
.publicFullScreenContent {
    float:left;
    width:984px;
}
.publicHomeLeft {
    padding-top:12px;
    padding-right:0px;
    padding-left:10px;
    float:left;
    width:230px;
}
.publicHomeMiddle {
    padding-top:12px;
    padding-right:0px;
    padding-left:10px;
    float:left;
    width:484px;
}
.publicHomeRight {
    padding-top:12px;
    padding-right:10px;
    padding-left:10px;
    float:left;
    width:230px;
}
/*
716 w 38 h
230 w 38 h
230 w 53 h
*/
.publicLoginBox {
    height:158px;
    width:230px;
    background-image:url(../images/loginBox.jpg);
    background-position:top right;
}
.publicContentLeft {
    float:left;
    width:800px;
}
.publicContentWrapper3col {
    padding: 10px 10px 10px 10px;
    width:464px;
    background-color:#000;
}
.publicContentWrapper {
    padding: 10px 10px 10px 10px;
    width:696px;
    background-color:#000;
}
.publicContentHeader3col {
    width:484px;
    height:38px;
    background-image:url(../images/newsAndUpdates3col.jpg);
    background-repeat:no-repeat;
}
.publicContentHeader {
    width:716px;
    height:38px;
    background-image:url(../images/newsAndUpdates.jpg);
    background-repeat:no-repeat;
}
.publicContentRight {
    float:right;
    width:184px;
}
.publicFooter {
    width:984px;
    height:122px;
}
div#clear {
    clear:both;
}
.publicCounterScoreboardWrapper {
    height:59px;
    width:984px;
}
.publicCounterScoreboard {
    height:59px;
    width:321px;
    background-image:url(../images/sbwm/scoreboard.gif);
    background-position:bottom center;
}
.publicCounterScoreboardCount {
    padding:28px 0px 0px 11px;
}

/** over all styles for general use page **/
p{
    line-height:1.6em;
    font-family: Arial, Helvetica, sans-serif;
    font-size:80%;
    color:#cccddd;
    text-align:justify;
    word-spacing:0.1em;
    text-indent:1em;
    margin-bottom:1.6em;
}
p strong, p em{
    color:#000;
}
h1, h2, h3 {
    margin-top:1em;
    margin-bottom:.6em;
    text-indent:.33em;
}
h5 {
    padding-top:2em;
    padding-bottom:.6em;
    text-indent:.33em;
    color: #cc0110;
}
h1 + p, h2 + p, h3 + p {
    text-indent:1em;
}

/** header and footer page styles **/
p.disclaimer{
    line-height:1.6em;
    font-family: Arial, Helvetica, sans-serif;
    font-size:80%;
    color:#dfdfdf;
    text-align:center;
    word-spacing:0.1em;
    text-indent:1em;
    margin-top:2.6em;
}
.publicHeaderTopMenu ul{
    padding-left: 0;
    margin-left: 0;
    height: 20px;
}
.publicHeaderTopMenu ul li{
    list-style: none;
    display: inline;
}
.publicHeaderTopMenu ul li a{
    padding: 7px 1.2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size:80%;
    font-weigth:bold;
    color: #dddddd;
    text-decoration: none;
    float: left;
}
.publicHeaderTopMenu ul li a:hover{
    color: #dddddd;
}
.publicHeaderSecondaryMenu ul{
    float: left;
    padding-left: 0;
    margin-left: 0;
    height: 20px;
    clear: both;
}
.publicHeaderSecondaryMenu ul li{
    list-style: none;
    display: inline;
}
.publicHeaderSecondaryMenu ul li a{
    padding: 7px .18em;
    font-family: Arial, Helvetica, sans-serif;
    font-size:65%;
    color: #a0a0a0;
    text-decoration: none;
    float: left;
}
.publicHeaderSecondaryMenu ul li a:hover{
    color: #fff;
}
/** login page **/
td.loginSpacer{
    width:820px;
}
td.loginDetails{
    width:164px;
    color: #dfdfdf;
    text-align:left;
    height: 20px;
    font-size:12px;
    font-weight: bold;
}
table.login  {
    margin: 5.5% 0% 0% 0%;
    width: 984px;
    text-align:left;
}
td.loginLabel{
    width:854px;
    color: #dfdfdf;
    text-align:right;
    font-size:80%;
}
td.loginFieldRememberMe{
    width:134px;
    color: #dfdfdf;
    text-align:left;
    font-size:80%;
}
td.loginField{
    width:134px;
    text-align:left;
    padding-left:6px;
}
td.errorMsg{
    color: #dfdfdf;
    height: 15px;
    text-align:right;
    font-size:10px;
    font-weight: bold;
    padding-right:10px;
}
td.message{
    color: #dfdfdf;
    padding-top: 3px;
    padding-right: 40px;
    text-align:right;
}
td.login{
    padding-top: 3px;
    padding-right: 40px;
    text-align:right;
}
input.loginpassword  {
    width: 90px;
    font-size:75%;
}
input.loginuser  {
    width: 90px;
    font-size:75%;
}
a#pwHelp {
    color: #dfdfdf;
    font-size:10px;
    font-weight: bold;
    text-decoration: underline;
    cursor: hand;
}

/**************** LIBRARIES LEVERAGED **************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
    background: transparent url(../images/square-gray-left.gif) no-repeat top left;
    width:80px;
    display: block;
    float: left;
    font: normal 12px Arial; /* Change 12px as desired */
    line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
    height: 23px; /* Height of button background height */
    padding-left: 9px; /* Width of left menu image */
    text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
    color: black; /*button text color*/
}

a.squarebutton span{
    text-align:center;
    background: transparent url(../images/square-gray-right.gif) no-repeat top right;
    display: block;
    color: black; /*button text color*/
    padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
                      background-position: bottom left;
}

a.squarebutton:hover span, a.squarebutton:active span, a.squarebutton:visited span,a.squarebutton:link span{ /* Hover state CSS */
                                                                                                             background-position: bottom right;
                                                                                                             color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
                overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
                width: 100%;
}

.loginbuttonwrapper{ /* Container you can use to surround a CSS button to clear float */
                     overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
                     width: 100%;
                     text-align:right;
                     height:20px;
}

/* TRACK PAGE STYLES */
.trackDetails {
    float:left;
    width:984px;
    /*background: transparent url(../images/trackHeader.gif) no-repeat top right;*/
}
.trackH3{
    margin: 0px;
    padding: 5px 20px 0px 20px;
}
.trackH5{
    margin: 0px;
    padding: 5px 20px 0px 20px;
}
.trackImg{
    margin: 0px;
    padding: 25px 20px 0px 20px;
    text-align:center;
}

/* RACE RESULT */
td.HdrLeftSpan{
    margin: 0px;
    padding: 5px 0px 0px 20px;
    width:90%;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:70%;
    color: #dfdfdf;
}
td.HdrLeft{
    margin: 0px;
    padding: 5px 0px 0px 20px;
    width:15%;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:70%;
    color: #dfdfdf;
}
td.HdrRight{
    margin: 0px;
    padding: 5px 0px 0px 20px;
    width:75%;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:70%;
    color: #dfdfdf;
}
td.trackHdrLeft{
    margin: 0px;
    padding: 5px 0px 0px 20px;
    width:65%;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:70%;
    color: #dfdfdf;
}
td.trackHdrRight{
    margin: 0px;
    padding: 5px 0px 0px 20px;
    width:35%;
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:70%;
    color: #dfdfdf;
}
.trackRecordHeader{
    margin: 0px;
    padding: 0px;
    background-position: top;
    background-image:url(../images/trackRecordHeader.jpg);
    width: 230px;
    height: 40px;
}

/* SERVER LIVE LOOKIN */
.liveLookinWrapper{
    margin: 0px;
    padding: 0px;
    width: 230px;
    background-color:000#;
}
.liveLookinHeader{
    margin: 0px;
    padding: 0px;
    width: 230px;
    height: 38px;
    background-image:url(../images/liveHeader.jpg);
    background-repeat:no-repeat;
}
.liveLookinHeatHeader{
    margin: 0px;
    padding: 0px;
    background-image:url(../images/liveHeader.jpg);
    background-repeat:no-repeat;
    width: 230px;
    height: 38px;
}
.liveLookinRaceResultHeader{
    margin: 0px;
    padding: 0px;
    background-image:url(../images/resultsHeader.jpg);
    background-repeat:no-repeat;
    width: 230px;
    height: 53px;
}
.liveLookinRaceLeagueHeader{
    margin: 0px;
    padding: 0px;
    background-image:url(../images/raceLeagueHeader.jpg);
    background-repeat:no-repeat;
    width: 230px;
    height: 38px;
}
.liveLookinTeamspeakHeader{
    margin: 0px;
    padding: 0px;
    background-image:url(../images/teamspeakHeader.jpg);
    background-repeat:no-repeat;
    width: 230px;
    height: 38px;
}
.liveLookinContent{
    margin: 0px;
    padding: 0px;
    color:#dddddd;
    background-color:#000000;
}
.liveLookinContentHidden{
    margin: 0px;
    padding: 0px;
    color:#dddddd;
    background-color:#000000;
    display:none;
}
table.liveLookin{
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
    border-spacing: 0;
}
tr.liveLookin{
    margin: 0px;
    padding: 0px;
}
tr.liveLookinHidden{
    margin: 0px;
    padding: 0px;
    display:none;
}
td.liveLookin{
    padding: 0px 0px 0px 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    height:37px;
    text-overflow:ellipsis;
    overflow:auto;
    white-space:nowrap;

}
td.liveLookinCalendar{
    padding: 0px 0px 0px 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    height:37px;
}
td.liveLookinRLMResults{
    padding: 0px 0px 0px 6px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    height:37px;
}
div.liveLookinFooter{
    margin-bottom:10px;
    padding-bottom:10px;
    width: 230px;
    height: 20px;
    background-color:#000000;
}
td.husetsHeader{
    height:147px;
    background-image:url(../images/husetsHeader.gif);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.i55Header{
    height:147px;
    background-image:url(../images/i55Header.gif);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.chicoHeader{
    height:147px;
    background-image:url(../images/silverHeader.gif);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.eldoraHeader{
    height:147px;
    background-image:url(../images/eldoraHeader.gif);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.bloomHeader{
    height:147px;
    background-image:url(../images/bloomHeader.gif);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.lernerHeader{
    height:147px;
    background-image:url(../images/lernervilleHeader.gif);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.lasvegasHeader{
    height:147px;
    background-image:url(../images/lasvegasHeader.gif);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.groveHeader{
    height:147px;
    background-image:url(../images/groveHeader.gif);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.knoxvilleHeader{
    height:147px;
    background-image:url(../images/knoxHeader.gif);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.terreHeader{
    height:147px;
    background-image:url(../images/terreHauteHeader.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.lowesHeader{
    height:147px;
    background-image:url(../images/lowesHeader.gif);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.atticaHeader{
    height:147px;
    background-image:url(../images/atticaHeader.gif);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.eagleHeader{
    height:147px;
    background-image:url(../images/eagleHeader.gif);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.kcHeader{
    height:147px;
    background-image:url(../images/kcHeader.gif);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.bristolHeader{
    height:147px;
    background-image:url(../images/bristolHeader.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.calistogaHeader{
    height:147px;
    background-image:url(../images/calistogaHeader.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.fremontHeader{
    height:147px;
    background-image:url(../images/fremontHeader.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.graysHarborHeader{
    height:147px;
    background-image:url(../images/graysHarborHeader.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.lakesideHeader{
    height:147px;
    background-image:url(../images/lakesideHeader.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.millstreamHeader{
    height:147px;
    background-image:url(../images/millstreamHeader.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.ohswekenHeader{
    height:147px;
    background-image:url(../images/ohswekenHeader.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.selinsgroveHeader{
    height:147px;
    background-image:url(../images/selinsgroveHeader.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.talledegaHeader{
    height:147px;
    background-image:url(../images/talledegaHeader.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}
td.volusiaHeader{
    height:147px;
    background-image:url(../images/volusiaHeader.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    border-color:#444;
    border-style:none none outset none;
}

/**************** TABLELESS FORM DESIGN LEVERAGED ************/
.div_textareabox {
    width:604px;
    float:right;
    background-color:#E6E6E6;
    height:250px;
    margin-top:3px;
    padding-top:5px;
    padding-bottom:3px;
    padding-left:5px;
}
.textareabox {
    background-image: url(../images/16t.png);
    background-color:#dddddd;
    background-repeat: no-repeat;
    background-position:left;
    width:504px;
    height:230px;
    font:normal 16px;
    color: #333;
    padding:3px 5px 3px 19px;
}
.div_texbox {
    width:604px;
    float:right;
    background-color:#E6E6E6;
    height:31px;
    margin-top:3px;
    padding-top:5px;
    padding-bottom:3px;
    padding-left:5px;
}
.textbox {
    background-image: url(../images/16t.png);
    background-color:#dddddd;
    background-repeat: no-repeat;
    background-position:left;
    width:55%;
    font:normal 16px;
    color: #333;
    padding:3px 5px 3px 19px;
}
.div_radiobox {
    width:604px;
    float:right;
    background-color:#E6E6E6;
    height:31px;
    margin-top:3px;
    padding-top:5px;
    padding-bottom:3px;
    padding-left:5px;
    color: #333;
}
.textbox:focus, .textbox:hover {
    background-color:#F0FFE6;
}
legend {
    color: #dddddd;
    letter-spacing: -1px;
    font-weight: bold;
    line-height: 1.1;
    background: #666;
    border: 1px solid #333;
    padding: 2px 6px;
}
label.textarea {
    width:332px;
    height:250px;
    text-align:right;
    margin-top:3px;
    margin-right:0px;
    padding-top:11px;
    padding-left:6px;
    padding-right:10px;
    background-color:#dddddd;
    float:left;
    display: block;
    font-size: 100%;
    letter-spacing: -1px;
    font-weight: normal;
    line-height: 1.1;
    color:#666;
}
label {
    width:332px;
    height:28px;
    text-align:right;
    margin-top:3px;
    margin-right:0px;
    padding-top:11px;
    padding-left:6px;
    padding-right:10px;
    background-color:#dddddd;
    float:left;
    display: block;
    font-size: 100%;
    letter-spacing: -1px;
    font-weight: normal;
    line-height: 1.1;
    color:#666;
}
fieldset {
    border:1px dashed #dfdfdf;
    padding:10px;
    margin-top:20px;
    margin-bottom:20px;
}
.form {
    margin:0px;
    padding:0px;
}
.selectdd {
    background-image: url(../images/16t.png);
    background-color:#dddddd;
    background-repeat: no-repeat;
    background-position:left;
    width:55%;
    font:normal 16px;
    color: #999999;
    padding:3px 5px 3px 19px;
}
.selectdd:focus, .selectdd:hover {
    background-color:#F0FFE6;
}
.username {
    background-image: url(../images/16m.png);
    background-repeat: no-repeat;
    background-position:left;
    background-color:#dddddd;
    padding:3px 5px 3px 19px;
    font:normal 16px;
    color: #999999;
    width:55%;
}
.username:focus, .username:hover {
    background-color:#F0FFE6;
}
.password {
    background-image: url(../images/16s.png);
    background-repeat: no-repeat;
    background-position:left;
    background-color:#dddddd;
    padding:3px 5px 3px 19px;
    font:normal 18px;
    color: #999999;
    width:55%;
}
.password:focus, .password:hover {
    background-color:#F0FFE6;
}
.button_div {
    width:896px;
    float:right;
    background-color:#fff;
    border:1px solid #dfdfdf;
    text-align:right;
    height:35px;
    margin-top:3px;
    padding:5px 32px 3px;
}
.buttons {
    background: #e3e3db;
    font-size:12px;
    color: #989070;
    padding: 6px 14px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff #d8d8d0 #d8d8d0 #fff;
    text-decoration: none;
    text-transform:uppercase;
    font-weight:bold;
}