body {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background: #fff;
	}
	
	a:hover {
	outline: none; /* hide dotted outline in Firefox */
	}
	
	 /* layout */
	#wrapper {
	width: 964px;
	margin: 0 auto;
	padding: 0px;
	position:relative;
	background: #ffcc00;}
	
	#dailymailheader {
	height: 146px;
	width: 964px;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	color: #333333;
	line-height: 150%;
	}
	#borderTop {
	height: 12px;
	margin: 10px 0 0 10px;
	padding: 0px;
	background: url('/mail/bingo/images/border_top.gif') no-repeat ;	
	font-size: 1px;
	}
	#borderBottom {
	height: 20px;
	margin: 0 0 0 10px;
	padding: 0px;
	background: url('/mail/bingo/images/border_bottom.gif') 0 top no-repeat;
	}
	#logo {
	position: absolute;
	margin-top: 156px;
	left: 16px;
	}
	#logo2 {
	position: absolute;
	margin-top: 20px;
	left: 16px;
	}
	#logoSplash {
	position: absolute;
	margin-top: 20px;
	left: 16px;
	}
	#header {
	width: 921px;
	height: 75px;
	background: #ffcc00 url('/mail/bingo/images/bg_header.gif');
	}
	#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 901px;
	height: 75px;
	margin: 0;
	padding: 10px 10px 0 10px;
	background: #fff url('/mail/bingo/images/bg_footer.gif') 0 0 no-repeat;	
    }
	#footer .footerImg{
	float: left;
	padding:30px 15px 0 15px;
    }
	#footer .footerLogo{
	float: right;
	padding:25px 15px 0 15px;
    }
	.footerCopy{
	color: #8E0878;
	font-size: 11px;
	float:left;
	margin-left:5px;
    }
	.footerLinks{
	float: right;
	color: #8E0878;
	font-size: 11px;
	margin-right: 3px;
    }
	.footerLinks a:link, .footerLinks a:visited{
	text-decoration:none;
	color: #8E0878;
	font-size: 11px;
	margin-left: 5px;
	margin-right: 5px;
    }
	.footerLinks a:hover {
	text-decoration:underline;
	}
	
	.footerTxt{
	color: #8E0878;
	font-size: 12px/18px;
	height: 50px;
	width:801px;
	text-align: center;
	padding-left: 60px;
	padding-right: 60px;
    }
	.footerTxt a:link, .footerTxt a:visited, .footerTxt a:hover{
	text-decoration:underline;
	color: #8E0878;
    }
	 
	 /* grid */ 
	#main {
	margin: 0 10px;
	padding: 2px 11px;
	width: 921px;
	background-color:#fff;
	}
	
	#main .grid_1 {
	width: 260px;
	display: inline;
	float: left;
	padding: 0;
	}
	
	#main .grid_1_2 {
	width: 310px;
	display: inline;
	float: left;
	padding: 0;
	margin: 0 0 0 10px;
	}
	
	#main .grid_2 {
	width: 650px;
	display: inline;
	float: left;
	margin: 0 11px 0 0;
	}
	#main .grid_3 {
	width: 840px;
	display: inline;
	float: left;
	margin-right: 15px;
	}
	
	.grid_1 h1, .grid_2 h1, .grid_3 h1 {
	font-size: 14px;
	text-align:left;
	margin: 0 0 0 10px;
	padding: 0;
	}
	
	html body div.clear,
	html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	}
	html body div.clearSpace,
	html body span.clearSpace {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 15px;
	}
	html body div.clearSpace2,
	html body span.clearSpace2 {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 10px;
	}



/* right navigation */
	
#navTop {
	width: 250px;
	display: inline;
	float: left;
	padding: 15px 0 10px 10px;
	text-align: left;
	background: #e20f82 url('/mail/bingo/images/bg_nav_top.gif') no-repeat;
	}
	
#navigation {
	width: 250px;
	display: inline;
	float: left;
	padding: 0 0 0 10px;
	text-align: left;
	background-color:#e20f82;
	}	
	
