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

img.raceContent {cursor:pointer; width:35px; height:25px;}


.media-items {float:right;padding:5px;}




.race-tabs { position:relative;zoom: 1;}
.race-tabs ul {margin:0;padding:0;}
.race-tabs ul li {list-style:none;float:left;position:relative;margin:0 1px 0 0;padding:0;white-space:nowrap;}

.race-tabs ul li a,
.market-selector tbody tr td.jump a,
.competitors tr td a.form-trigger.expand,
.competitors tr td a.form-trigger.contract,
.race-information .primary-information .preview-button  {
	background:#ffc81d!important;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, #fff062), color-stop(1, #ffc81d))!important;
	background:-moz-linear-gradient(top, #fff062, #ffc81d)!important;
	border-top-left-radius:5px;	border-top-right-radius:5px;
	float:left;text-decoration:none;font-size:12px;padding:5px 10px;color:#2e2905;text-shadow:0 1px 0 #fff494;}

.race-tabs ul li a {background:#FFF2AC!important;color:#555599;font-size:10px;text-decoration:underline;font-weight:bold;}

.market-selector tbody tr td.jump a:hover,
.competitors tr td a.form-trigger.expand:hover,
.competitors tr td a.form-trigger.contract:hover,
.race-information .primary-information .preview-button:hover  {
	background:#ffdc40!important;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, #fff494), color-stop(1, #ffdc40))!important;
	background:-moz-linear-gradient(top, #fff494, #ffdc40)!important;}

.race-tabs ul li.selected a,
.market-selector tbody tr td.activeW a,
.market-selector tbody tr td.activeP a,
.market-selector tbody tr td.active a {
	background:#1A0070!important;
	/*background:#420a99!important;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, #50239a), color-stop(0.49, #50239a), color-stop(0.5, #420a99))!important;
	background:-moz-linear-gradient(top, #50239a 0, #50239a 49%, #420a99 50%)!important;*/
	border-top-left-radius:3px;	border-top-right-radius:3px;
	float:left;text-decoration:none;padding:5px 10px;margin-right:1px;color:#fff;text-shadow:0 1px 0 #7036c9;}

.race-tabs ul li.selected a {cursor:text;}
.race-tabs ul li a {cursor:pointer;}
.race-tabs .ui-tabs-panel {display:block;border-width:0;clear:left;}
.race-tabs .ui-tabs-hide {display:none!important;}






/*.race-information {font-size:12px;}
.race-information .primary-information .preview-button {}
.race-information .primary-information, .race-information .secondary-information {position:relative;}
.race-information .primary-information {background:#420a99;color:#fff;border-top-right-radius:5px;height:70px;} 
.race-information .primary-information .code-icon {display:block;position:absolute;left:10px;top:10px;width:50px;height:50px;background-image:url(../images/codes.png);text-indent:-999px;overflow:hidden;}
.race-information .primary-information .code-icon.races {background-position:0 0;}
.race-information .primary-information .code-icon.trots {background-position:-50px 0;}
.race-information .primary-information .code-icon.dogs {background-position:-100px 0;}
.race-information .primary-information .copy {position:absolute;left:70px;top:10px;}
.race-information .primary-information .copy h2 {font-size:18px;line-height:25px;}
.race-information .primary-information .copy h3 {font-weight:normal;line-height:20px;text-transform:uppercase;font-size:12px;}
.race-information .primary-information .dividends-at {position:absolute;top:27px;right:20px;}
.race-information .primary-information .preview-button {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;left:500px;top:18px;padding:10px 15px;box-shadow:0 1px 4px #200053;border-bottom:1px solid #9b8835;border-top:1px solid #fffac3;}
.race-information .secondary-information {background:#eee;border-bottom-left-radius:5px;border-bottom-right-radius:5px;font-size:11px;padding:10px 20px;height:50px;}
.race-information .secondary-information ul {list-style:none;padding:0;margin:0;width:440px;}
.race-information .secondary-information ul li {line-height:15px;width:220px;display:block;padding:0;margin:0;float:left;}
.race-information .secondary-information ul li strong {display:inline-block;width:80px;color:#000;}
.race-information .secondary-information .showing-on {position:absolute;right:20px;top:20px;}
.race-information .secondary-information .showing-on strong {text-transform:uppercase;line-height:30px;margin-right:5px;color:#000;}
.race-information .secondary-information .showing-on strong, .race-information .secondary-information .showing-on img {float:left;}*/

.race-information {background:#1A0070;padding:10px;}
.race-information .code {float:left;margin-right:20px;}
.race-information .text {color:#fff;font-size:14px;line-height:40px;} 

.track-information {background:#f0f0f0;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;padding:10px 20px;}
.track-information ul {margin:0;padding:0;border:0;list-style:none;font-size:11px;width:630px;text-transform:uppercase;float: left;}
.track-information ul li {margin:0;padding:0;border:0;float:left;width:210px;line-height:15px;}
.track-information ul li strong {width:70px;display:inline-block;}
.track-information span.text {font-size:14px;}

.market-selector tbody tr td.jump,
.market-selector tbody tr td.activeW,
.market-selector tbody tr td.activeP,
.market-selector tbody tr td.active {background:none!important;}
.market-selector tbody tr td a {text-align:left;height:30px;line-height:15px;padding:5px 10px!important;font-size:11px!important;}
.market-selector tbody tr td a img {float:right;margin-left:5px;top:0!important;}

#toteDisplayCell {vertical-align:top;padding:0;}

.competitors tr td a.form-trigger {width:12px;}

.competitors tr td.cellHeight {height:20px;}


.competitors td {border:none;border-top:1px solid #ddd; *border-bottom:1px solid #fff; padding:0;}
.competitors td.pad-right-10 {padding:0 10px;}
.competitors tr .rowHeader td, .competitors tr .rowHeader-whtbdr td {color:#fff!important;}

.competitors td.CheckBoxCol {padding:0;}
.competitors td.colSilk {padding:0;width: 30px;}

.competitors tr td.colLATERIDERCHANGE {background:none;}
.competitors tr td.colLATERIDERCHANGE span.rider {border-radius:3px;padding:3px;font-weight:bold;color:#CD92C8;}
.competitors tr.alt, .competitors tr.alt td.colLATERIDERCHANGE {background:#eee;}
.competitors thead th {background:#420a99;border-color:#420a99;color:#fff;line-height:25px;}
.competitors thead th a {color:#fff;text-decoration:none;}

.competitors tr.hover td {background:#ffffbb!important;}
.competitors .rowHeader td:first-child {border-left:1px solid #420a99;}
.competitors tr td:first-child {border-left:1px solid #ddd;}

.competitors tr td a.form-trigger.expand,
.competitors tr td a.form-trigger.contract {height:7px;border-radius:0;text-indent:-999px;overflow:hidden;padding:15px 7px 13px;cursor:pointer;float:right;}
.competitors tr td .silk {margin:2px 5px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:25px;height: 30px;}
.competitors tr td span.silk.dog {background-image:url(../images/common/Dogs-Box-Colors.png);background-repeat:no-repeat;display:block;width:23px;height:27px;padding:0;text-indent:-999px;overflow:hidden;border:0;}
.competitors tr td span.silk.dog.n1 {background-position:0 0px;}
.competitors tr td span.silk.dog.n2 {background-position:-23px 0px;}
.competitors tr td span.silk.dog.n3 {background-position:-46px 0px;}
.competitors tr td span.silk.dog.n4 {background-position:-69px 0px;}
.competitors tr td span.silk.dog.n5 {background-position:-92px 0px;}
.competitors tr td span.silk.dog.n6 {background-position:-115px 0px;}
.competitors tr td span.silk.dog.n7 {background-position:-138px 0px;}
.competitors tr td span.silk.dog.n8 {background-position:-161px 0px;}
.competitors tr td span.silk.dog.n9 {background-position:-184px 0px;}
.competitors tr td span.silk.dog.n10 {background-position:-207px 0px;}

.competitors tr.rowHeader td a.all-form {width:20px;height:25px;background:url(../images/formGuide/open-close-all.png) no-repeat 0 0;display:block;margin:3px 3px 0 0;float:right;}
.competitors tr.rowHeader td a.all-form.contract {background-position:0 -25px;}

/* ------------ */

.competitors td.prop-number {font-size:12px;font-weight:bold;color:#666;width:20px;}

.competitors td.colFavourite div {position:relative;}
.competitors td.colFavourite span {background:url(../images/icons/star.png) no-repeat 0 0;width:16px;height:16px;position:absolute;right:-15px;top:-7px;text-indent:999px;overflow:hidden;display:block;}
.competitors tr:last-child td {border-bottom:1px solid #ddd;}

.competitors tr td a.form-trigger.expand span,
.competitors tr td a.form-trigger.contract span {width:12px;height:7px;background:url(../images/arrows/arrow.png) no-repeat 0 0;display:block;}

.competitors tr td a.form-trigger.contract span {background-position:0 -7px;}
.competitors tr td span.proposition {line-height:13px;font-weight:bold;}


.competitors tr.scratched td,
.competitors tr.scratched td.colSCRATCHED,
.competitors tr.scratched td.colNumData {color:#999!important;background:#fff;}
.competitors tr.scratched.alt td,
.competitors tr.scratched.alt td.colSCRATCHED,
.competitors tr.scratched.alt td.colNumData {color:#999;background:#eee;}
.competitors tr.scratched td span.scratched-text {border-radius:3px;padding:3px;font-weight:normal;color:#ff0000;text-transform:uppercase;white-space:nowrap; position:relative; *left:50px}

td.layout-bdr-7 table.competitors tr.scratched td span.scratched-text {*left:0}
td.layout-bdr-F table.competitors tr.scratched td span.scratched-text {*left:0}

/*.competitors tr.scratched td.foSuspended, .competitors tr.scratched td.foScratched, .competitors tr.scratched td.colCurrency {background:#e8e8e8;}*/

.competitors tr.suspended td{color:#999!important;background:#fff;}
.competitors tr.suspended.alt td{color:#999;background:#eee;}
 /*{border-radius:3px;padding:3px;font-weight:normal;color:#ff0000;text-transform:uppercase;white-space:nowrap;} */
.competitors td.foSuspended{text-align: right;padding-right: 10px; color:#999 !important; /*background:#e8e8e8 */}
.competitors td.foScratched, .competitors tr.scratched td.foScratched {text-align:center!important; color:#ff0000 !important; *padding-left:20px; /*background:#e8e8e8*/ }


.competitors tr.last-row td { border-bottom:1px #ddd solid!important;}
/*.competitors td.last-col {padding-right:10px;}*/


.form {border:0;}
.form td {padding:0;border:0;}
.form td p {margin:10px 0 2px;width:340px;float:left;}
.competitors tr.form td, .competitors tr.form:hover td {background:#333!important;}
.form td .content {color:#685500;display:none;background:#fff9de;margin-bottom:10px;border-top:1px solid #FFDC40;border-bottom:1px solid #fff;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
.form td .content .silk {float:left;margin:12px 10px 0;width:64px;height:78px;}
.form td .content .silk span {display:block;height:78px;width:64px;}
.form td .content dl {float:left;width:200px;margin-top:10px;}
.form td .content dl dt, .form td .content dl dd {float:left;width:100px;margin:0;padding:0;color:#685500;}
.form td .content dl dt {font-weight:bold;}
.form td .content dl dd {}
.form td .content dl.dl3 { width: 150px;}
.form td .content dl.dl3 dt { width: 50px;}
.form td .content dl.dl3 dd { width: 100px;}
.form td .content .trainer {width:90px;display:inline-block;}
.form td .content p.comment {margin-left:85px; color:#685500; width:80%; margin-top:-5px;}
.clear0px {clear:both; height:1px; margin-bottom:0;}

tr.rowHeader td .info-toggle 
{
    background:url(../images/icons/12x13-info.png) no-repeat 0 0;
    width: 12px;
    height: 13px;
    float: left;
    margin-right: 4px;
    cursor: pointer;
    overflow: hidden;
    text-indent: -999px;
	*position:relative;
	*top:-12px;
	*left:27px;
}

/* info bubble */
.info-bubble {width:280px;display:none;position:fixed;z-index:500!important;text-transform:none;font-weight:normal;}
.info-bubble .top, .info-bubble .bottom {height:15px;}
.info-bubble .top {background:url(../images/content/info-bubble-top.png) no-repeat 0 0;}
.info-bubble .bottom {background:url(../images/content/info-bubble-bottom.png) no-repeat 0 0;}
.info-bubble .copy {background:url(../images/content/info-bubble-repeat.png) repeat-y 0 0;color:#fff;padding:0 20px;line-height:15px;text-align: left;}
.info-bubble .copy h6 {color:#fff2ac;font-size:1.2em;margin: 0;}
.info-bubble .copy p {padding:0;color:#ccc;font-size:1.1em;margin:0;width:auto;}
.info-bubble .copy hr {background:url(../images/content/horizontal-divider.png) repeat-x 0 0; margin:4px 0;border: none;height: 2px;}

h3 .info-bubble {font-size:.8em;}

.fix-header{display:inline-block; width:60%;}
.fix-header .info-icon{float:right; display:block;}


/* This is for the little purple popup Window onclick of Int icon*/

    .popup{
		width:auto; height:auto; padding:10px; color:#fff; position:absolute;
		font-family:Arial, Helvetica, sans-serif; line-height:1.15;
		border:1px #5b50a4 solid;
		-moz-border-radius:8px; -webkit-border-radius:8px; -border-radius:8px;
		box-shadow:1px 2px 3px #999;z-index: 999;top: -500;left: -500;
	}
	
	
	.purple {
		background: #7167b7; 
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: -moz-linear-gradient(top, #a298c6 0%, #7167b7 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a298c6), color-stop(100%,#7167b7)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #a298c6 0%,#7167b7 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #a298c6 0%,#7167b7 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #a298c6 0%,#7167b7 100%); /* IE10+ */
		background: linear-gradient(to bottom, #a298c6 0%,#7167b7 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a298c6', endColorstr='#7167b7',GradientType=0 ); /* IE6-8 */
	}
	
	.popup.purple h3{margin:5px 0 10px 0; text-transform:uppercase; }
	.popup.purple p{margin:5px 0;}
	
	.popup-arrow {background:url(../images/icons/popup-arrow.png) no-repeat; width:15px; height:9px; display:block; margin:0 auto; position:absolute; bottom:-9px; left:45%;
		text-indent:100%; white-space:nowrap; overflow:hidden;
	}	
		
	.box-wrapper{width:100%; height:32px; }	
		
	a.button-more { 
		width:50px; height:14px; padding:8px; padding-left:12px; display: block; font-size:12px; font-weight:bold; text-decoration:none; color:#d3ccf7;
		-moz-border-radius:7px; -webkit-border-radius:7px; -border-radius:7px;
		box-shadow:inset 0px 1px 1px #b9b2db;
		border:1px #5b50a4 solid;
		float:left;
	}
	
	a.button-more:hover {
		color:#7167b7;
		background: #bab8e0; 
		background: -moz-linear-gradient(top,  #bab8e0 0%, #8680c9 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bab8e0), color-stop(100%,#8680c9)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #bab8e0 0%,#8680c9 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #bab8e0 0%,#8680c9 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #bab8e0 0%,#8680c9 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #bab8e0 0%,#8680c9 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bab8e0', endColorstr='#8680c9',GradientType=0 ); /* IE6-8 */
	}
	
	/**/
	
/* This is for the Result page popup message layer */
.modal {width:100%;z-index:100;position:relative;position:fixed;height:100%;left:0;}
.modal .overlay {background:#000;filter:alpha(opacity=50);height:100%;background:rgba(0,0,0,0.5);position:absolute;width:100%;}
.modal .window {position:absolute;left:50%;top:50px;background:#fff;border-radius:10px;line-height:15px;padding:30px;width:540px;margin-left:-300px;height:auto;}			
.modal .window p {font-size:1.2em;margin:1em 0;}
.modal .window .button {margin:0 auto;}
.modal .loader {width:100px;height:125px;margin-left:-50px;margin-top:-75px;text-align:center;line-height:15px;color:#999;padding:0;}
.modal .loader img {margin-top:25px;}
.modal .loader div {margin-top:10px;}
.modal .loader div span {text-transform:uppercase;}
.modal .window .message {text-align:left;font-size:12px;}