/* CSS Document */ /* Body rules */ /*.lftcol170 { position: relative; float: left; width: 170px; top: auto; }*/ /*.colorblock02 { /* Grey bg */ /*font: 10px/12px verdana, arial, helvetica, sans-serif; padding: 10px; margin: 0; background-color: #FFF28A; width: 419px; border: 1px dashed #999; text-align: left; voice-family: "\"}\""; voice-family: inherit; width: 391px; } span.colortext01 { /* Blue text */ /*color: black; }*/ body { margin: 10px 0; padding: 0; border: 0; text-align: center; color: #333; background: #fff url("../images/bg_global.jpg") repeat-x; font: 10px/12px verdana, arial, helvetica, sans-serif; vertical-align: bottom; } body.popup { margin: 10px; text-align: left; color: #000; background: #fff; font: 10px/12px verdana, arial, helvetica, sans-serif; vertical-align: bottom; } body.print { margin: 10px; padding: 0; text-align: left; color: #000; background: #fff; font: 10px/12px verdana, arial, helvetica, sans-serif; vertical-align: bottom; } /* Wrapper rules */ #wrapper { margin: 0 auto; padding: 0; position: relative; width: 750px; _width: 680px; color: #333; background-color: transparent; } #wrapperlobby { margin: 0 auto; padding: 0; position: relative; width: 720px; height: 100%; color: #000; background-color: transparent; } /* Header divisions */ #header { clear: both; padding: 0; position: relative; width: 790px; height: 136px; color: #000; /* Change color as needed */ background: #a5c711 url(../images/logo.jpg) no-repeat; /* Change background-color as needed */ voice-family: "\"}\""; voice-family: inherit; margin-bottom: 10px; top: 0px; left:-40px; } *html #header { clear: both; padding: 0; position: relative; width: 750px; height: 150px; color: #000; /* Change color as needed */ background: #fff url(../images/logo2.jpg) no-repeat; /* Change background-color as needed */ voice-family: "\"}\""; voice-family: inherit; margin-bottom: 0px; top: 0px; left:0px; } input.submit:hover { background-color:#7AB051; color:#FFFFFF; } element.style { height:2px; left:717px; top:70px; width:225px; } input.submit, input.submit:link, input.submit:active, input.submit:visited { background-color:#ACDD87; border-color:#CFEBBA rgb(140, 180, 110) rgb(122, 157, 96) rgb(190, 228, 160); border-style:solid; border-width:1px; color:#363636; font-family:Verdana, Helvetica, Arial, sans-serif; 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: #7E7E7D; background: #00a3b3 url("../images/bg_header.gif") repeat-x; } #wrapperlobby #header { width: 730px; } #companyident { margin: 0; padding: 0; border: 0; position: absolute; top: -13px; left: -259px; width: 750px; height: 105px; color: #000; background-color: transparent; } *html #companyident { margin: 0; padding: 0; border: 0; position: absolute; top: -12px; left: -299px; width: 750px; height: 125px; color: #000; background-color: transparent; } #wrapperlobby #companyident { width: 720px; } /* Header - tab rules */ #globaltabs { margin: 0; padding: 0; position: absolute; top: 86px; left: 330px; width: 420px; height: 23px; background: url("../images/bg_tabs.gif") repeat-x bottom; line-height: normal; } #globaltabs ul { font-size: 1.1em; float: right; margin: 0; padding: 0 10px 0 0; list-style: none; } #globaltabs li { float: left; background: url("../images/sp_tabs_off_lft.gif") no-repeat left top; margin: 0; padding: 0 0 0 9px; } #globaltabs a { display: block; float: left; background: url("../images/sp_tabs_off_rht.gif") no-repeat right top; padding: 5px 15px 5px 6px; text-decoration: none; font-weight: bold; color: #999; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #globaltabs a { float: none; } /* End IE5-Mac hack */ #globaltabs a:hover { color:#333; } #globaltabs #current { background-image: url("../images/sp_tabs_on_lft.gif"); } #globaltabs #current a { background-image: url("../images/sp_tabs_on_rht.gif"); color:#333; padding-bottom: 6px; } /* Header - login bar */ #loginbar img { vertical-align:middle; } img.flag { display:inline; margin:0px 10px 0px 0px; } #tpnavlang { background:transparent none repeat scroll 0%; height:20px; left:400px; margin:0pt; padding:2px 0pt 0pt; position:absolute; text-align:right; top:-90px; width:150px; } #loginbar { margin: 0; padding: 0; position: absolute; top: 125px; left: 40px; width: 750px; height: 38px; color: #333; background: #a5c711; voice-family: "\"}\""; voice-family: inherit; } *html #loginbar { width: 750px; height: 40px; left: 0px; } #wrapperlobby #loginbar { width: 730px; } #loginboxes { margin: 0; padding: 0; position: absolute; top: 10px; left: 10px; height: 20px; width: 420px; background: transparent; text-align: left; } #loginsubmit { margin: 0; padding: 0; position: absolute; top: 11px; left: 225px; _left: 210px; height: 20px; width: 60px; background: transparent; text-align: left; } #loginforgot { margin: 0; padding: 2px 0 0 0; position: absolute; top: 12px; left: 288px; _left: 288px; height: 20px; width: 170px; background: transparent; text-align: left; } a:link, a:visited, a:active { background:transparent none repeat scroll 0% 50%; color:#415103; font-family:verdana, arial, helvetica, sans-serif; font-size:9px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:12px; text-decoration:underline; } a:hover { color:#003300; } a.password:link, a.password:visited, a.password:active { background:transparent none repeat scroll 0% 50%; color:#363636; font-family:verdana, arial, helvetica, sans-serif; font-size:10px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:12px; text-decoration:underline; } a.button:link, a.button:visited, a.button:active { text-decoration: none; color: #FFFFFF; display: block; padding: 2px 4px 2px 4px; text-align: center; border: 1px dashed #9EC407; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width: 120px; font-style: normal; line-height: 18px; font-weight: bold; font-variant: normal; background-color: #823C6F; } element.style { height:80px; width:225px; } p { font-family:verdana, arial, helvetica, sans-serif; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:88px; margin:0px; padding:20pt 0pt 10px; text-align:left; color:#823C6F; } p { font-family:verdana, arial, helvetica, sans-serif; font-size:11px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:16px; text-align:left; } a.footer:hover, a.header:hover, a.password:hover { color:#A01E5E; text-decoration:underline; } #tpnav { background:transparent none repeat scroll 0%; height:20px; left:502px; margin:0pt; padding:2px 0pt 0pt; position:absolute; text-align:right; top:12px; width:234px; } *html #tpnav { background:transparent none repeat scroll 0%; height:20px; left:502px; margin:0pt; padding:2px 0pt 0pt; position:absolute; text-align:right; top:12px; width:234px; } /* Content divisions */ #main { margin: 0; padding: 0; position: relative; width: 750px; color: #333; background-color: transparent; } *html #main { position: relative; width:759px; background-color: transparent; } #main1 { margin:0; padding:0; background: transparent; vertical-align: top; } #main2 { margin:0; padding:0; background: transparent; vertical-align: top; } /* Left column rules */ #left { margin: 0; padding: 0; border: 0; position: absolute; float: left; width: 167px; colour: #000; /* Change the color as needed */ background: transparent; left: 1px; top: 20px; } #leftOld { float:left; width:164px; margin:0; padding:0; background: transparent; vertical-align: top; } #lftnav2 { margin: 0; padding: 0; border: 0; position: absolute; float: left; width: 167px; colour: #000; /* Change the color as needed */ background: transparent; left: 3px; top: 8px; } img.lftnavbttp { border: 1px solid #fff; } img.lftnavbt { border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } img.lftnavbttpcurrent { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; } img.lftnavbtcurrent { border-left: 1px solid #fff; border-right: 1px solid #fff; } img#support { margin: 0 0 0 0; } * html img#support { margin: 0 0 0 0; } /* Leftnav sub */ #lftnavsub { border-right: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff; margin: 0; padding: 0; color: #fff; background: #c94709; } #lftnavsub ul { font: 10px/12px verdana, arial, helvetica, sans-serif; font-weight: normal; font-style: normal; text-align: left; color: #FFCC66; background: transparent; margin: 0 0 0 23px; padding: 0; } #lftnavsub li { margin: 0; padding: 0 0 8px 0; } #lftnavsub a { font: 10px/12px verdana, arial, helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; color: #fff; background: transparent; } #lftnavsub a:hover, #lftnavsub #active a { color: #cdcf21; } /* Homepage divisions */ #middlehome { width: 560px; height:420px; margin:0 0 0 171px; padding: 0; background: transparent; } #middle_lp { width: 742px; padding-left:5px; /*border-left:165px solid #ffffff;*/ min-height: 640px; height: auto; } /*.articleBox { background-color:#eee; margin-top:30px; margin-bottom:2px; padding:10px; min-height:80px; _height:90px; } */ /* Right column rules */ #right { float: right; width: 122px; margin: 15px 0px 0px 0px; _margin: 15px 5px 0px 0px; padding: 0; background: transparent; } * html #right { width: 118px; margin: 21px 8px 0px 0px; } /* Footer rules */ #footer { margin: 40px 0 0 0; padding: 0; border: 0; position: relative; width: 750px; height: 75px; color: #000; background: transparent url(../images/bg_footer.gif) no-repeat scroll 0% 50%; } *html #footer { margin: 52px 0 0 0; } #footercopy { margin: 0; padding: 7px 10px 3px; position: absolute; top: 0px; left: 0px; width: 730px; height: 18px; border-bottom: 0px solid #FFFFFF; text-align: left; color: #363636; /* Change the color as needed */ background-color: #FFFFFF; /* Change the background-color as needed */ voice-family: "\"}\""; voice-family: inherit; } *html #footercopy { margin: 0; padding: 7px 10px 3px 8px; position: absolute; top: -10px; left: 0px; width: 730px; height: 18px; border-bottom: 0px solid #FFFFFF; text-align: left; color: #363636; /* Change the color as needed */ background-color: #FFFFFF; /* Change the background-color as needed */ voice-family: "\"}\""; voice-family: inherit; } .footertbl { font-weight: normal; color: #363636; font: 10px/12px verdana, arial, helvetica, sans-serif; padding-top: 4px; } #footercreditcards { margin: 0; padding: 7px 10px; position: absolute; top: 26px; left: 0; width: 600px; height: 18px; color: #fff; voice-family: "\"}\""; voice-family: inherit; text-align: left; } html>body #footercreditcards { width: 600px; height: 18px; } #footercreditcards img { display: inline; vertical-align: middle; padding: 4px 6px 0 0; } /*#footerlogo { margin: 0; padding: 7px 10px; position: absolute; top: 26px; left: 620px; width: 130px; height: 18px; color: #fff; voice-family: "\"}\""; voice-family: inherit; width: 110px; height: 35px; } html>body #footerlogo { width: 110px; height: 18px; }*/ #rollover18plus { position: absolute; left: 205px; top: -60px; z-index: 0; width: 200px; line-height: 15px; text-align: left; padding: 8px; border: 1px solid #339900; background-color: #ffffff; visibility: hidden; color: #647D00; } /* Curved panels */ /* Wrapper panel */ .blwrapper { background: #fff; width: 750px; height: 100%; } .trwrapper { padding: 0px; } /* for Internet Explorer */ /*\*/ * html .blwrapper { background: #fff; width:741px; } * html .trwrapper { margin: 0px -9px 0px 0px; padding:0px; } /**/ #wrapperlobby .blwrapper { background: #fff; width: 750px; height: 100%; } /* Play panel */ .blplay { background: #ffffff url("../images/sp_panel_bl_play.gif") 0 100% no-repeat; height: 100%; margin: 0 0 10px 0 } .brplay { background: url("../images/sp_panel_br_play.gif") 100% 100% no-repeat } .tlplay { background: url("../images/sp_panel_tl_play.gif") 0 0 no-repeat } .trplay { background: url("../images/sp_panel_tr_play.gif") 100% 0 no-repeat; padding: 7px; } /* Nav panel */ .blnav { background: #ffffff url("../images/sp_panel_bl_nav.gif") 0 100% no-repeat; height: 100%; margin: -5px 0 10px -4px; } .brnav { background: url("../images/sp_panel_br_nav.gif") 100% 100% no-repeat } .tlnav { background: url("../images/sp_panel_tl_nav.gif") 0 0 no-repeat } .trnav { background: url("../images/sp_panel_tr_nav.gif") 100% 0 no-repeat; padding: 7px; } /* Intro panel */ .blintro { background: #ffffff url("../images/sp_panel_bl_content.gif") 0 100% no-repeat; height: 181px; 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; } /* Promo panels */ /*.blpromo {background: #ffffff url("../images/sp_panel_bl_content.gif") 0 100% no-repeat; height: 100%; margin: 0px} .brpromo {background: url("../images/sp_panel_br_content.gif") 100% 100% no-repeat} .tlpromo {background: url("../images/sp_panel_tl_content.gif") 0 0 no-repeat} .trpromo {background: url("../images/sp_panel_tr_content.gif") 100% 0 no-repeat; padding: 7px;}*/ .blhdr { background: transparent 0 100% no-repeat #ffffff; } .brhdr { background: transparent 100% 100% no-repeat; min-height: 22px; height: auto; } .tlhdr { background: transparent 0 0 no-repeat } .trhdr { background: transparent 100% 0 no-repeat; padding: 10px; text-align: left; } *html .trhdr { 0 0 0 0px; padding: 0px; }/* For IE only */ .blhdr h1 { padding: 0; color: #823C6F; font-weight: bold; font-size: 12px; line-height: 14px; text-align: left; } .blhdr h2 { padding: 0; color: #823C6F; font-weight: bold; font-size: 12px; line-height: 14px; text-align: left; } /* Content panels */ .blcontent { background: url("../images/sp_panel_bl_content.gif") 0 100% no-repeat #fff; min-height: 563px; height: auto; margin: 0pt 0pt 10px -10px; } .brcontent { background: url("../images/sp_panel_br_content.gif") 100% 100% no-repeat; min-height: 563px; height: auto; } .tlcontent { background: url("../images/sp_panel_tl_content.gif") 0 0 no-repeat; min-height: 563px; height: auto; } .trcontent { background: url("../images/sp_panel_tr_content.gif") 100% 0 no-repeat; padding: 10px 19px; text-align: left; color: #333; position:relative; background-image: url("../images/sp_panel_tr_content.gif"); } /* for Internet Explorer */ /*\*/ * html .blcontent { margin: 0pt 0pt 10px 12px; } /**/ #wrapperlobby .blcontent { min-height: 263px; height: auto; margin: 0 } #wrapperlobby .brcontent { min-height: 263px; height: auto; } /* Highlight panels */ .blhighlight { background: url("../images/sp_panel_bl_highlight.gif") 0 100% no-repeat #9EC407; } .brhighlight { background: url("../images/sp_panel_br_highlight.gif") 100% 100% no-repeat; } .tlhighlight { background: url("../images/sp_panel_tl_highlight.gif") 0 0 no-repeat; } .trhighlight { background: url("../images/sp_panel_tr_highlight.gif") 100% 0 no-repeat; padding: 2px; color: #fff; } .blhighlight h1 { padding: 0; color: #333; font-weight: bold; font-size: 12px; line-height: 14px; text-align: left; } .blhighlight h2 { padding: 0; color: #333; font-weight: bold; font-size: 12px; line-height: 14px; text-align: left; } .blhighlight p { padding: 0; font-weight: normal; font-size: 11px; line-height: 14px; text-align: left; } a.hdrLink:link, a.hdrLink:visited, a.hdrLink:active { font-weight: bold; font-style: normal; text-decoration: none; color: #ffffff; font-size: 13px; line-height: 19px; } a.hdrLink:hover { color: #990000; } a.listingCopy:link, a.listingCopy:visited, a.listingCopy:active { font-weight: normal; font-style: normal; text-decoration: none; color: #ffffff; font-size: 11px; line-height: 15px; } a.listingCopy:hover { color: #000; text-decoration: none; } /* Account panel */ .blaccount { background: url("../images/sp_panel_bl_account.gif") 0 100% no-repeat #9EC407; color:#FFFFFF; height: 100%; margin: 0 0 10px 0; _margin: 0 0 5px 0; } .braccount { background: url("../images/sp_panel_br_account.gif") 100% 100% no-repeat; } .tlaccount { background: url("../images/sp_panel_tl_account.gif") 0 0 no-repeat; } .traccount { background: url("../images/sp_panel_tr_account.gif") 100% 0 no-repeat; padding: 10px; _padding:5px; color:#FFFFFF; } . /* Pre-Buy panel */ .blprebuy { background: url("../images/sp_panel_bl_prebuy.gif") 0 100% no-repeat #823C6F; height: 100%; margin: 0 0 10px 0 } .brprebuy { background: url("../images/sp_panel_br_prebuy.gif") 100% 100% no-repeat; } .tlprebuy { background: url("../images/sp_panel_tl_prebuy.gif") 0 0 no-repeat; } .trprebuy { background: url("../images/sp_panel_tr_prebuy.gif") 100% 0 no-repeat; padding: 7px; } /* History panel */ .blhistory { background: url("../images/sp_panel_bl_history.gif") 0 100% no-repeat #ffffff; color:#823C6F; height: 100%; margin: 0 0 10px 0 } .brhistory { background: url("../images/sp_panel_br_history.gif") 100% 100% no-repeat; } .tlhistory { background: url("../images/sp_panel_tl_history.gif") 0 0 no-repeat; } .trhistory { background: url("../images/sp_panel_tr_history.gif") 100% 0 no-repeat; padding: 7px; color:#823C6F; } /* Schedulepast panels */ .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 panel */ .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; } /* Lobbby panels */ .bllobby { background: transparent 0 100% no-repeat #ffffff; } .brlobby { background: transparent 100% 100% no-repeat; } .tllobby { background: transparent 0 0 no-repeat; } .trlobby { background: transparent 100% 0 no-repeat; padding: 0px; } * html .trlobby { padding: 0px; } .trlobby p { color:#000; } .trlobby td { color:#000; } .blgame { background: url("../images/sp_panel_bl_highlight.gif") 0 100% no-repeat #9EC407; min-height:84px; _height:86px; } .brgame { background: url("../images/sp_panel_br_highlight.gif") 100% 100% no-repeat; min-height:84px; _height:86px; } .tlgame { background: url("../images/sp_panel_tl_highlight.gif") 0 0 no-repeat; } .trgame { background: url("../images/sp_panel_tr_highlight.gif") 100% 0 no-repeat; padding:4px; text-align: left; } *html .blgame { 0px 0px 0px 0px 100% no-repeat }/* For IE only */ /* lobby games panels */ .bllobbygames { background: url("../images/sp_panel_bl_mask.png") 0 100% no-repeat #fff; } .brlobbygames { background: url("../images/sp_panel_br_mask.png") 100% 100% no-repeat; min-height: 22px; height: auto; } .tllobbygames { background: url("../images/sp_panel_tl_mask.png") 0 0 no-repeat } .trlobbygames { background: url("../images/sp_panel_tr_mask.png") 100% 0 no-repeat; /*padding: 4px 19px;*/ text-align: left; } .lobbygamestext { padding: 5px; text-align:justify; } /* Global rules */ img { display: block; } .column-in { margin: 0px 5px 5px 5px; padding: 0; } *html .column-in { margin: 4px; } /* For IE only */ .column-inleft { margin: -25px -10px 0px 0px; padding: 0; } .column-inleft2 { margin: -40px -10px 0px 0px; padding: 0; } *html .column-inleft { margin: 5px -10px 0px 0px; padding: 0; } /* For IE only */ *html .column-inleft2 { margin: -10px -10px 0px 0px; padding: 0; } /* For IE only */ .column-inleft2 { margin: -15px 0px 0px 8px; padding: 0; } *html .column-inleft2 { margin: 10px -10px 0px 0px; padding: 0; } /* For IE only */ .column-inlob { margin: 0px -10px 0px 0px; padding: 0; } .column-int { margin: 0px -15px 0px 0px; padding: 0; } .column-inlobby { margin: 0px -15px 0px 5px; padding: 0; } *html #column-inlobby { margin: 0px -10px 0px 0px; } /* For IE only */ .clear { font-size: 10px; height: 10px; } .lftalign { float: left; padding: 5px 0; } .rhtalign { float: right; padding: 5px 0; } .padtp { padding-top: 10px; } #dhtmltooltip { position: absolute; width: 80px; border: 1px solid black; padding: 8px; background-color: #ffffcc; visibility: hidden; z-index: 100; text-align:left; line-height: 15px; } .rule { margin: 15px 0 15px 0; padding: 0px; font-size: 1px; line-height: 1px; background: black; height: 1px; border-bottom: 1px solid #fff; } /* Global table rules */ table td { vertical-align: top; font: 11px/13px verdana, arial, helvetica, sans-serif; } .subtblhd td { font-weight: bold; color: #fff; background: #f5891f; } .subtblsubhd td { font-weight: bold; color: #fff; background: #dea929; } .subtbl td { /* For all browsers except IE */ background: #fff28a; height: 26px; vertical-align: middle; } *html .subtbl td { height: 20px; } /* For IE only */ /* Links */ .loginbutton { border-top: 1px solid #CFEBBA; border-right: 1px solid #8CB46E; border-bottom: 1px solid #7A9D60; border-left: 1px solid #BEE4A0; _border-top: 1px solid #CFEBBA; _border-right: 1px solid #8CB46E; border-bottom: 1px solid #7A9D60; border-left: 1px solid #BEE4A0; padding: 0; background-color: #ACDD87; color: #363636; font-size: 1em; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif; margin: 2; text-decoration: none; } .loginbutton:hover { color: #ffffff; border-top: 1px solid #CFEBBA; border-right: 1px solid #8CB46E; border-bottom: 1px solid #7A9D60; border-left: 1px solid #BEE4A0; background: ##7AB051; } .button { text-decoration: none; color: #FFFFFF; display: block; padding: 2px 4px 2px 4px; text-align: center; border: 1px dashed #9EC407; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 18px; font-weight: bold; font-variant: normal; background-color: #823C6F; } .button:hover { color: #fff; background-color: #9EC407; border: 1px dashed #823C6F; } .closebutton { padding: 2px; border:thin; border-bottom-color:#333333; border-left-color:#666666; background-color: #D4D0C8; color: #000000; font-size: 1em; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif; margin: 0; text-decoration: none; } .closebutton:hover { color: #fff; background: #ccc; border: 3px double #999; } a.sqbutton:link, a.sqbutton:visited, a.sqbutton:active { font: 8px/10px verdana, arial, helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; color: #fff; background-color: #9EC407; border: 3px double #333; display: block; padding: 0; text-align: center; } a.sqbutton:hover { color: #fff; border: 3px double #9EC407; background-color: #823C6F; } a.playbutton:link, a.playbutton:visited, a.playbutton:active { font: 10px/24px verdana, arial, helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; color: #fff; background-color: #823C6F; border: 1px solid #823C6F; margin: 0; display: block; height: 24px; text-align: center; } a.playbutton:hover { color: #fff; border: 1px solid #9EC407; background-color: #9EC407; } a.ibutton:link, a.ibutton:visited, a.ibutton:active { font: 8px/10px verdana, arial, helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; color: #fff; background-color: #999999; border: 1px solid #ccc; display: inline; padding: 0 3px 0 3px; margin: 0 4px 0 0; text-align: center; } a.ibutton:hover { color: #999999; border: 1px solid #cccccc; background: #cccccc; } a.ibutton:link, a.ibutton:visited, a.ibutton:active { font: 8px/10px verdana, arial, helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; color: #fff; background-color: #999999; border: 1px solid #fff; display: inline; padding: 0 3px 0 3px; margin: 0 4px 0 0; text-align: center; } a.ibutton:hover { color: #c94709; background-color: #fff28a; border: 1px solid #c94709; } a.footer:link, a.footer:visited, a.footer:active { font: 10px/12px verdana, arial, helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; color: #363636; background: transparent; } a.footer:hover { color: #A01E5E; } a.header:link, a.header:visited, a.header:active { background:transparent none repeat scroll 0%; color:#fff; font-family:verdana, arial, helvetica, sans-serif; font-size:10px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:12px; text-decoration:underline; } a.header:hover { color: A01E5E; } a.main:link, a.main:visited, a.main:active { font: 11px/13px verdana, arial, helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: underline; color: #333; background: transparent; } a.main:hover { color: #374404; background: transparent; } .trhighlight a.main:link, .trhighlight a.main:visited, .trhighlight a.main:active { font: 11px/13px verdana, arial, helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: underline; color: #fff; background: transparent; } .trhighlight a.main:hover { color: #374404; background: transparent; } .trhighlight p { color:#FFFFFF; } .trhighlight td p { color: #fff; } /* Typography */ p { font: 11px/13px verdana, arial, helvetica, sans-serif; padding: 0 0 10px 0; margin: 0px; text-align: left; } p.rhtalignbt { font: 11px/13px verdana, arial, helvetica, sans-serif; margin: 5px 0 0 0; text-align: right; } h1 { margin: 5px 0 5px 0; padding: 0; color: #823C6F; font-weight: bold; font-size: 1.4em; line-height: 1.4em; text-align: left; } h2 { margin: 5px 0 10px 0; padding: 0; color: #333; font-weight: bold; font-size: 1.2em; line-height: 1.1em; text-align: left; } h3 { margin: 5px 0 5px 0; padding: 0; color: #333; font-weight: bold; font-size: 1.1em; line-height: 1.2em; text-align: left; } .trhighlight h1, .trhighlight h2, .trhighlight h3 { color: #ffffff; } .trhighlight p { color: #fff; } /* Lists */ ul { font: 11px/13px verdana, arial, helvetica, sans-serif; font-weight: normal; font-style: normal; text-align: left; color: #333; background: transparent; margin: 0; padding: 0; } li { padding-bottom: 10px; list-style: none; } /* Forms */ form { margin: 0px; padding: 0px; border: 0px; } li.form { padding-bottom: 0; color: #A01E5E; margin-top: 0; height: 25px; line-height: 15px; } input.textbox { border: 1px solid #7C7C7C; font: 10px/12px verdana, arial, helvetica, sans-serif; font-style: normal; font-weight: normal; color: #7E7E7D; padding: 0 0 0 5px; margin: 0 5px 0 0; height: 15px; vertical-align: middle; width: 96px; } input.textbox65 { border: 1px solid #333; font: 11px/13px verdana, arial, helvetica, sans-serif; font-style: normal; font-weight: normal; color: #333; padding: 0 0 0 5px; margin: 0 5px 0 0; height: 15px; vertical-align: middle; width: 65px; } input.textbox175 { border: 1px solid #333; font: 11px/13px verdana, arial, helvetica, sans-serif; font-style: normal; font-weight: normal; color: #333; padding: 0 0 0 0; margin: 0 0 0 0; height: 15px; vertical-align: middle; width: 175px; } .dropdown { border: 1px solid #333; font: 11px/13px verdana, arial, helvetica, sans-serif; font-style: normal; font-weight: normal; color: #333; line-height: normal; } input.button, input.cancelbutton { padding: 1px; } /* Subpage divisions */ #middle { width: 430px; margin:30px 130px 0px 178px; padding: 0; min-height: 550px; background: transparent; } * html #middle { width: 430px; margin:30px 128px 0px 172px; height: 550px; } #middle2 { width: 415px; margin:30px 140px 0px 205px; padding: 0; background: transparent; } #middlelobby { width: 455px; margin:30px 130px 0px 180px; padding: 0; background: transparent; } * html #middlelobby { width: 425px; margin:20px 5px 0px 160px; padding: 0px; } #middletimet { width: 455px; margin:30px 130px 0px 180px; padding: 0; background: transparent; } * html #middletimet { width: 420px; margin: 30px -10px 0px 172px; } /* Lobby rules */ .gamespaneltxt { height: 130px; } .lobbyimg { border: 1px solid white; } .lobbyjackpot { height: 108px; } * html .lobbyjackpot { height: 113px; } .lobbyiconlft01 { position:absolute; left:325px; top:170px; width:69px; height:42px; z-index:2; } .lobbyiconlft02 { position:absolute; left:325px; top:315px; width:69px; height:42px; z-index:2; } .lobbyiconlft03 { position:absolute; left:325px; top:455px; width:69px; height:42px; z-index:2; } .lobbyiconrht01 { position:absolute; left:526px; top:172px; width:69px; height:42px; z-index:2; } .lobbyiconrht02 { position:absolute; left:526px; top:230px; width:69px; height:42px; z-index:2; } .lobbyiconrht03 { position:absolute; left:526px; top:285px; width:69px; height:42px; z-index:2; } /* Lobby sub table rules */ .lobbysub { margin: 10px 0 0 0; padding: 0; width: 100%; } .lobbytblhd { padding: 0 0 0 6px; font-weight: bold; color: #fff; background: #ffffff; height: 26px; vertical-align: middle; } .lobbytblcol01 { margin: 0; padding: 0 0 0 0px; width: 120px; background: #fff28a; height: 26px; vertical-align: middle; } .lobbytblcol02 { margin: 0; padding: 0; width: 35px; background: #fff28a; height: 20px; vertical-align: middle; } /* Promotions rules */ .promopanel { height: 188px; } .promopaneltxt { height: 118px; } .promoschedulepanel { height: 83px; } /* For all browsers except IE */ * html .promoschedulepanel { height: 88px; } /* For IE */ .promoscheduletxt { height: 60px; } /* For all browsers except IE */ * html .promoscheduletxt { height: 65px; } /* For IE */ .blschedulepast h2, .blschedulepast p, .blschedulepast a:link, .blschedulepast a:visited, .blschedulepast a:active, .blschedulepast a:hover { color: #f5891f; } /* Promtion schedule table rules */ .promoscheduleimg { width: 254px; padding: 0 10px 0 0; } .promoschedule01 { width: 122px; padding: 10px 10px 0 0; } .promoschedule02 { width: 122px; padding: 10px 10px 0 0; } .promoschedule03 { width: 122px; padding: 10px 0 0 0; } /* Timetable rules */ .timetablepanel { height: 188px; } #tabborder { margin: 0; padding: 8px; position: relative; width: 404px; background: transparent; border-right: 1px solid #333; border-bottom: 1px solid #333; border-left: 1px solid #333; voice-family: "\"}\""; voice-family: inherit; width: 386px; } html>body #tabborder { width: 386px; } #thirdlvtabborder { margin: 0; padding: 8px; position: relative; width: 388px; background: transparent; border-right: 1px solid #333; border-bottom: 1px solid #333; border-left: 1px solid #333; voice-family: "\"}\""; voice-family: inherit; width: 368px; } html>body #thirdlvtabborder { width: 368px; } #subtabs { margin: 0; padding: 0; position: relative; width: 404px; height: 23px; background: url("../images/bg_subtabs.gif") repeat-x bottom; line-height: normal; } #thirdlvtabs { margin: 0; padding: 0; position: relative; width: 386px; height: 23px; background: url("../images/bg_subtabs.gif") repeat-x bottom; line-height: normal; } #lobbytabs { margin: 0; padding: 0; position: relative; left:0px; top: 8px; width: 440px; height: 30px; background: url("../images/bg_lobbytabs.gif") repeat-x bottom; line-height: normal; } #scheduletabs { margin: 0; padding: 0; position: relative; align: left; top: 8px; width: 440px; height: 30px; background: url("../images/bg_lobbytabs.gif") repeat-x bottom; line-height: normal; } #subtabs ul, #thirdlvtabs ul { font-size: 1.1em; float: left; margin: 0; padding: 0 0 0 10px; list-style: none; } #subtabs li, #thirdlvtabs li { float: left; background: url("../images/sp_subtabs_off_lft.gif") no-repeat left top; margin: 0; padding: 0 0 0 9px; } #subtabs a, #thirdlvtabs a { display: block; float: left; background: url("../images/sp_subtabs_off_rht.gif") no-repeat right top; padding: 4px 15px 5px 6px; text-decoration: none; font-weight: bold; color: #333; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #subtabs a, #thirdlvtabs a { float: none; } /* End IE5-Mac hack */ #subtabs a:hover, #thirdlvtabs a:hover { color:#c94709; } #subtabs #current, #thirdlvtabs #current { background-image: url("../images/sp_subtabs_on_lft.gif"); } #subtabs #current a, #thirdlvtabs #current a { background-image: url("../images/sp_subtabs_on_rht.gif"); color:#c94709; padding-bottom: 6px; } /* lobby tabs */ #lobbytabs ul { font-size: 9px; line-height: 10px; float: left; margin: 0; padding: 0 0 0 0; list-style: none; text-align:center; } #lobbytabs li { float: left; background: url("../images/sp_lobbytabs_off_lft.gif") no-repeat left top; margin: 0; padding: 0 0 0 9px; } #lobbytabs a { display: block; float: left; background: url("../images/sp_lobbytabs_off_rht.gif") no-repeat right top; padding: 5px 15px 5px 6px; text-decoration: none; font-weight: bold; color: #000; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #lobbytabs a { float: none; } /* End IE5-Mac hack */ #lobbytabs a:hover { color:#000; } #lobbytabs #current { background-image: url("../images/sp_lobbytabs_on_lft.gif"); } #lobbytabs #current a { background-image: url("../images/sp_lobbytabs_on_rht.gif"); color:#000; padding-bottom: 6px; } /* end lobby tabs */ /* schedule tabs */ #scheduletabs ul { font-size: 9px; line-height: 10px; float: left; margin: 0; padding: 0 0 0 0; list-style: none; text-align:center; } #scheduletabs li { float: left; background: url("../images/sp_lobbytabs_off_lft.gif") no-repeat left top; margin: 0; padding: 0 0 0 6px; } #scheduletabs a { display: block; float: left; background: url("../images/sp_lobbytabs_off_rht.gif") no-repeat right top; padding: 5px 7px 5px 6px; text-decoration: none; font-weight: bold; color: #000; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #scheduletabs a { float: none; } /* End IE5-Mac hack */ #scheduletabs a:hover { color:#000; } #scheduletabs #current { background-image: url("../images/sp_lobbytabs_on_lft.gif"); } #scheduletabs #current a { background-image: url("../images/sp_lobbytabs_on_rht.gif"); color:#000; padding-bottom: 6px; } /* end lobby tabs */ .timetablepromo { border: 1px solid #333; } .timetableicon { position:absolute; left:316px; top:247px; width:69px; height:42px; z-index:2; } .timetabletxt { height: 30px; } /* Timetable sub table rules */ .timetblhd { padding: 9px; } .timetblcol01, .timetblcol04 { margin: 0; padding: 2px; width: 30px; height: 30px; } .timetblcol02 { margin: 0; width: 116px; font-weight: bold; padding: 3px 5px 4px 5px; } .timetblcol03 { margin: 0; padding: 3px 5px 4px 5px; } /* Community sub table rules */ .communitytblhd { padding: 7px; } .communitytbl { margin: 10px 8px 0 0; padding: 0; width: 206px; vertical-align: top; } .communitytblsubhd { padding: 9px; } .communitytblcol01, .communitytblcol02, .communitytblcol03, .communitytblcol04, .communitytblcol05 { padding: 3px 3px 3px 4px; } .communitytblcol04, .communitytblcol05 { width: 50%; } /* Community - Promo Winners sub table rules */ .promowinnerstbl { margin: 0 0 10px 0; padding: 0; vertical-align: top; } .promowinnershd { padding: 9px; } .promowinnerscol01, .promowinnerscol02, .promowinnerscol03, .promowinnerscol04, .promowinnerscol05 { margin: 0; padding: 3px 5px 4px 5px; width: 20%; } /* Community - Recent Winners sub table rules */ .recenttbl { margin: 0 0 10px 0; padding: 0; vertical-align: top; } .recenthd { padding: 9px; } .recentcol01, .recentcol02, .recentcol03, .recentcol04 { margin: 0; padding: 3px 5px 4px 5px; } /* Sitemap rules */ ul.sitemap { list-style-type: none; margin-left: 0; padding-left: 0; } ul.sitemap li { padding: 0; } ul.sitemap li a.parent { background: transparent; margin: 0; padding: 0; font: 14px/24px verdana, arial, helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; } ul.sitemap li a.parentsub { background: transparent; margin: 0; padding: 0; font: 10px/14px verdana, arial, helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; } ul.sitemap li a { margin: 0; padding: 0; font: 10px/14px verdana, arial, helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; color: #333; background: transparent; } ul.sitemap li a:hover { color: #003366; text-decoration: underline; } ul.sitemap li ul { background: transparent; list-style-type: none; margin: -1.4em 0 0 -1.6em; padding: 1.4em 0 0 0.6em; } ul.sitemap li ul li { margin-left: 0.5cm; padding-left: 10px; } /* Account rules */ .traccount h2, .trprebuy h2 { color:#ffffff; margin: 5px 0 10px 0; } .trhistory h2 { color:#823C6F; margin: 5px 0 10px 0; } .traccount ul, .trhistory ul { width: 108px } #loginbar ul { float: left; list-style: none; padding: 8px 0 0 10px; margin: 0; } #loginbar li { float: left; padding: 0 10px 0 0; } #loginbar a.button { text-decoration: none; color: #FFFFFF; display: block; padding: 2px 4px 2px 4px; text-align: center; border: 1px dashed #9EC407; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 18px; font-weight: bold; font-variant: normal; background-color: #823C6F; } #loginbar a.cancelbutton { font: bold 10px/18px verdana, arial, helvetica, sans-serif; text-decoration: none; color: #FFFFFF; font-weight:bold; background: #9EC407; display: block; padding: 2px 4px 2px 4px; text-align: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CADF7A; border-right-color: #7C9A05; border-bottom-color: #7C9A05; border-left-color: #CADF7A; } #loginbar a.cancelbutton:hover { font: bold 10px/18px verdana, arial, helvetica, sans-serif; text-decoration: none; color: #FFFFFF; font: bold 10px/18px verdana, arial, helvetica, sans-serif; text-decoration: none; background-color: #7C9A05; display: block; padding: 2px 4px 2px 4px; text-align: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CADF7A; border-right-color: #7C9A05; border-bottom-color: #7C9A05; border-left-color: #CADF7A; } ; display: block; padding: 2px 4px 2px 4px; text-align: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CADF7A; border-right-color: #7C9A05; border-bottom-color: #7C9A05; border-left-color: #CADF7A; } li.nopad { padding-bottom: 0; } li.nopadbold { padding-bottom: 0; font-weight: bold; color:#FFFFFF; } li.bullet { margin: 0 0 0 20px; padding: 0; list-style: disc; } a.history:link, a.history:visited, a.history:active { font: 10px/12px verdana, arial, helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration:none; color: #823C6F; background: transparent; } a.history:hover { color: #7C7C7C; background: transparent; } .accounttbl td { height: 23px; padding: 3px 0; color: #000000; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 13px; } * html .accounttbl td { height: 19px; } .accountbuttons td { padding-top: 20px; } .cancelbutton { padding: 2px; display:block; color: #fff; font-size: 1em; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif; margin: 0; text-decoration: none; } .cancelbutton:hover { color: #fff; font-weight:bold; background: #823C6F; } a.accountbutton:link, a.accountbutton:visited, a.accountbutton:active { font: 10px/18px verdana, arial, helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; color: #7C7C7C; background: #fff; border: 1px #7C7C7C; display: block; padding: 0 4px 0 4px; text-align: center; margin: 0 0 10px 0; } a.accountbutton:hover { color: #fff; background: #7C7C7C; border: 1px #fff; } a.prebuybutton:link, a.prebuybutton:visited, a.prebuybutton:active { font: 10px/18px verdana, arial, helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; color: #7C7C7C; background: #fff; border: 1px #7C7C7C; display: block; padding: 0 4px 0 4px; text-align: center; margin: 0 0 10px 0; } a.prebuybutton:hover { color: #7C7C7C; background: #ccc; border: 1px #7C7C7C; } a.historybutton:link, a.historybutton:visited, a.historybutton:active { font: 10px/18px verdana, arial, helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: none; color: #fff; background: #823C6F; border: 1px dashed #9EC407; display: block; padding: 0 4px 0 4px; text-align: center; margin: 0 0 10px 0; } a.historybutton:hover { color: #fff; background: #9EC407; border: 1px dashed #823C6F; } /* Lobby popup rules */ #closelobby { margin: 0; padding: 0; position: absolute; top: 36px; left: 612px; height: 20px; width: 100px; text-align: right; background-color: #9EC407; color:#000000; } .lobbypopiconlft01 { position:absolute; left:282px; top:480px; width:69px; height:42px; z-index:2; } .lobbypopiconlft02 { position:absolute; left:282px; top:200px; width:69px; height:42px; z-index:2; } .lobbypopiconlft03 { position:absolute; left:282px; top:341px; width:69px; height:42px; z-index:2; } .lobbypopiconrht01 { position:absolute; left:648px; top:286px; width:69px; height:42px; z-index:2; } .lobbypophd { margin: 0 0 2px 0; padding: 7px; } .lobbypopcol01 { margin: 0; padding: 0 0 0 7px; background: #fff; width: 255px; vertical-align: middle; } .lobbypopcol02 { margin: 0; padding: 0; background: #fff; width: 67px; } /* Colour backgrounds */ .colourblockform { padding: 10px; margin: 0 0 10px 0; background-color: #F0F0F0; width: 404px; border: 1px dashed #999999; text-align: left; voice-family: "\"}\""; voice-family: inherit; width: 100%; } html>body .colourblockform { width: 96%; } .colourblockforgotten { font: 10px/12px verdana, arial, helvetica, sans-serif; padding: 10px; margin: 0; background-color: #fff28a; width: 404px; border: 1px dashed #f5891f; vertical-align: middle; text-align: left; voice-family: "\"}\""; voice-family: inherit; width: 382px; } html>body .colourblockforgotten { width: 382px; } .colourblockreg { font: 10px/12px verdana, arial, helvetica, sans-serif; padding: 10px; margin: 0; color: #823C6F; background-color: #CEE769; width: 404px; border: 1px dashed #9EC407; text-align: left; voice-family: "\"}\""; voice-family: inherit; width: 382px; } html>body .colourblockreg { width: 382px; } /* Print popup rules */ .printtbl { border: 1px solid #fff; margin: 10px 0 20px 0; } .printtbl td { text-align: center; vertical-align: middle; } .printtblhd { line-height: 13px; color: #fff; background-color: #f5891f; border: 1px solid #ECEAEA; padding: 5px; font: 10px/12px verdana, arial, helvetica, sans-serif; font-weight: bold; } .printtblsubhd { background-color: #333; line-height: 13px; color: #fff; border: 1px solid #eceaea; padding: 5px; font-size: 1.2em; font-weight: bold; } .printtblrow01 { line-height: 13px; color: #000; background-color: #fdffec; border: 1px solid #eceaea; padding: 4px; font-size: 11px; } .printtblrow02 { line-height: 13px; color: #000; background-color: #fff; border: 1px solid #eceaea; padding: 4px; font-size: 11px; } p.printfooter { color: #666; } body.print a.main:hover { color: #000; background: transparent; } /* Ajax code rules */ #passworderrors, #errors, #deposit_errors, #securityerrors, #change_errors, #withdraw_errors, #regerrors { font: 11px/13px verdana, arial, helvetica, sans-serif; color: #FF0000; font-weight: normal; font-style: normal; } .ajaxtextcolor { font: 11px/13px verdana, arial, helvetica, sans-serif; color:#0C3F97; font-weight: bold; font-style: normal; text-decoration: none; } .ajaxbox { width:300px; 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; font-style: normal; text-decoration: none; width:400px; border:1px solid black; background-color:#FFCC66; } a.ibutton02:link, a.ibutton02:visited, a.ibutton02:active { font: 8px/10px verdana, arial, helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; color: #fff; background: #990066; border: 1px solid #fff; display: inline; padding: 0 3px 0 3px; margin: 0 4px 0 0; text-align: center; } a.ibutton02:hover { color: #fff; background-color: #480048; border: 1px solid #fff; } .lobbytbl { font: 10px/12px verdana, arial, helvetica, sans-serif; text-align:left; HEIGHT: 65px; color:#000; } . lobbytbl p { color:#FFFFFF; } . lobbytbl td { color:#FFFFFF; } .lobbybutton a { position: relative; display: block; height: 18px; width: 60px; margin: 0 0 0 0; _margin: -12px 0px 0px 0px } #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; } #nospace { padding-bottom: 0; } #nospace p { padding-bottom: 0; } #links { } /* New Navigation */ #leftnavigation { position: relative; text-align: left; } .subnavbutton { text-align: left; } .subnavbutton a { color: #728C0A; display: block; width: 148px; padding-left: 15px; padding-top: 4px; height: 16px; text-decoration: none; background: transparent; } * html .subnavbutton a { height: 22px; width: 148px; } .subnavbutton a:hover { background-position: 0px -22px; text-decoration: underline; } .navbutton a { display: block; height: 22px; width: 133px; padding-left: 0px; padding-top: 0px; text-transform: none; font: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; color: #728C0A; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } * html .navbutton a { height: 30px; width: 148px; } #navbg a { background: url(../images/navbg.gif); } #navbg a:hover { background-position: 0px -30px; } #navbgOn a { background: url(../images/navbg.gif); background-position: 0px -30px; } #navbgOn a:hover { background-position: 0px -30px; } #lftnav { margin: 0; padding: 0; border: 0; position: absolute; float: left; width: 167px; colour: #000; /* Change the color as needed */ background: transparent; left: 4px; top: 191px; } img.lftnavbt { border-left: 1px solid #fff; /* Change the border-colors as needed */ border-right: 1px solid #FFFFFF; /* Change the border-colors as needed */ border-bottom: 1px solid #FFFFFF; /* Change the border-colors as needed */ } img.lftnavbtcurrent { border-left: 1px solid #fff; /* Change the border-colors as needed */ border-right: 1px solid #fff; /* Change the border-colors as needed */ } * html. curvedboxmainhead h2 { height: 1%; } /* For IE 5 PC */ .curvedboxmain { margin: 0; background: #FFF url("/minbingose/bingo/images/bg_corner_btmrht_02.gif") no-repeat bottom right; /* Change the backgound image as required */ padding: 0px 0px 0px 0px; _padding: 0px 0px 0px 0px; font-size: 100%; text-align: left; } *html .curvedboxmain { padding: 0px 0px 0px 0px; } /* For IE only */ .curvedboxmainhead { background: url("/minbingose/bingo/images/bg_corner_tprht_02.gif") no-repeat top right; margin: 0; padding: 0; text-align: center; z-index:1000; } .curvedboxmainhead h2 { background: transparent url("/minbingose/bingo/images/bg_corner_tplft_02.gif") no-repeat top left; margin: 0; padding: 3px; color: #fff; font-weight: bold; font-size: 1px; line-height: 1px; text-align: left; } .curvedboxmainbody { background: url("/minbingose/bingo/images/bg_corner_btmlft_02.gif") no-repeat bottom left; /* Change the backgound image as required */ margin: 0; border: 0px; padding: 0px 15px 17px 15px; /* show to Movilla/Safari/Opera/IE 5/IE 5.5 */ voice-family: "\"}\""; height: 600px; voice-family: inherit; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; z-index: 1; } .curvedboxmainbody h2 { margin: 5px 0 10px 0; _margin: 5px 0 10px 15px; padding: 0; color: #823C6F; font-weight: bold; font-size: 1.4em; line-height: 1.6em; text-align: left; } .curvedboxmainbody h3 { margin: 5px 0 0 0; padding: 0 0 0.6em 0; color: #7C7C7C; font-weight: bold; font-size: 1.2em; line-height: 1.4em; text-align: left; } .curvedboxmainbody h4 { margin: 15px 0 10px 0; padding: 0; color: #823C6F; font-weight: bold; font-size: 1.1em; line-height: 1.1em; text-align: left; } .curvedboxmainbody h4.nomargin { margin: 0 0 10px 5px; } .curvedboxmainbody p { padding: 0; font: 11px/16px verdana, arial, helvetica, sans-serif; margin: 0 20px 20px 0; color: #823C6F; } /*VIP area */ .blvipDiamond { background: url("../images/spacer.gif") 0 100% no-repeat #000; } .brvipDiamond { background: url("../images/spacer.gif") 100% 100% no-repeat; } .tlvipDiamond { background: url("../images/spacer.gif") 0 0 no-repeat; } .trvipDiamond { background: url("../images/spacer.gif") 100% 0 no-repeat; padding: 3px; color: #ffffff; } .trvipHome p { color: #ffffff; } .blvipHome { background: url("../images/spacer.gif") 0 100% no-repeat #000; } .brvipHome { background: url("../images/spacer.gif") 100% 100% no-repeat; } .tlvipHome { background: url("../images/spacer.gif") 0 0 no-repeat; } .trvipHome { background: url("../images/spacer.gif") 100% 0 no-repeat; padding: 7px; color: #ffffff; } .blvipGold { background: url("../images/spacer.gif") 0 100% no-repeat #000; } .brvipGold { background: url("../images/spacer.gif") 100% 100% no-repeat; } .tlvipGold { background: url("../images/spacer.gif") 0 0 no-repeat; } .trvipGold { background: url("../images/spacer.gif") 100% 0 no-repeat; padding: 7px; color: #ffffff; } .blvipDiamond h1 { padding: 0; color: #a30664; font-weight: bold; font-size: 12px; line-height: 14px; text-align: left; } .blvipDiamond h2 { padding: 0; color: #a30664; font-weight: bold; font-size: 12px; line-height: 14px; text-align: left; } .blvipHome h1 { padding: 0; color: #cacaca; font-weight: bold; font-size: 12px; line-height: 14px; text-align: left; } .blvipHome h2 { padding: 0; color: #cacaca; font-weight: bold; font-size: 12px; line-height: 14px; text-align: left; } .blvipGold h1 { padding: 0; color: #ffff00; font-weight: bold; font-size: 12px; line-height: 14px; text-align: left; } .blvipGold h2 { padding: 0; color: #ffff00; font-weight: bold; font-size: 12px; line-height: 14px; text-align: left; } .blvip p { padding: 0; font-weight: normal; font-size: 11px; line-height: 18px; text-align: left; color: #ffffff; } .vipTable { border-width: 1px; border-spacing:; border-style: solid; border-color: #3e3e3e; border-collapse: separate; background-color: #232323; padding: 5px; /*width: 100%;*/ margin-top: 5px; margin-bottom: 5px; color: #ffffff; } .vipTable p { color: #ffffff; } .vipContact { border-width: 1px; border-spacing:; border-style: solid; border-color: #4e4e4e; border-collapse: separate; background-color: #171717; padding: 5px; /*width: 100%;*/ margin-top: 10px; color: #ffffff; } .vipContact p { color: #ffffff; } .vipContact h1 { padding: 0; color: #cacaca; font-weight: bold; font-size: 12px; line-height: 14px; text-align: left; } .vipContact a { color:#CCCCCC; } .vipLink { color: #a30664; } .vipLinkHome { color: #cacaca; } /*Homepage layer popup*/ #layer_popupContainer { position:absolute; z-index:100; height: 600px; width: 600px; top:10px; left:50%; margin-left:-300px; text-align:center; } /*Homepage layer popup style 4xmas*/ #layer_popupContainerxmas { position:absolute; z-index:100; height: 113px; width: 750px; top:0px; left:50%; margin-left:-375px; text-align:center; } /*jackpot*/ .visible { display:block; } .hidden { display:none; } #games1 { background-image:url(../home/games1.gif); width: 185px; height: 362px; } #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:20px; text-align:center; line-height: 25px; height: 25px; color: #fff; } .display2 { padding-top: 53px; display:block; width: 185px; font-size:20px; text-align:center; line-height: 25px; height: 25px; color: #fff; } .display3 { padding-top: 53px; display:block; width: 185px; font-size:20px; 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; } #homejackpot { margin: 0; padding: 0; border: 0; position: absolute; top: 40px; left: 565px; width: 185px; height: 362px; color: #333; background: transparent; } #homeintro { margin: 0; padding: 0; border: 0; position: absolute; top: 30px; left: 170px; width: 383px; height: 207px; color: #333; background: transparent; } #homepromo01 { margin: 0; padding: 0; position: absolute; top: 265px; left: 175px; width: 185px; height: 171px; color: #333; background: transparent; } * html #homepromo01 { top: 265px; } #homepromo02 { margin: 0; padding: 0; position: absolute; top: 265px; left: 370px; width: 185px; height: 171px; color: #333; background: transparent; } * html #homepromo02 { top: 265px; } #homepromo03 { margin: 0; padding: 0; position: absolute; top: 220px; left: 565px; width: 185px; height: 171px; color: #333; background: transparent; } * html #homepromo03 { top: 193px; } .playLobby a, .playLobby a:visited { float:left; height: 20px; width: 131px; margin: 2px; font-size:12px; line-height:20px; text-decoration:none; font-weight:bold; } #lobbyBlue a { background: url(../images/lobbyBlue.gif); color: #0033FF; } #lobbyRed a { background: url(../images/lobbyRed.gif); color: #993300; } #lobbyBlue a:hover, #lobbyRed a:hover, #lobbyYellow a:hover { background-position: 0px -25px; } #lobbyButtons { margin-left:70px; _margin-bottom:-10px; height:15px; *height:0; } #titleBar { height:40px; width:580px; *width:565px; margin: 0; padding-top: 25px; } #barLeft { float:left; height:33px; width:5px; background-image:url(../images/bar_left.gif); background-repeat: no-repeat; } #barMid { float:left; height:33px; width:565px; *width:555px; background-image:url(../images/bar_mid.gif); background-repeat: repeat-x; color:#FFFFFF; text-align:left; line-height:25px; } #barRight { float:left; height:33px; width:5px; background-image:url(../images/bar_right.gif); background-repeat: no-repeat; } #welcomeText a { color:#fff; } #welcomeText a:hover { color: #FFCC00; } /*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:30px; 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:none; } /* 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:inline; } /* Displays (inline), or not (none), the spelberoende icon */ #creditCardsInclude #gamcare { display:none; } /* 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(/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;}