#navBottom {
	width: 260px;
	height: 10px;
	display: inline;
	float: left;
	padding: 0;
	text-align: left;
	background: #e20f82 url('/mail/bingo/images/bg_nav_bottom.gif') 0 bottom no-repeat;
	}		
	
#navTop h1 {
	font-weight:bold;
	font-size: 14px;
	color: #fff;
	padding: 0 0 0 10px;
	margin: 0;
	}	
	
.rightnav {
	clear: both;
	padding: 0;
	margin: 0;
	}	
	
.rightnav li {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 40px;
	}	
	
.rightnav li.accountbt {
	height: 45px;
	}	

a.rightnavbutton, a.rightnavbutton:visited {
    background: transparent url('/mail/bingo/images/bg_nav_buttons.gif') no-repeat;
    color: #333;
	text-decoration: none;
	font-weight:bold;
	width:228px;
	font-size: 14px;
	line-height: 35px;
    height: 35px;
	padding: 0 0 0 12px;
	display: block;
	text-align: left;
	}
a.rightnavbutton {
	background-position: 0 top;
	}
	
a.rightnavbuttonon, a.rightnavbuttonon:visited {
    background: transparent url('/mail/bingo/images/bg_nav_buttons.gif') no-repeat;
    color: #333;
	text-decoration: none;
	font-weight:bold;
	width:228px;
	font-size: 14px;
	line-height: 35px;
    height: 35px;
	padding: 0 0 0 12px;
	display: block;
	text-align: left;
	background-position: 0 bottom;
	}
	
	a.rightnavbuttonon {
	background-position: 0 bottom;
	}
	
	a.rightnavbutton:hover, a.rightnavbuttonon, a.accountbutton01:hover, a.accountbutton01:visited, a.accountbutton02:hover {
    background-position: 0 bottom;
	color: #333;
	}	
	
/* sub navigation */

 #subnav {
    width:240px;
    line-height:normal;
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight:bold;
    }
	  
#subnavHdr{
	background: #13d0ff url('/mail/bingo/images/bg_subnav_tp.gif') 0 0 no-repeat;
	color: #333;
	text-decoration: none;
	font-weight:bold;
	width:228px;
	font-size: 14px;
	line-height: 35px;
    height: 35px;
	padding: 0 0 0 12px;
	text-align: left;
	}
a.subHdrLink, a.subHdrLink:hover,  a.subHdrLink:visited{
	color: #333;
	font-weight:bold;
	font-size: 14px;
	line-height: 35px;
	text-decoration: none;
	}
	
#subnavMain {
	margin-top: -2px;
	background: #22d3ff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	}		  
	  
#subnav ul {
    margin:0;
    padding:0;
    list-style:none;
    }
	  
#subnav li {
    margin:0;
    padding:0 0 5px 12px;
    }
    
#subnav a.subnavLink:link, #subnav a.subnavLink:visited {
	color: #fff;
	background: url('/mail/bingo/images/im_subnav_bullet.gif') 0 4px no-repeat;
	font-size: 12px;
    margin:0;
    padding:0 0 0 10px;
    text-decoration:none;
    }
	
#subnav a.subnavLink:hover {
	background-position: 0 -26px;
	color: #333;
	}	

#subnavBtm {
	height: 10px;
	background: #13d0ff url('/mail/bingo/images/bg_subnav_btm.gif') 0 0 no-repeat;
	font-size: 1px;
	}
	
/* account area */

#accountBox {
	background: url('/mail/bingo/images/im_news_ticker.gif') no-repeat;
	display: block;
	padding:0;
	height: 57px;
	width: 420px;
	text-align:left;
	float: left;
	margin: 9px 0 0 10px;
	}
	
#accountTop {
	width: 240px;
	height: 10px;
	display: inline;
	float: left;
	padding: 0;
	text-align: left;
	background: #eee url('/mail/bingo/images/bg_account_top.gif') no-repeat;
	font-size: 1px;
	}
	
