/* Casino information */
#casinoInformation h1 {font-size: 185%; color: #D94600; margin: 4px 4px 5px;}
#casinoInformation h2 {margin: 10px 14px 4px; color: #363636;}
#casinoInformation h3 {margin: 10px 0 0 14px; font-size: 85%; color: #363636;}
#casinoInformation ul, #casinoInformation p {margin: 4px 14px; font-size: 85%;}
#casinoInformation a:hover {color: #FFF; background-color: #363636;}
/* Static pages such as T&Cs */
#information h1 {font-size: 185%; color: #D94600; margin: 10px;}
#information h2, #information dl, #information h3 {margin: 10px 20px 4px 20px; color: #363636;}
#information h3 {font-size: 85%;}
#information hr {height: 1px; margin: 10px 20px 4px 20px; border-top: 1px solid #B9ACAD; color: #B9ACAD; background-color: #B9ACAD; border-bottom: none; border-left: none; border-right: none;}
#information p, #information ul {margin: 4px 20px 4px 20px; font-size: 85%;}
#information dl {font-size: 85%;}
#information dt {font-weight: bold;}
#information .panel {border: 1px solid #B9ACAD; margin: 10px 10px 0 10px;
	background: #FFF url(../images/common/trim/imgInformationPanel.jpg) repeat-x bottom left;}
#information .panel ul li a {text-decoration: none;}
#information .panel h2, #information .panel dl {margin: 4px; color: #363636;}
#information .panel h3 {margin: 4px; color: #363636; font-size: 85%;}
#information .panel p, #information .panel ul {margin: 4px 0 4px 4px; font-size: 85%;}
#information .panel p {margin: 0 4px 0 4px;}
#information .panel img {float: right; margin: 0 10px 10px 0;}
#information .panel hr {display: none;}
#information p.hang {margin: 4px 20px 4px 24px;}
#information a:hover {color: #FFF; background-color: #363636;}
/* Sitemap */
#information .sitemapColumn {
	float: left;
	width: 50%;
}
/* header */
#header{width: 942px; margin: 0 auto;}
#midHeader {width: 560px; margin: 0 auto; height: 162px;
	background: url(../images/common/trim/imgHeaderBkg.gif) repeat-x left top;}
#header h1 {margin: 10px 0 0 10px; padding: 0;}
#header p {margin: 10px 20px 0 10px; padding: 0 10px 0 0; width: 500px; font-size: 85%;}
#header img {float: left; padding: 4px;}
#header a img {float: right; margin: 6px;}
#heroSummary, #heroSummary p {float: left; padding: 0px; display: inline; width: 318px;}
/* text betting */
#contentHeaderMembrane {z-index: 1; height: 162px; overflow: visible; margin-bottom: 10px;
	background: url(../images/common/trim/imgHeaderBkg.gif) repeat-x left top;}
#subheader1 {float: left; height: 162px; width: 180px;
	background: url(../images/en/Headers/imgTextBetMobileLeft.gif) no-repeat left top;}
