/* @override http://www.chirange.com/css/OTL.css */

/* Default */
* {
	margin: 0;
	padding: 0;
	font-style: normal;
	line-height: 1;
	color: #464646;
}

/* Primary font */
*,
.editorial a,
#mainContent .tabularContent a,
#content .totesportRadio * {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Secondary font */
.editorial a,
.promotion *,
.secondaryContent *,
.commentary *,
.facts dd.alt,
.panel h3,
#sideNav *,
#sidePromos * {
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Paragraphs */
.promotion p,
.promotion p *,
#sidePromos p {
	font-style: italic;
}

em {
	font-style: italic;
}

/* Layout */
body {
	text-align: center;
}

#outerWrapper,
#footer {
	width: 720px;
	margin: 0 auto;
}

#outerWrapper {
	padding: 20px;
	background: #D4E5F7;
}

#innerWrapper {
	width: 712px;
	padding: 4px;
	background: #EBF2FA;
	text-align: left;
}

#content {
	margin: 2em 0 0;	/* Allow room for primary navigation. */
}

#mainContent {
	width: 692px;
	margin: 0 10px;
}

/* Global */
body {
	background: #FFF;
	font-size: small;
}

h1, h2 { color: #275282; }
h3, h4 { color: #4783C8; }

h1 { font-size: 1.5em; /* 21px */ margin-bottom: 10px; }
h2 { font-size: 1.23em;  /* 16px */ margin-bottom: 5px; }
h3 { font-size: 1.075em; /* 14px */ margin-bottom: 5px; font-weight: normal; }
h4 { font-size: 1.075em; /* 14px */ margin-bottom: 5px; font-weight: normal; }

p, li, label, dd, dt, input, select, textarea {
	font-size: 85%; /* 11px */
}
label input, label select, label textarea { font-size: 100%; }	/* Negate compound font-sizes */

a {
	text-decoration: underline;
	color: #E01923;
}
a:hover, a:focus {
	text-decoration: none;
	background: #E01923;
	color: #FFF;
}

hr { display: none; }
fieldset { border: none; }
table { width: 100%; border-collapse: collapse; }
img { border: none; }

/* Header (incorporating IR) */
.ir {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#header {
	position: relative;
	height: 100px;
	background: #30649D;
	color: #FFF;
}
#header h1,
#header h2 {
	margin-left: 10px;
	color: #FFF;
}
#headerLogo {
	background: transparent url("../images/en/imgHeader.gif") no-repeat;
}

/* Skip navigation */
#skip { position: absolute; list-style-type: none; }
#skip a { position: absolute; top: -4px; left: 10px; margin-left: -300em; padding: 2px; border: none; background: #FFF; color: #000; text-align: left; white-space: nowrap; }
#skip a:active, #skip a:focus { margin-left: 0; }

/* Navigation */
#primaryNav ul.nav li a:hover,
#primaryNav ul.nav li a:focus,
#sideNav ul.nav li a:hover,
#sideNav ul.nav li a:focus {
	background: #D94600;
	color: #FFF;
}
#primaryNav ul.nav li.currentNav a,
#sideNav ul.nav li.currentNav a {
	background: #E01923;
	color: #FFF;
}

#sideNav h2 { font-size: 1.075em; /* 14px */ font-weight: normal; color: #4783C8;}
#sideNav h2 a {
	color: #4783C8;
	text-decoration: none;
}
#sideNav h2 a:hover,
#sideNav h2 a:focus {
	background: #4783C8;
	color: #FFF;
}

/* Primary navigation */
#primaryNav {
	position: absolute;
	top: 128px;
	width: 712px;
	background: #4783C8;
}
#primaryNav ul.nav li {
	float: left;
	border-right: 1px solid #FFF;
	list-style-type: none;
	font-size: 0.845em; /* 11px */
}
#primaryNav ul.nav li a {
	float: left;
	padding: 5px 10px;
	color: #FFF;
	text-decoration: none;
}

/* Side navigation */
#sideNav ul.nav li {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px dashed #CCC;
	list-style-type: none;
}
#sideNav ul.nav li.last {
	border-bottom: 1px dashed #CCC;
}
#sideNav ul.nav li a {
	display: block;
	padding: 7px 10px;
	color: #D94600;
	text-decoration: none;
}

/* Breadcrumb trail */
#breadcrumbTrail {
	padding: 5px 0;
	font-size: 91%;
}
#breadcrumbTrail li {
	display: inline;
	color: #4783C8;
}
#breadcrumbTrail a {
	padding: 0 2px;
	color: #4783C8;
	text-decoration: none;
}
#breadcrumbTrail a:hover,
#breadcrumbTrail a:focus {
	background: #4783C8;
	color: #FFF;
}

