/***************** common code start **************/ body { margin: 0px; padding:0px; background:#fff url(/images/body_bg.jpg) repeat-x 0 0; font:normal 12px/16px Arial, Helvetica, sans-serif} /* *{ margin:0; padding:0;} */ img{ border:none} a{ text-decoration:none; color:#333} a:hover{ text-decoration:underline} /*fieldset{ border:none} */ .clear{ clear:both; display:none} #layout{margin:0 auto; width:874px;} /***************** common code end **************/ /***************** header start **************/ #header{ float:left; width:874px;} #header #logo{ float:left;} #header #details_container{ float:right; width:495px} .login_panel{ float:right; width:495px; background:url(/images/login_bg.gif) no-repeat 0 0;} .login_panel .form{ float:left;width:495px;} .login_panel fieldset{ float:left;width:475px; padding:1px 10px 5px 10px; border:none;} .login_panel .row{ float:left; width:470px; padding:0 0 0 5px} .login_panel .row label{ float:left; font-size:11px;text-align:center; } .login_panel .row label.user{width:185px; color:#fff; } .login_panel .row label.password{ width:175px;color:#fff; } .login_panel .row label.login{ width:105px;color:#fff; } .login_panel .row label span{ text-transform:uppercase} .login_panel .row label.join{ width:185px; padding:2px 0 0 0} .login_panel .row label.forgot{ width:180px;padding:2px 0 0 0} .login_panel .row label.remember{width:98px;padding:2px 0 0 0; color:#333;} .login_panel .row input.input{ float:left; border:1px solid #666666; padding:5px 5px 6px 5px; margin:0 0 0 10px; width:157px} .login_panel .row .btn{ margin-left:10px} /******* Form Starts **************/ .login_panel .form fieldset a{ color:#333;} .login_panel .form fieldset .title{float:left; text-align:center; padding:3px 0 0 0 } .login_panel .form fieldset .border_right{float:left; text-align:center; width:138px; background:url(/images/blue_sep_top.jpg) no-repeat top right; padding:0 10px 0 7px} .login_panel .form fieldset .border_right_bingo{ float:left;text-align:center; width:122px; padding:0 9px 0 9px; background:url(/images/blue_sep_top.jpg) no-repeat top right} .login_panel .form fieldset .border_right_loyality{ float:left; text-align:center; width:86px;background:url(/images/blue_sep_top.jpg) no-repeat top right; padding:0 8px 0 8px; } .login_panel .form fieldset .border_right .rates{ text-align:center; width:138px; display:block;font:bold 16px Arial, Helvetica, sans-serif; color:#ffff00; text-align:center; line-height:16px} .login_panel .form fieldset .border_right .punchline{font:9px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; width:138px; text-align:center; text-transform:uppercase } .login_panel .form fieldset .border_right_bingo .rates{ text-align:center; width:122px; display:block; font:bold 16px Arial, Helvetica, sans-serif; color:#ffff00; text-align:center;line-height:16px} .login_panel .form fieldset .border_right_bingo .punchline{font:9px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block;width:122px; text-align:center; text-transform:uppercase } .login_panel .form fieldset .border_right_loyality .rates{ text-align:center; display:block; width:86px; font:bold 16px Arial, Helvetica, sans-serif; color:#ffff00; text-align:center;line-height:16px} .login_panel .form fieldset .border_right_loyality .punchline{font:9px Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; width:86px; text-align:center; text-transform:uppercase } .login_panel .form fieldset .logout{float:left; text-align:center; padding:3px 0 0 12px; float:left; } #header #details_container #menu{ float:left; width:460px; padding:16px 0 0 30px} #header #details_container #menu.spacing{padding:30px 0 0 30px} #header #details_container #menu ul{ float:left; width:460px; list-style:none} #header #details_container #menu ul li{ float:left; width:219px; border:1px solid #cecfcf; border-bottom:none; border-right:none; color:#000000} #header #details_container #menu ul li.last{ border-bottom:1px solid #cecfcf; } #header #details_container #menu ul li.right_border{ border-right:1px solid #cecfcf; } #header #details_container #menu ul li a{ float:left; width:209px; padding:5px; background: #fcfcfc url(/images/icons/arrow.gif) no-repeat center right; text-decoration:none; font-size:18px; cursor:pointer; color:#000000} #header #details_container #menu ul li a:hover{background: #f2f2f2 url(/images/icons/arrow.gif) no-repeat center right; color:#000000} #header #details_container #menu ul li span.register{ float:left; width:149px; background:url(/images/icons/resgister.gif) no-repeat 5px 0; height:27px; padding:8px 0 0 55px;} #header #details_container #menu ul li span.deposit{ float:left; width:149px; background:url(/images/icons/deposit.gif) no-repeat 5px 0;height:27px; padding:8px 0 0 55px} #header #details_container #menu ul li span.promotion{ float:left; width:149px; background:url(/images/icons/promotions.gif) no-repeat 5px 0;height:27px; padding:8px 0 0 55px} #header #details_container #menu ul li span.tell_a_friend{ float:left; width:149px; background:url(/images/icons/tell_a_friend.gif) no-repeat 5px 0;height:27px; padding:8px 0 0 55px} #header #details_container #menu ul li span.gallery{ float:left; width:149px; background:url(/images/icons/gallery.gif) no-repeat 5px 0;height:27px; padding:8px 0 0 55px} #header #details_container #menu ul li span.help_desk{ float:left; width:149px; background:url(/images/icons/help.gif) no-repeat 5px 0;height:27px; padding:8px 0 0 55px} #header #details_container #menu ul li span.my_account{ float:left; width:149px; background:url(/images/icons/my_account.gif) no-repeat 5px 0;height:27px; padding:8px 0 0 55px} #header #details_container #menu ul li span.play{ float:left; width:149px; background:url(/images/icons/play_now.gif) no-repeat 5px 0;height:27px; padding:8px 0 0 55px} #header #details_container #menu ul li span.promotions{ float:left; width:149px; background:url(/images/icons/promotions.gif) no-repeat 5px 0;height:27px; padding:8px 0 0 55px; line-height:25px} #header #details_container #menu ul li span.reports{ float:left; width:149px; background:url(/images/icons/reports.gif) no-repeat 5px 0;height:27px; padding:8px 0 0 55px} /*#header #details_container #menu ul li.current{ float:left; width:209px; padding:5px; background: url(/images/icons/arrow.gif) no-repeat #f2f2f2 center right; font-size:18px;} */ #header #details_container #menu ul li .current {background: #f2f2f2 url(/images/icons/arrow.gif) no-repeat center right; color:#000000} /***************** header end **************/ /***************** body container start **************/ #body_container{ float:left; width:814px; padding:20px 20px 20px 40px} /***************** body container end **************/ /***************** inner body container start **************/ #body_container_inner{float:left; width:870px; padding:3px 0px 20px 0} /***************** inner body container end **************/ /***************** promo box start **************/ #body_container #promo_box{float:left; width:805px; position:relative;} #body_container #promo_box .tabs{float:left; width:805px; background:url(/images/promo_bot_bg.gif) no-repeat 0 0!important; height:37px; position:absolute; left:0; top:240px; z-index:99999999;} #body_container #promo_box .bot_nav_main{float:left; width:810px; position:absolute; bottom:0; left:0px; background:url(/images/promo_bot_bg.gif) no-repeat 0 0!important; height:37px; z-index:0} #body_container #promo_box .top_bg{float:left; width:805px; background:url(/images/blue_top_bg.jpg) no-repeat left bottom; height:8px;} #body_container #promo_box .promo_details{float:left; width:789px; background: url(/images/blue_mid_rotate.jpg) repeat-y 0 0; padding:0 8px 0 8px; } #body_container #promo_box .bot_nav{width:810px; float:left; background:none!important;} #body_container #promo_box .tabs .bot_nav ul{float:left!important; width:810px!important; list-style:none; padding:0; position:absolute; bottom:-26px; left:220px} #body_container #promo_box .tabs .bot_nav ul li{float:left; background:none!important; padding:0 25px 0 0; margin:0; width:auto} #body_container #promo_box .tabs .bot_nav ul li img{float:left;} #body_container #promo_box .tabs .bot_nav ul li a{float:left; background:none!important; padding:0; margin:0; width:auto} #body_container #promo_box .tabs .bot_nav ul li a:hover{background:none!important} /***************** promo box end **************/ /***************** bottom box start **************/ #body_container #bottom_box_container{float:left; width:814px; padding:24px 0 0 0; margin:0;} #body_container #bottom_box_container .bottom_box{ float:left; width:252px; padding-right:26px} #body_container #bottom_box_container .bottom_box .yellow_top_bg{ float:left; width:252px;} #body_container #bottom_box_container .bottom_box .yellow_top_bg img{ float:left} #body_container #bottom_box_container .bottom_box .yellow_mid_bg{ float:left; width:238px; background:url(/images/yellow_mid_bg.jpg) repeat-y 0 0; padding:0 7px 0 7px;} #body_container #bottom_box_container .bottom_box .yellow_mid_bg .quick_register{ float:left; width:238px; background: #ffffcd url(/images/yellow_grad1.jpg) repeat-x 0 0; text-align:center; overflow:hidden} #body_container #bottom_box_container .bottom_box .yellow_mid_bg .quick_register .title{ float:left;width:233px; padding:7px 0 10px 5px} #body_container #bottom_box_container .bottom_box .yellow_mid_bg .quick_register form{ float:left; width:238px; padding:0 0 5px 0 } #body_container #bottom_box_container .bottom_box .yellow_mid_bg .quick_register fieldset{width:238px; float:left;} #body_container #bottom_box_container .bottom_box .yellow_mid_bg .quick_register .form_row{width:238px; float:left; padding-bottom:5px; line-height:18px} #body_container #bottom_box_container .bottom_box .yellow_mid_bg .quick_register .form_row .button { margin:10px 0 0 13px; float:left} #body_container #bottom_box_container .bottom_box .yellow_mid_bg .quick_register .form_row .signme { border: 0; margin:10px 0 0 13px; float:left} #body_container #bottom_box_container .bottom_box .yellow_mid_bg .quick_register .input{width:120px; border:1px solid #b3b3ab; float:left; padding:5px 0 5px 0 ; height:16px; } #body_container #bottom_box_container .bottom_box .yellow_mid_bg .quick_register label span{width:auto; font-size:11px; float:right; color:#FF0000; padding:0 0 0 0; text-align:right; } #body_container #bottom_box_container .bottom_box .yellow_mid_bg .quick_register label{width:90px;float:left; padding:10px 10px 0 0; text-align:right; font-size:16px;} #body_container #bottom_box_container .bottom_box .yellow_mid_bg .quick_register input{ margin-top:5px; float:left; } #body_container #bottom_box_container .bottom_box .yellow_mid_bg .quick_register .cross{ float:left; padding:14px 0 0 5px} #body_container #bottom_box_container .bottom_box .yellow_mid_bg .spot_jackpot{ float:left; margin:0; width:238px; background: #ffffff url(/images/yellow_grad2.jpg) repeat-x 0 0; padding:0; text-align:center} #body_container #bottom_box_container .bottom_box .yellow_mid_bg .spot_jackpot .title{ float:left; padding:7px 0 10px 10px} #body_container #bottom_box_container .bottom_box .yellow_mid_bg .spot_jackpot .banner{ float:left; margin:10px 0 8px 0} #body_container #bottom_box_container .bottom_box .yellow_mid_bg .testimonial_details{ float:left; width:238px; background: #ffffcd url(/images/yellow_grad3.jpg) repeat-x 0 0; padding:0;} #body_container #bottom_box_container .bottom_box .yellow_mid_bg .testimonial_details .title{ float:left; padding:7px 0 10px 10px} #body_container #bottom_box_container .bottom_box .yellow_mid_bg .testimonial_details .title.testimonial{float:left; padding:7px 0 13px 25px} #body_container #bottom_box_container .bottom_box .yellow_mid_bg .testimonial_details p{ float:left; width:215px; padding:0 10px 10px 10px; font-size:12px;} #body_container #bottom_box_container .bottom_box .yellow_mid_bg .testimonial_details span{ float:left; width:215px; font-style:italic; font: bold 14px/16px Arial, Helvetica, sans-serif ; text-align:right; padding:0 0 15px 0} #body_container #bottom_box_container .bottom_box .yellow_mid_bg .privacy_box{ float:left; width:238px; background:#ffffcd url(/images/yellow_grad4.jpg) repeat-x 0 0; padding:0; } #body_container #bottom_box_container .bottom_box .yellow_mid_bg .privacy_box span{ float:left; width:153px; padding:10px 0px 7px 5px; text-align:center; font: bold 14px/20px Arial, Helvetica, sans-serif ; } #body_container #bottom_box_container .bottom_box .yellow_mid_bg .privacy_box img{ float:right; margin:6px 2px 3px 0px} #body_container #bottom_box_container .bottom_box .yellow_mid_bg .instant_play{ float:left; width:238px; background: #fffff3 url(/images/yellow_grad1.jpg) repeat-x 0 0; padding:0 0 0 0; margin-bottom:4px;} #body_container #bottom_box_container .bottom_box .yellow_bot_bg{ float:left; width:252px; margin:0 0 20px 0; display:inline} #body_container #bottom_box_container .bottom_box .yellow_bot_bg img{ float:left} #body_container #bottom_box_container .bottom_box.last{width:252px; padding-right:0px} /***************** bottom box end **************/ /**************** Deposit Options Start Here ********************/ #deposit {width:810px; float:left; border-top:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; list-style:none;} #deposit ul{ float:left;list-style:none; display:inline;} #deposit ul li{float:left; display:inline;padding:5px 10px 5px 0px; } #deposit ul li img{ float:left} #deposit ul li.accept{float:left; text-align:center; font:16px Arial, Helvetica, sans-serif; color:#999999;padding:8px 0px 0px 10px;display:inline; width:96px} #deposit ul li.logos{float:left; width:auto; margin:0; padding:5px 0 5px 0;} /**************** Deposit Options Ends Here ********************/ /*************** left container *****************/ #left_container {width:234px; float:left; padding:16px 0 0 0; } #left_container .section {width:234px; float:left; padding:0px 0 10px 0;} #left_container .section .left_box_top{ float:left; width:234px;} #left_container .section .left_box_top img{ float:left} #left_container .section .left_box_mid{ float:left; width:234px; background:url(/images/left_box_bg.png) repeat-y ; padding:14px 0 14px 0; text-align:center} #left_container .section .left_box_bottom{ float:left; width:234px;} #left_container .section .left_box_bottom img{ float:left} /***************** left container ends **************/ /***************** right container **************/ #right_container {width:614px; float:right; padding:8px 0 0 0px; } #privacy_container {width:614px; float:left;} #privacy_container .privacy_top { width:614px; background:url(/images/inner_too_curl_header.jpg) no-repeat left bottom; float:left; height:37px} #privacy_container .privacy_top .title { padding:11px 0 8px 76px;} #privacy_container .privacy_middle { width:614px; background: url(/images/inner_mid_rotate.jpg) repeat-y; font:12px Arial, Helvetica, sans-serif; color:#5c5c5c; line-height:18px; padding:20px 0 0 0; float:left; } /* #privacy_container .privacy_middle p{width:556px; font:12px Arial, Helvetica, sans-serif; color:#5c5c5c; line-height:18px; padding:0px 28px 21px 28px; float:left; text-align:justify} */ #privacy_container .privacy_middle .bottom_panel{width:607px; float:left; padding:0 0 0 7px } #privacy_container .privacy_middle .bottom_panel .head_row{width:597px; float:left; background:url(/images/tab_bg.jpg) 0 0 repeat-x;} #privacy_container .privacy_middle .bottom_panel .head_row h4{width:196px; float:left; text-align:center; font-size:12px; font-family:"Myriad Pro", Georgia, Times New Roman, Times, serif; color:#000; line-height:22px; border-left:1px solid #cccccc;} #privacy_container .privacy_middle .bottom_panel .section{width:196px; height:62px; float:left; padding:10px 0 5px 0; border-left:1px solid #cccccc;} #privacy_container .privacy_middle .bottom_panel .section img{float:right;} #privacy_container .privacy_middle .bottom_panel .section ul{width:118px; float:left; list-style:none; padding:0 0 0 14px;} #privacy_container .privacy_middle .bottom_panel .section li{width:118px; float:left; background:url(/images/bullet.jpg) 0 8px no-repeat; padding:0 0 0 8px; font-size:10px; font-family:"Trebuchet MS", Georgia, Times New Roman, Times, serif; color:#333333; line-height:12px;} #privacy_container .privacy_middle .bottom_panel .section li a{color:#333333; text-decoration:none;} #privacy_container .privacy_middle .bottom_panel .section li a:hover{color:#333333; text-decoration:underline;} #privacy_container .privacy_bottom { width:614px; background:url(/images/inner_too_curl_bottom.jpg) no-repeat; height:8px; text-align:center; float:left} /***************** GameLobby starts**************/ /*.table_container{width:554px; float:left; border:1px solid #999999; margin: 0 31px 0 28px; display:inline;}*/ .table_container{width:554px; float:left; border:1px solid #999999; display:inline;} .table_container_2{width:554px; float:left; border:1px solid #999999; margin:20px 28px 20px 28px; display:inline;} .title_row{width:554px; float:left; border-top:1px solid #999999; border-bottom:1px solid #999999; background:url(/images/table_bg.gif) repeat-x; font:14px Helvetica, Arial, sans-serif; color:#000000; text-align:center} .title_row .col_1{width:127px; float:left; border-left:1px solid #dae0dc; padding:14px 0 11px 0} .title_row .col_2{width:83px; float:left; border-left:1px solid #dae0dc; padding:14px 0 11px 0} .title_row .col_3{width:91px; float:left; border-left:1px solid #dae0dc; padding:14px 0 11px 0} .title_row .col_4{width:73px; float:left; border-left:1px solid #dae0dc; padding:7px 0 5px 0; line-height:13px } .title_row .col_5{width:73px; float:left; border-left:1px solid #dae0dc; padding:14px 0 11px 0} .table_container .title_row .col_6{width:99px; float:left; border-left:1px solid #dae0dc; padding:7px 0 5px 0; line-height:13px } .detail_row{width:554px; float:left; border-top:1px solid #999999; border-bottom:1px solid #999999; font:12px Verdana, Arial, Helvetica, sans-serif; color:#000000; text-align:center;} .detail_row .col_1{width:127px;height:69px; float:left; border-left:1px solid #dae0dc; padding:10px 0 11px 0} .detail_row .col_2{width:83px; float:left; border-left:1px solid #dae0dc; padding:39px 0 35px 0} .detail_row .col_3{width:91px; float:left; border-left:1px solid #dae0dc; padding:31px 0 29px 0} .detail_row .col_4{width:73px; float:left; border-left:1px solid #dae0dc; padding:39px 0 35px 0} .detail_row .col_5{width:73px; float:left; border-left:1px solid #dae0dc; padding:39px 0 35px 0} .detail_row .col_6{width:99px; float:left; border-left:1px solid #dae0dc; padding:31px 0 29px 0} /***************** GameLobby ends**************/ /***************** right container ends **************/ /**************** Footer Starts Here ********************/ #footer {width:814px; float:left; text-align:center; font-size:12px} #footer.inner_spacer{ padding-left:30px} .left_space {width:799px; padding: 0 0 0 15px; } #footer a:hover{ text-decoration:underline} /********** Section 1 Starts *************/ #footer .section1 {width:241px; float:left; padding-right:30px; padding-top:20px; } #footer .section1 .blue {width:241px;float:left;} #footer .section1 .blue ul{width:241px;float:left; list-style:none; text-align:left } #footer .section1 .blue ul li{ float:left; width:241px; display:inline;} #footer .section1 .blue ul li a{float:left; width:241px;border-bottom:1px solid #ccffcc; padding:5px 0 5px 0} #footer .section1 .blue ul li a.last{ border-bottom:none} #footer .section1 .blue ul li a:hover{ background:#fafffa; text-decoration:none} #footer .section1 .blue ul li a span{ float:left; width:120px;} #footer .section1 .blue ul li .blue{color:#7aa7ff; } #footer .section1 .blue ul li .orange{color:#ffcc99; } #footer .last{width:266px; float:left;padding-right:0px;} #footer .last .blue {width:266px;float:left;} #footer .last .blue ul{width:266px;float:left; list-style:none; text-align:left } #footer .last .blue ul li{ float:left; width:266px; display:inline;} #footer .last .blue ul li a{float:left; width:266px;border-bottom:1px solid #ccffcc; padding:5px 0 5px 0} /********** Section 1 Ends *************/ #footer_links {width:810px; float:left; padding:20px 0 25px 0} #footer_links.inner_spacer{ padding-left:30px} #footer_links p{width:810px;color:#999999;font:14px Arial, Helvetica, sans-serif; text-align:center; line-height:20px; } #footer_links span.copyright{color:#cccccc;} #footer_links p img{} .logo_member{width:810px; float:left; text-align:center;} .logo_member.inner_spacer{width:781px; float:left; text-align:center; padding:0 0 0 44px} .logo_member img{float:none;} #footer_links .bluetext{color:#6699ff;font:12px Arial, Helvetica, sans-serif; text-decoration:none; } /**************** Footer Ends Here ********************/