#account {
	width: 216px;
	display: inline;
	float: left;
	padding: 0 10px;
	text-align: left;
	color: #e20f82;
	font-size: 12px;
	font-weight: bold;
	line-height: 28px;
	background-color:#eee;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	}
	
.accountHdrLeft {
	float: left;
	width: 150px;
	}	
	
.accountHdrRight {
	float: left;
	text-align: right;
	width: 66px;
	}	
	
#account a {
	color: #e20f82;
	text-decoration: underline;
	}	
	
#account a:hover {
	color: #870472;
	}		
	
.balance {
	clear: both;
	color: #333;
	font-size: 22px;
	}
	
.accountcol01 {
	float: left;
	width: 100px;
	padding-top: 10px;
	}
	
.accountcol02 {
	float: left;
	width: 100px;
	padding-top: 10px;
	color: #333;
	}				
	
#accountBottom {
	width: 240px;
	height: 10px;
	display: inline;
	float: left;
	padding: 0;
	text-align: left;
	background: #eee url('/mail/bingo/images/bg_account_btm.gif') 0 bottom no-repeat;
	font-size: 1px;
	margin-bottom: 5px;
	}
	
#accountbtscol01 {
	float: left;
	margin-right:6px;
	}
	
#accountbtscol02 {
	float: left;
	}		

a.accountbutton01 {
    background: transparent url('/mail/bingo/images/bg_nav_account_button_01.gif') no-repeat;
    color: #333;
	text-decoration: none;
	font-weight:bold;
	width:105px;
	font-size: 14px;
	line-height: 25px;
    height: 25px;
    margin-bottom: 5px;
	padding: 0 0 0 12px;
	display: block;
	text-align: left;
	}

a.accountbutton02 {
    background: transparent url('/mail/bingo/images/bg_nav_account_button_02.gif') no-repeat;
    color: #333;
	text-decoration: none;
	font-weight:bold;
	width:228px;
	font-size: 14px;
	line-height: 35px;
    height: 35px;
    margin-bottom: 10px;
	padding: 0 0 0 12px;
	display: block;
	text-align: left;
	}	
	
/* home promotions */

#homePromo {
	background: #e20f82 url(/mail/bingo/images/bg_home_promo.gif) no-repeat;
	display: block;
	height: 140px;
	padding: 0 0 0 15px;
	width: 906px;
	text-align:left;
	margin:0 0 10px 0;
	}
	
#homePromo h1 {
	font-weight:bold;
	float: left;
	font-size: 14px;
	color: #fff;
	padding: 10px 0 0 0;
	margin: 0;
	}
	
#homePromo .promolink {
	float: right;
	padding: 10px 15px 0 0;
	}
	
.promolink a {
	font-size: 14px;
	font-weight: normal;
	color: #ffcc00;
	text-decoration: none;
	}
	
.promolink a:hover {
	color: #333;
	}
	
.homePromoGame {
	width: 167px;
	float: left;
	padding-right: 14px;
	}

#flashIntro {
	width: 535px;
	height: 195px;
  	background: transparent url('/mail/bingo/images/intro_bg.gif') right bottom no-repeat;
	padding: 10px;
}

a.homePromoBtn {
	width: 167px;
	display: block;
	float: left;
	height: 22px;
	text-align: center;
	line-height: 22px;
	text-transform: uppercase;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background: #ffcc00 url('/mail/bingo/images/bt_home_promo.gif') no-repeat top left;
	}	
	
a.homePromoBtn:hover {
	background-position: 0 -22px;
	}

/* top game home */

	#topGame {
	background: url(/mail/bingo/images/topgames_bg.gif) no-repeat;
	display: block;
	padding:13px 10px 10px 10px;
	height: 192px;
	width: 250px;
	margin-bottom: 15px;
	text-align:left;
	}
.gameTitle {
	float:left;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	height: 19px;
	padding-top: 4px;
	width: 161px;
	margin-right: 10px;
	margin-bottom: 5px;
	}

