/* TVN website styles */

body {  font-family: verdana, sans-serif; font-size: 10px; color: #000000;}
a:link, a:visited, a:active { text-decoration: none;  image-decoration: none; font-weight: bolder;}
a:hover {color: red;}
h1 { font-family: verdana, sans-serif; font-size: 15px; color: #757575; text-align: justify; font-weight: bolder; }
table  { font-family: verdana, sans-serif; font-size: 10px; color: #000000; text-align: justify;}
table a:visited {color: black;}
table a:hover {color: red;}
table a:link {color: black;}
img {border: 0px;}
.movieloc {position: absolute; top: 130px; left: 30px;}

/* navigation styles */

#leftNav {position: absolute; left: 8px; top: 91px; width: 157px;}
.leftNavBox {border: 1px; border-style: solid; border-color: #999999; background: #FFFFFF; }
.leftNav2 {position: absolute; left: 8px; top: 91px; width: 157px;}
.leftnav2 a {color: #666666;}
.leftnav2 a:visited {color: #666666;}
.leftnav2 a:hover {color: red;}
.leftnav2 a:link {color: #666666;}
.leftNavBox {border: 1px; border-style: solid; border-color: #999999; background: #FFFFFF; text-align: left;  margin-bottom: 6px; padding-bottom: 3px;}
.leftNavLine {text-align: center; position: relative; left: 5px;}
.textShiftRight {position: relative; left: 10px; }
.leftNavTextGrey {color: #666666; font-weight: bold;  font-size: 10px; position: relative; left: 8px; top: 1px;}
.leftNavTextGrey a:visited {color: #666666;}
.leftNavTextGrey a:hover {color: red;}
.leftNavTextGrey a:link {color: #666666;}
.leftNavTextBlue {color: #336699; font-weight: bold;  font-size: 10px; position: relative;}
.leftNavTextBlue a:visited {color: #336699;}
.leftNavTextBlue a:link {color: #336699;}
.leftNavTextBlue a:hover {color: red;}
.leftNavTextRed {color: #FF0033; font-weight: bold;  font-size: 10px;}
.leftNavTextRed a:visited {color: #FF0033;}
.leftNavTextRed a:hover {color: black;}

/* homepage */

#rightNav {position: absolute; left: 530px; top: 91px; width: 238px;}
.rightNavBox {border: 1px; border-style: solid; border-color: #999999; background: #EEEEEE; }
.rightNavBox a:hover {color: red;}
.rightNavBox2 {position: absolute; left: 530px; top: 232px;  width: 238px; }
.rightNavTextRed {color: #FF0033; font-size: 10px;}
.rightNavTextBlack {color: #000000; font-weight: bold;  font-size: 11px;}




/* masthead and login styles */

.masthead-logoPic {position: absolute; left: 0px; top: 0px;}
.masthead-gridPic {position: absolute; left: 459px; top: 0px;}
.login-panel {position: absolute; width: 360px; text-align: right;}
.login-panel a:visited {color: black;}
.login-panel a:hover {color: red;}
.logged-panel {visibility: visible;}
.logged-panel a {color: black;}
.formElement { font-size: 10px; background-color: #F2F3F5; height: 19px;}
.formDropDown { font-size: 10px; background-color: #F2F3F5; height: 19px;}
.login-box {color: #666666; font-weight: bold;  font-size: 10px; position: relative; left: 8px;}
.login-box a:visited {color: #666666;}
#scrolling-ticker a:visited {color: black;}
#scrolling-ticker a:hover {color: red;}








/* racing central */

.race-meet-name {position: relative; top: 64px; border: 1px; border-color: #999999; background: white; padding: 3px; color: #000000; font-size: 12px; font-weight: bold; border-style: dotted none solid none;}
.race-central-listing {position: relative; top: 51px; height: 30px; border: 1px; border-color: #999999;  bottom: auto; padding-left: 5px; padding-right: 3px; border-style: dotted none none none; padding-top: 2px; padding-bottom: 10px; color: black; margin: 0px; text-align: left;}
.race-central-listing a:visited {color: black;}
.race-central-listing a:hover {color: red; cursor: hand;}
.race-central-number {color: #1C324A; background: #98C5E2; padding: 3px; font-weight: bolder; position: absolute; top: 2px; left: 4px;}
.race-central-time {font-weight: bolder; font-size: 11px; position: absolute; top: 4px; left: 26px;}
.race-central-name {position: relative; left: 90px; top: 3px; font-weight: normal; width: 322px;}
.race-central-link {position: absolute; left: 418px; top: 5px; font-weight: bolder;}
.race-central-photofinish {position: absolute; left: 506px; top: 2px;}
.race-central-video {position: absolute; left: 540px; top: 6px;}
.race-central-locked {position: absolute; left: 540px; top: 6px;}


/* race card styles */


.race-card {position: absolute; left: 177px; top: 91px; width: 590px; border: 1px; border-style: solid; border-color: #999999; background: #EEEEEE; bottom: auto; padding-left: 5px; padding-right: 5px; padding-bottom: 40px;}



.race-card-links a:visited {color: white;}
.race-card-links a:hover {color: red;}
.race-date {position: relative; top: 60px; font-weight: bolder; color: red;}

.race-title {position: relative; top: 65px; left: 0px; border: 1px; border-color: #999999; background: #1C324A; padding: 3px; color: white;  border-style: solid none solid none; width: 578px;}

.race-track {font-size: 16px; line-height: 10pt;}
.race-name {font-size: 9px; line-height: 20pt;}
.race-time {color: white; background: gray; font-size: 12px; padding: 2px;}
.race-nav {position: absolute; left: 310px; top: 8px; font-size: 10px; padding: 3px; width: 255px; text-align: right; color: white;}
.race-nav a:visited {color: white;}
.race-nav a:hover {color: red;}
.race-nav a:link {color: white;}
.race-number {color: #1C324A; background: #98C5E2; padding: 3px;}
.race-nav-highlight {color: #1C324A; background: #98C5E2; padding: 3px;}
.race-nav-highlight a:visited {color: white;}
.race-nav-highlight a:hover {color: black;}
.race-details {font-size: 9px; font-weight: normal;}
.race-details a:visited {color: white;}
.race-details a:hover {color: red;}
.race-data {padding-right: 8px; font-style: normal;}
.race-listing {background: white; position: relative;  top: 51px; border: 1px; border-color: #999999;  bottom: auto; padding-left: 5px; padding-right: 3px; border-style: dotted none none none; padding-top: 2px; padding-bottom: 8px; color: black; margin: 0px; text-align: left; margin-bottom: 4px;}
.race-listing a:link {color: red;}
.race-listing a:visited {color: red;}
.race-listing a:hover {color: black; cursor: hand;}
.race-listing-2 {background: #f6F5F5; position: relative;  top: 51px; border: 1px; border-color: #999999;  bottom: auto; padding-left: 5px; padding-right: 3px; border-style: dotted none none none; padding-top: 2px; padding-bottom: 8px; color: black; margin: 0px; text-align: left; margin-bottom: 4px;}
.race-listing-2 a:link {color: red;}
.race-listing-2 a:visited {color: red;}
.race-listing-2 a:hover {color: black;}
.horse-name  {font-size: 11px; font-weight: bolder;}
.horse-jockey  {font-size: 11px; line-height: 10pt; font-weight: bolder;}
.horse-number {position: relative; top: 5px; color: #705941; background: #C6AF96; font-size: 10px; padding: 2px; width: 20px; text-align: center; font-weight: bolder;}
.horse-owner {font-size: 9px; font-weight: normal; position: relative; left: 28px; width: 546px; }
.horse-data {font-size: 9px; font-weight: normal; position: absolute; left: 28px; width: 546px; line-height: 10pt; padding-top: 3px; padding-bottom: 3px;}
.runner-button {position: absolute; top: 10px; left: 495px;}


.runner-data {position: relative; left: 2px; top: 2px; font-weight: normal; width: 520px;}


#f6F5F5;


/* runner information card */

.runner-information-2 {position: absolute; left: 30px; top: 90px; color: black;}
.runner-card-2 {position: relative; top: 54px; border: 1px; border-style: solid; border-color: black; background: #705941; bottom: auto; padding-left: 5px; padding-right: 5px; padding-bottom: 20px; padding-top: 10px; text-align: left; border-style: solid none solid none; color: white;}
.runner-pastStarts-2 {position: relative; border: 1px; border-style: solid; border-color: #999999; background: #f6F5F5; bottom: auto; padding-left: 5px; padding-right: 5px; border-style: dotted none none none; padding-top: 2px; padding-bottom: 4px; color: black; margin: 3px; text-align: left;}
.runner-pastStarts-2 a:link {color: red;}
.runner-pastStarts-2 a:visited {color: red;}
.runner-pastStarts-2 a:hover {color: black; cursor: hand;}
.race-data-1-2 {position: absolute; font-style: normal;}
.race-data-2-2 {position: absolute; left:150px; font-style: normal;}
.race-data-3-2 {position: absolute; left:286px; font-style: normal;}
.race-data-4-2 {position: absolute; left:430px; font-style: normal;}
.runner-info-button-2 {color: red; font-weight: bolder; position: absolute; left: 435px; top: 2px;}


/* results information card */

.place-number { color: white; background: black; font-size: 10px; padding: 2px;  font-weight: bolder; width: 20px; text-align: center;}
.results-details {position: relative; left: 62px;}
.results-data {font-size: 9px; font-weight: normal; position: absolute; left: 30px; width: 546px; line-height: 10pt; padding-top: 3px; padding-bottom: 3px;}


/* generic template styles */

#general-template {position: absolute; left: 177px; top: 91px; width: 590; border: 1px; border-style: solid; border-color: #999999; background: #FFFFFF; bottom: auto; padding-left: 5px; padding-right: 5px; padding-bottom: 100px;}
.mobile-banner {position: absolute; left: 580px; top: 85px;}
.article-banner {position: absolute; left: 580px; top: 430px;}
.red-underline {position: absolute; left: 5px; top: 50px;}
.page-icon {position: absolute;  top: 27px;}
.page-title {position: absolute; top: 29px; left: 32px;}
.page-subtitle {position: relative; top: 64px; border: 1px; border-color: #999999; background: #EEEEEE; padding: 3px; color: #000000; font-size: 12px; font-weight: bold; border-style: dotted none dotted none;}
.page-subtitle-content {margin: 0px 0px 0px 25px;}
.page-content {position: relative; left: 5px; top: 68px; width: 400px;}
.page-content-right {margin: 0px 0px 0px 25px; position: relative; left: 5px; top: 68px; width: 400px;}
.content-rule {position: inherit;}
.content-link {color: #0f0f0f; font-weight: bold;}
.content-link a:link, a:visited, a:active { text-decoration: none;  image-decoration: none color: black; font-weight: bold;}
#centerPain {position: absolute; left: 174px; top: 91px; width: 347;}
.centerPainTextTitle {color: #000000; font-weight: bold;  font-size: 12px; position: relative; left: 8px; width: 235px;}
.centerPainTextBody {color: #333333; font-size: 10px; position: relative; left: 8px; width: 235px;}
.centerPainTextFoot {color: #333333; font-weight: bold;  font-size: 10px; position: relative; left: 8px;}
.centerPainTextFoot a:visited {color: #333333;}
.centerPainTextFoot a:hover {color: red;}
.red-underline {position: absolute; left: 5px; top: 50px;}
.racingCardPhoneHover {position: absolute; left: 584px; top: 85px;}


/* results card */

#resultsCardPain {position: absolute; left: 177px; top: 91px; visibility: true; width: 589; border: 1px; border-style: solid; border-color: #999999; background: #F6F7F7; }
.resultsCardHeader {position: relative; left: 6px; top: 10px;}
.resultsCardTextBlackLarge {color: #000000; font-size: 11px;}
.resultsCardTextRedLarge {color: #FF0033; font-size: 11px;}
.resultsCardTextBlueLarge {color: #094788; font-size: 11px;}
.resultsCardTextGreyLarge {color: #757575; font-size: 11px;}


/* racing calendar */

#racingCalenderPain {position: absolute; left: 177px; top: 91px; visibility: true; width: 589; border: 1px; border-style: solid; border-color: #999999; background: #F6F7F7; }
.racingCalenderHeader {position: relative; left: 6px; top: 10px;  padding-bottom: 20px;}
.racingCalenderVipHover {position: absolute; left: 584px; top: 100px;}



/* TABCORP styles */

.raceCardPane {position: relative; top: 54px; left:0px;}

.resultsCardPane {position: relative; top: 68px; left:0px;}

.race-detail-box {background: #0A3A57; color: white; line-height: 18px; width: 200px;}
.button-trackMap {position: relative; left: 20px; top: 66px; margin-bottom: -5px;}
.tab-headings {border: 1px; border-color: gray; background: white; padding: 3px; color: gray;

font-size: 9px; font-weight: bold; border-style: solid none solid none; margin-bottom: 3px;}
.horse-number-tab {position: relative; color: #705941; background: #C6AF96; font-size: 10px; padding:

2px; width: 20px; text-align: center; font-weight: bolder;}
.tab-data {width: 74px; text-align: center; font-size: 10px; border: 3px; border-color: #e0e0e0; border-style: none none none solid;  }
.result-buttons {position: relative; top: -8px;}

#tab-data-1hr {position: absolute; left: 274px; top: 6px; color: #222222; border-style: none none none none;}
#tab-data-2hr {position: absolute; left: 352px; top: 6px;   color: #222222;}
#tab-data-win {position: absolute; left: 430px;  top: 6px; font-weight: bolder; color: black;}
#tab-data-place {position: absolute; left: 500px;  top: 6px; color: #222222;}

.downArrow {color: red; font-size: 1em;}
.upArrow {color: green;  font-size: 1em;}

#tabcorp-button {position: relative; top: -38px; left: 337px;}
#tab-results-win {position: absolute; left: 430px; top: 6px; font-weight: bolder;}
#tab-results-place {position: absolute; left: 505px; top: 6px;}

.tab-race-name {font-size: 9px; font-weight: bolder;}
.tab-race-title {position: relative; top: 65px; left: 0px; border: 1px; border-color: #999999; background: #1C324A; padding: 3px; color: white;  border-style: solid none solid none; width: 578px;}
.tab-race-track {font-size: 16px; line-height: 10pt; font-weight: bolder;}

/* payment styles */

#payment-template {position: absolute; left: 5px; top: 5px; width: 598px; height: 558px; border: 1px; border-style: solid; border-color: #999999; background: #FFFFFF; padding-left: 0px; padding-right: 0px; padding-bottom: 0px;}
.payment-top-banner {position: absolute; left: 0px; top: 0px;}
.payment-content {position: relative; left: 10px; top: 112px;}
.payment-icon {position: absolute;  top: 92px; left: 10px}
.payment-title {position: absolute; top: 94px; left: 42px;}
.payment-red-underline {position: absolute; top: 115px; left: 12px;}
.payment-status {position: absolute; top: 84px; left: 446px; width: 140px; height: 30px; border: 1px; border-style: solid; border-color: #999999;}