body { font: 100% Arial, 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: #000; background-image: url(../images/background.jpg); background-repeat: repeat-x; background-position: center top; background-color: #d08ae0; } /* layout */ #wrapper { width: 870px; background: #ffffff; margin: 0 auto; position:relative; padding: 10px; } #header { height: 95px; width: 870px; background: url no-repeat; background: url(../images/header.gif) no-repeat; margin: 0 auto; position:relative; padding: 10px 10px 0 10px; margin-top: 10px; } #header .logo { margin:0; float: left; vertical-align:top; color: #fff; height: 82px; width: 300px; } #headerNav { float: right; vertical-align:top; text-align: left; color: #333; width: 160px; display: block; padding: 5px; } #headerNav a { margin-top: 5px; color: #000; margin-left: 5px; margin-right: 5px; font-size: 11px; line-height: 18px; text-decoration: underline; font-weight: normal; } #header .topNav { float: right; vertical-align:top; color: #000; font-size: 13px; font-weight: bold; text-decoration:none; } .topNav #greenNav { background: url('../images/greenNavBg.gif') no-repeat top left; display: inline; float: left; height: 20px; padding: 10px; text-decoration: none; } .topNav #grayNav { background: url('../images/grayNavBg.gif') no-repeat top right; display: inline; float: left; height: 20px; padding: 10px; text-decoration: none; } #header .topNav a { color: #000; margin-left: 5px; margin-right: 5px; font-size: 13px; text-decoration: underline; } #borderTop { height: 12px; margin: 0px; padding: 0px; background: url(../images/border_top.gif) no-repeat; } #borderBottom { height: 15px; margin: 0px; padding: 0px; background: url(../images/border_bottom.gif) no-repeat; } #borderBottom2 { width: 890px; height: 10px; margin: 0 auto; padding: 0px; background: url(../images/border_bottom2.gif) no-repeat; } #footer { width: 890px; height: 92px; margin-left: auto; margin-right: auto; margin-top: 20px; color: #333; background-image: url(../images/bgFooter.gif);/*margin-left: 179px;*/ } #footer .footerImg { float: left; padding:20px 15px 10px 15px; } #footer .footerLogo { float: right; padding:15px 15px 10px 15px; } #footerLinks { width: 870px; height: 30px; margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto; } #footerLinks .footerCopy { color: #ffffff; font-size: 12px; float:left; margin-left:5px; } #footerLinks .footerLink { float: right; color: #ffffff; font-size: 12px; margin-right: 3px; } #footerLinks .footerLink a { text-decoration:underline; color: #ffffff; font-size: 12px; margin-left: 5px; subnav margin-right: 5px; } #footerText { width: 890px; color:#fff; text-align:left; margin:0px auto; } #footerText strong { font-size:11px; } #footerText p { font-size:11px; } /* grid */ #main { padding-left: 15px; margin: 0px; width: 855px; background: #cb55e7 /*url(../images/bg_main.gif) repeat-x*/; } #main .grid_1 { width: 270px; display: inline; float: left; margin-right: 15px; } #main .grid_1_2 { width: 270px; height: 215px; display: inline; float: right; margin-right: 15px; } #main .grid_2 { width: 555px; display: inline; float: left; margin-right: 15px; } #main .grid_3 { width: 840px; display: inline; float: left; margin-right: 15px; } .grid_1 h1, .grid_2 h1, .grid_3 h1 { font-size: 14px; color:#000000; 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.clear2, html body span.clear2 { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 1px; } 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; } html body div.clearSpace3, html body span.clearSpace3 { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 6px; } /* tab navigation */ #tabs { width:620px; font-size:11px; line-height:normal; height: 28x; font-weight:bold; float: left; } #tabs2 { width:230px; font-size:11px; line-height:normal; height: 28px; font-weight:bold; float: right; } #tabs ul { margin:0; padding:5px 0 0 15px; list-style:none; } #tabs2 ul { margin:0; padding:5px 0 0 0; list-style:none; } #tabs li, #tabs2 li { display:inline; margin-right:0; padding-right:0; } #tabs a, #tabs2 a { float:left; background:url("../images/tableft.gif") no-repeat left top; margin:0; padding:0 1px 0 8px; text-decoration:none; color:#fff; } #tabs a span, #tabs2 a span { float:left; display:block; background:url("../images/tabright.gif") no-repeat right top; padding:5px 15px 4px 6px; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs a span, #tabs2 a span { float:none; } /* End IE5-Mac hack */ #tabs a:hover span, #tabs2 a:hover span, { color:#6a1979; } #tabs a:hover, #tabs2 a:hover { background-position:0% -42px; color: #6a1979; ; } #tabs a:hover span, #tabs2 a:hover span { background-position:100% -42px; } #tabs #current a, #tabs2 #current a { background-position:0% -42px; color: #6a1979; } #tabs #current a span, #tabs2 #current a span { background-position:100% -42px; } #tabs #account a, #tabs2 #account a { background-position:0% -84px; color:#fff; } #tabs2 #account a:hover span { background-position:100% -126px; } #tabs2 #account a:hover { background-position:0% -126px; color: #6a1979; } #tabs2 #account a span { background-position:100% -84px; } /* game */ #game { background: #fff url(../images/game_bg.gif) no-repeat; display: block; padding:10px; height: 80px; width: 250px; text-align:left; margin-bottom:15px; } #game:hover { background-position:0% -100px; } #game .img { float: left; width: 80px; height:80px; margin-right:10px; } #game a.header { color: #333333; display: block; height:20px; font-size: 15px; font-weight:bold; text-decoration:none; } #game a.header:hover { text-decoration:underline; } #game a.smallIntro { color: #333333; display: block; height:32px; font-size: 11px; font-weight:normal; text-decoration:none; } #game a.smallIntro:hover { text-decoration:none; } #game a.freeplay { color: #FF3366; display: block; font-size: 11px; font-weight:bold; text-decoration:none; } #game a.freeplay:hover { text-decoration:underline; } #game a.cashplay { font-size: 11px; font-weight:bold; color: #FF3366; display: block; text-decoration:none; } #game a.cashplay:hover { text-decoration:underline; } #gameImgLrg { background: #fff url(../images/games/game_bg_lrg.gif) no-repeat; display: block; padding:10px; height: 195px; width: 250px; text-align:left; margin-bottom:10px; } a.playCash { background: transparent url('../images/games/playCash.gif') no-repeat scroll top; color: #fff; text-decoration: none; font-weight:bold; width:270px; font-size: 18px; line-height: 43px; height: 45px; margin-bottom: 10px; padding: 0; float: left; display: block; } a.playCash:hover { background-position: bottom; outline: none; /* hide dotted outline in Firefox */ } a.playJoin { background: transparent url('../images/games/playFun.gif') no-repeat scroll top; color: #fff; text-decoration: none; font-weight:bold; width:270px; font-size: 18px; line-height: 43px; height: 45px; margin-bottom: 10px; padding: 0; float: left; display: block; } a.playJoin:hover { background-position: bottom; outline: none; /* hide dotted outline in Firefox */ } a.playFun { background: transparent url('../images/games/playFun.gif') no-repeat scroll top; color: #fff; text-decoration: none; font-weight:bold; width:270px; font-size: 18px; margin-bottom: 10px; line-height: 43px; height: 45px; margin: 0; padding: 0; float: left; display: block; } a.playFun:hover { background-position: bottom; outline: none; /* hide dotted outline in Firefox */ } a.homeHdr { background: transparent url('../images/homeHdr.gif') no-repeat scroll top; color: #d55bec; text-decoration: none; font-weight:bold; width:245px; font-size: 14px; margin-bottom: 5px; line-height: 30px; height: 30px; margin: 0; padding: 0 0 0 25px; text-align: left; float: left; display: block; } a.homeHdr:hover { background: transparent url('../images/homeHdr_on.gif') no-repeat scroll top; background-position: bottom; outline: none; /* hide dotted outline in Firefox */ color:#FFFFFF; } #flashIntro { width: 535px; height: 195px; background: transparent url(../images/intro_bg.gif) right bottom no-repeat; padding: 10px; } /* top game home */ #topGame { background: url(../images/topgames_bg.gif) no-repeat; display: block; padding:5px 10px 10px 10px; height: 200px; width: 250px; margin-bottom: 15px; text-align:left; } #topGame .topGameRow { display: block; height: 26px; border-bottom: 2px dotted #cdcdcd; } .gameTitle { float:left; color:#cc0000; font-weight:bold; display:block; height: 19px; width: 171px; line-height: 25px; } a.topLink:link, a.topLink:visited { font-size:13px; color:#333; font-weight:bold; text-decoration: none; } a.topLink:hover { font-size:13px; color:#333; font-weight:bold; text-decoration: underline; } a.main:link, a.main:visited { color:#000; } a.main:hover { color:#FF3366; } .gameLink { float:left; width:79px; margin-top: 2px; padding: 0; } .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: 25px; line-height: 24px; background: url('../images/gamesBut.gif') no-repeat top left; } .gameLink a:hover { border: none; background: url('../images/gamesButOn.gif') no-repeat top left; } /* login area */ #customer { background: #fff url(../images/customer_bg.gif) no-repeat; display: block; padding:8px; height: 39px; width: 254px; text-align:left; } #customer h1 { margin: 0 auto; color: #e7142b; padding: 0 auto; font-size: 18px; font-weight:bold; height:22px; display:block; } #customer a { font-size: 12px; font-weight:bold; text-decoration: underline; height:15px; display:block; color:#000000; } /* login box */ #loginBox { background: #fff url(../images/login_bg.gif) no-repeat; display: block; padding:8px; height: 39px; width: 539px; text-align:left; } #loginLeft { float: left; display: block; width: 120px; } #loginLeft h1 { margin: 0; padding: 0; font-size: 18px; font-weight:bold; height:22px; color: #e7142b; ; display:block; } #loginLeft a { font-size: 12px; font-weight:bold; text-decoration: underline; height:15px; display:block; color:#000000; } #login { display: block; width: 410px; text-align:left; float:right; color:#000000; } #login .loginUser { float:left; font-size:11px; display:block; height: 14px; width: 155px; margin-right: 6px; margin-left: 2px; } #login .loginPassword { float:left; font-size:11px; display:block; height: 14px; width: 155px; margin-right: 10px; } #login .loginUserField { float:left; font-size:10px; display:block; height: 25px; width: 155px; margin-right: 5px; } #login .logiPasswordField { float:left; font-size:10px; display:block; height: 25px; width: 150px; margin-right:5px; } #login .loginsubmit { float:left; font-size:10px; display:block; height: 25px; width: 80px; } .inputLogin { border: 1px solid #ccc; background: url(none) no-repeat #fff; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-size: 12px; color: #333333; width: 143px; } .inputLogin:hover { border: 1px solid #333333; background: url(none) no-repeat #fff; color: #333333; } .loginBut { font: Arial, Helvetica, sans-serif; font-size:14px; line-height: 22px; font-weight:bold; color:#ffffff; border: none; width:94px; height: 24px; padding: 0 0 4px 0; background: url('../images/loginBut.gif') no-repeat; margin-top: -5px; margin-right: 5px; } .loginBut:hover { border: none; background: url('../images/loginButOn.gif') no-repeat top left; } .inputSubmit { font: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ffffff; border: none; width:90px; height: 27px; padding: 0 0 4px 0; background: url('../images/inputSubmit.gif') no-repeat top left; } .inputSubmit:hover { border: none; background: url('../images/inputSubmitOn.gif') no-repeat top left; } /* acount */ #accountArea { background: url(../images/account_bg.gif) no-repeat; display: block; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; padding-right: 0px; height: 45px; width: 830px; text-align:left; } .accountTitleLrg { width: 130px; height: 15px; display: inline; float: left; margin-right: 10px; padding-top: 3px; font-size: 11px; color:#333; } .accountTitle { width: 100px; height: 15px; display: inline; float: left; margin-right: 10px; padding-top: 3px; font-size: 11px; color:#333; } .accountAmountLrg { width: 130px; height: 26px; display: inline; float: left; margin-right: 10px; font-size: 18px; color:#000000; } .accountAmount { width: 100px; height: 26px; display: inline; float: left; margin-right: 10px; font-size: 18px; color:#000000; } .accountButtons { width: 400px; height: 27px; display: inline; float: right; padding-top: 0px; padding-bottom:9px; padding-left: 0; padding-right: 0; text-align:right; margin-right: 5px; } .accountBut { float:right; } a.button { background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right; color: #ffffff; text-decoration: none; font-weight:bold; font-size: 11px; height: 27px; margin-left: 5px; padding-right: 9px; /* sliding doors padding */ float: left; display: block; } a.button span { background: transparent url('../images/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 6px 0 7px 9px; } a.button:hover { background-position: bottom right; outline: none; /* hide dotted outline in Firefox */ } a.button:hover span { background-position: bottom left; } /* sub navigation */ #subnav { float:left; width:840px; line-height:normal; margin: 0px; padding: 0px; font-size: 14px; font-weight:bold; } #subnav ul { margin:0; padding:0px; list-style:none; } #subnav li { display:inline; margin:0; padding:0; } #subnav a { float:left; background:url("../images/tableft5.gif") no-repeat left top; margin:0; padding:0 0 0 7px; text-decoration:none; } #subnav a span { float:left; display:block; background:url("../images/tabright5.gif") no-repeat right top; padding:8px 18px 9px 4px; color:#fff; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #subnav a span { float:none; } /* End IE5-Mac hack */ #subnav a:hover span { color:#fff; } #subnav a:hover { background-position:0% -33px; } #subnav a:hover span { background-position:100% -33px; } #subnav #current a { background-position:0% -33px; } #subnav #current a span { background-position:100% -33px; } img { border: 0; } #content img { background: none repeat scroll 0 0 #F2F2F2; margin-right: 10px; padding: 4px; } /* login navigation */ #subnavLogin { float:right; width:200px; line-height:normal; margin: 0px; padding: 0px; font-size: 14px; font-weight:bold; text-align: right; } #subnavLogin ul { margin:0; padding:0px; list-style:none; } #subnavLogin li { display:inline; margin:0; padding:0; } #subnavLogin a { float:left; background:url("../images/tableft5.gif") no-repeat left top; margin:0; padding:0 0 0 7px; text-decoration:none; } #subnavLogin a span { float:left; display:block; background:url("../images/tabright5.gif") no-repeat right top; padding:8px 18px 9px 4px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #subnavLogin a span { float:none; } /* End IE5-Mac hack */ #subnavLogin a:hover span { color:#FFF; } #subnavLogin a:hover { background-position:0% -33px; } #subnavLogin a:hover span { background-position:100% -33px; } #subnavLogin #current a { background-position:0% -33px; } #subnavLogin #current a span { background-position:100% -33px; } img { border: 0; } /*---------- bubble tooltip St Minver-----------*/ a.tt { position:relative; z-index:24; text-decoration:none; } 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; padding: 15px 0 0 0; width:200px; color: #fff; font-size: 12px; 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(../images/bubble2.gif) no-repeat top; } a.tt:hover span.middle { /* different middle bg for stretch */ display: block; padding: 0 8px; background: url(../images/bubble_filler.gif) repeat bottom; } a.tt:hover span.bottom { display: block; padding:3px 8px 40px; color: #548912; background: url(../images/bubble2.gif) no-repeat bottom; } /*---------- bubble tooltip 18 -----------*/ a.tt2 { position:relative; z-index:26; text-decoration:none; } 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:-190px; left:0; padding: 15px 0 0 0; width:200px; color: #fff; font-size: 12px; 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(../images/bubble.gif) no-repeat top; } a.tt2:hover span.middle { /* different middle bg for stretch */ display: block; padding: 0 8px; background: url(../images/bubble_filler.gif) repeat bottom; } a.tt2:hover span.bottom { display: block; padding:3px 8px 40px; color: #548912; background: url(../images/bubble.gif) no-repeat bottom; } /* sub page content */ #contentTop { height: 12px; font-size:10px; margin: 0px; padding: 0px; background: url(../images/contentTop.gif) no-repeat; } #contentBottom { height: 15px; margin: 0px; font-size:10px; padding: 0px; background: url(../images/contentBottom.gif) no-repeat; } #content { width: 515px; background-color:#ffffff; text-align:left; padding-left: 20px; padding-right: 20px; min-height: 440px; } #content table td { font-size: 12px; color:#000; line-height: 16px; border: 0px; } #regTop { height: 12px; font-size:10px; margin: 0px; padding: 0px; background: url(../images/regTop.gif) no-repeat; } #regBottom { height: 15px; margin: 0px; font-size:10px; padding: 0px; background: url(../images/regBottom.gif) no-repeat; } #reg { width: 800px; background-color:#ffffff; text-align:left; padding-left: 20px; padding-right: 20px; } #regTop2 { height: 12px; font-size:10px; margin: 0px; padding: 0px; background: url(../images/regTop.gif) no-repeat; } #regBottom2 { height: 15px; margin: 0px; font-size:10px; padding: 0px; background: url(../images/regBottom.gif) no-repeat; } #reg2 { width: 800px; background-color:#FCBD49; text-align:left; padding-left: 20px; padding-right: 20px; color: #333; } #content h1, #reg h1 { margin: 0; padding:0; font-size: 16px; line-height: 30px; color:#000; } #content h2 { margin: 0; padding:0; font-size: 14px; line-height: 30px; color:#000; } #content h3 { margin: 0; padding:0; font-size: 14px; line-height: 30px; color:#000; } #reg h2 { margin: 0; padding:0; font-size: 14px; line-height: 30px; color:#000; } #content p, #reg p { margin: 0; padding:0 0 10px 0; font-size: 12px; color:#000; line-height: 16px; } #reg2 h1 { margin: 0; padding:0; font-size: 16px; line-height: 30px; color:#cc0000; } #reg2 p { margin: 0; padding:0 0 10px 0; font-size: 14px; color:#333; line-height: 18px; } .linkRed { color: #cc0000; font-weight: bold; } #content ul, #reg ul { margin: 0; padding:0; font-size: 12px; color:#000; list-style: none; } li.bullet a:link, li.bullet a:visited, li.bullet a:hover { color:#000; font-size: 12px; } .bullet-list {list-style:circle!important; padding-left:25px!important;} blockquote { background: transparent url(../images/quoleft.gif) left top no-repeat; font-size: 16px; text-align:left; color:#000; line-height: 20px; font-weight:bold; } blockquote div { padding: 0 48px; background: transparent url(../images/quoright.gif) right bottom no-repeat; } #reg .formLeft { font-size: 13px; font-weight: bold; color:#333; width: 320px; height: 28px; padding-top: 2px; float: left; display:block; display: inline; text-align:right; margin-right: 15px; } #reg .formRight { width: 320px; font-size: 13px; font-weight: bold; color:#333333; display: inline; height: 30px; float: left; display:block; margin-right: 15px; } #reg .formAll { width: 700px; font-size: 14px; font-weight: bold; color:#3366ff; display: inline; float: left; display:block; margin-right: 15px; } #reg .formRightHint { width: 235px; font-size: 14px; font-weight: bold; color:#333333; display: inline; height: 30px; float: left; display:block; margin-right: 15px; background: url(../images/hintIcon.gif) right no-repeat; } #reg .formLeft a { font-size: 14px; font-weight: bold; color:#333333; text-decoration:underline; } .linkHistory { color:#333333; font-size: 13px; font-weight: bold; line-height:20px; } .hint { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; display: none; position: absolute; color: #333333; right: 30px; width: 200px; margin-top: -4px; border: 1px solid #669900; padding: 10px 12px; background: #99ff99 url(../images/pointer.gif) no-repeat -10px 5px; } .hint .hint-pointer { position: absolute; left: -10px; top: 5px; width: 10px; height: 19px; background: url(../images/pointer.gif) left top no-repeat; } #reg2 .imgLeft { font-size: 13px; font-weight: bold; color:#333; width: 300px; float: left; display:block; display: inline; text-align:right; margin-right: 35px; margin-top:10px; } #reg2 .alert { width: 380px; font-size: 13px; font-weight: bold; color:#3366ff; text-align:left; display: inline; float: left; display:block; margin-right: 15px; } /* Print panel */ body.print { margin: 10px; padding: 0; text-align: left; color: #000; background: #fff; font: 10px/12px arial, helvetica, sans-serif; vertical-align: bottom; } .blprint { background: url("../images/spacer.gif") 0 100% no-repeat #eceaea; } .brprint { background: url("../images/spacer.gif") 100% 100% no-repeat } .tlprint { background: url("../images/spacer.gif") 0 0 no-repeat } .trprint { background: url("../images/spacer.gif") 100% 0 no-repeat; padding: 10px; color: #333; } .blprint h1 { margin: 20px 0 5px 0; font: arial, helvetica, sans-serif; color: #000; background-image: url(../images/subpage_header_bulletpoint.jpg); background-repeat: no-repeat; background-position: 0px 7px; padding: 0px 0px 10px 12px; font-weight: bold; font-size: 1.2em; line-height: 1.1em; text-align: left; } .blprint h2 { padding: 0; color: #cc0000; font-weight: bold; font-size: 12px; line-height: 14px; text-align: left; } .blprint h3 { padding: 0; color: #333; font-weight: bold; font-size: 12px; line-height: 14px; text-align: left; } .loyaltyTable { color: #fff; text-align: left; } .loyaltyTableHdr { color: #fff; text-align: left; font-weight: bold; } #welcome { background: #fff url(../images/welcomeBg.gif) no-repeat; display: block; height: 105px; width: 840px; text-align:left; } #welcome h1 { font-size: 16px; color:#000000; text-align:left; padding: 10px 12px 5px 15px; margin: 0; } #welcome p { font-size: 12px; color:#000; text-align:left; padding: 5px 15px 0 15px; margin: 0; } /*Homepage layer popup style*/ #games1 { background-color: #cc0000; width: 270px; height: 100px; display:block; } #games2 { background-image:url(../home/games2.gif); width: 185px; height: 362px; display:none; } #games3 { background-image:url(../home/games3.gif); width: 185px; height: 362px; display:none; } #games4 { background-image:url(../home/games4.gif); width: 185px; height: 362px; display:none; } .display1 { padding-top: 88px; display:block; width: 185px; font-size:24px; text-align:center; line-height: 25px; height: 25px; color: #fff; } .display2 { padding-top: 53px; display:block; width: 185px; font-size:24px; text-align:center; line-height: 25px; height: 25px; color: #fff; } .display3 { padding-top: 53px; display:block; width: 185px; font-size:24px; text-align:center; line-height: 25px; height: 25px; color: #fff; } .displayName { display:block; width: 175px; font-size:10px; text-align:center; line-height: 10px; height: 10px; color: #FFFF00; } .butLft { margin-left: 10px; display:block; margin-top: 20px; width: 30px; height: 30px; float: left; color: #FFFF00; } .butRgt { margin-right: 10px; display:block; margin-top: 20px; width: 30px; height: 30px; float: right; color: #FFFF00; } .butRgt a, .butLft a { display:block; width: 30px; height: 30px; } .lobbybutton a { position: relative; display: block; height: 18px; width: 60px; margin: 0 0 0 0; } * html .lobbybutton a { position: relative; display: block; height: 18px; width: 60px; margin: 10px 0 0 0; } #imore a { background: url("../images/imore.gif"); } .blhighlight { background: url("../images/bl.gif") 0 100% no-repeat #fff } .brhighlight { background: url("../images/br.gif") 100% 100% no-repeat; } .tlhighlight { background: url("../images/tl.gif") 0 0 no-repeat; } .trhighlight { background: url("../images/tr.gif") 100% 0 no-repeat; padding: 7px; color: #000; } a.hdrLink:link, a.hdrLink:visited, a.hdrLink:active { font-weight: bold; font-style: normal; text-decoration: none; color: #000; font-size: 13px; line-height: 19px; } a.hdrLink:hover { color: #d90009; } #tracking, #affFutureTracking, #tradeDoublerTracking { position: absolute } .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; } /*VIP*/ a.playJoin-vip { background: transparent url('../images/button-es-iw-vip.png') no-repeat scroll top; color: #fff; text-decoration: none; font-weight:bold; width:340px; font-size: 18px; line-height: 25px; height: 27px; margin: 5px auto 30px auto; padding: 0; display: block; } a.playJoin-vip:hover { background-position: bottom; outline: none; /* hide dotted outline in Firefox */ } #vipcontact {text-align:center; } #viptext {padding:10px;width:495px; height:95px; border: 1px #CB55E7 solid; text-align:left; font-size:11px; line-height:16px;} #viptext img { background: none repeat scroll 0 0 #ffffff; padding:5px 10px 0px 70px;} #viptext h2 { line-height:26px !important; color:#000000; font-size:14px; } .left {float:left;} .right {float:right; margin-right:10px;} /*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:20px; 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:inline; } /* 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:inline; } /* 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 25px; 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(/commonse_images/payment_icons/bubblePurple.png) no-repeat top; } a.tt:hover span.middle { display: block; padding: 0 8px; text-align:left; background: url(/commonse_images/payment_icons/bubble_fillerPurple.png) repeat bottom; } a.tt:hover span.bottom { display: block; padding: 30px 8px 0; color: #548912; background: url(/commonse_images/payment_icons/bubblePurple.png) no-repeat bottom;}