.gameLink {
	float:left;
	width:79px;
	height: 22px;
	margin-bottom: 5px;
}
.gameLink a {
	font: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:14px;
	display:block;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
    border: none;
	width:79px;
	height: 15px;
	padding: 3px 0 4px 0;
    background: url('/mail/bingo/images/loginBut.gif') no-repeat top left;
	}

.gameLink a:hover {
    border: none;
    background: url('/mail/bingo/images/loginButOn.gif') no-repeat top left;
	}
	
/* login area */

#headerlft {
	width: 480px;
	float: left;
	margin-top: 9px;
	height: 57px;
	}

#customer {
	display: block;
	padding-left:200px;
	height: 57px;
	width: 152px;
	float: left;
	text-align: right;
	}
	#headerlftSplash {
	width: 700px;
	float: right;
	margin-top: 9px;
	margin-right: 10px;
	height: 57px;
	}


#customer a {
font-size: 16px;
font-weight:bold;
text-decoration: none;
display:block;
width: 152px;
height: 45px;
color:#fff;
text-align: center;
padding: 12px 0 0 0;
background: url('/mail/bingo/images/bt_new_player.gif') no-repeat;
}

	#customer a:hover {
	background-position: bottom left;
	}

#customer a span {
	color: #ffcc00;
	font-size: 12px;
	}

/* login box */

#loginBox {
	background: url('/mail/bingo/images/bg_login.gif') no-repeat;
	display: block;
	padding:8px;
	height: 41px;
	width: 404px;
	text-align:left;
	float: left;
	margin: 9px 0 0 10px;
	}

#login {
	display: block;
	text-align:left;
	color:#FFFFFF;
	background: red;
}

#login form {
	margin: 0;
	padding: 0;
	}

#login .loginForgotten {
float:left;
color: #ff6600;
font-size:11px;
display:block;
margin: 3px 10px 0 0;
}
#login .loginForgotten a {
color: #ff6600;
text-decoration: underline;
}

#login .loginForgotten a:hover {
	color: #e20f82;
	}
	
#login .loginUserField {
float:left;
font-size:10px;
display:block;
height: 25px;
margin-right: 0;
}
#login .loginPasswordField {
float:left;
font-size:10px;
display:block;
height: 25px;
margin-right: 0;
}
#login .loginsubmit {
float:left;
font-size:10px;
display:block;
height: 25px;
width: 71px;
margin: 0;
padding: 0;
}
.inputLogin {
	margin: 2px 5px 0 0;
	border: 0;
	background: url('/mail/bingo/images/bg_login_panel.gif') no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #e20f82;
	width: 145px;
	height: 15px;
	padding: 3px 6px;
}

.loginBut {
	font: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ffcc00;
    border: none;
	width:71px;
	height: 25px;
	padding: 0 0 2px 0;
    background: url('/mail/bingo/images/bt_login.gif') no-repeat top left;
}

.loginBut:hover {
    border: none;
    background-position: bottom left;
	}
	  
	  img {border: 0;}
	  
/*---------- bubble tooltip St Minver-----------*/
a.tt{
    position:relative;
    z-index:24;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-185px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #fff;
	font-size: 12px;
	text-decoration:none;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 15px 8px 0;
    background: url(/mail/bingo/images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(/mail/bingo/images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 40px;
	color: #548912;
    background: url(/mail/bingo/images/bubble.gif) no-repeat bottom;
}

/*---------- bubble tooltip 18 -----------*/
a.tt2{
    position:relative;
    z-index:26;
}
a.tt2 span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt2:hover{ z-index:27; color: #aaaaff; background:;}
a.tt2:hover span.tooltip{
    display:block;
    position:absolute;
    top:-170px; left:-30px;
	padding: 15px 0 0 0;
	width:200px;
	color: #fff;
	font-size: 12px;
	text-decoration:none;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt2:hover span.top{
	display: block;
	padding: 15px 8px 0;
    background: url(/mail/bingo/images/bubble.gif) no-repeat top;
}
a.tt2:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(/mail/bingo/images/bubble_filler.gif) repeat bottom; 
}
a.tt2:hover span.bottom{
	display: block;
	padding:3px 8px 40px;
	color: #548912;
    background: url(/mail/bingo/images/bubble.gif) no-repeat bottom;
}

/* sub page content */

#contentTopHome {
	height: 12px;
	font-size:10px;
	margin: 0px;
	padding: 0px;
	background: #e20f82 url('/mail/bingo/images/contentTopHome.gif') no-repeat ;	
	}
	
#contentTop, #contentTop02 {
	height: 25px;
	font-size:10px;
	padding: 13px 25px 7px 25px;
	}	
	
#contentTop {
	margin: 0;
	background: #e20f82 url('/mail/bingo/images/contentTop.gif') no-repeat;
	}
	
