@charset "utf-8";
/* CSS Document */


body {margin:0;padding:0;border-top:5px solid #000;background:#454545;font:normal 62.5%/20px arial;}


/* TEXT / ELEMENT STYLES */

h2 {height:40px;display:block;line-height:40px;font-size:1.4em;text-transform:uppercase;color:#fff;padding:0 0 0 15px;position:absolute;margin:0;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);left:-1px;top:-40px;}
.column1 h2, .column3 h2 {width:220px;}
.column2 h2 {width:465px;}
h3 {height:31px;line-height:30px;font-size:1.4em;color:#fff;font-weight:normal;padding:0 10px;margin:0 0 9px;overflow:hidden;}
.column2 h3, .column3 h3 {position:relative;}
h3 .icon {display:block;text-indent:-999px;overflow:hidden;position:absolute;right:-20px;top:2px;width:25px;height:26px;}
h3 .icon.tick {background:url(../images/icons/25x25-tick.png) no-repeat 0 0;}
h3 .icon.cross {background:url(../images/icons/25x25-cross.png) no-repeat 0 0;}
h3 .icon.info {background:url(../images/icons/25x25-info.png) no-repeat 0 0;}
h3 .icon.exclamation {background:url(../images/icons/25x25-important.png) no-repeat 0 0;}
h3 .icon.square {display:block;text-indent:-999px;overflow:hidden;position:absolute;width:20px;height:19px;top:5px;}
h3 .icon.square.tick {background:url(../images/icons/tick.png) no-repeat 0 0;}
h3 .icon.square.important {background:url(../images/icons/important.png) no-repeat 0 0;}
h3 .info-toggle {margin-top:9px;}

h4 {padding:0 10px;font-weight:normal;font-size:1.1em;color:#fff;margin:0 0 4px;height:21px;overflow:hidden;}
h5 {font-size:1.2em;}
.column2 h5 {margin:1em 10px 0;}
h5 em {font-style:normal;color:#000;text-transform:uppercase;}
h6 {margin:0;}

span.winner, span.draw {background-image:url(../images/icons/game-outcomes.png);height:16px;display:inline-block;text-indent:-999px;overflow:hidden;background-repeat:no-repeat;text-align:left;}
span.winner {width:15px;background-position:0 0;margin:2px 5px 1px;}
span.draw {width:35px;background-position:-15px 0;margin:2px 0 1px;}

.scroll-panel {overflow:scroll;width:229px;overflow-x:hidden;min-height:300px;position:relative;/* This keeps the headers that have a relative positioning on them from staying fixed on scroll in ie6 + 7 */}

.column2 .scroll-panel {width:473px;}
.column2 .home .scroll-panel {width:478px;}

.content.home {padding:0;}



.column2 dl {width:433px;font-size:1.1em;margin:10px 0;background:#fff;padding:10px;border:1px solid #ddd;border-radius:5px;}
.column2 dl dt, .column2 dl dd {display:inline-block;margin:0;float:left;}
.column2 dl dt.alternative, .column2 dl dd.alternative {background:#eee;}
.column2 dl dt {width:100px;vertical-align:top;padding:0 0 0 10px;border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;-moz-border-radius-topleft:3px;}
.column2 dl dd {width:313px;color:#666;padding:0 10px 0 0;border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;border-top-right-radius:3px;-moz-border-radius-topright:3px;}


p {font-size:1.2em;color:#666;line-height:18px;}
.column2 p {margin:10px 25px 10px 10px;}
.column-main p {max-width:660px;} 

p.info {background:#fff url(../images/icons/25x25-info.png) no-repeat 0 0; line-height:25px;font-size:1.2em;padding:0 0 0 30px;border-radius:13px;margin:10px 15px 10px 0;}
p.important {background:url(../images/icons/25x25-important.png) no-repeat 0 0;padding:4px 0 0 30px;line-height:1.5em;}
p.information {background:url(../images/icons/25x25-information.png) no-repeat 0 0;padding:4px 0 0 30px;line-height:1.5em;color:#000;}

ul {padding:0;color:#666;list-style:none;}
ul li {padding:0 0 0 10px;background:url(../images/core/li.gif) no-repeat 3px 8px;font-size:1.1em;}

a {color:#8a9800;}
a:hover {text-decoration:none;}

hr {height:2px;border:none;background:url(../images/core/horizontal-divider.png) repeat-x 0 0;margin:0;}
img {border:none;}

.center {margin-left:auto;margin-right:auto;}
.left {float:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.r5 {margin-right:5px!important;}
.r10 {margin-right:10px!important;}




/* HEADER */

.header-container {
	background:#323232;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.5, #323232), color-stop(1, #111));
	background:-moz-linear-gradient(top, #323232, #111);
	height:55px;border-bottom:1px solid #5a5a5a;}
.header {width:960px;margin:0 auto;position:relative;}
.player-logo {background:url(../images/core/player-logo.png) no-repeat 0 0;width:320px;height:110px;text-indent:-999px;overflow:hidden;position:absolute;left:-20px;top:0px;display:block;}

/*top navigation */
.header .top-navigation {padding:5px 0;float:right;margin:0;list-style:none;font-size:0.9em;background:url(../images/navigation/divider-top.png) repeat-x 1px 10px;}
.header .top-navigation li {float:left;padding:0;background:none;}
.header .top-navigation li a {letter-spacing:-1px;}
.header .top-navigation li.hover {background:url(../images/navigation/hover.png) no-repeat center 0;}
.header .top-navigation li.hover a {color:#fff;}
.header .top-navigation li a {width:60px;height:15px;display:block;text-decoration:none;color:#aaa;text-align:center;text-transform:uppercase;padding:30px 0 0 0;line-height:10px;text-shadow:0 1px 1px #111;}
.header .top-navigation li.home a {background:url(../images/navigation/home.png) no-repeat center 3px;}
.header .top-navigation li.sign-up a {background:url(../images/navigation/sign-up.png) no-repeat center 3px;}
.header .top-navigation li.account a {background:url(../images/navigation/account.png) no-repeat center 3px;}
.header .top-navigation li.log-in a {background:url(../images/navigation/log-in.png) no-repeat center 3px;}
.header .top-navigation li.log-out a {background:url(../images/navigation/log-out.png) no-repeat center 3px;}
.header .top-navigation li.vision a {background:url(../images/navigation/video.png) no-repeat center 3px;}
.header .top-navigation li.visionLocked a {background:url(../images/navigation/video-lock.png) no-repeat center 3px;}
.header .top-navigation li.listen a {background:url(../images/navigation/listen.png) no-repeat center 3px;}
.header .top-navigation li.help a {background:url(../images/navigation/help.png) no-repeat center 3px;}
.header .top-navigation li.search a {background:url(../images/navigation/search.png) no-repeat center 3px;}
.header .top-navigation li.mobile a {background:url(../images/navigation/mobile.png) no-repeat center 3px;}
.header .top-navigation li.results a {background:url(../images/navigation/results.png) no-repeat center 3px;}

.header .logged-in {position:absolute;font-size:1.4em;color:#ccc;top:20px;right:440px;}




/* CONTENT LAYOUT */

.error-page .main-container {margin-top:6em;}
.error-page .error-message {
	background:#fff url(../images/icons/Traffic-Cone-128.png) no-repeat 20px 20px;
	background:url(../images/icons/Traffic-Cone-128.png) no-repeat 20px 150px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(.6, #fff), color-stop(1, #ddd));
	border:1px solid #fff;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	-webkit-box-shadow:0 0 10px #333;-moz-box-shadow:0 0 10px #333;box-shadow:0 0 10px #333;
	padding:160px 40px 40px 140px;width:560px;margin:0 auto;}
.error-page .error-message h3 {color:#000;margin:0;padding:0;font-size:2.4em;font-weight:bold;}
.error-page .error-message p {font-size:1.4em;}
.error-page .under-construction {position:absolute;top:20px;height:295px;background:url(../images/core/uc.png) no-repeat center 0;width:100%;}

.main-panel {background:#282828;margin:0 auto;padding:55px 0 0;-moz-border-radius:5px;border-radius:5px;width:970px;}
.video-popup .main-panel {padding:0;}
.video-popup .main-panel h2 {position:relative;top:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;left:0;height:auto;padding-top:10px;}
.video-popup .main-panel h2 a {text-indent:0;position:relative;left:auto;display:inline;overflow:visible;top:auto;}
.main-panel-inner {background:#aaa;-moz-border-radius:5px;border-radius:5px;width:970px;padding:0;position:relative;}




/* BOTTOM NAVIGATION */

.main-container .bottom-navigation {height:35px;padding:9px 0 10px 320px;width:640px;margin:0 auto;list-style:none;}
.main-container .bottom-navigation li {margin:0;float:left;position:relative;background:url(../images/navigation/divider.png) no-repeat right 0;padding:0;}
.main-container .bottom-navigation li a {line-height:35px;color:#becd2b;text-decoration:none;padding:0 25px;font-size:1.4em;text-shadow:0 1px 1px #222;height:35px;display:block;}
.main-container .bottom-navigation li.betting.hover a {background:url(../images/navigation/dropdown-tab-betting.png) no-repeat 10px 0;}
.main-container .bottom-navigation li.racing-info.hover a {background:url(../images/navigation/dropdown-tab-racing-info.png) no-repeat 10px 0;}
.main-container .bottom-navigation li.sports-info.hover a {background:url(../images/navigation/dropdown-tab-sports-info.png) no-repeat 10px 0;}
.main-container .bottom-navigation li.my-account.hover a {background:url(../images/navigation/dropdown-tab-my-account.png) no-repeat 10px 0;}
.main-container .bottom-navigation ul {list-style:none;padding:0 0 10px;position:absolute;display:none;width:180px;background:url(../images/navigation/dropdown-list.png) no-repeat 0 bottom;z-index:9999!important;}
.main-container .bottom-navigation ul li {float:none;background:none!important;}
.main-container .bottom-navigation ul li.dropdown-list-top {line-height:5px;height:5px;text-indent:-999px;overflow:hidden;}
.main-container .bottom-navigation li.betting ul li.dropdown-list-top  {background:#454545 url(../images/navigation/dropdown-list-top-betting.png) no-repeat 0 0!important;}
.main-container .bottom-navigation li.racing-info ul li.dropdown-list-top  {background:#454545 url(../images/navigation/dropdown-list-top-racing-info.png) no-repeat 0 0!important;}
.main-container .bottom-navigation li.sports-info ul li.dropdown-list-top  {background:#454545 url(../images/navigation/dropdown-list-top-sports-info.png) no-repeat 0 0!important;}
.main-container .bottom-navigation li.my-account ul li.dropdown-list-top  {background:#454545 url(../images/navigation/dropdown-list-top-my-account.png) no-repeat 0 0!important;}
.main-container .bottom-navigation ul li a {font-size:1.1em;background:none;line-height:20px;height:auto;color:#f9ffbf!important;}
.main-container .bottom-navigation li.hover {}
.main-container .bottom-navigation li.hover a {color:#f3ff80;}
.main-container .bottom-navigation li.hover ul li a:hover {background-color:rgba(249,255,191,0.1)!important;color:#fcffe4!important;}
.main-container .bottom-navigation li.hover ul {display:block;}
.main-container .bottom-navigation ul li a {background:none!important;margin:0 2px;}




/* COLUMNS */

.column1, .column2, .column3, .column-main {float:left;position:relative;}

.column1 {width:235px;margin:0 5px 5px 5px;}
.column2 {width:480px;margin:0 5px 5px 0;}
.column3 {width:235px;margin:0 0 5px 0;}
.column-main {width:720px;margin:-40px 0 0 0;}

.content {background:#f4f4f4;border-bottom:1px solid #666;border-left:1px solid #666;border-right:1px solid #666;border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;padding:5px 4px 4px 4px;position:relative;}



/* SPORTS/RACING TABS */

.column1 .brand-selector {background:url(../images/core/column1-title-background-sports.png) no-repeat 0 bottom;height:40px;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);z-index:200;position:absolute;top:-40px;left:0;}
.column1 .brand-selector a {display:block;float:left;height:35px;font-size:1.4em;text-transform:uppercase;color:#fff;font-weight:bold;line-height:40px;text-decoration:none;}
.column1 .brand-selector a.player-tab {background:url(../images/core/column1-title-sports.png) no-repeat 0 0;width:115px;padding-right:5px;text-align:center;}
.column1 .brand-selector a.tab-tab {background:url(../images/core/column1-title-TAB.png) no-repeat 0 0;width:110px;text-align:center;padding-left:5px;}




.column2 h2 {background:url(../images/core/column2-title-background.gif) no-repeat 0 0;}
body.p-results .column2 h2 {background:url(../images/core/column2-title-background-results.gif) no-repeat 0 0;}
.column3 h2 {background:url(../images/core/column3-title-background.gif) no-repeat 0 0;}
.column-main h2 {background:url(../images/core/column-main-title-background.gif) no-repeat 0 0;}

.column2 h3 {background:url(../images/core/heading-background-455x30.png) no-repeat 0 0;width:435px;}
.column2 h4 {background:url(../images/core/heading-background-455x20.png) no-repeat 0 0;width:435px;}
/*.column2 h5 {width:435px;position:relative;}*/

.column1 h3, .column3 h3 {background:url(../images/core/heading-background-210x30.png) no-repeat 0 0;width:190px;}
.column1 h4, .column3 h4 {background:url(../images/core/heading-background-210x20.png) no-repeat 0 0;width:190px;}
.column1 h5, .column3 h5 {width:190px;}

h2 a {height:26px;width:26px;display:block;text-indent:-999px;overflow:hidden;background-position:0 0;background-repeat:0 0;top:7px;position:absolute;}
h2 a span {height:20px;width:20px;display:block;margin:3px;}
h2 a.printer {right:40px;}
h2 a.refresh {right:10px;}
h2 a.printer span {background:url(../images/icons/20x20-printer.png) no-repeat 0 0;}
h2 a.refresh span {background:url(../images/icons/20x20-refresh.png) no-repeat 0 0;}
h2 a.loader {right:40px;text-indent:0;text-align:center;padding-top:4px;height:22px;}
.column2 h2 a {background-image:url(../images/core/loader-background-column2.gif);}
.column3 h2 a {background-image:url(../images/core/loader-background-column3.gif);}



/* FOOTER */

.footer {height:55px;color:#999;font-size:1.1em;position:relative;}
.footer a {color:#ddd;text-decoration:none;}
.footer a:hover {text-decoration:underline;}
.footer span {position:absolute;top:17px;}
.footer .responsible {left:20px;}
.footer .date-time {right:20px;}
.footer .footer-navigation {right:335px;}
.footer .copyright {left:335px;}




/* CLEARFIX */

.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} 
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}