/* Content */
#content p {
	margin-bottom: 10px;
}
#content .separator {
	clear: right;
	width: 100%;
	height: 0;
	margin-bottom: 10px;
	border-bottom: 1px dashed #CCC;
	font-size: 1%;
}
#content .columnOne .separator {
	margin-bottom: 4px;
}
#content .banner {
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #4783C8;
	background: #FFF;
}
#content .banner img {
	display: block;	/* Fixes uneven bottom margin in IE */
}
#content .skyscraper {
	margin-left: 38px;
}

/* Editorial */
.editorial {
	padding: 0 10px;
}
.editorial ul {
	margin-bottom: 10px;
}
.editorial li {
	list-style-position: outside;
	margin-left: 30px;
	padding-left: 10px;
}
.editorial * {
	line-height: 1.25;
}

/* Multi-column content */
.columnOne {
	float: left;
}
.columnTwo {
	float: right;
}
.columnThree {
	float: right;
}

/* Two column content */
.twoColumn .columnOne {
	width: 490px;
}
.twoColumn .columnTwo {
	width: 170px;
}
.twoColumn .columnTwo h3 {
	color: #00483B;
}

/* Three column content */
.threeColumn .columnOne,
.threeColumn .columnTwo,
.threeColumn .columnThree {
	height: 330px;	/* Note: Need to set height of all columns if we want dashed border to stretch full height. */
}
.threeColumn .columnOne,
.threeColumn .columnTwo {
	width: 236px;
	margin-right: 13px;
	border-right: 1px dashed #CCC;
}
.threeColumn .columnThree {
	width: 170px;
}
.threeColumn .columnThree h3,
.threeColumn .columnThree h4 {
	color: #00483B;
}

/* Primary content */
#primaryContent {
	margin-bottom: 10px;
}

/* Secondary content */

.secondaryContent h3 {
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #e01923;
	margin-bottom: 10px;
}

/* Home promotions */
#homePromos {
	margin-bottom: 10px;
	padding: 10px;
	background: #DBE5F0;
}

/* Main promotions */
#mainPromos {
	float: left;
	width: 500px;
}

/* Promotions */
.promotionsPanel {
	float: right;
}
.promotionsPanel .firstPromo {
	border-right: 1px dashed #CCC;
}
.promotionsPanel .lastPromo {
	border-left: 1px dashed #CCC;
}
.promotion {
	float: left;
	width: 224px;
}
.promotion ul {
	margin: 0;
}
.promotion li {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	text-align: right;
}
.promotion .nav .first {
	float: left;
}
.promotion .nav .last {
	float: right;
}
.promotion .nav li {
	line-height: 1.25;
}

/* totesport Radio */
.totesportRadio {
	clear: both;
	padding: 2px;
	border: 1px solid #4783C8;
	background: #FFF;
}
.totesportRadio a {
	color: #00483B;
	text-decoration: none;
}
.totesportRadio a:hover,
.totesportRadio a:focus {
	background: #4783C8;
	color: #FFF;
}

/* Commentary */
.commentary {
	margin-bottom: 10px;
}
.commentary * {
	display: inline;
}
.commentary li {
	padding-right: 5px;
}
.commentary h3 {
	color: #00483B;
	font-size: 127.5%;
}
.commentary .totesportRadio {
	font-size: 118.5%;
}
#sidePromos .totesportRadio {
	margin-bottom: 10px;
}

/* Facts */
.facts {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #CCC;
}
.facts dt {
	float: left;
	width: 8%;
	margin: -4px 0;
	font-size: 200%;	/* 26px */
	font-style: italic;
	font-weight: bold;
	color: #4783C8;
}
.facts dd {
	float: left;
	width: 92%;
}
.facts dd.alt {
	font-style: italic;
}
.facts dd p,
.facts dd li {
	font-size: 100%;
}
.facts dd ul {
	margin-bottom: 0;
}

/* Offers */
#offers .promotionsPanel {
	background: #ECECBE;
	margin-bottom: 4px;
}
#offers .promotion {
	padding: 10px;
}
#offers .promotion .banner {
	margin-bottom: 5px;
}

.promoButton {
	padding: 5px;
	background: #FFF;
	border: 1px solid #4783C8;
	margin-bottom:10px;
}

/* Notes */
#mainContent .notes {
	list-style-type: none;
	margin: 10px 0 0;
}
#mainContent .notes li {
	margin-left: 0;
	padding-left: 0;
	font-size: 69.5%;	/* 9px */
}
#mainContent .notes li.first {
	float: left;
}
#mainContent .notes li.last {
	float: right;
}

/* Generic tabular content */
#mainContent .tabularContent {
	margin-bottom: 4px;
	padding: 10px;
	border: 1px solid #4783C8;
	background: #FFF;
}
#mainContent table {
	font-size: 77%;
}
#mainContent tr.alt {
	background: #FFFFCC;
}
#mainContent tr .first {
	border-left: none;
}
#mainContent tr .last {
	text-align: right;
	white-space: nowrap;
}
#mainContent tr .distance {
	white-space: nowrap;
}
#mainContent th,
#mainContent td {
	padding: 4px;
	vertical-align: top;
}
#mainContent th {
	border-left: 1px solid #FFF;
	background: #00483B;
	text-align: left;
	color: #FFF;
}
#mainContent td {
	border-left: 1px solid #4783C8;
	border-bottom: 1px solid #4783C8; 
}
#mainContent td.first {
	font-weight: bold;
}