#contentTop02 {
	margin: 5px 0 0 0;
	background: #e20f82 url('/mail/bingo/images/contentTop02.gif') no-repeat;
	}	
		
#contentBottom {
	height: 10px;
	margin: 0px;
	font-size:10px;
	padding: 0px;
	background: #e20f82 url('/mail/bingo/images/contentBottom.gif') 0 bottom no-repeat;
	}
	
#homecontentwrapper {
	margin-left: 10px;
	}		
	
#jackpot {
	padding: 10px 0;
	}

.content {
	width: 650px;
	background-color:#e20f82;
	text-align:left;
	padding: 0;
	min-height: 524px;
	}

#contentTop h1, #contentTop02 h1{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	padding:0;
	font-size: 20px;
	color:#fff;
	}

.content h2{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding:5px 25px 5px 25px;
	font-size: 16px;
	color:#ffcc00;
	}
.content h3{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding:5px 25px 5px 25px;
	font-size: 16px;
	color:#ffcc00;
	}
.content li{
	color:#fff;
	padding: 3px;
	}
	
.content a:link, .content a:visited {
	color:#ffcc00;
	font-weight: bold;
	}
.content a:hover{
	color:#333;
	}
	
.contentimg {
	border: 10px solid #e73f9a;
	margin-right: 7px;
	}
	
p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding:0 25px 10px 25px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	}	
	
/* Highlight panel - large */

.highlightLarge {
	background: #fff url('/mail/bingo/images/bg_highlight_lrg.gif') 0 0 no-repeat;
	display: block;
	padding:15px;
	height: 157px;
	width: 600px;
	text-align:left;
	margin-left: 10px;
	}
	
	.highlightLarge:hover {
	background-position:0% -187px;
	}
	
	.highlightLarge .img{
	float: left;
	width: 171px;
	height:157px;
	margin-right:15px;
	}
	
	.highlightLarge .text {
	height: 132px;
	}
	
	.highlightLarge p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 20px 0;
	font-size: 20px;
	line-height: 24px;
	color: #333;
	}
	
	.highlightLarge .oneButton {
	float: left;
	width: 96px;
	padding-left: 317px;
	}
	
/* Highlight panel - small */

.highlightSmall {
	background: #fff url('/mail/bingo/images/bg_highlight_sml.gif') 0 0 no-repeat;
	display: block;
	padding:15px;
	height: 120px;
	width: 600px;
	text-align:left;
	margin: 0 0 10px 10px;
	}
	
.highlightSmall:hover {
	background-position:0% -150px;
	}
	
.highlightSmall .img {
	float: left;
	width: 120px;
	height:120px;
	margin-right:15px;
	}
	
.highlightSmall .text {
	height: 95px;
	}
	
.highlightSmall h2 {
	padding: 0 0 8px 0;
	margin: 0;
	color: #cc0099;
	}
	
.highlightSmall h2 a:link, .highlightSmall h2 a:visited  {
	color: #e20f82;
	text-decoration: none;
	}
	
.highlightSmall h2 a:hover {
	color: #870472;
	}			
	
.highlightSmall p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 20px 0;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	}
	
/* Highligh flex */


