.lobbyArea { margin: 0 auto; padding-top: 0px; position: relative; width: 572px; height: 100%; color: #000; background-color: transparent; text-align: left; } /* drop down styles */ .accordion2 { width: 572px; font: 14px "Trebuchet MS", Arial, Sans-Serif; } .accordion2 h3 { background: white url(../assets-lobby/testBg.png) no-repeat scroll top right; color: #5e9600; text-decoration: none; font-weight:bold; width:540px; font-size: 13px; line-height: 23px; height: 19px; padding: 0px; margin: 0 0 8px 20px; display: block; cursor: pointer; } .accordion2 h3:hover { color: #666; } .accordion2 b { color: #666; } .accordion2 h3.active { background-position:right bottom; outline: none; /* hide dotted outline in Firefox */ } .accordion2 .panel { background: transparent; margin: 0 0 15px 0; padding: 0; display: none; color: #cc0000; font: 12px "Trebuchet MS", Arial, Sans-Serif; } .accordion1 { background: white;width: 562px; font: 14px "Trebuchet MS", Arial, Sans-Serif; padding:10px 0px 5px 10px; margin-bottom:12px; /*-moz-border-radius: 6px;-webkit-border-radius: 6px; box-shadow:0px 0px 2px 2px #ccc; -webkit-box-shadow:0px 0px 2px 2px #ccc; -moz-box-shadow: 0px 0px 2px 2px #ccc; filter: progid:DXImageTransform.Microsoft.Shadow( Strength=3, Direction=2, Color='#cccccc' );*/} .accordion1 h3 { background: white url(../assets-lobby/testBg.png) no-repeat scroll top right; color: #5e9600; text-decoration: none; font-weight:bold; width:552px; font-size: 13px; line-height: 23px; height: 19px; padding: 0px; margin: 0 0 8px 0; display: block; cursor: pointer; } .accordion1 h3:hover { color: #666; } .accordion1 b { color: #000; } .accordion1 h3.active { background-position: bottom right; outline: none; /* hide dotted outline in Firefox */ } .accordion1 .panel { background: transparent; margin: 0 0 15px 0; padding: 0; display: none; color: #cc0000; font: 12px "Trebuchet MS", Arial, Sans-Serif; } .accordion3 { width: 572px; font: 14px "Trebuchet MS", Arial, Sans-Serif; } .accordion3 h3 { background: white url(../assets-lobby/testBg.png) no-repeat scroll top right; color: #5e9600; text-decoration: none; font-weight:bold; width:540px; font-size: 13px; line-height: 23px; height: 19px; padding: 0px; margin: 0 0 8px 20px; display: block; cursor: pointer; } .accordion3 h3:hover { color: #666; } .accordion3 b { color: #white; } .accordion3 h3.active { background-position:right bottom; outline: none; /* hide dotted outline in Firefox */ } .accordion3 .panel { background: transparent; margin: 0 0 15px 0; padding: 0; display: none; color: #cc0000; font: 12px "Trebuchet MS", Arial, Sans-Serif; } /* Tab Menu */ #lobbyTab { width: 572px; font: 14px "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 8px 0; } #lobbyTab .menu { margin:0; padding:0; height:40px; width:572px; display:block; background:url('../assets-lobby/topMenuImages.png') repeat-x; font:12px "Trebuchet MS", Arial, Sans-Serif; font-weight: bold; } #lobbyTab .menu li { padding:0; margin:0; list-style:none; display:inline; } #lobbyTab .menu li a { float:left; padding-left:15px; display:block; color:#fff; text-decoration:none; cursor:pointer; background:url('../assets-lobby/topMenuImages.png') 0px -40px no-repeat; } #lobbyTab .menu li a span { line-height:40px; float:left; display:block; padding-right:15px; background:url('../assets-lobby/topMenuImages.png') 100% -40px no-repeat; } #lobbyTab .menu li a:hover { background-position:0px -80px; color:#fff; } #lobbyTab .menu li a:hover span { background-position:100% -80px; } #lobbyTab .menu li a.active, .menu li a.active:hover { line-height:40px; background:url('../assets-lobby/topMenuImages.png') 0px -120px no-repeat; color:#666; } #lobbyTab .menu li a.active span, .menu li a.active:hover span { background:url('../assets-lobby/topMenuImages.png') 100% -120px no-repeat; } 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; } /* ------------------ styling for the tables ------------------ */ /* bingo table 90*/ #Ball90 { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; width: 572px; text-align: left; border-collapse: collapse; height:30px;} #Ball90 tr{height: 30px !important; } #Ball90 thead th.rounded-left { height: 30px; width: 82px;padding-left: 8px; padding-right: 0px; padding-top: 5px; padding-bottom: 2px; background:url('90ballbingo.png') no-repeat left 20px ;} #Ball90 thead th.rounded-right { background: transparent url('90ballbingo-rpt.png') right 20px repeat-x;height: 30px; line-height: 41px; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 2px; } #Ball90 th { height: 30px; line-height: 41px; color: #fff; background: transparent url('90ballbingo-rpt.png') right 20px repeat-x; padding-left: 8px; padding-right: 8px; padding-top: 13px; padding-bottom: 2px; } #Ball90 td.gametitle { width: 142px; } #Ball90 thead th.rounded-q1, #Ball90 td.r1 { width: 30px; } #Ball90 thead th.rounded-q2 { width: 30px; } #Ball90 td.r2 { width: 30px; color: #cc0066; } #Ball90 thead th.rounded-q3, #Ball90 td.r3 { width: 42px; } #Ball90 thead th.rounded-q4, #Ball90 td.r4 { width: 44px; } #Ball90 thead th.rounded-q5 { width: 70px; } #Ball90 td.r5 { width: 70px; color: #cc0066; } #Ball90 td { padding-left: 8px; padding-right: 8px; padding-top: 6px; padding-bottom: 4px; background: #e8edff; color: #000; border-top: 1px solid #fff; background:#e0ebcd;} #Ball90 tfoot td.rounded-foot-left { padding: 6px; line-height: 20px; } #Ball90 tfoot td.rounded-foot-right { } #Ball90 tbody tr:hover td { background: #fff; } /* bingo table 80*/ #Ball75 { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; width: 572px; text-align: left; border-collapse: collapse; } #Ball75 thead th.rounded-left { background: transparent url('bingo/80_tbl_hdr_left.png') left no-repeat; height: 40px; width: 82px; line-height: 41px; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 2px; } #Ball75 thead th.rounded-right { background: transparent url('bingo/80_tbl_hdr_right.png') right no-repeat; height: 40px; line-height: 41px; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 2px; } #Ball75 th { height: 40px; line-height: 41px; color: #fff; background: transparent url('bingo/80_tbl_hdr_middle.png') right no-repeat; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 2px; } #Ball75 td.gametitle { width: 142px; } #Ball75 thead th.rounded-q1, #Ball90 td.r1 { width: 30px; } #Ball75 thead th.rounded-q2 { width: 30px; } #Ball75 td.r2 { width: 30px; color: #0066cc; } #Ball75 thead th.rounded-q3, #Ball90 td.r3 { width: 42px; } #Ball75 thead th.rounded-q4, #Ball90 td.r4 { width: 44px; } #Ball75 thead th.rounded-q5 { width: 70px; } #Ball75 td.r5 { width: 70px; color: #0066cc; } #Ball75 td { padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; background: #e8edff; color: #333; border-top: 1px solid #fff; } #Ball75 tfoot td.rounded-foot-left { background: #e8edff url('table-images/botleft.png') left bottom no-repeat; padding: 6px; line-height: 20px; } #Ball75 tfoot td.rounded-foot-right { background: #e8edff url('table-images/botright.png') right bottom no-repeat; } #Ball75 tbody tr:hover td { background: #fff; } /* bingo table 75 */ #Ball80 { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; width: 572px; text-align: left; border-collapse: collapse; } #Ball80 thead th.rounded-left { background: transparent url('bingo/75_tbl_hdr_left.png') left no-repeat; height: 40px; width: 82px; line-height: 41px; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 2px; } #Ball80 thead th.rounded-right { background: transparent url('bingo/75_tbl_hdr_right.png') right no-repeat; height: 40px; line-height: 41px; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 2px; } #Ball80 th { height: 40px; line-height: 41px; color: #fff; background: transparent url('bingo/75_tbl_hdr_middle.png') right no-repeat; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 2px; } #Ball80 td.gametitle { width: 142px; } #Ball80 thead th.rounded-q1, #Ball90 td.r1 { width: 30px; } #Ball80 thead th.rounded-q2 { width: 30px; } #Ball80 td.r2 { width: 30px; color: #ff3300; } #Ball80 thead th.rounded-q3, #Ball90 td.r3 { width: 42px; } #Ball803 thead th.rounded-q4, #Ball90 td.r4 { width: 44px; } #Ball90 thead th.rounded-q5 { width: 70px; } #Ball80 td.r5 { width: 70px; color: #ff3300; } #Ball80 td { padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; background: #e8edff; color: #333; border-top: 1px solid #fff; } #Ball80 tfoot td.rounded-foot-left { background: #e8edff url('table-images/botleft.png') left bottom no-repeat; padding: 6px; line-height: 20px; } #Ball80 tfoot td.rounded-foot-right { background: #e8edff url('table-images/botright.png') right bottom no-repeat; } #Ball80 tbody tr:hover td { background: #fff; } /* generic */ a.tableBut:link, a.tableBut:visited, a.tableBut:active { } a.tableBut span { background: transparent url('bingo/button_game.png') no-repeat; display: block; line-height: 14px; padding: 2px 0 7px 6px; color:#4e1b66; font-size:11px; font-weight:bold; text-transform:lowercase;} a.tableBut:hover { } a.tableBut:hover span { } .gametitle a:link, .gametitle a:active, .gametitle a:visited { color: #000; text-transform:uppercase; text-decoration: none; font-weight: bold; padding-top:4px;} /* bingo table Jackpots */ #table-jackpot { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; width: 572px; text-align: left; border-collapse: collapse; } #table-jackpot thead th.rounded-left { background: transparent url('bingo/jackpots_tbl_hdr_left.png') left no-repeat; height: 40px; width: 182px; line-height: 41px; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 2px; } #table-jackpot thead th.rounded-right { background: transparent url('bingo/jackpots_tbl_hdr_right.png') right no-repeat; height: 40px; line-height: 41px; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 2px; } #table-jackpot th { height: 40px; line-height: 41px; color: #fff; background: transparent url('bingo/jackpots_tbl_hdr_middle.png') right no-repeat; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 2px; } #table-jackpot td.gametitle { width: 182px; } #table-jackpot thead th.rounded-q1, #table-jackpot td.r1 { width: 120px; } #table-jackpot thead th.rounded-q2 { width: 90px; } #table-jackpot td.r2 { width: 130px; color: #cc9900; } #table-jackpot td { padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; background: #e8edff; color: #333; border-top: 1px solid #fff; } #table-jackpot tfoot td.rounded-foot-left { background: #e8edff url('table-images/botleft.png') left bottom no-repeat; padding: 6px; line-height: 20px; } #table-jackpot tfoot td.rounded-foot-right { background: #e8edff url('table-images/botright.png') right bottom no-repeat; } #table-jackpot tbody tr:hover td { background: #fff; } #accountPanel { margin: 0; padding: 0; width: 562px; height: 90px; display: block; background-color:#fff; font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px } #accountPanelTop { margin: 0; padding: 0; width: 560px; height: 10px; line-height: 10px; display: block; background: url('accountTop.png') no-repeat top left; } #accountPanelBottom { margin: 0; padding: 0; width: 560px; line-height: 10px; height: 10px; display: block; background: url('accountBot.png') no-repeat bottom left; } #accountPanel .accountPanelHdr { width: 113px; display: inline; margin-left: 20px; float: left; padding: 0; height: 30px; line-height: 30px; color: #666; } #accountPanel .accountPanelInfo { width: 83px; display: inline; float: left; padding: 0; height: 30px; line-height: 30px; color: #99cc00; } #accountPanel .accountPanelBut { width: 168px; display: inline; float: left; padding: 0; height: 30px; line-height: 30px; } #accountPanel .accountPanelAll { width: 502px; display: inline; float: left; padding-left: 0px; line-height: auto; color: #000; } #accountPanel .accountPanelAll h1 { font-size: 14px; font-weight:bold;color: #6d9703; padding: 0px; margin: 0px; } #accountPanel .accountPanelAll a { color: #6D9703; } #accountPanel .accountPanelLoginHdr { width: 70px; display: inline; float: left; padding: 0; height: 30px; line-height: 30px; color: #666; } #accountPanel .accountPanelLoginForm { width: 120px; display: inline; float: left; padding: 0; height: 30px; line-height: 30px; color: #666; } .loginBox { margin: 2px 5px 0 0; border: 0; width: 100px; height: 15px; padding: 3px 6px; color: #333; background: #fff; border: 1px solid #999; } #accountPanel .accountPanelButLog { width: 70px; display: inline; float: left; padding: 0; height: 30px; line-height: 30px; } a.accountBut:link, a.accountBut:visited { color: #6d9703; display: block; margin-top: 10px; line-height:15px;background: url('accountBut.gif') no-repeat; padding-left: 20px; height: 20px; text-decoration:none; font-weight:bold; } a.accountBut:hover { color: #6d9703; } /* Lobbby panels */ .clear { background: none; border: 0; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 200px; height: 1px; } .clearSpacer { background: none; border: 0; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 200px; height: 10px; clear:both;} /* lobby game */ #game1 { margin: 0; padding: 6px; float: left; width:274px; display: block; } .gameTop { background: url('gambg.png') no-repeat top left; width: 274px; display: block; height: 8px; } .gameContent { background-color: #e8edff; float: left; width: 258px; display: inline; padding-left: 7px; padding-right: 8px; } .gameBot { background: url('gambg.png') no-repeat bottom left; width: 274px; display: block; height: 8px; } .gameImage1 { background-color: #e8edff; margin-right: 8px; width: 80px; height: 80px; float: left; padding: 0; } .gameHdr1 { float: left; width: 149px; color: #6593CF; padding: 0; font-size: 14px; height: 20px; } .gameTxt1 { float: left; width: 169px; color: #333; height: 38px; padding: 0; font-size: 11px; line-height: 14px; } a.gameButMore:link, a.gameButMore:visited { color:#4E1B66; display: block; float: left; font-size: 11px; height: 18px; margin-right: 0; padding-top:2px;padding-right: 10px; /* sliding doors padding */ text-decoration: none; text-transform:lowercase; font-weight:bold; } a.gameButMore span, a.gameButMore:visited span { display: block; height: 24px; line-height: 18px; padding-left:7px; } a.gameButMore:hover { background-position: bottom right; outline: none; /* hide dotted outline in Firefox */ } a.gameButMore:hover span { background-position: bottom left; } a.gameButPlay:link, a.gameButPlay:visited { color:#4E1B66;display: block; float: left; font-size: 11px; height: 18px; margin-right: 0; /* sliding doors padding */ text-decoration: none; text-transform:lowercase; font-weight:bold; } a.gameButPlay span, a.gameButPlay:visited span { background: transparent url('bingo/button_game.png') no-repeat; display:block; float:left; margin-right: 8px; padding-top:3px; padding-left:8px;width: 90px; padding-bottom:8px; } a.gameButPlay:hover { } a.gameButPlay:hover span { } /* OLD LOBBY STYLE */ .blgameNew { min-height:92px; _height:90px; } .brgameNew { min-height:92px; _height:90px; } .tlgameNew { } .trgameNew { padding: 8px; text-align: left; } .infobutton a { position: relative; display: block; float:right; height: 18px; width: 60px; margin: 10px; } #imore a { background: url("../../images/imore.gif"); } #iplay a { background: url("../../images/iplay2.gif"); } #isign a { background: url("../../images/isign2.gif"); } #iback a { background: url("../../images/iback.gif"); } #imore a:hover, #iplay a:hover, #isign a:hover, #iback a:hover { background-position: 0px -18px; } #gameImg, #bingoImg { float:left; margin:0 5px 0 0; box-shadow:0px 0px 2px 2px #666; -webkit-box-shadow:0px 0px 2px 2px #666; -moz-box-shadow: 0px 0px 2px 2px #666; } #lobbyBingo { display:block; float:left; width:430px; margin:2px 0 5px 0; padding:0; } #lobbyGame { background:url("game-bg.jpg") repeat-x;display:inline; float:left; width:270px; height:92px; margin:6px; padding:0; -moz-border-radius: 6px;-webkit-border-radius: 6px; padding-bottom:10px; padding-right:4px;} #divider { display:block; float:left; width:430px; height:30px; margin:0 5px 5px 0; padding:0; } .clearBoth { display:block; clear:both; height:0px; } .buttonsBox { display:block; margin-top:2px; width:auto; } .buttonsBox p { display:none; } .lobbybutton { display:block; float:right; margin-left: 0; padding: 0; position: relative; width: 78px; } .lobbybutton2 {background: transparent url('bingo/button_game.png') no-repeat; display:block; float:right; margin-right: 8px; padding: 0; position: relative; width: 85px; padding-bottom:8px; } .gameTitle { display:block; color: #92315a; font-size: 16px; font-weight:bold;height: 20px; padding: 0; margin: 0; } .gameText { color:#fff; font-size:11px; height: 38px; } .gameText strong {color:#4f1c5e !important;} /* ------------------ styling for the tables ------------------ */ /* G2 Bingo Styles*/ #G2Bingo { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; width: 572px; text-align: left; border-collapse: collapse; } #G2Bingo thead th.rounded-left { background: transparent url('bingo/90_tbl_hdr_left.png') left no-repeat; behavior: url(../stylesheets/resources/iepngfix.htc); height: 40px; width: 200px; line-height: 41px; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 2px; } #G2Bingo thead th.rounded-right { background: transparent url('bingo/90_tbl_hdr_right.png') right no-repeat; behavior: url(../stylesheets/resources/iepngfix.htc); height: 40px; line-height: 41px; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 2px; width: 82px; } #G2Bingo th { height: 40px; line-height: 41px; color: #fff; background: transparent url('bingo/90_tbl_hdr_middle.png') no-repeat; behavior: url(../stylesheets/resources/iepngfix.htc); padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 2px; } #G2Bingo td.gametitle { width: 142px; } #G2Bingo thead th.rounded-q1, #G2Bingo td.r1 { width: 30px; } #G2Bingo thead th.rounded-q2 { width: 30px; } #G2Bingo td.r2 { width: 30px; color: #cc0066; } #G2Bingo thead th.rounded-q3, #G2Bingo td.r3 { width: 42px; } #G2Bingo thead th.rounded-q4, #G2Bingo td.r4 { width: 44px; } #G2Bingo thead th.rounded-q5 { width: 70px; } #G2Bingo td.r5 { width: 70px; color: #cc0066; } #G2Bingo td.r6 { width: 100px; } #G2Bingo td { padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; background: #e8edff; color: #333; border-top: 1px solid #fff; } #G2Bingo tfoot td.rounded-foot-left { background: #e8edff url('table-images/botleft.png') left bottom no-repeat; padding: 6px; line-height: 20px; } #G2Bingo tfoot td.rounded-foot-right { background: #e8edff url('table-images/botright.png') right bottom no-repeat; } #G2Bingo tbody tr:hover td { background: #fff; } /*G2 Bingo 75 */ #G2Bingo75 { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; width: 572px; text-align: left; border-collapse: collapse; } #G2Bingo75 thead th.rounded-left { background: transparent url('bingo/75_tbl_hdr_left.png') left no-repeat; height: 40px; width: 200px; line-height: 41px; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 2px; } #G2Bingo75 thead th.rounded-right { background: transparent url('bingo/75_tbl_hdr_right.png') right no-repeat; height: 40px; line-height: 41px; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 2px; } #G2Bingo75 th { height: 40px; line-height: 41px; color: #fff; background: transparent url('bingo/75_tbl_hdr_right.png') left no-repeat; padding-left: 8px; padding-right: 8px; padding-top: 5px; padding-bottom: 2px; } #G2Bingo75 td.gametitle { width: 142px; } #G2Bingo75 thead th.rounded-q1, #G2Bingo75 td.r1 { width: 30px; } #G2Bingo75 thead th.rounded-q2 { width: 30px; } #G2Bingo75 td.r2 { width: 30px; color: #ff3300; } #G2Bingo75 thead th.rounded-q3, #G2Bingo75 td.r3 { width: 42px; } #G2Bingo75 thead th.rounded-q4, #G2Bingo75 td.r4 { width: 44px; } #G2Bingo75 thead th.rounded-q5 { width: 70px; } #G2Bingo75 td.r5 { width: 70px; color: #ff3300; } #G2Bingo75 td.r6 { width: 100px; } #G2Bingo75 td { padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px; background: #e8edff; color: #333; border-top: 1px solid #fff; } #G2Bingo75 tfoot td.rounded-foot-left { background: #e8edff url('table-images/botleft.png') left bottom no-repeat; padding: 6px; line-height: 20px; } #G2Bingo75 tfoot td.rounded-foot-right { background: #e8edff url('table-images/botright.png') right bottom no-repeat; } #G2Bingo75 tbody tr:hover td { background: #fff; }