@CHARSET "UTF-8";

@import url(/theme/racing/css/html-elements.css);
@import url(/theme/racing/css/pages/league.css);

/**
 * Layout elements
 */

div#page-area {
	width: 976px;
	background: url(/theme/racing/images/page-area-bg.png) no-repeat;
	margin: 0px auto;
}

div.layout-region {
	position: relative;
	overflow: visible; /* ??? */
	width: 960px;
	margin: 0px auto;
}

div#header-region,
div#content-region,
div#footer-region {
}

/**
 * Header region including login form
 */
div#header-region {
	height: 145px;
	background: url(/theme/racing/images/header-bg.png) no-repeat;
}

div#header-region div#mini-account-summary,
div#header-region div#mini-login {
	position: absolute;
	left: 680px;
	top: 12px;
	padding-left: 20px;
	width: 212px;
	height: 76px;
	border-left: 1px dotted white;
}

div#mini-account-summary div.block,
div#mini-login div.block {
	padding: 5px;
	/* background: #17609c url(/theme/racing/images/sidebar-header-blue-bg.png) repeat-x;*/ 
	font-weight: bold;
	color: #fff;
}

div#mini-account-summary div.block p,
div#mini-login div.block p {
	margin: 0px;
	height: 20px;
}

div#mini-login fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
	background-color:transparent;
}

div#mini-login label {
	font: 11px/21px "Trebuchet MS", Tahoma, sans-serif;
	color: white;
}

div#mini-login fieldset#credentials label {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
	width: 61px;
}

div#mini-login fieldset#credentials input#username, 
div#mini-login fieldset#credentials input#password {
	width: 112px;
	height: 16px;
	margin-bottom: 6px;
}

div#mini-login fieldset#buttons input {
	float: left;
	font: 11px/14px "Trebuchet MS", Tahoma, sans-serif;
	margin-left: 0px;
}


div#mini-login fieldset#buttons label {
	margin-right: 6px;
	white-space: nowrap;
	overflow: visible;
	float: left;
}



div#mini-account-summary  a#logout {
	color: black;
	padding: 0px 5px;
	margin-top: 5px;
	text-decoration: none;
	display: block;
	float: left;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	background: #fff url(/theme/racing/images/price-btn-bg.png) repeat-x;
	border: 1px solid #898d93;
}

#primary-links {
	position: absolute;
	left: 10px;
	top: 100px;
	margin: 0px;
	padding: 0px;
	width: 940px;
	height: 34px;
	overflow: hidden;
	background: url(/theme/racing/images/primary-nav-bg.png) no-repeat;
}

#primary-links.user {
	background-position: 0px 102px;
}

#primary-links li {
	display: inline;
}

#primary-links li a {
	display: block;
	float: left;
	color: white;
	font: 16px/34px Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: url(/theme/racing/images/primary-nav-bg.png) no-repeat;
	height: 0px;
	padding-top: 34px;
	width: 104px;
	text-align: center;
}

#primary-links li a#nav-home {
	background-position: 0px 0px;
}

#primary-links li a#nav-home:hover {
	background-position: 0px -34px;
}

#primary-links li a#nav-home:active {
	background-position: 0px -68px;
}

#primary-links li a#nav-register {
	background-position: -104px -0px;
}

#primary-links li a#nav-register:hover {
	background-position: -104px -34px;
}

#primary-links li a#nav-register:active, 
#primary-links.register li a#nav-register {
	background-position: -104px -68px;
}

#primary-links li a#nav-account {
	background-position: -104px -102px;
}

#primary-links li a#nav-account:hover {
	background-position: -104px -136px;
}

#primary-links li a#nav-account:active, 
#primary-links.myaccount li a#nav-account {
	background-position: -104px -170px;
}


#primary-links li a#nav-market {
	width: 105px;
	background-position: -208px 0px; 
}

#primary-links li a#nav-market:hover {
	background-position: -208px -34px;
}

#primary-links li a#nav-market:active,
#primary-links.market li a#nav-market {
	background-position: -208px -68px;
}

#primary-links li a#nav-audio {
	width: 105px;
	background-position: -313px 0px;
}

#primary-links li a#nav-audio:hover {
	background-position: -313px -34px;
}

#primary-links li a#nav-audio:active,
#primary-links.audio li a#nav-audio {
	background-position: -313px -68px;
}

#primary-links li a#nav-video {
	background-position: -418px 0px;
}

#primary-links li a#nav-video:hover {
	background-position: -418px -34px;
}

