/* HTML Elements ==============================*/
html, body {margin:0; padding:0;}
body {
font: 62.5%/1em Verdana, Arial, Helvetica, sans-serif;
text-align: center; /*IE<=6*/
background:#1c61b0 url(../img/cnt03_bg.gif) repeat-x top;
}
h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
margin:0; padding:0;
color:#ffc210;
}
h1 {font-size: 2em; line-height:1.3em; margin-bottom:0.2em;}
h2 {font-size: 1.7em; line-height:1.5em; font-weight: bold; margin:0;}
h3 {font-size: 1.3em; line-height:1.5em; font-weight: bold; color:#99c9ff; color:#fff;}
h4 {font-size: 1.3em; line-height:1.5em; font-weight:bold;}
h2 img {margin-left:0px;}
#pageTitle h2, .col2 h4 {text-indent:10px;}
p {font-size:1.2em; line-height:1.5em; margin:0; padding:0 0 1em 0; color:#99c9ff;}
pre {font-size:1.2em; line-height:1.2em; margin:0; padding:0 0 1em 0;}
a {text-decoration:underline; outline:none; color:#99c9ff;}
p a {text-decoration:underline; color:#99c9ff;}
table,tr {font-size:1em;}
td {font-size:1.2em; line-height:1.5em; color:#99c9ff;}
td p {font-size:1em;}
img {border:0;}
img.right {float:right;margin: 0 0 0 2em;}
ul{margin:0 0 1em 0; padding:0 1em 0 1.5em;}
ol {margin:0 0 1em 0; padding:0 1em 0 1em;}
li {font-size:1.2em; line-height:1.5em; margin:0 0 0 1.5em; color:#99c9ff;}
/* Header ==============================*/
#header {
position:relative;
width:770px; height:162px;
margin:0 auto;
text-align: left;
}
#logo {
position:absolute;
top:0; left:0; z-index:1;
width:176px; height:162px;
}
#logo a {display:block;}
#logo a:hover {background-color:#fff; text-decoration:none;}
#logo a:hover span{
display:block;
position:absolute; top:60px; left:-3px;
width:170px;
padding:5px;
font-weight:bold; color:#ffd200; text-align:center;
background:#0f208a; border:1px solid #ffd200;
}
#logo a span{display:none;}
#extraContainer {
position:absolute; top:57px; left:230px;
width:286px; height:53px;
}
#login {
position:absolute; top:55px; right:0;
width:250px; height:40px;
}
#LoginForm {
position:absolute; top:20px; left:0px;
width:250px;
}
#LoginForm .username, #LoginForm .password {
width:94px; height:16px;
padding:3px 5px;
font-weight:bold; color:#0000c6;
background:url(../img/loginform_bg.gif) no-repeat; _background-attachment:fixed; /*IE*/ border:none;
}
#LoginForm .username {position:absolute; top:0px; left:0px;}
#LoginForm .password {position:absolute; top:0px; left:110px;}
#LoginForm .submit {position:absolute; top:-5px; left:220px;}
#LoginForm p {position:absolute; top:25px; left:0px; font-size:0.9em;}
#LoginForm a {color:#fff;}
/*when logged in*/
#ddmenu {position:absolute; top:65px; right:0px;}
#ddmenu select {background-color:#F2FAFF; color:#0000c6; font-weight:bold; border:2px solid #99ccff;
font-size:1.3em;/*old css fix for lotto*/}
#userDetails {position:absolute; top:99px; right:0px; font-size:1.3em; font-weight:bold; color:#ffd200;}
#userDetails .name {margin-right:10px; color:#fff;}
#userDetails .name span{color:#ffd200;}
#userDetails .balance {margin-right:10px; color:#fff;}
#userDetails .balance a {margin-right:2px; color:#ffd200; text-decoration:underline;}
#menu {
position:absolute;
width:770px; height:20px;
top:123px; right:0;
margin:0; padding:0;
text-align:right;
}
#menu li {
display:inline; list-style:none;
font-size:1.2em;
margin:0 0 0 10px;
}
#menu li a {
font-weight:bold;
color:#ffc90c;
text-decoration:underline;
}
/*NavTabs begin-----*/
#topNavigation {position:absolute; width:555px; height:40px; top:10px; left:217px; margin:0; padding:0;}
#topNavigation div {float:left; width:76px; height:40px; margin:0 0 0 1px;}
#topNavigation a {display:block; overflow:hidden; width:76px; height:40px; text-decoration:none;}
#topNavigation a span {visibility:hidden;}
/*IE5 MAC*/
/*\*//*/
#topNavigation a{overflow:inherit;}
/**/
/*Active (bottom layer)*/
#topNavBingo {background:url(../img/nav_tabs/act/bingo.gif) top left no-repeat;}
#topNavSlots {background:url(../img/nav_tabs/act/slots.gif) top left no-repeat;}
#topNavGames {background:url(../img/nav_tabs/act/games.gif) top left no-repeat;}
#topNavRoulette {background:url(../img/nav_tabs/act/roulette.gif) top left no-repeat;}
#topNavLotto {background:url(../img/nav_tabs/act/lotto.gif) top left no-repeat;}
#topNavTv {background:url(../img/nav_tabs/act/tv.gif) top left no-repeat;}
/* #topNavClubs are at the end */
/*Passive (top layer)*/
#topNavBingo a {background:url(../img/nav_tabs/pas/bingo.gif) top left no-repeat;}
#topNavSlots a {background:url(../img/nav_tabs/pas/slots.gif) top left no-repeat;}
#topNavGames a {background:url(../img/nav_tabs/pas/games.gif) top left no-repeat;}
#topNavRoulette a {background:url(../img/nav_tabs/pas/roulette.gif) top left no-repeat;}
#topNavLotto a {background:url(../img/nav_tabs/pas/lotto.gif) top left no-repeat;}
#topNavTv a {background:url(../img/nav_tabs/pas/tv.gif) top left no-repeat;}
#topNavClubs a {background:url(../img/nav_tabs/pas/ourclubs.gif) top left no-repeat; width:70px; margin-left:20px;}
/*rollover*/
#topNavigation div a:hover, #topNavigation div a.active {background-image:none;}
#topNavigation div#topNavClubs a:hover, #topNavigation div#topNavClubs a.active {background:url(../img/nav_tabs/act/ourclubs.gif) top left no-repeat;}
/* CNT =============================*/
#cntO1 {background:url(../img/cnt01_bg.gif) repeat-x top;}
#cntO2 {}
/* MainBody ==============================*/
#mainBody {position:relative;z-index:2; width:770px; margin:0 auto; text-align:left;}
/*LeftNavigation*/
#leftNav {list-style:none;/*IE*/ margin:0; padding:0;}
#leftNav li {width:142px; list-style:none; margin:0; padding:0;}
#leftNav li a{display: block; overflow:hidden; margin:0; padding:0; width:100%; height:100%; text-decoration:none;}
#leftNav li a span {visibility:hidden;}
/*IE5 MAC*/
/*\*//*/
#leftNavigation li a{overflow:inherit;}
/**/
/*Active (bottom layer)*/
#leftNavHome {background:url(../img/nav_left/act/home.gif) top left no-repeat; height:28px;}
#leftNavJoin {background:url(../img/nav_left/act/join.gif) top left no-repeat; height:26px;}
#leftNavHowTo {background:url(../img/nav_left/act/howplay.gif) top left no-repeat; height:26px;}
#leftNavGames {display:none; background:url(../img/nav_left/act/games.gif) top left no-repeat; height:26px;}
#leftNavSchedule {background:url(../img/nav_left/act/schedule.gif) top left no-repeat; height:26px;}
#leftNavCallers {background:url(../img/nav_left/act/callers.gif) top left no-repeat; height:26px;}
#leftNavPresenters {background:url(../img/nav_left/act/presenters.gif) top left no-repeat; height:26px;}
#leftNavContact {background:url(../img/nav_left/act/contact.gif) top left no-repeat; height:26px;}
#leftNavHelp {background:url(../img/nav_left/act/help.gif) top left no-repeat; height:26px;}
#leftNavTcs {background:url(../img/nav_left/act/tcs.gif) top left no-repeat; height:26px;}
/*Passive (top layer)*/
#leftNavHome a {background:url(../img/nav_left/pas/home.gif) top left no-repeat;}
#leftNavJoin a {background:url(../img/nav_left/pas/join.gif) top left no-repeat;}
#leftNavHowTo a {background:url(../img/nav_left/pas/howplay.gif) top left no-repeat;}
#leftNavGames a {background:url(../img/nav_left/pas/games.gif) top left no-repeat;}
#leftNavSchedule a {background:url(../img/nav_left/pas/schedule.gif) top left no-repeat;}
#leftNavCallers a {background:url(../img/nav_left/pas/callers.gif) top left no-repeat;}
#leftNavPresenters a {background:url(../img/nav_left/pas/presenters.gif) top left no-repeat;}
#leftNavContact a {background:url(../img/nav_left/pas/contact.gif) top left no-repeat;}
#leftNavHelp a {background:url(../img/nav_left/pas/help.gif) top left no-repeat;}
#leftNavTcs a {background:url(../img/nav_left/pas/tcs.gif) top left no-repeat;}
/*rollover*/
#leftNav li a:hover, #leftNav li a.active {background-image:none;}
/*Navigation bottom extension*/
#leftNavExt {position:relative; width:142px; height:168px; background:url(../img/leftnavext_bg.gif) left repeat-y;}
#leftNavExtBtm {position:absolute; bottom:0; width:142px; height:1px; line-height:1px; background:url(../img/leftnavextbtm_bg.gif) left repeat-y;}
/* Footer ==============================*/
#footer {position:relative; width:770px; height:inherit; margin:20px auto 0 auto;text-align:center;background:url(../img/footer.gif) top left no-repeat;}
#breadCrumb {display:inline; list-style:none;/*duplicated for IE*/ margin:0; padding:0; text-align:center; display:none;}
#breadCrumb li {display:inline; list-style:none;margin:0 6px; font-size:1.0em; line-height:1.2em;}
#breadCrumb a {font-weight:bold; color:#fff;}
#copyright {width:770px; margin:10px 0 10px 0; padding:0; font-size:1em; text-align:center; color:#fff; border-top:1px solid #31abf1;}
#copyright a{color:#fff; text-decoration:underline;}
#iconGroupOne {}
#iconGroupTwo {padding-left:20px;}
#iconGroupOne img, #iconGroupTwo img{margin-right:7px;}
.copyright {font-size:0.9em; text-align:center; color:#666;}
/*Navigation L1 ==============================*/
h1.navLev_1 {margin:0;}
#navLev_1_cnt { margin-bottom:10px; background:url(../img/nav_lev_1/nav_lev_1_cnt_bg.jpg) no-repeat center bottom;}
ul.navLev_1 {position:relative; width:600px; margin:0; padding:2px 10px 0 10px; list-style:none; }
ul.navLev_1 li {margin:0; padding:0 0 0 1px; float:left; background:none; }
ul.navLev_1 a {display:block; padding:0px 6px; text-decoration:none; font-weight:bold; color:#4ca6ff; white-space:nowrap;}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
ul.navLev_1 a {float:none;}
/* End IE5-Mac hack */
ul.navLev_1 a:hover {color:#fff;}
ul.navLev_1 .active {position:relative;top:0px; background:url(../img/nav_lev_1/tab_left_on_bg.gif) no-repeat top left;}
ul.navLev_1 .active a { background:url(../img/nav_lev_1/tab_right_on_bg.gif) no-repeat right top; color:#ffc210;}
ul.navLev_1 .active a:hover {color:#fff;}
/*textTable ======================*/
.textTable {margin:10px; text-align:center; border-collapse:collapse; border:2px solid #909AD5; background-color:#4D5480;}
.textTable th {padding:4px 2px; font-size:1.2em; line-height:1.2em; color:#cce4ff; background-color:#3c4471; border:1px solid #909AD5;}
.textTable td {padding:2px 2px; font-size:1.2em; border:1px solid #909AD5;}
/* Utility Classes ==============================*/
.twoColumn, .threeColumn, c2wrap, c3wrap {overflow:hidden; width:100%;}
.minimalheight {float:right; width:1px;}
.eight {height:8em;}
.twelve {height:12em;}
.fifteen {height:15em;}
.cleaner {clear:both; height:1px; line-height:1px; font-size:1px; margin:-1px 0 0 0; padding:0; border:none; visibility: hidden;}
.floatLeft {float:left; margin:0 10px 0px 0;}
.floatRight {float:right; margin:0 0 10px 10px;}
.textAlignCenter {text-align:center;}
.hidden {display:none;}
.important {color:red; font-weight:bold;}
.comment {font-size:0.9em; font-style:italic;}
.orange {color:#FF4D00;}
/* Website Sections ==============================*/
/*HomePage*/
#HOME #mainBody {margin-top:-10px;}
#HOME #homeLayout.c3wrap .col1 {width:145px;}
#HOME #homeLayout.c3wrap .col2 {float:right; width:474px;}
#HOME #homeLayout.c3wrap .col3 {position:relative; float:right; width:145px; height:50px;}
#HOME #homePromos.c3wrap .col1 {float:left; width:153px;}
#HOME #homePromos.c3wrap .col2 {float:left; width:153px; margin-left:3px;}
#HOME #homePromos.c3wrap .col3 {float:left; width:153px; margin-left:3px;}
#HOME h1 {margin:0 0 3px 0; text-align:center;}
#HOME #ticker {color:#00bced;}
#HOME #sideJackpots {position:absolute; z-index:1;}
/*BingoInnerPages*/
.TVPAGE .c2wrap .col1 {width:145px;}
.TVPAGE .c2wrap .col2 {position:relative; z-index:1; float:right; width:615px; padding-bottom:20px; background:#071464;}
.TVPAGE .c2wrap .col2 p {padding:0 10px 10px 10px;}
.TVPAGE .c2wrap .col2 h3 {padding:0 10px 0px 10px;}
.TVPAGE .c2wrap .col2 ol {padding:0 20px 0px 20px;}
.TVPAGE h2 {font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
/*Errors and ErrorPages*/
body.pageNotFound #mainBody {}
div.errorBody {margin:5px 50px 30px 50px; text-align:center;}
div.errorMessage {position:relative; margin:5px 0px; padding:20px; background:#040F54 url(../img/error/ico-error_cross_yellow.gif) no-repeat 10px center; border:1px solid #0F1F88;}
/*Popups*/
body.popupPage {text-align:left;background-image:none;}
body.popupPage h1{text-align:center;font-size: 1.7em; line-height:1.5em; font-weight: bold;}