#subheader2{float: left; width: 560px; max-width: 560px; height: 162px;}
#subheader3{float: right; width: 180px; height: 162px;}
.HeaderIntro {height: 160px; margin: 0 0 0 180px;}
.HeaderIntro h1 {margin: 10px 0 0 139px; padding: 0;}
.HeaderIntro p {margin: 10px 20px 0 139px; padding: 0 10px 0 0; width: 500px; font-size: 85%; color: #666666;}
#textBet h3, #textBet p {margin: 0 0 4px 0; font-size: 85%; clear: both;}
h1.Question {background: url(../images/common/icons/imgHelp.gif) 0 50% no-repeat; padding-left: 20px; color: #E01923;}
.betFloat {display: inline; float: left; text-align: left; margin: 10px 15px 10px 25px;}
.betFloat ul {color: #E01923; list-style: none; margin: 0 0 0 10px; padding: 0;}
.betFloat ul li {background: url(../images/common/icons/imgSportsMenuItem.gif) no-repeat 0 50%; padding-left: 20px; line-height: 1.5em;}
.betFloat li a {color: #E01923; text-decoration: none !important;}
.betFloat li a:hover {background-color: #E01923; color: #FFF; text-decoration: none !important;}
/* ** Bet Template ** */
.betTemplate {margin: 5px 0 5px 0; padding: 0; border-bottom: 1px dotted #CCCCCC;}
.betTemplateWrap {background-color: #CC9; margin: 5px; padding: 5px 5px 0 5px; float: left; text-align: center;}
.betTemplateInner {background: #FFF; padding: 5px 5px 0 5px; margin: 0px; float: left;}
.betTemplateInner dl {margin: 0; padding: 0; border-right: 1px solid #CC9; float: left;}
.betTemplateInner dl dt {padding: 5px;	font-size: 80%; text-align: center;}
.betTemplateInner dl dd {font-size: 90%; text-align: center; text-transform: uppercase; margin: 0; padding: 0 4px 0 4px;}
.betTemplateInner dl dd.first {text-align: center;}
.betTemplateInner dl.last {border-right: 0;}
.top {background: #F2F7D4 url(../images/common/icons/imgGoTop.gif) no-repeat 0 50%; padding: 8px 0 8px 16px; margin-bottom: 5px;}
/* Registration Fields */
#Registration {margin: 5px 10px 0 40px; padding: 0;}
div.HomeRegister {float: left; position: relative; width: 228px; margin: 10px 26px 10px 0; padding: 0 0 16px 0;
	background: url(../images/common/trim/hroll-bg-bottom.gif) no-repeat bottom left;}
div.last {margin-right: 0;}
div.HomeRegister dl {margin: 0; padding: 12px 5px 0 5px;
 	background: url(../images/common/trim/hroll-bg-top.gif) no-repeat top left;}
div.HomeRegister dl dt {float: left; margin: 0;}
div.HomeRegister dl dt.hr-title {clear: none; margin: 0 0 3px 0;}
div.HomeRegister dl dt.hr-title a {color: #222;}
div.HomeRegister dl dd {clear: left; margin: 2px 2px 0 2px; padding: 0; text-align: center;}
#quicklinks {margin-bottom: 10px;}
#quicklinks li {margin-bottom: 0.4em; line-height: 1;}
#quicklinks h1 {font-size: 85%; color: #363636;}
#quicklinks li a {font-size: 75%; color: #E01923; text-decoration: none;}
#quicklinks li a:hover {font-size: 75%; background-color: #E01923; color: #FFF; text-decoration: none;}
/* Channel promotions */
#channelPromo, #promoHome {
	float: left;
	border: 1px solid #CAD590;
	margin-bottom: 15px;
	padding: 5px;
	background: url(../images/common/trim/imgChannelPromoBkg.gif) repeat-x left top;
}
#promoHome {width: 548px;}
#promoHome #heroSummary {float: left; width: 365px;}
#channelPromo #heroSummary {float: left; width: 335px;}
#promoHome .preview, #channelPromo .preview {float: right; width: 180px; padding: 5px; background: #FFF; border: 1px solid #CAD590;}
#channelPromo .bigHero {width: 510px; margin: 10px; padding: 5px; background: #FFF; border: 1px solid #CAD590;}
#promoHome #heroSummary p, #channelPromo #heroSummary p {font-size: 85%; margin-bottom: 5px;}
#promoHome #heroSummary h1, #channelPromo #heroSummary h1 {margin: 0 0 10px;}
#promoHome #heroSummary .action, #channelPromo #heroSummary .action {margin-top: 10px; text-align: right;}

#promotions {clear: both;}
#promotions div.center {width: 480px; text-align: center; border: 1px solid #B9ACAD; background-color: #FFF; margin: 0 auto;}
#promotions div.center img {text-align: center; margin: 6px;}
#flexPromos ul {padding: 0;}
#flexPromos li {float: left; margin: 4px 4px 0 0; display: inline;}
#flexPromos li.lineEnd {float: left; margin: 4px 0 0 0; display: inline;}
#promo {
	background-color: #F7FAEB;
	margin-bottom: 15px;
	font-size: 85%;
}
#promo h3 {margin: 4px; width: 160px; height: 5ex;}
#promo img {margin: 2px;}
#promo p {margin: 4px; text-align: right;}
#promo a {text-decoration: none;}
#promo .para {display: block; margin: 4px; text-align: right;}
#promoHome img#promoHeader {background-color: #FFF; margin: 8px 15px 8px 15px; padding: 4px; border: 1px solid #B9ACAD;}
#promoDetail {font-size: 85%; color: #363636;}
ul.actions {padding: 10px; font-size: 85%;}
#promoDetail ul.actions a:hover {color: #FFF; background-color: #363636;}

#codeJump {font-size: 70%;}
#codeJump ul {list-style: none; margin: 10px 0 10px 0; padding: 0;}
#codeJump ul li {display: inline; margin-right: 10px; padding: 0;}

/* Game promo */
#casinoInformation .gamePromo {
	float: left;
	border: 1px solid #CAD590;
	margin: 5px 10px 5px;
	padding: 5px;
	background: url(../images/common/trim/imgChannelPromoBkg.gif) repeat-x left top;
}
#casinoInformation .gamePromo .gameSummary {float: left; width: 320px;}
#casinoInformation .gamePromo .preview {float: right; width: 180px; padding: 5px; background: #FFF; border: 1px solid #CAD590;}
#casinoInformation .gamePromo .gameSummary h3 {font-size: 150%; margin: 0 0 5px 5px;}
#casinoInformation .gamePromo .gameSummary p {font-size: 85%; margin: 5px;}
#casinoInformation .gamePromo .gameSummary .action {margin-top: 10px; text-align: right;}

/* ** Abbreviations and Course Codes ** */
.abbrTemplate {
	margin: 5px 0 5px 0; padding: 0;
	border-bottom: 1px dotted #CCCCCC;
	clear: both;}
.abbrTemplateWrap {margin: 0; padding: 0; float: left;}
.abbrTemplateInner {margin: 0; padding: 0; float: left;}
.abbrTemplateInner dl {
	width: 133px;
	text-align: center;
	margin: 5px 5px 5px 0;
	padding: 0;
	border-right: 1px solid #CCC;
	float: left;}
.abbrTemplateInner dl dt {padding: 0 0px 5px 0; margin: 0; text-transform: capitalize; font-size: 70%; font-weight: bold; text-align: left;}
.abbrTemplateInner dl dd {
	padding: 0 5px 5px 0px;
	font-size: 80%;
	text-align: left;
	text-transform: capitalize;
	margin: 0;
	clear: both;}
.abbrTemplateInner dd ul {list-style: none; padding: 0; margin: 0;}
.abbrTemplateInner dl.last {border-right: 0; width: 133px;}
.Code {text-align: right; text-transform:uppercase; margin: 0 0 0 5px;}
.abbr {text-align: right; text-transform:uppercase; margin: 0 5px 0 5px; font-weight: bold; color: #666666; border-bottom: 1px dotted #666;}
.abbr:hover {border-bottom-style: solid; cursor: help;}
html\:abbr, abbr {text-transform: uppercase; margin: 0; border-bottom: 1px dotted #666;}
html\:abbr:hover, abbr:hover {border-bottom-style: solid; cursor: help;}
.abbrTemplate #European dl {width: 150px;}
.abbrTemplate #German dl {width: 200px;}

/* FAQ styles */
#information .primary, 
#information .primary h1, 
#information .primary h2, 
#information .primary h3, 
#information .primary p, 
#information .FAQsection { margin: 10px; }
#information .primary ol {font-size: 85%;}
#information .primary h2 { color: #D94600; }
#information .primary table {font-size:85%;margin:5px 10px;}
#information .primary .openingHours { width: 50%; }
#information .primary .openingHours th { text-align: left; }
#information .primary .openingHours th,
#information .primary .openingHours td { border: 1px solid #363636; padding: 2px 4px; }
#information .FAQsection ol { font-size: 85%; }
#information .FAQsection h3 { margin-left:10px; margin-bottom: 0.5em; color: #D94600; }
#information .FAQsection h4 { margin-left:10px; margin-bottom: 0.2em; }
#information .FAQsection h4 a { color: #363636; line-height: 1.2; }
#information .FAQsection h4 a:hover,
#information .FAQsection h4 a:focus { background: #363636; color: #FFF; }
#information ul.FAQsummary { list-style: none; }
#information .FAQanswer p,
#information .FAQanswer ul { list-style-position: inside; margin: 4px 5px; font-size: 85%; }
#information .FAQanswer ol { margin: 4px 5px; font-size: 85%; padding-left: 20px; }
#information .FAQanswer ol p { font-size: 100%; }
#information ul.FAQsummary li { margin-bottom: 0.2em; }
#information .primary a,
#information .FAQanswer a,
#information ul.FAQsummary li a { color: #E01923; }
#information .primary a:hover,
#information .FAQanswer a:hover,
#information ul.FAQsummary li a:hover { background: #E01923; color: #FFF; }
#information .FAQanswer { padding: 5px 10px; margin: 5px 10px; background-color: #f3f1f1; }
#information .FAQanswer dt { margin-top: 0.5em; }
#information .FAQanswer li { margin-bottom: 0.5em; }
#information .FAQanswer ul li {list-style-type: disc;}
#information p.smallprint {font-size:77%; font-style: italic;}
/* FAQ Answer tables */
#information .FAQanswer table {font-size:85%; margin:5px 5px;}
#information .FAQanswer table tr td {border: 1px solid #77804D;}
#information .FAQanswer table tbody tr td {background-color:#BCCC66; padding:2px;}
#information .FAQanswer table thead tr td {background-color:#00483B; color: #FFF; font-weight:bold;padding:2px;}
#information .FAQanswer h5,
#information .FAQanswer h6 { margin: 1em 0 0.2em 5px; }
#information .FAQanswer ol ol,
#information .FAQanswer li h5,
#information .FAQanswer li h6 { font-size: 100%; }

/* forgotten password styling */
#wrapper {
	width: 716px;
	border: none;
	margin: 0;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

#content {
	margin: 5px 0 1em 0;
	background: #616b2e url("../images/common/trim/imgKeylineBkg_01.gif") repeat-y center center;
}
.full #content { background: none; }

#realContent {
	float: left;
	width: 470px;
	margin: 0 0 1em 10px;	/* bottom spacing */
	padding: 0 10px 1em 0;
/* overall width: 491px = CSS2 box model */
}
/* Popup page */
body.popup { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:85%; }
.popup #header h1 { height: 42px; margin-bottom: 0; font-size: 120%;}
.popup #header h1.forgot { background: transparent url("../images/en/Headers/imgForgotHeader.gif") no-repeat; margin:0px;}
.popup #wrapper { width: 500px; }
.popup #content { background: none; margin: 0; }
.popup #content .breadcrumb { background: #DCE3B5; padding: 10px; }
.popup #realContent { width: 480px; margin-bottom: 0; }
.popup #queryWrapper { width: 400px; margin: 10px auto; }
.popup #queryWrapper .query { border: 1px solid #CAD590; margin: 0 auto 10px; padding: 5px 10px 10px; }
.popup #queryWrapper .query h2 { margin-top: 5px; font-size:110%; color:#d94600;}
.popup #queryWrapper .query .question { font-weight: bold; }
.popup #queryWrapper .contact li { margin: 5px 0; list-style-type: none; }

.popup #queryWrapper .query .question { font-weight: bold; }
.popup #queryWrapper .contact li { margin: 5px 0; list-style-type: none; }

/* Instant Games login */
#gamesLogin #header { width: 100%; height: 79px; margin: 0px; background: transparent url("../images/common/trim/imgGameLoginHdrBkg.gif") repeat-x; }
#gamesLogin #brandLogo { padding: 10px 0 0 10px; }
#gamesLogin h1 { font-size: 191%; }

#gamesLogin #loginForm {display: block;}
#gamesLogin #loginForm fieldset {display: block; vertical-align: baseline;}
#gamesLogin #loginForm label {color: #363636;}

#gamesLogin #content .query a {color: #363636;}
#gamesLogin #content .query a:hover {
	background: #363636;
	color: #FFF;
}

/* General */
#content ul.nav { float: right; }
#content ul.nav li { display: inline; }
#content ul.nav li a { padding: 0 0.2em; }
#content ul.nav li span { margin: 0 1em; color: #e01923; }

#regForm fieldset { background: #DCE3B5; padding: 5px; border: 1px solid #B9ACAD; margin: 5px 0; }
#regForm label { float: left; width: 100%; padding: 2px 0; }
#regForm label .note { padding-left: 5px; line-height: 1.5; }
#regForm label a.tooltip { padding-left: 5px; }
#regForm input, #regForm select, #regForm textarea { float: left; }
#regForm .formText { float: left; width: 116px; text-align: right; padding: 3px 6px 3px 0; }
#regForm .options .formText { width: auto; text-align: left; }
#regForm .formOption { padding-top: 5px; }
#regForm .options .formOption { padding-top: 2px; line-height: 1.6; }
#regForm .formGroup label { width: auto; padding-right: 10px; }
#regForm .formOptionText { padding-left: 5px; }

/* Form - static fields */
#regForm .field { float: left; width: 100%; font-size: 85%; }
#regForm .fieldName { float: left; width: 215px; padding: 2px 6px 2px 0; text-align: right; }
#regForm .fieldValue { float: left; padding: 2px 0; }
#regForm .fieldAction { float: left; margin-left: 215px; padding: 2px 0 2px 6px; }
#regForm .fieldOption { float: left; padding: 2px 0; }
#regForm .options .button { padding-left: 10px; }

/* Form - table */
#regForm table { margin: 0 auto; width: 75%; font-size: 85%; }
#regForm tfoot th { font-weight: normal; text-align: right; }
#regForm th, #regForm td { padding: 4px; border-bottom: 1px solid #CAD590; width: 25%; }
#regForm th { text-align: center; }
#regForm td { background: #FFF; padding: 2px 4px; border-left: 1px solid #CAD590; text-align: center; }
#regForm td.c1 { border-left: none; }
#regForm td.alt { background: #F6F8ED; }
#regForm td input { float: none; }
#regForm .legend { background: transparent; border: none; text-align: right; }
#regForm .nav { padding-bottom: 5px; }

/* Form errors */
#regForm .formText.error { background: #E01923; color: #FFF; }
#regForm .formOptionText.error { background: #E01923; color: #FFF; }
#regForm .formOptionText.error a { color: #FFF; }

#queryWrapper a:link, #queryWrapper a:visited, #queryWrapper a:hover, #queryWrapper a:active {
	text-decoration: underline;
	color: #E01923;
}
#queryWrapper a:hover, #queryWrapper a:focus {
	text-decoration: none;
	background: #E01923;
	color: #fff;
}