#primary-links li a#nav-video:active,
#primary-links.video li a#nav-video {
	background-position: -418px -68px;
}

#primary-links li a#nav-league {
	width: 105px;
	background-position: -522px 0px;
}

#primary-links li a#nav-league:hover {
	background-position: -522px -34px;
}

#primary-links li a#nav-league:active,
#primary-links.league li a#nav-league {
	background-position: -522px -68px;
}

#primary-links li a#nav-syndicates {
	width: 105px;
	background-position: -627px 0px;
}

#primary-links li a#nav-syndicates:hover {
	background-position: -627px -34px;
}

#primary-links li a#nav-syndicates:active,
#primary-links.syndicates li a#nav-syndicates {
	background-position: -627px -68px;
}

#primary-links li a#nav-forum {
	background-position: -732px 0px;
}

#primary-links li a#nav-forum:hover {
	background-position: -732px -34px;
}

#primary-links li a#nav-forum:active,
#primary-links.forum li a#nav-forum {
	background-position: -732px -68px;
}

#primary-links li a#nav-help {
	background-position: -836px 0px;
}

#primary-links li a#nav-help:hover {
	background-position: -836px -34px;
}

#primary-links li a#nav-help:active,
#primary-links.help li a#nav-help {
	background-position: -836px -68px;
}



/**
 * Content region
 */
div#content-region {
	background: #fff;
	overflow: hidden;
}

div#content-region div.layout-column {
	float: left;
	overflow: hidden;
}

div#content-region div.block {
	padding: 10px;
}

/* IE 6 Hack for overflow */
* html div#content-region div.block {
	height: 1%;
	overflow: visible;
}

div#content-region div#sub-menu {
	height: 32px; 
	padding: 10px 10px 0px 10px;
	overflow: hidden;
	background: url(/theme/racing/images/sub_menu-bg.png) repeat-x;
}

	
div#sub-menu li {
	display: inline;
}

div#sub-menu li a {
	display: block;
	float: left;
	height: 32px;
	line-height: 32px;
	padding: 0px 10px;
	margin-right: 2px;
	background: url(/theme/racing/images/sub_menu-tab-bg.png) repeat-x;
	color: white;
	font-weight: bold;
}

div#sub-menu a.active {
	background: url(/theme/racing/images/sub_menu-tab-active-bg.png) repeat-x;
	color: #034402;
}

img.thumbnail {
	margin: 0px;
	border: 10px solid #898d93;
}
	
div#content-region div#billboard {
	position: relative;
	width: 960px;
	height: 240px;
	overflow: hidden;
}

div#content-region div#main-content, 
div#content-region div#sidebar {
	float: left;
	padding: 10px;
}

/**
 * Tables
 * Tables should only be used for data and *not* for layout purposes
 */
table {
	border-width: 0px;
	font-size: 12px; 
}

table th,
table td {
	padding:4px;
	border-collapse: collapse;
}

table tbody td {
	border-top: 1px dotted #006fac;
}

table td a {
}

tr.data-row {
}

tr.data-row-alt {
}

td.string, 
th.string {
	text-align: left;
}

td.numeric {
	text-align: right;
}

td.numeric.center {
	text-align: center
}

td.change-up,
td.change-down,
td.no-change {
	color: #fff; 
}

td.change-up {
	background-color: blue; 
}

td.change-down {
	background-color: red; 
}

td.nochange {
	background-color: green;
}


a.price {
	color: black;
	text-decoration: none;
	display: block;
	margin: 0px auto;
	font-weight: bold;
	width: 40px;
	height: 20px;
	line-height: 20px;
	background: #fff url(/theme/racing/images/price-btn-bg.png) repeat-x;
	border: 1px solid #898d93;
}

a.price:hover {
	/*text-decoration: underline;*/
	border-color: #006fac; 
}


div#next-race table td a.price.win,
div.prices table td a.price.win {
	background: #c41c02;
	font-weight: bold;
	color: white;
	border: 1px solid black;
}

div#next-race table td a.price.place,
div.prices table td a.price.place { 	
	background: #006400;
	font-weight: bold;
	color: white;
	border: 1px solid black;
}


span.blue {
	color: #006fac;
}

span.winningbet {
	color: red;
}


div#content-region div#main-content {
	width: 640px;
}

/**
 * Sidebar including betslip
 */
div#content-region div#sidebar {
	width: 280px;
}

div#sidebar div.block {
	font-size: 11px;
}