#highlightFlexTop {
	height: 12px;
	font-size:10px;
	margin: 0 0 0 10px;
	padding: 0px;
	background: #e20f82 url('/mail/bingo/images/bg_highlight_top.gif') no-repeat ;	
	}
#highlightFlexBottom {
	height: 10px;
	margin: 0 0 15px 10px;
	font-size:10px;
	padding: 0px;
	background: #e20f82 url('/mail/bingo/images/bg_highlight_btm.gif') 0 bottom no-repeat;
	}
	
.highlightContent {
	width: 610px;
	background-color:#fff;
	text-align:left;
	padding: 0 10px 0 10px;
	margin: 0 0 0 10px;
	}

.highlightContent h2 {
	padding: 0 0 8px 0;
	margin-bottom: 10px;
	padding: 0;
	color: #cc0099;
	}
	
.highlightContent h2 a:link, .highlightContent h2 a:visited, {
	color: #e20f82;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}
	
.highlightContent h2 a:hover {
	color: #870472;
	margin: 0;
	padding: 0;
	}			
	
.highlightContent p {
	padding: 0 0 20px 0;
	margin: 0;
	font-size: 12px;
	line-height: 14px;
	color: #333;
	}
.highlightContent ul.intro {
	font-size: 14px;
	margin: 5px 25px 5px 25px;
	padding: 0;
	}
.highlightContent li.intro {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	}
.highlightContent a:link, .highlightContent a:visited{
	color: #e20f82;
	text-decoration: underline;
	}
.highlightContent a:hover {
	text-decoration: underline;
	color: #333;
	}
/* Timetable */



a.timetableBtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	display:block;
	width: 115px;
	height: 38px;
	color: #333;
	background-color: #ffcc00;
	text-decoration: none;
	padding: 2px 0 0 5px;
	}	
	
a.timetableBtn:hover {
	background-color: #00ccff;
	}
	
.whitetext {
	color: #fff;
	}	
	
/* Buttons */
.buttonsHold {text-align: right; float: right; height: 30px;}
.buttons {
	float: right;
	}

a.smallBut:link, a.smallBut:visited {
	font: Arial, Helvetica, sans-serif;
	color: #ffcc00;
	display: block;
	font-size: 12px;
	line-height: 25px;
	font-weight:bold;
	background: url('/mail/bingo/images/bt_small.gif') no-repeat top left;
	padding: 0;
	width:91px;
	height: 25px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	float: left;
	margin: 0 0 0 5px;
	}
	
a.smallBut:hover {
    border: none;
	color: #ffcc00;
    background-position: bottom left;
	text-decoration: none;
	}
	
/* Lobby */

.lobbyHdr {
	width: 310px;
	height: 30px;
	background: #e10f81 url('/mail/bingo/images/bg_lobby_hdr.gif') no-repeat top left;
	}
	
.grid_1_2 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 30px;
	color: #333;
	padding: 0 0 0 15px;
	margin: 0;
	}
	
#lobbyGoingGold, #lobbyGiantJackpot {
	height: 183px;
	width: 306px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	}

#lobbyGoingGold {
	background: #e10f81 url('/mail/bingo/images/bg_lobby_going_for_gold.gif') no-repeat top left;
	}	
	
#lobbyGiantJackpot {
	background: #00ccff url('/mail/bingo/images/bg_lobby_giant_jackpot.gif') no-repeat top left;
	}
	
.lobbyTotal {
	padding: 25px 0 0 135px;
	}	
	
.lobbyContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	height: 115px;
	color: #000;
	background: #fff;
	padding: 15px;
	}
	
a.lobbyBtnLft:link, a.lobbyBtnRht:link, a.lobbyBtnLft:visited, a.lobbyBtnRht:visited {
	width: 155px;
	display: block;
	float: left;
	height: 26px;
	text-align: center;
	line-height: 26px;
	text-transform: uppercase;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}	
	
a.lobbyBtnLft {
	background: #ffcc00 url('/mail/bingo/images/bt_lobby_lft.gif') no-repeat top left;
	}	
	