/* Channels */
#channels {
	float: left;
	list-style: none;
}
#channels li {
	float: left;
	margin: 0 4px 10px 0;
	background: #00483B;
	color: #FFF;
}
#channels img {
	color: #FFF;	/* Applies to "alt" text. */
}
#channels li.last {
	margin-right: 0;
}
#channels li a.button img {
	vertical-align: baseline;
}

/* Footer */
#footer ul {
	font-size: 91%;
}
#footer ul {
	padding: 4px 0;
	list-style: none;
}
#footer li {
	display: inline;
}
#footer .links {
	float: left;
}
#footer .copyright {
	float: left;
	margin-left: 120px;
}
#footer .standards {
	float: right;
}
#footer a {
	text-decoration: none;
	color: #00483B;
}
#footer a:hover,
#footer a:focus {
	background: #00483B;
	color: #FFF;
}

/* totepool */
#totepool .columnOne dl {
	float: left;
	width: 100%;
	border-top: 1px dashed #CCC;
}
#totepool .columnOne dl.last {
	border-bottom: 1px dashed #CCC;
}
#totepool .columnOne dt {
	float: left;
	width: 140px;
	padding: 5px;
	font-weight: bold;
}
#totepool .columnOne dt p {
	font-size: 100%;
}
#totepool .columnOne dd {
	float: left;
	width: 230px;
	min-height: 64px;
	padding: 5px 100px 5px 5px;
}
#totepool .columnOne dd ul {
	margin: 10px -100px 0 0;
	list-style: none;
	font-weight: bold;
}
#totepool .columnOne dd li {
	margin: 5px 0;
	padding-left: 0px;
	color: #D94600;
}
.totejackpot dd {
	background: url(../images/common/icons/imgTotejackpotSilk.gif) no-repeat right 5px;
}
.toteplacepot dd {
	background: url(../images/common/icons/imgToteplacepotSilk.gif) no-repeat right 5px;
}
.totequadpot dd {
	background: url(../images/common/icons/imgTotequadpotSilk.gif) no-repeat right 5px;
}
.totewin dd {
	background: url(../images/common/icons/imgTotewinSilk.gif) no-repeat right 5px;
}
.toteplace dd {
	background: url(../images/common/icons/imgToteplaceSilk.gif) no-repeat right 5px;
}
.toteeachway dd {
	background: url(../images/common/icons/imgToteeachwaySilk.gif) no-repeat right 5px;
}
.toteexacta dd {
	background: url(../images/common/icons/imgToteexactaSilk.gif) no-repeat right 5px;
}
.totetrifecta dd {
	background: url(../images/common/icons/imgTotetrifectaSilk.gif) no-repeat right 5px;
}

/* On course */
#onCourse .panel {
	margin-bottom: 4px;
	padding: 10px;
	background: #ECECBE;
}
#onCourse .panel h3 {
	margin-top: 5px;
}
#onCourse .panel p {
	margin: 5px 0 0;
	background: #ECECBE;
}
#onCourse .panel .banner {
	float: right;
}

/* Tipsters */
#tipsters tr .last {
	width: 90px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}

/* Terms and Conditions */
#popup {
	padding: 10px;
	text-align: left;
}
#popup h1 {
	margin-bottom: 10px;
	color: #D94600;
	font-size: 185%;
}
#popup h2 {
	margin-top: 5px;
}
#popupContent {
	background: #F3F1F1;
	margin-bottom: 10px;
	padding: 10px;
}
#popupContent * {
	line-height: 1.2;
}
#popupContent ol {
	margin: 4px 5px;
	padding-left: 20px; 
}
#popupContent ol ul {
	list-style: none;
}
#popupContent li {
	margin-bottom: 5px;
}
#popupContent li li {
	margin-bottom: 0;
	font-size: 100%;
}
#popupContent li p {
	margin: 5px 0;
	font-size: 100%;
}
.top {
	background: #F2F7D4 url(../images/common/icons/imgGoTop.gif) no-repeat 10px 50%;
	margin-bottom: 5px;
	padding: 8px 0 8px 26px;
}

/* Buttons */
a.button:hover,
a.button:focus {
	background: transparent;
}
a.button img {
	vertical-align: text-bottom;
}

/* Hacks (non-IE) */
#wrapper:after, #content:after, .twoColumn:after, .threeColumn:after, .notes:after, .nav:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clearing floats */
.noscreen { position: absolute; overflow: hidden; width: 0; height: 0; margin-left: -3000px; font-size: 1%; }
option { padding: 0 5px 0 3px; }	/* Reset option padding otherwise Firefox truncates selected text */