div#sidebar div.summary {
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	margin: 2px; 
	border: 1px solid #006fac;
	background: #fff;
}

div#sidebar div.summary.error {
	background: #a50b01 url(/theme/racing/images/sidebar-header-red-bg.png) repeat-x;
	font-weight: bold;
	color: #fff;
	border-color: #a50b01;
	text-align: center;
}
	
div#sidebar div.summary.notice {
	background: #17609c url(/theme/racing/images/sidebar-header-blue-bg.png) repeat-x;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

div#sidebar div.summary.warning {
	background: #f2cd00 url(/theme/racing/images/sidebar-header-yellow-bg.png) 0px bottom repeat-x;
	font-weight: bold;
	color: #000;
	text-align: center;
	border-color: #c79300;
}


div#sidebar div#betslip,
div#sidebar div#current-bets,
div#sidebar div#closed-bets, 
div#sidebar div#highlights,
div#sidebar div#league,
div#sidebar div.streamingmedia-player {
	border: 2px solid #034402;
}

div#sidebar div#betslip {
	background: #eff6ff;
}

div#sidebar div#highlights, 
div#sidebar div#league {
	margin-top: 10px;
}
	
div#sidebar div#betslip h2,
div#sidebar div#current-bets h2,
div#sidebar div#closed-bets h2, 
div#sidebar div#highlights h2,
div#sidebar div#league h2,
div#sidebar div.streamingmedia-player h2 {
	background: url(/theme/racing/images/sidebar-header-bg.png);
	height: 42px;
	line-height: 42px;
	color: white;
	padding-left: 8px;
	margin: 0px;
}

div#sidebar div#highlights h3,
div#sidebar div#league h3 {
	color: #ffffff;
	font-size: 1.3em;
	background: #006FAC url(/theme/racing/images/sidebar-header-blue-bg.png) repeat-x scroll 0 0;
	padding:12px 1em;
	margin-bottom:0px;
}

div#sidebar div#highlights div.block {
	padding:0px 0px 10px 0px;	
}

div#sidebar div#highlight-bets table {
	width:252px;
	margin:12px;
}

div#sidebar div#highlight-bets table th {
	text-align:left;
} 

div#sidebar div#highlight-bets table td {
	line-height:1.2em;
	padding: 8px;
}

div#sidebar div#highlight-bets table td a {
	text-decoration:none;
	color:black;
}

div#sidebar div#highlight-specials ul.event-list {
	padding:1em 1em;
}

div#sidebar div#highlight-specials li {
	border-bottom: 1px dotted #006FAC;
	border-top:0px;	
}

div.live-commentary {
	margin-bottom: 1em;
	overflow: hidden;
	
}

div.live-commentary h5 {
	float: left;
	line-height: 24px;
	margin-right: 0.5em;
}

div.live-commentary ul {
	float: left;
}

div.live-commentary ul li {
	float: left;
	width: 24px;
	height: 24px;
	overflow: hidden;
	margin-right: 0.2em;
}

div.live-commentary ul a {
	display: block;
	float: left;
	width: 24px;
	padding-top: 24px;
	background: url(/theme/racing/images/media-icons.png) -1px -1px no-repeat;
}

div.live-commentary a.audio-link {
	background-position: -1px -27px;
}

div#sidebar div.streamingmedia-player {
	margin-bottom: 10px;
	display: none;
	overflow: hidden;
}

* html div#sidebar div.streamingmedia-player {
	height: 1px;
	overflow: visible;
}

div.streamingmedia-player div.player-controls {
	display: none;
	padding:2px;
	height: 16px;
	overflow: hidden;
	background: #17609C url(/theme/racing/images/sidebar-header-blue-bg.png) center;
}

div#sidebar div.streamingmedia-player div.player-controls {
	display: block;
}
	
div#sidebar div.streamingmedia-player div.player-plugin {
	float: left;
	width: 32px; 
	height: 32px;
	margin: 5px 10px;
	background: url(/theme/racing/images/equalizer.gif) center no-repeat;
}

div#sidebar div.streamingmedia-player div.player-provider {
	float: left;
	height: 32px;
	line-height: 42px;
	font-size:0.8em;
}



div.streamingmedia-player div.player-controls a {
	float:right;
	height:16px;
	width:16px; 
	background: url(/theme/racing/images/betslip-controls.png) -1px -1px no-repeat;
	text-indent:-1000px;
}



div#sidebar div#betslip.error {
	background: #ffdfcf;
}
	
