/* CSS Document */
body { margin: 0; padding: 0; border: 0; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;  /* background: #01b2f5 url(../images/testbg.jpg) no-repeat center top; background-attachment: fixed;  OLD BG*/ background: #b84fcf url("../images/starSky.jpg") repeat-x;  }
#background { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 0; }
.stretch { width:100%; height:100%; }
body.popup, body.print { margin: 10px; text-align: left; color: #990099; background: #fff; vertical-align: bottom; }
/* Typography */
p { font-size:12px; line-height:15px; text-align:left; color: #FFCCFF; }
p.rhtalignbt { margin: 5px 0 0 0; text-align: right; }
h1, h2, h3, h4 { margin: 5px 0 10px 0; padding: 0; color: #FFFFFF; text-align: left; font-weight:normal; }
h1 { font-size: 17px }
h2 { font-size: 16px }
h3 { font-size: 15px }
h5 { font-size: 14px }
ul { color: #FFCCFF; margin:0; padding:0; }
li { padding-bottom: 10px; list-style: none; text-align:left; }
li.nopad { padding-bottom: 0; text-align:left; }
li.nopadbold { padding-bottom: 0; font-weight: bold; text-align:left; font-size:10px; }
li.bullet { margin: 0 0 0 20px; padding: 0; list-style: disc; text-align:left; }
.rule { display:block; height:1px; border-top: 1px solid #FFCCFF; width:auto; }
/*a:link, a:visited, a:active{text-align:left; color:#FFFFFF;}*/

/* Wrapper rules */
#wrapper, #wrapperlobby { margin: 0 auto; padding: 0; position: relative; width: 913px; color: #333; }
#wrapperlobby { width: 720px; }
/* Content divisions */
#header, #lobbyHeader { margin-top: 10px; margin-bottom: -2px; padding: 0; position: relative; width: 913px; height: 90px; color: #000; background: url("../images/bg_header.gif") no-repeat; text-align:left; }
#lobbyHeader { background: url("../images/bg_small_header.gif") no-repeat; }
#main { width:903px; padding-top: 10px; padding-left: 10px; padding-bottom: 1px; background-color:#FFFFFF; margin:0px; }
#left { float:left; width:265px; margin:0; padding:0; vertical-align: top; }
#right { float: right; width: 127px; margin: 0; margin-right:10px; padding: 0; }
#middlehome { width: 620px; margin:0 0 0 275px; padding: 0; }
#middle { width: 475px; margin:0 135px 0 275px; padding: 0; }
* html #middle { width: 470px; margin:0 125px 0 275px; }
/* Header assets */
#headerLogo { height:104px; width:213px; display:block; position:absolute; z-index:3; margin-top:-10px; margin-left:15px; background-image: url(/lycko/bingo/images/headerLogo.png); background-repeat:no-repeat; behavior: url("/lycko/bingo/stylesheets/resources/iepngfix.htc"); }
#customer { display: block; margin-left: 282px; _margin-left: 130px; margin-top:22px; width:172px; float:left; text-align: right; font-family:Arial, Helvetica, sans-serif; }
#customer a { font-size: 20px; line-height:37px; font-weight: bold; text-decoration: none; display: block; width: 180px; height: 47px; _height: 47px; color: #fff; text-align: center; background-image: url(../images/bt_new_player.gif); background-repeat: no-repeat; background-position: 0% 0%; padding-top:10px; }
#customer a:hover { background-position: left bottom; }
#customer a span { color: #FF0000; font-size: 12px; text-transform: capitalize; }
#loginForm, #accountloggedin { display: block; position:absolute; z-index:3; margin-top:20px; right:0px; width:430px; height:95px; background-image:url(../images/loginBg.gif); background-repeat:no-repeat; padding-top:10px; padding-left:10px; }
#texboxBg { background-image:url(../images/fieldBg.gif); background-repeat:no-repeat; height:25px; width:142px; margin-right:0px; float:left; padding-top:4px; padding-left:5px; }
.userName, .passWord { background-color: transparent; border:none; padding:5px 0 0 10px; }
/*#loginButton{height:25px; width:109px; display:block; float:right; margin-right:27px;}*/
.loginsubmit { height:25px; width:109px; display:block; float:right; margin-right:27px; margin-bottom:-15px; }
/*a.loginButton:link, a.loginButton:visited, a.loginButton:active{background-image:url(/lycko/bingo/images/loginButton.gif); background-repeat:no-repeat; background-position:left top;}
a.loginButton:hover{background-image:url(../images/loginButton.gif); background-repeat:no-repeat; background-position:left bottom;}*/

.loginBut { position: _absolute; font-size:5px; color:#ffcc00; border: none; width:109px; height: 25px; padding: 0 0 2px 0; background: url('/lycko/bingo/images/loginButton.gif') no-repeat top left; }
.loginBut:hover { border: none; background-position: bottom left; }
.textbox { background-color: #FFFFFF; border:none; padding:5px 0 0 10px; }
a.lostPass:link, a.lostPass:visited, a.lostPass:active { color:#FFFFFF; font-size:10px; text-decoration:none; }
a.lostPass:hover { text-decoration: underline; }
#stats { display:inline; margin-left:65px; color:#FFFFFF; }
#Error { display:inline; margin-left:55px; color:#FFFFFF; }
#support { margin:0px; }
input.submit:hover { background-color:#FF9900; color:#CC9900 rgb(238, 102, 0) rgb(238, 102, 0) rgb(204, 153, 0); }
input.submit, input.submit:link, input.submit:active, input.submit:visited { background-color:#d14d30; border-color:#FF0000 rgb(153, 0, 0) rgb(153, 0, 0) rgb(255, 0, 0); border-style:solid; border-width:1px; color:#ffffff; font-size:1em; font-weight:bold; margin:0pt 10px 0pt 0pt; padding:2px 4px; }
#header2 { margin-bottom: 10px; padding: 0; position: relative; width: 720px; height: 150px; text-align: left; color: #000; background: #00a3b3 url("../images/bg_header.gif") repeat-x; }
a.password:link, a.password:visited, a.password:active { background:transparent none repeat scroll 0% 50%; color:#363636; line-height:12px; text-decoration:underline; }
a.password:hover { color:#D81B23; }
/* Homepage divisions */	  
#homeFlash { display: block; width:auto; margin-bottom:10px; }
#homeJackpot { display: block; width:auto; height:85px; margin-bottom:10px; }
#homeBanners { display:block; width:auto; height:176px; padding:0px; margin-bottom:0px; }
#GameBanner { display:block; width:895px; margin-bottom:5px; }
#homeGameHeader { color:#FFFFFF; float:left; padding:2px; font-size:14px; font-weight: bold; margin-top:-5px; }
#homeGameLink { float:right; }
#homePageGames { display:block; width:875px; height:145px; }
.homeGameTitle { display:block; width:145px; text-align:center; padding-top:1px; padding-bottom:1px; background: #d55bec url("../images/gameHeaderBg.gif") 0 100% repeat-x; }
#layer_popupContainer { position:absolute; z-index:100; height: 600px; width: 600px; top:10px; left:50%; margin-left:-300px; text-align:center; }
/* Panels */
.blhome { background: #ffd600 url("../images/homebl.gif") 0 100% no-repeat; margin: 0px; margin-bottom:5px; }
.brhome { background: url("../images/homebr.gif") 100% 100% no-repeat }
.tlhome { background: url("../images/hometl.gif") 0 0 no-repeat }
.trhome { background: url("../images/hometr.gif") 100% 0 no-repeat; padding: 10px; }
.blnav, .bllobby, .blcontent, .blpromo, .blaccount, .blprebuy, .blhistory { background: #d55bec url("../images/sp_panel_bl_nav.gif") 0 100% no-repeat; margin-bottom:10px; }
.brnav, .brlobby, .brcontent, .brpromo, .braccount, .brprebuy, .brhistory { background: url("../images/sp_panel_br_nav.gif") 100% 100% no-repeat }
.tlnav, .tllobby, .tlcontent, .tlpromo, .tlaccount, .tlprebuy, .tlhistory { background: url("../images/sp_panel_tl_nav.gif") 0 0 no-repeat }
.trnav, .trlobby, .trcontent, .trpromo, .traccount, .trprebuy, .trhistory { background: url("../images/sp_panel_tr_nav.gif") 100% 0 no-repeat; padding: 10px; }
.trlobby { min-height:727px; _height:727px; }
.trcontent { min-height:737px; _height:737px; color:#FFCCFF; font-size:13px; text-align:left; }
.trcontent table td { color:#666666; }
.trlobby table { margin:0; width:100%; }
.trpromo img, .trhighlight img { display: block; background-color: #fdecfd; /*border-top:1px solid #990066; border-left:1px solid #f896fe; border-bottom:1px solid  #ffd3ff; border-right:1px solid #f896fe;*/ }
.blintro { background: #b6cd17 url("../images/sp_panel_bl_content.gif") 0 100% no-repeat; height: 100%; margin: 0 0 10px 0 }
.brintro { background: url("../images/sp_panel_br_content.gif") 100% 100% no-repeat }
.tlintro { background: url("../images/sp_panel_tl_content.gif") 0 0 no-repeat }
.trintro { background: url("../images/sp_panel_tr_content.gif") 100% 0 no-repeat; padding: 7px; margin-top: 3px; }
.blgame, .blhighlight { background: #b84fcf url("../images/sp_panel_bl_content.gif") 0 100% no-repeat; margin: 0px; margin-bottom:5px; /*height: 100%;*/ }
.brgame, .brhighlight { background: url("../images/sp_panel_br_content.gif") 100% 100% no-repeat }
.tlgame, .tlhighlight { background: url("../images/sp_panel_tl_content.gif") 0 0 no-repeat }
.trgame, .trhighlight { background: url("../images/sp_panel_tr_content.gif") 100% 0 no-repeat; padding: 10px; }
.trgame { min-height:90px; _height:90px; }
.trgame table { vertical-align:middle; }
.blgameH { background: #b84fcf url("../images/sp_panel_bl_content.gif") 0 100% no-repeat; margin: 0px; margin-bottom:5px; /*height: 100%;*/ }
.brgameH { background: url("../images/sp_panel_br_content.gif") 100% 100% no-repeat }
.tlgameH { background: url("../images/sp_panel_tl_content.gif") 0 0 no-repeat }
.trgameH { background: url("../images/sp_panel_tr_content.gif") 100% 0 no-repeat; padding: 10px; }
.blhdr { background:  url("../images/sp_panel_bl_nav.gif") 0 100% no-repeat #d55bec; }
.brhdr { background:  url("../images/sp_panel_br_nav.gif") 100% 100% no-repeat; min-height: 22px; height: auto; }
.tlhdr { background:  url("../images/sp_panel_tl_nav.gif") 0 0 no-repeat }
.trhdr { background:  url("../images/sp_panel_tr_nav.gif") 100% 0 no-repeat; padding: 10px; text-align: left; }
.hdrLink { text-align:left; }
.blschedulepast { background:  url("../images/sp_panel_bl_schedulepast.gif") 0 100% no-repeat #dea929; }
.brschedulepast { background:  url("../images/sp_panel_br_schedulepast.gif") 100% 100% no-repeat; }
.tlschedulepast { background:  url("../images/sp_panel_tl_schedulepast.gif") 0 0 no-repeat; }
.trschedulepast { background:  url("../images/sp_panel_tr_schedulepast.gif") 100% 0 no-repeat; padding: 7px; }
/* Print popup rules */
.blprint { background: url("../images/sp_panel_bl_print.gif") 0 100% no-repeat #eceaea; }
.brprint { background: url("../images/sp_panel_br_print.gif") 100% 100% no-repeat }
.tlprint { background: url("../images/sp_panel_tl_print.gif") 0 0 no-repeat }
.trprint { background: url("../images/sp_panel_tr_print.gif") 100% 0 no-repeat; padding: 10px; color: #333; margin:0px auto; }
.trprint p, .trprint h1, .trprint h2, .trprint h3 { color:#000000; }
.trprint a.button:link, .trprint a.button:visited, .trprint a.button:active, .trprint a.button02:link, .trprint a.button02:visited, .trprint a.button02:active { display:inline; text-decoration: underline; }
.printtbl { margin: 10px auto 20px auto; }
.printtbl td { text-align: center; vertical-align: middle; }
.printtblhd, .printtblsubhd, .printtblrow01, .printtblrow02 { color: #000; background-color: #fff; padding: 5px; font-weight: bold; }
.printtblhd { color: #fff; background-color: #990066; }
.column-in { margin: 0; padding: 0; }
.rhtalign { float: right; padding: 5px 0; }
/*buttons*/
a.button:link, a.button:visited, a.button:active, a.button02:link, a.button02:visited, a.button02:active { display:block; float:left; width:180px; margin-top:5px; margin-left:5px; border: 1px solid #fff; padding: 5px; background-color: #ffcc00; color: #990000; font-size: 1em; font-weight: bold; text-decoration: none; text-align:center; }
a.button:hover, a.button02:hover { background: #ffde00; }
.closebutton { padding: 2px; color: #990099; background: #ffcc00; border: 3px double #999; font-size: 1em; font-weight: bold; margin: 0; text-decoration: none; }
.closebutton:hover { color: #990099; background: #ffde00; border: 3px double #999; }
.accountbutton, .prebuybutton, .historybutton { display:block; width:107px; height:17px; _height:16px; margin-top:5px; }
a.accountbutton:link, a.accountbutton:visited, a.accountbutton:active, a.prebuybutton:link, a.prebuybutton:visited, a.prebuybutton:active, a.historybutton:link, a.historybutton:visited, a.historybutton:active { text-decoration: none; text-align:center; color: #990099; background-image:url("../images/accountbuttons.gif"); background-repeat:no-repeat; background-position:left top; }
a.accountbutton:hover, a.prebuybutton:hover, a.historybutton:hover { color: #fff; background-image:url("../images/accountbuttons.gif"); background-repeat:no-repeat; background-position: left center; }
a.main:link, a.main:visited, a.main:active { text-decoration: underline; color: #333; }
a.main:hover { color: #003366; background: transparent; }
a.parent:link, a.parent:visited, a.parent:active { text-decoration: none; color: #FFCCFF; }
a.parent:hover { color: #fff; text-decoration:underline; }
.trhighlight a.main:link, .trhighlight a.main:visited, .trhighlight a.main:active { text-decoration: underline; color: #fff; background: transparent; }
.trhighlight a.main:hover { color: #003366; background: transparent; }
a.hdrLink:link, a.hdrLink:visited, a.hdrLink:active { font-weight: bold; text-decoration: none; color: #FFFFFF; font-size: 15px; line-height: 19px; text-align:left; }
a.hdrLink:hover { color: #FFFFFF; }
a.listingCopy:link, a.listingCopy:visited, a.listingCopy:active { text-decoration: none; color: #fff; font-size: 11px; line-height: 15px; text-align:left; }
a.listingCopy:hover { color: #000; text-decoration: none; }
/* Forms */		      
form { margin: 0px; padding: 0px; border: 0px; color:#FFFFFF; }
input.textbox { color: #333; padding: 0 0 0 5px; margin: 0 5px 0 0; height: 15px; vertical-align: middle; width: 120px; }
input.textbox65 { color: #333; padding: 0 0 0 5px; margin: 0 5px 0 0; height: 15px; vertical-align: middle; width: 65px; }
input.textbox175 { color: #333; padding: 0 0 0 0; margin: 0 0 0 0; height: 15px; vertical-align: middle; width: 175px; }
input.button, input.cancelbutton { padding: 1px; }
/* lobby */   

/*.lobbytbl { color:#FFCCFF; text-align:left; }
. {
text-align:left;
color: #FFCCFF;
width:100px;
}*/
/*.lobbybutton a { position: relative; display: block; height: 18px; width: 60px; margin: 0 0 0 0; }*/
#nospace p { *display:block;
*height:8px;
}
#imore a { background: url("../images/imore.gif"); }
#iplay a { background: url("../images/iplay.gif"); }
#isign a { background: url("../images/isign.gif"); }
#iback a { background: url("../images/iback.gif"); }
#imore a:hover, #iplay a:hover, #isign a:hover, #iback a:hover { background-position: 0px -18px; }
.infobutton a { position: relative; display: block; float:right; height: 18px; width: 60px; margin: 0 0 0 0; }
/*#closelobby { margin: 0; padding: 0; position: absolute; top: 103px; left: 600px; height: 20px; width: 100px; }*/
.cancelbutton { border: 1px solid #fff; padding: 5px; background-color: #ffcc00; color: #990099; text-decoration: none; }
.cancelbutton:hover { color: #990099; background: #ffde00; }
/*.playLobby a { float:left; height: 25px; width: 182px; margin: 2px; font-size:12px; line-height:20px; text-decoration:none; font-weight:bold; }
#bingoRooms { margin-left:20px; margin-bottom:20px; }
#lobbyBlue a { background: url(../images/lobbyBlue.gif); color: #000066; text-align:center; }
#lobbyRed a { background: url(../images/lobbyRed.gif); color: #CC3399; text-align:center; }
#lobbyBlue a:hover, #lobbyRed a:hover, #lobbyYellow a:hover { background-position: 0px -25px; }*/
/*#lobbyButtons { margin-left:20px; _margin-bottom:-10px; height:25px; *height:0;}*/

/* Account rules */
.traccount h2, .trprebuy h2, .trhistory h2 { margin: 5px 0 10px 0; color:#fff; font-weight:bold; }
.traccount ul, .trhistory ul { width: 108px; font-size:11px; }
a.history:link, a.history:visited, a.history:active { text-decoration:none; color: #ffccff; }
a.history:hover { color: #ffccff; text-decoration:underline; }
.accounttbl td { height: 23px; padding: 3px 0; color: #990066; font-size: 11px; line-height: 13px; vertical-align:top; }
* html .accounttbl td { height: 19px; }
.accountbuttons td { padding-top: 20px; }
/* Colour backgrounds */
.colourblockreg, .colourblockform, .colourblockforgotten { padding: 10px; margin: 0; color: #990066; background-color: #ffcc00; width:auto; border: 1px dashed #c94709; text-align: left; }
.colourblockreg p, .colourblockform p, .colourblockforgotten p { color: #990066; }
.colourblockform a.button:link, .colourblockform a.button:visited, .colourblockform a.button:active, .colourblockform a.button02:link, .colourblockform a.button02:visited, .colourblockform a.button02:active, .colourblockreg a.button:link, .colourblockreg a.button:visited, .colourblockreg a.button:active, .colourblockreg a.button02:link, .colourblockreg a.button02:visited, .colourblockreg a.button02:active, .colourblockforgotten a.button:link, .colourblockforgotten a.button:visited, .colourblockforgotten a.button:active, .colourblockforgotten a.button02:link, .colourblockforgotten a.button02:visited, .colourblockforgotten a.button02:active { display:block; float:left; width:180px; margin-top:5px; margin-left:5px; border: 1px solid #fff; padding: 2px; background-color: #fddbfe; color: #b84fcf; font-size: 1em; font-weight: bold; text-decoration: none; text-align:center; }
.colourblockform a.button:hover, .colourblockform a.button02:hover, .colourblockreg a.button:hover, .colourblockreg a.button02:hover, .colourblockforgotten a.button:hover, .colourblockforgotten a.button02:hover { background-color: #FF3366; color: #fddbfe; }
/* Ajax code rules */
#passworderrors, #errors, #deposit_errors, #securityerrors, #change_errors, #withdraw_errors, #regerrors { color: #FF0000; }
#security { color: #666666; }
.ajaxtextcolor { color:#0C3F97; font-weight: bold; text-decoration: none; }
.ajaxbox { width:200px; line-height:5px; text-align:left; padding:8px; border:1px solid black; background-color:#FFCC66; visibility:hidden; margin: 0 0 10px 0; }
#formloadmessage { font: 11px/13px verdana, arial, helvetica, sans-serif; }
.noscript { color:#CC0033; font-weight: bold; text-decoration: none; width:400px; border:1px solid black; background-color:#FFCC66; }
#clearBoth { clear:both; display:block; left:1px; }
#winnersTable { border-collapse:collapse; width:435px; text-align:left; margin-bottom:5px; font-size:12px; }
#winnersHome { border-collapse:collapse; width:240px; height: 166px; *height:148px;
_height: 148px; text-align:left; font-size:13px; margin-left:2px; }
.winnersTable { color: #b84fcf; }
.winnersTable tr.c0 td, tr.c0 td { background-color: #ffd3ff; padding:4px 5px; }
.winnersTable tr.c1 td, tr.c1 td { background-color: #fddbfe; padding:4px 5px; }
.winnersTh1 { color: #FFF; font-size:15px; height:85px; padding:4px 5px; text-align:center; background-image:url(../images/stars.gif); background-repeat:no-repeat; vertical-align:bottom; }
.winnersTh { background-color: #a42bbe; color: #fff; padding:4px 5px; }
.li #security { color:#990066; }
a.pad5px:link, a.pad5px:visited, a.pad5px:active { text-decoration: underline; color: #990066; }
a.pad5px:hover { text-decoration: underline; color: #FF6600; }

/*footer payment icons */
#creditCardsInclude {background:url("") no-repeat 0 0 transparent; height:44px; width:100%; padding-left:0px; margin-left:0px; margin-bottom:10px; position: relative; top:-20px; left:10px; clear:both;}
#creditCardsInclude li { display:block; float:left; height:20px; margin-top:8px;} /* Makes the list horizontal */
#creditCardsInclude li.lastIcon { border-right:none;}
#creditCardsInclude li img { margin-right:9px; margin-left:0px; /* Space between icones */ background:transparent; /* Set to 'transparent'. Use 'black' or any other color when developing */ /*float:left;*/ /* Keeps the list horizontal */ border:none; }
#creditCardsInclude #visa { display:inline;} /* Displays (inline), or not (none), the visa icon */
#creditCardsInclude #electron { display:inline; } /* Displays (inline), or not (none), the electron icon */
#creditCardsInclude #mastercard { display:inline; } /* Displays (inline), or not (none), the mastercard icon */
#creditCardsInclude #maestro { display:inline; } /* Displays (inline), or not (none), the maestro icon */
#creditCardsInclude #banktransfer { display:inline; } /* Displays (inline), or not (none), the bank transfer icon */
#creditCardsInclude #moneybookers { display:none; } /* Displays (inline), or not (none), the moneybookers icon */
#creditCardsInclude #skrill { display:inline; } /* Displays (inline), or not (none), the skrill icon */
#creditCardsInclude #paypal { display:none; } /* Displays (inline), or not (none), the paypal icon */
#creditCardsInclude #neteller { display:inline; } /* Displays (inline), or not (none), the neteller icon */
#creditCardsInclude #ukash { display:inline; } /* Displays (inline), or not (none), the ukash icon */
#creditCardsInclude #paysafecard { display:none; } /* Displays (inline), or not (none), the paysafecard icon */
#creditCardsInclude #citadel { display:none; } /* Displays (inline), or not (none), the citadel icon */
#creditCardsInclude #spelberoende { display:none; } /* Displays (inline), or not (none), the spelberoende icon */
#creditCardsInclude #gamcare { display:inline; } /* Displays (inline), or not (none), the gamcare icon */
#creditCardsInclude #gambleaware { display:none; } /* Displays (inline), or not (none), the gamcare icon */
#creditCardsInclude #taxfree { display:none; } /* Displays (inline), or not (none), the taxfree icon */
#creditCardsInclude #rg18 { display:inline; margin:5px 0 0 -3px; padding:0 0 0 0;} /* Displays (inline), or not (none), the 18+ icon */
#creditCardsInclude #footerlogo { display:inline; float:right; margin:5px 15px; padding:0 0 0 0;} /* Displays (inline), or not (none), the 18+ icon */

/* bubble tooltip if missing on 18+ and StMinver logo */

a.tt { position:relative; color:#3CA3FF; font-weight:bold; text-decoration:none; }
a.tt span { display: none; }
a.tt:hover {color: #aaaaff; background:;}
a.tt:hover span.tooltip { display:block; position:absolute;  z-index:2000;  bottom:20px; right:10px; padding: 15px 0 0 0; width:200px; color: #FFFFFF;  filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; }

/* Change those 3 GIF file names according to the info-bubble color you need */
a.tt:hover span.top { display: block; padding:3px 8px 10px; background: url(../images/bubble.gif) no-repeat top; }			
a.tt:hover span.middle { display: block; padding: 0 8px; text-align:left; background: url(../images/bubble_filler.gif) repeat bottom; }
a.tt:hover span.bottom { display: block; padding: 30px 8px 0; color: #548912; background: url(../images/bubble.gif) no-repeat bottom;}