a.lobbyBtnRht {
	background: #66ff00 url('/mail/bingo/images/bt_lobby_rht.gif') no-repeat top left;
	}
	
a.lobbyBtnLft:hover, a.lobbyBtnRht:hover {
	background-position: 0 -26px;
	}		
		
/* game panels */

.game, .gameLrg {
	display: block;
	width: 280px;
	text-align:left;
	margin-bottom:10px;
	padding:10px 15px;
	}
	
.game {
	background: #fff url('/mail/bingo/images/bg_game_sml.gif') 0 0 no-repeat;
	height: 80px;
	}
	
.gameLrg {
	background: #fff url('/mail/bingo/images/bg_game_lrg.gif') 0 0 no-repeat;
	height: 190px;
	}
	
.game:hover, .gameLrg:hover {
	background-position: 0 bottom;
	}		
	
.game .img, .gameLrg .img {
	float: left;
	width: 80px;
	height:80px;
	margin-right:15px;
	}
	
.game p, .gameLrg p {
	color: #000;
	padding: 20px 0 10px 0;
	}	
	
.game a.header:link, .gameLrg a.header:link, .game a.header:visited, .gameLrg a.header:visited {
	color: #333;
	display: block;
	height:50px;
	font-size: 15px;
	font-weight:bold;
	text-decoration:none;
	}
	
.game a.header:hover, .gameLrg a.header:hover {
	color: #870472;
	text-decoration:none;
	}
	
a.freeplay:link, a.freeplay:visited {
	color: #e20f82;
	display: block;
	font-size: 12px;
	font-weight:bold;
	}
	
a.freeplay:hover {
	color:#870472;
	}
	
a.cashplay:link, a.cashplay:visited {
	font-size: 12px;
	font-weight:bold;
	color: #333;
	display: block;
	}
	
a.cashplay:hover {
	color: #870472;
	}
	
	body.popup { 
	margin: 10px;	
	text-align: left;
	color: #333;
	background-color: #cc0099; 
	font: 10px/12px arial, helvetica, sans-serif;
	vertical-align: bottom;
	}	
	
	body.print { 
	margin: 10px;
	padding: 0;	
	text-align: left;
	color: #333;
	background-color: #cc0099;  
	font: 10px/12px arial, helvetica, sans-serif;
	vertical-align: bottom;
	}	
	


body.popup h1	{	  
	font: 14px/18px verdana, arial, helvetica, sans-serif;    
	font-weight: bolf;    
	color: #ffcc00;	    
	}  
body.popup h2	{	  
	font: 13px/16px verdana, arial, helvetica, sans-serif;    
	font-weight: bolf;    
	color: #ffcc00;	    
	} 
body.popup p, body.popup ul, body.popup li	{	  
	font: 11px/16px verdana, arial, helvetica, sans-serif;    
	color: #fff;	    
	} 
body.popup h1	{	  
	font: 14px/18px verdana, arial, helvetica, sans-serif;    
	font-weight: bold;    
	color: #ffcc00;	    
	}  
body.popup h2	{	  
	font: 13px/16px verdana, arial, helvetica, sans-serif;    
	font-weight: bold;    
	color: #ffcc00;	    
	} 
body.popup a:link	{	  
	font: 11px/16px verdana, arial, helvetica, sans-serif;    
	font-weight: bold;    
	color: #ffcc00;	 
	text-decoration: underline;   
	} 
body.popup a:hover	{	  
	font: 11px/16px verdana, arial, helvetica, sans-serif;    
	color: #333;	 
	font-weight: bold;     
	} 

li.bullet a:link	{
	color: #fff;
	}	
	
	.blhighlight {background: #cc0099; color: #333}
.trhighlight {padding: 7px;}

	.blprint {background: #cc0099; color: #333}
.brprint {padding: 7px;}

a.hyperLink:link, a.hyperLink:visited{
	color: #ffcc00;
	}
	a.hyperLink:hover{
	color: #333;
	}