div#sidebar div#betslip.warning {
	background: #f2e7ad;
}

div#sidebar div#betslip-login fieldset {
	border: 0px;
	padding: 0px;
}

div#sidebar div#betslip-login fieldset#credentials input#username,
div#sidebar div#betslip-login fieldset#credentials input#password {
	width: 112px;
	height: 16px;
	margin-bottom: 6px;
}

div#sidebar div#betslip-login fieldset#credentials label {
	float: left;
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 72px;
	height: 16px;
}

div#sidebar div#betslip-login fieldset#buttons label {
	float: left;
	margin-right: 6px;
}

div#betslip h3 {
	margin-bottom: 4px;
	clear:both;
}

div#betslip-bet-header {
	border-bottom: 1px solid #006fac;
	overflow: hidden;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	height:22px;
}

div#betslip div#betslip-bet-header h4 {
	float: left;
	margin: 0px;
}

div#betslip ul#betslip-bet-controls {
	float: right;
	margin-left: 1em;
}

div#betslip ul#betslip-bet-controls li {
	float: left;
	width: 16px;
	height: 16px;
	padding-left: 0.2em;
	overflow: hidden;
}

div#betslip ul#betslip-bet-controls li a {
	display: block;
	width: 16px;
	padding-top: 16px;
	background: url(/theme/racing/images/betslip-controls.png) -1px -1px no-repeat;
}

div#betslip ul#betslip-bet-controls li a.betslip-refresh {
	background-position: -1px -19px;
}

div#betslip div#betslip-price-heading {
	text-align: center;
	font-weight: bold;
	margin-left: 165px;
	font-family: Tahoma, Verdana, sans-serif;
}
	
div#betslip div.betslip-price {
	height: 25px;
	line-height: 25px;
	color: white;
	font-weight: bold;
	font-size: 12px;
	padding: 5px;
	margin-bottom: 5px;
	text-align: right;
	font-family: Tahoma, Verdana, sans-serif;
}


div#betslip div.betslip-price.win {
	background: #C41C02 url(/theme/racing/images/sidebar-header-red-bg.png);

	
}

div#betslip div.betslip-price.place {
	background: #006400 url(/theme/racing/images/sidebar-header-bg.png);
}


div#betslip div.betslip-price input {
	width: 72px;
	height: 15px;
}

div#betslip div.betslip-price label {
	float: left;
	width: 150px;
	height: 25px;
	text-align: left;
}

div#betslip input#betslip-submit {
	font-size: 2em;
}
	
div#sidebar div#current-bets,
div#sidebar div#closed-bets {
	border-top: 0px;
}

div#sidebar div.block.bet {
	background: white;
	margin: 2px;
	border: 1px solid #006fac;
}

div#sidebar div.block.bet h5 {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #057103;
} 

div#sidebar div.block.bet h5 a {
	text-decoration: none;
	color: #057103;
}

div#sidebar div.block.bet.ACTIVE h5 a {
}

div#sidebar div.block.bet.CLOSED {
	background: #d3f5c9;
}
	
div#sidebar div.block.bet.CLOSED h5 a {
}

div#sidebar div#current-bets div#current-bets-today, 
div#sidebar div#current-bets div#current-bets-special {
	background: #d2f5c7 url(/theme/racing/images/sidebar-bg.png) repeat-x ;
	overflow: hidden;	
	padding: 1px;
}

div#sidebar div#current-bets div#current-bets-special {
	border-top: 2px solid #034402;
}
	
div#sidebar div#current-bets div#current-bets-today h3, 
div#sidebar div#current-bets div#current-bets-special h3 {
	font-weight: normal;
	padding: 4px;
	margin: 0px;
}


div#sidebar div#current-bets ul,
div#sidebar div#closed-bets ul {
	list-style: none;
}

div#sidebar div#current-bets ul li,
div#sidebar div#closed-bets ul li {
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #000;
}

/**
 * Footer region
 */
div#page-footer {
}

div#page-footer ul#footer-links {
	margin-top: 20px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 2em;
	background: url(/theme/racing/images/footer-bg.png);
}
	 
div#page-footer ul#footer-links li {
	float: left;
	margin-left: 10px;
	list-style: none;
	color: white;
}

div#page-footer ul#footer-links li a {
	color: #ffffff;
}

div.loading {
	background-image: url(/theme/racing/images/ajax-loader.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	min-width: 50px;
	min-height: 50px;
}

table.league tr.inactive td {
	font-style:italic;
}