html, body { background: #ffffff; }
* { margin: 0px; padding: 0px; }
#container { width: 897px; margin-left: auto; margin-right: auto;}

h3{font-family:verdana;font-weight:bold;font-size:100%;color:#bd1e1a;text-decoration: none}
h4{font-family:verdana;font-weight:bold;font-size:80%;color:#bd1e1a;text-decoration: none}

/*top*/
#header {height: 147px; width: 897px;}

.h-rightside {float: right; height: 147px;}
.uppertext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3366cc; font-weight: bold; padding-right: 62px; float: right; padding-top: 12px; margin-left: -60px;}

#h-leftsidemain {float: left; height:147px;}
#bingologomain { background-image: url('http://www.bingoimages.co.uk/BOIM/images/bli/home/bli_logo.gif'); width: 395px; height: 147px; background-repeat: no-repeat;}

.login-section { margin-top: 25px; margin-left: -7px;}
.login-text { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #4b4a4b; font-weight: bold;}
.pass {margin-top: 12px;}
.forgotl {margin-top: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.forgotl a:link { text-decoration: none; color: #333333;}
.forgotl a:active { text-decoration: none; color: #333333;}
.forgotl a:visited { text-decoration: none; color: #333333;}
.forgotl a:hover { text-decoration: underline; color: #333333;}

#Alias {width: 100px; margin-left: 42px; height: 17px; color: #333;}
#Password {width: 100px; margin-left: 3px; height: 17px; color: #333;}
#Login-submit { margin-top: -19px; margin-left: 190px;}

/* login main */
.loginmain {background-image: url('../../content/images/login.jpg'); background-repeat: no-repeat; width: 226px; height: 118px; float:left; margin-top: 4px;}

.top-pic {background-image: url('../images/top-pic.jpg'); background-repeat: no-repeat; width: 275px; height: 113px; float: right; margin-top: 8px; margin-right: 1px;position:relative;}

.facebook {
    left: 239px;
    position: absolute;
    top: 59px;
}
.twitter {
    left: 239px;
    position: absolute;
    top: 33px;
}

#mainlinks { height: 30px;}
#nav { height: 30px; float: left; width: 620px; margin-left: 3px;}
#leftnav { background-image: url('../images/leftofnav.gif'); background-repeat: no-repeat; width: 58px; height: 30px; float: left; }

.links-top { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.links-top li { display: inline; list-style-type: none; margin-left: -3px;}
.links-top a:link {text-decoration: none; color: #666666;}
.links-top a:hover { text-decoration:underline;}

#middle-pic { background-image: url('../images/middle-pic.jpg'); background-repeat: no-repeat; width: 275px; height: 30px; float: right; margin-top: -30px; margin-right: 1px;}

/*middle*/
/*#middle {float: both; width: 897px;}*/
#middle {width: 897px;}
#top-middle {height: 133px;}

#left-mid { float: left; width: 621px; height: 133px; margin-top: -1px;}
#left-mid img{ border:none; }

.right-mid { float: right; background-image: url('../images/bottom-pic.jpg'); background-repeat: no-repeat; width: 276px; height: 133px; margin-top: -1px; }
#bottom-middle { height: 316px; margin-top: -1px;}

/**left section**/
#leftmenu {float : left; width: 321px;}

.lm-top { background-image: url('../images/leftmenu.gif'); background-repeat: no-repeat; width: 321px; height: 83px; }
.lm-mid-1 { background-image: url('../images/leftmenu-leftshadow.gif'); height: 196px; width: 49px; background-repeat: repeat-y; float: left;}

/*left column section*/
.lm-menu-container { margin-left: 6px; width: 255px; float: left; height: auto;}
#leftsection1 {height: 50px;}
#leftsection2 {height: 50px;}
#leftsection3 {height: 50px;}
#leftsection4 {height: auto;}
.bingo-img { background-image: url('../images/bingo-img.jpg'); background-repeat: no-repeat; width: 30px; height: 46px; float: left;}
.leftmenutext { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #010101; float: left; padding-left: 8px;}
.leftmenutext h1 { font-size: 14px; color: #2c6fde;}
.leftmenutext h2 { font-size: 14px; color: #b12322; font-weight: normal;}
.leftmenutext h3 { font-size: 14px; color: #2c6fde; font-weight: normal;}
.leftmenutext a { color: #2c6fde;}
.leftmenutext a:link { color: #2c6fde; text-decoration: underline;}
.leftmenutext a:visited { text-decoration: underline; color: #2c6fde;}
.leftmenutext a:hover { text-decoration: underline; color: #2c6fde;}
.leftmenutext a:active { text-decoration: underline; color: #2c6fde;}
.lm-mid-2 { margin-left: 50px; background-color:#dbe9ff; width: 263px; float: left;}
.lm-mid-3 { height: 196px;}
.lm-footer { background-image: url('../images/leftmenu-footer.gif'); background-repeat: no-repeat; width: 336px; height: 37px; clear: both; margin-top: 0px;}

/* end of left column section*/

#playnow-middlesection {float: left; width: 256px; height: 315px; }

/*#flashbutton { background-image: url('../images/playnow.gif'); background-repeat: no-repeat; width: 256px; height:119px; }*/
#flashbutton {}
#flashbutton img{border:none; }

.instant { background-image: url('../images/instandt_ubtn.gif'); background-repeat: no-repeat; width: 256px; height: 130px;}
.telephone { background-image: url('../images/telephonedetails.gif'); background-repeat: no-repeat; width: 256px; height:69px;}

/******Right Column******/

#rightmenu {float: left; width: 320px; }
#rm-top { background-image: url('../images/rightmenu2.gif'); background-repeat: no-repeat; width: 320px; height: 83px; margin-left: 0px; }
#rm-mid-2 { margin-left: 10px; background-color:#fdddec; width: 263px; height: 202px; float: left;}
#rm-menu-container { margin-left: 14px; width: 255px; float: left;}
#topwinner-img { background-image: url('../images/topwinner-img.jpg'); background-repeat: no-repeat; width: 49px; height: 74px; float: left; margin-top: -16px;}
#totalwinning-img { background-image: url('../images/totalwinning-img.jpg'); background-repeat: no-repeat; width: 49px; height: 56px; float: left;}
#mostpop-img { background-image: url('../images/mostpop-img.jpg'); background-repeat: no-repeat; width: 49px; height: 50px; float: left;}

.rightmenutext { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #010101; float: left; padding-left: 16px; }
.rightmenutext h1 { font-size: 16px; color: #2c6fde;}
.rightmenutext h2 { font-size: 26px; color: #bd1e1a;}

#section1 { height: 80px; padding-top: 8px;}
#section2 { height: 56px;}
#section3 { height: 74px;}

#rm-mid-1 { background-image: url('../images/rightmenu-rightshadow.gif'); height: 202px; width: 38px; background-repeat: repeat-y; float: right; margin-left: 9px; }
#rm-footer { background-image: url('../images/rightmenu-footer.gif'); background-repeat: no-repeat; width: 329px; height: 31px;  float: left; margin-left: -9px;}

/* end of right column*/
.links-base { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

/***************************************************************//***************************************************************/

/*OTHER PAGE TEMPLATE*/
#header-pages { height: 145px; width: 897px;}
#topheader-pages {}
#h_pagestop { height: 84px;}
#pages-bingologo { background-repeat: no-repeat; float: left;}
#pages-header-middle {float: left; width: 501px;}
#pages-nav { height: 27px; width: 501px; padding-left: 3px;}
#pages-links-top { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#pages-links-top li { display: inline; list-style-type: none; margin-left: -3px;}
#pages-links-top a:link {text-decoration: none; color: #666666;}
#pages-links-top a:hover { text-decoration:underline;}
#pages-login-cont{ margin:0;}
#pages-login { background-image: url('../images/common/pages-login.gif'); background-repeat: no-repeat; width: 501px; height: 50px;}
#pages-login a:link { text-decoration: none; color: #333333;}
#pages-login a:active { text-decoration: none; color: #333333;}
#pages-login a:visited { text-decoration: none; color: #333333;}
#pages-login a:hover { text-decoration: underline; color: #333333;}
#pages-login-section { padding-top: 6px; height: 36px;}
.pages-login-text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4b4a4b; font-weight: bold; padding-top: 10px; margin:0 8px 0 8px;}

.pages-login-text  a:link { text-decoration: none; color: #333333;}
.pages-login-text a:active { text-decoration: none; color: #333333;}
.pages-login-text  a:visited { text-decoration: none; color: #333333;}
.pages-login-text a:hover { text-decoration: underline; color: #333333;}

#pages-Alias {width: 107px; margin-left: 2px; height: 17px; color:#333; }
#pages-Password {width: 107px; margin-left: 2px; height: 17px; color:#333;}
#pages-Login-submit { margin-left: 374px; margin-top: -22px;}

#pages-truly { background-image: url('../images/common/pages-trulytext.gif'); background-repeat: no-repeat; width: 501px; height: 49px;}
#pages-truly p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3366cc; font-weight: bold; padding-top: 20px; float: right;}
#pages-pictop {  float: left; background-image:url('../images/common/pages-toppic.jpg'); width:151px; height:126px; background-repeat: no-repeat;position:relative;}
.pages-facebook {
    left: 874px;
    position: absolute;
    top: -11px;
}
.pages-twitter {
    left: 874px;
    position: absolute;
    top: -37px;
}

#h-pagesbottom { height: 24px;position: relative;}
#pages-baseheader { float: left; background-image: url('../images/common/pages-bottompic.jpg'); background-repeat: no-repeat; width: 897px; height: 25px;}
#pages-reg-for { padding-left: 133px; padding-bottom: 5px; margin:0 0 18px 0;}
#pages-login-text-forgot { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; padding-left: 5px;  padding-bottom: 10px; }
#pages-login-text-register { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; padding-bottom: 10px;  }

/*pages middle section*/
/*#pagesmiddle { background-image: url('../images/common/pagesmiddle.gif'); background-repeat: repeat-y; width: 898px; height: 482px;}*/
#pagesmiddle { background-image: url('../images/common/pagesmiddle.gif'); background-repeat: repeat-y; width: 888px; height:auto; padding:0 20px 0 20px; text-align:center;}
.pagesmiddle-center { padding-left: 40px; padding-right: 40px; height: auto; padding-bottom: 20px; margin:0 auto;  text-align: left;}
.pagesmiddle-center p { font-size: 13px; font-family: Arial, Helvetica, sans-serif;}

/*pages footer*/
#pagesfooter {padding:0px 0 0 0; margin:-10px 0 0 0; clear:both; background-image: url('../images/common/pages-footer.gif'); width: 898px; height: 55px; background-repeat: no-repeat; text-align:center; }
#pagesfooter a, a:link, a:visited{color:#3366cc;}
#pagesfooter a:hover{color:#b51d19;}
#pagesfooter a:active{color:#fbb514;}

.pageslinks-base { color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.pageslinks li {margin: 0; padding: 0; display: inline; list-style-type: none;}
.pageslinks a:link {text-decoration: none; color: #666666;}
.pageslinks a:visited {text-decoration: none; color: #666666;}
.pageslinks a:hover { text-decoration:underline;}
#pagesbase { width: 792px; height: 75px; margin:8px auto; text-align:center}
#pagesbase img {border:none;}
#pagescopyright {display:block; width: 897px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin-top: 23px; margin-bottom: 19px}

#ie6gap{}

/****CONTENT PAGES***/

.content{padding: 10px 10px 12px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #4b4a4b; width:500px; margin:0 auto;} 
#depositPromoContent{font-family: verdana; font-size:12px;width:600px;text-align:center;
padding:0;margin:0 auto;color:#3366CC;}
#depositPromoContent a:link, #depositPromoContent a:visited{font-size:12px;color:#b51d19;
	margin: 0px 0 6px 0;display: inline; text-decoration: underline;}
#depositPromoContent a:hover{text-decoration:none;color:#b51d19;}
#depositPromoContent a:active {color:#3366CC;}
.contentTopLinks a:link, a:visited, a:active{font-size:12px;color:#3366CC;margin: 0px 0 0px 0;display: inline;
text-decoration: underline;	}
.contentTopLinks a:hover{text-decoration:none; color:#719E43;}

.content b{color:#b51d19;}
.content a b{color:#4066A9;}
.content b a:hover{color:#7e9b06;text-decoration:none;}
.largelinks{margin:0 0 10px 0;color:#3366cc;}
.largelinks a:link, a:visited{color:#3366cc;text-decoration:underline;}
.largelinks a:hover{color:#719E43;text-decoration:none;}
.largelinks a:active{color:#3366cc; text-decoration:underline;}
.largelinks b {color:#b51d19;}
.submenulinks a:link, a:visited{color:#719E43;text-decoration:none;}
.submenulinks a:hover{color:#7e9b06;text-decoration:underline;}
.submenulinks a:active{color:#719E43;text-decoration:none;}
.content a, .content a:link, .content a:visited {color:#3366CC;text-decoration:none;}
.content a:hover {color:#b51d19; text-decoration:underline;}
.content a:active {color:#fbb514;text-decoration:none;}
.content H1{color:#4066A9; font-family:Helvetica;font-size:20px;margin:0 0 10px 0;}
.content H2{font-family:Helvetica;font-size:16px;margin:10px 0px 10px 0px;color:#3366CC;}
.content H3{font-family:Helvetica;font-size:14px;margin:22px 0px 10px 0px;color:#3366CC;}


.pageslinks{font-size:110%;}

.content .data_table{width:400px;border:1px solid #2D4776;margin:0 auto; padding:16px 0 20px 0; text-align:center;}
.content .data_table TH{background-color: #2D4776;font-size: 14px;font-family: Helvetica;font-weight: bold;padding: 3px;
	border-bottom: 1px solid #2D4776;color: #FFFFFF;}
.content .data_table TD{font-size: 12px;font-family: Helvetica;font-weight: 100;
	padding:5px 0px 5px 5px;color: #2D4776;text-decoration:none;	}
.content .data_table .oddRow TD{background-color: #CDDAEF; }
.content img{margin:14px 0 14px 0; border:none; text-decoration:none;}
.content img a{border:0; text-decoration:none;}
.content img a:hover{border:0; text-decoration:none;}
img a:hover{border:0; text-decoration:none;}
a img,a img:hover{border:0; text-decoration:none;}



.content p{margin:12px 0 12px 0;}
/*.content table{margin:0 auto; padding:0;}*/
.content hr{ border-bottom:dotted 1px #3366cc;width:100%;}
/*.content hr{ display:none;}*/
.largelinks hr{display:none;}
.content OL{margin:5px 20px 10px 40px;}
.content UL{margin:5px 20px 10px 40px;}
.content LI{padding-bottom:5px;}

.content table{margin:10px 0 10px 0; padding:10px 0 10px 0;}

/**********Forgotten log in details**********/

.content #forgotContent{margin:0 auto; padding:0; text-align:center;}
.content .panel{border:solid 1px #3366cc; width:480px; text-align:left; margin:0 auto; padding:6px;}
.content #forgotContent h1{color:#fff;background-color:#3366cc; font-size:100%; padding:2px;}

.buttonContainer .submitButton{margin:20px 0 0 0; text-align:center; padding:2px 6px 2px 6px; border:solid 2px #3366cc; color:#fff;}
.buttonContainer .submitButton a, a:link, a:visited{color:#fff; text-decoration:none; font-size:95%; }
.buttonContainer .submitButton a:hover{color:#fff; text-decoration:underline;font-size:100%; }
.buttonContainer .submitButton a:active{color:#fff; text-decoration:none;font-size:100%;}
.buttonContainer{text-align:center; margin:16px 0 0 0;}

/*************log in******************************/
.content #membersData{padding:8px;}
.panel H1{margin:4px 0 0 8px;}
.content #membersData .links{margin:4px 0 8px 0;}

.content .membersHeader{ margin:8px 0 8px 0; font-weight:bold; color:#b51d19; }
.content .links{margin:0 6px 0 0; padding:0 6px 0 0;}

/*******Members Data*******/
.content #balanceDetails{border-bottom: 1px solid #000;margin: 0 0 15px 0;padding-bottom: 5px;float: left;}
.content #balanceDetails b{display: block;float: left;width: 145px;}
.content #balanceDetails p{padding:5px 0;margin:5px 0;}
.content #balanceDetails span{display: block;float: left;width: 145px;}

.content div.detailsField{clear: both;margin: 10px 0;}
.content div.detailsField b{display:block;float: left;width: 145px;}
.content div.detailsField span{display:block;float: left;}

.content .reportTableNav, .content .reportTable{width: 100%; color:#3366CC;}
.content .reportTable th{border-bottom: 1px solid black;}
.content .reportTable td{border-bottom: 1px solid silver;}
.content #membersData b{color:#3366cc;}


.content #membersData input, .content #membersData select
{
	width: 230px;
	background: none;
	border:solid 1px #335287;
}
.content #membersData input.modifyRadioButton, .content #membersData input.modifyCheckbox
{
	width:auto;	
	border: none;
}




/***********************************************/

html > body .content .panel
{
	height: auto;
}
.content .boxtrans .panel
{
	width: 540px;
}
.content .panel h1
{
	height: 18px;
	width: auto;
	border-bottom:1px solid #3366cc;
	font-weight: 600;
	padding:5px 0px 5px 10px;
	margin:0;
	background:none;
	background-color:#3366cc;
	color: #FFFFFF;
	font-size:15px;
	font-family: Helvetica;
	font-style: normal;
	text-transform: capitalize;
	text-align: left;
} 


.content .links a, .content .links a:link, .content .links a:visited{margin:0 12px 0 0;}
.content .links a:hover{}
.content .links a:active{}

.content .panel th
{
	color: #000;
	font-family: verdana;
	font-size:12px;
	background: none;
	border: none;
}
.content .panel td
{
	color: #000; font-family: verdana; font-size:12px; background: none; border: none; font-weight: normal;
}

.content #Username, .content #Password
{
	margin:8px 0 0 0;
}

#playnowFlash{ float:left; width:105px; margin:-6px 20px 10px 30px; padding:0 30px 0 30px; }
.content #regfloat{width:660px; float:right; margin:0 0 10px 0; min-height:300px;}


.content #newMemberButtons a:link{text-decoration:none;}

.txt a, .txt a:link, .txt a:visited{ color:#3366cc; text-decoration:none; font-size:12px;}
.txt a:hover{ color:#b51d19; text-decoration:underline;}
.txt a:active{ color:#3366cc; text-decoration:none;}