@import "custom.css";
@import "thickbox.css";

/*===================================
============ Main Body ==============
================================== */

a {outline:none;}
li {zoom:1;}

a#logo{margin:10px 5px; border:0;}

div#contentback{position:relative; float:left; text-align:center; width:100%; background:url(../images/hmpg/light.blue.gradient.gif) repeat-x;} 
div#content-main{margin:0 auto; text-align:left; padding:0px 10px 20px 10px; width:955px; background:#fff; min-height:400px; height:auto !important; height:400px;}

body{margin:0 auto; text-align:center; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#3F3F3F;}
#wrap{margin:0 auto; width:100%; background-color:#fff;}

div#header{height:156px; background:url(../images/hmpg/header.back.gif) center top no-repeat;}
div#header-member{height:156px; background:url(../images/lobby/header.member.back.gif) center top no-repeat;}

div#headercontents{position:relative; margin:0 auto; height:156px; width:968px; z-index:2; background:url(../images/hmpg/header.nanza.jpg) no-repeat;}
div#headercontents-member{position:relative; margin:0 auto; height:156px; width:968px; z-index:2; background:url(../images/lobby/header.nanza.lobby.jpg) no-repeat;}
div#headercontents-member div#accountbox{width:420px; height:35px; float:left; padding:4px 0 22px 8px; color:#4F4F4F; font-size:14px; font-weight:bold;}

div#footerlinks{height:29px; color:#fff; float:left; margin-top:12px; padding:15px 30px 0 30px; font-size:12px; font-weight:bold; background:url(../images/hmpg/1px.btm.footer.horizontal.gif) repeat-y; width:898px; border-top:2px solid #A7CC41;}
div#footerlinks a{color:#fff; font-size:12px; font-weight:bold;}
div#footerlinks #terms{display:block; float:left; width:50%;}
div#footerlinks #copyright{display:block; float:right; width:50%; text-align:right;}

div#footer div.linkmenu{height:125px; float:left; border-right:1px solid #fff; padding:0 20px 0 20px;}
div#footer div#linkmenu1 {width:50px;}
div#footer div#linkmenu2 {width:80px;}
div#footer div#linkmenu3 {width:110px;}
div#footer div#linkmenu4 {width:80px;}

div#footer div.linkmenu ul{list-style:none; padding:0; margin:0;}
div#footer div.linkmenu ul li{padding:0; margin:0; color:#fff; font-size:13px; font-weight:600;}
div#footer div.linkmenu ul li a{color:#fff; font-size:13px; font-weight:500}

div#footer div#sitemapbox {float:left; width:55%; margin:20px 0 0 15px;}
div#footer div#logosbox {float:left; width:344px; height:159px; margin:10px 0 0 37px; width:344px; background:url(../images/hmpg/footer.logos.gif) no-repeat;}

div#footer{margin:0 auto; height:240px; position:relative; text-align:left; background:url(../images/hmpg/1px.top.footer.horizontal.gif) repeat-y; width:968px;}
div#footerback{position:relative; float:left; height:270px; margin-top:20px; width:100%; background:url(../images/hmpg/1px.footer.gradiend.gif) repeat-x;}

div#pgslogos{text-align:center; height:90px; margin:10px 0 30px 0; position:relative;}
div#pgslogos a.hide {text-indent:-9999px; display:block; height:40px; position:absolute;}
div#pgslogos a#gaming{width:160px; right:300px; top:0px;}
div#pgslogos a#parlay{width:280px; right:5px; top:0px;}

/*================================
========= private pages ==========
================================== */

a#featuredgamelink{display:block; float:left; width:150px; height:200px;}

div#breadcrumbs{width:100%; height:23px; border-bottom:1px solid #e9e9e9; margin:0 0 15px 0;}
div#breadcrumbs span.label{font-weight:bold; font-size:12px; color:#669900;}
div#breadcrumbs span.trail{font-size:12px; color:#999999;}

div.featureddetails{width:664px; height:138px; padding:15px; float:left; background:url(../images/lobby/featureddetail.top.gif) no-repeat;}

div.featureddetail-bottom{width:694px; float:left; height:15px; background:url(../images/lobby/featureddetail.bottom.gif) no-repeat;}

div.featureddetails .featuredtitle{color:#669900; display:block; width:95%; padding-bottom:5px; font-size:17px; font-weight:bold; border-bottom:1px solid #e9e9e9;}

/* daily events tabs */

div.dailyevents{width:702px; float:left; padding:5px; position:relative; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-top:1px solid #d2d2d2;}
div.dailyevents .featuredtitle{color:#669900; display:block; width:95%; padding-bottom:5px; font-size:17px; font-weight:bold; border-bottom:1px solid #e9e9e9;}

.ui-tabs .ui-tabs-nav li#eventtab1 a{width:140px; height:42px; background:url(../images/lobby/daily.events/slots.tab.off.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#eventtab2 a{width:140px; height:42px; background:url(../images/lobby/daily.events/vp.tab.off.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#eventtab3 a{width:140px; height:42px; background:url(../images/lobby/daily.events/casino.tab.off.gif) no-repeat;}

.ui-tabs .ui-tabs-nav li#eventtab1 a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#eventtab-1{background:url(../images/lobby/daily.events/slots.tab.off-over.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#eventtab2 a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#eventtab-2{background:url(../images/lobby/daily.events/vp.tab.off-over.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#eventtab3 a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#eventtab-3{background:url(../images/lobby/daily.events/casino.tab.off-over.gif) no-repeat;}

ul#eventstabs{display:block; height:166px; margin-bottom:20px;}
div.events-bottom{width:714px; float:left; height:16px; background:url(../images/lobby/daily.events/detail.frame.btm.gif) no-repeat;}

/* daily events nested tabs */

div#eventtabscontainer {float:left; width:715px;}

div.dailyeventtypes{width:662px; padding:15px; float:left; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; border-top:1px solid #d2d2d2;}
div.dailyeventtypes .featuredtitle{color:#669900; display:block; width:95%; padding-bottom:5px; font-size:17px; font-weight:bold; border-bottom:1px solid #e9e9e9;}
div#tabs-1 div.pole{float:left; width:1px; height:1800px;}

ul#eventtypestabs li{display:block; float:left; margin:5px 5px 0 0; text-decoration:none;}

li#eventtypestab1 {width:338px; height:189px; float:left;}
li#eventtypestab2 {width:338px; height:189px; float:left;}
li#eventtypestab3 {width:338px; height:189px; float:left;}
li#eventtypestab4 {width:338px; height:189px; float:left;}
li#eventtypestab5 {width:338px; height:189px; float:left;}
li#eventtypestab6 {width:338px; height:189px; float:left;}
li#eventtypestab7 {width:338px; height:189px; float:left;}
li#eventtypestab8 {width:338px; height:189px; float:left;}
li#eventtypestab9 {width:338px; height:189px; float:left;}
li#eventtypestab10 {width:338px; height:189px; float:left;}
li#eventtypestab11 {width:338px; height:189px; float:left;}
li#eventtypestab12 {width:338px; height:189px; float:left;}
li#eventtypestab13 {width:338px; height:189px; float:left;}
li#eventtypestab14 {width:338px; height:189px; float:left;}
li#eventtypestab15 {width:338px; height:189px; float:left;}
li#eventtypestab16 {width:338px; height:189px; float:left;}

li.eventtypestab3 {background:url(../images/lobby/daily.events/dp.gif) no-repeat;}
li.eventtypestab2 {background:url(../images/lobby/daily.events/mn.gif) no-repeat;}
li.eventtypestab1 {background:url(../images/lobby/daily.events/dd.gif) no-repeat;}
li.eventtypestab4 {background:url(../images/lobby/daily.events/gp.gif) no-repeat;}
li.eventtypestab5 {background:url(../images/lobby/daily.events/fc.gif) no-repeat;}
li.eventtypestab6 {background:url(../images/lobby/daily.events/bb.gif) no-repeat;}
li.eventtypestab7 {background:url(../images/lobby/daily.events/hh.gif) no-repeat;}
li.eventtypestab8 {background:url(../images/lobby/daily.events/bo.gif) no-repeat;}
li.eventtypestab9 {background:url(../images/lobby/daily.events/mm.gif) no-repeat;}
li.eventtypestab10 {background:url(../images/lobby/daily.events/fa.gif) no-repeat;}
li.eventtypestab11 {background:url(../images/lobby/daily.events/ss.gif) no-repeat;}
li.eventtypestab12 {background:url(../images/lobby/daily.events/md.gif) no-repeat;}
li.eventtypestab13 {background:url(../images/lobby/daily.events/oe.gif) no-repeat;}
li.eventtypestab14 {background:url(../images/lobby/daily.events/rd.gif) no-repeat;}
li.eventtypestab15 {background:url(../images/lobby/daily.events/bd.gif) no-repeat;}
li.eventtypestab16 {background:url(../images/lobby/daily.events/tf.gif) no-repeat;}

.typetabover3 {background:url(../images/lobby/daily.events/dp.gif) no-repeat;}
.typetabover2 {background:url(../images/lobby/daily.events/mn.gif) no-repeat;}
.typetabover1 {background:url(../images/lobby/daily.events/dd.gif) no-repeat;}
.typetabover4 {background:url(../images/lobby/daily.events/gp.gif) no-repeat;}
.typetabover5 {background:url(../images/lobby/daily.events/fc.gif) no-repeat;}
.typetabover6 {background:url(../images/lobby/daily.events/bb.gif) no-repeat;}
.typetabover7 {background:url(../images/lobby/daily.events/hh.gif) no-repeat;}
.typetabover8 {background:url(../images/lobby/daily.events/bo.gif) no-repeat;}
.typetabover9 {background:url(../images/lobby/daily.events/mm.gif) no-repeat;}
.typetabover10 {background:url(../images/lobby/daily.events/fa.gif) no-repeat;}
.typetabover11 {background:url(../images/lobby/daily.events/ss.gif) no-repeat;}
.typetabover12 {background:url(../images/lobby/daily.events/md.gif) no-repeat;}
.typetabover13 {background:url(../images/lobby/daily.events/oe.gif) no-repeat;}
.typetabover14 {background:url(../images/lobby/daily.events/rd.gif) no-repeat;}
.typetabover15 {background:url(../images/lobby/daily.events/bd.gif) no-repeat;}
.typetabover16 {background:url(../images/lobby/daily.events/tf.gif) no-repeat;}

.typetab3{background:url(../images/lobby/daily.events/dp2.gif) no-repeat;}
.typetab2{background:url(../images/lobby/daily.events/mn2.gif) no-repeat;}
.typetab1{background:url(../images/lobby/daily.events/dd2.gif) no-repeat;}
.typetab4{background:url(../images/lobby/daily.events/gp2.gif) no-repeat;}
.typetab5{background:url(../images/lobby/daily.events/fc2.gif) no-repeat;}
.typetab6{background:url(../images/lobby/daily.events/bb2.gif) no-repeat;}
.typetab7{background:url(../images/lobby/daily.events/hh2.gif) no-repeat;}
.typetab8{background:url(../images/lobby/daily.events/bo2.gif) no-repeat;}
.typetab9{background:url(../images/lobby/daily.events/mm2.gif) no-repeat;}
.typetab10{background:url(../images/lobby/daily.events/fa2.gif) no-repeat;}
.typetab11{background:url(../images/lobby/daily.events/ss2.gif) no-repeat;}
.typetab12{background:url(../images/lobby/daily.events/md2.gif) no-repeat;}
.typetab13{background:url(../images/lobby/daily.events/oe2.gif) no-repeat;}
.typetab14{background:url(../images/lobby/daily.events/rd2.gif) no-repeat;}
.typetab15{background:url(../images/lobby/daily.events/bd2.gif) no-repeat;}
.typetab16{background:url(../images/lobby/daily.events/tf2.gif) no-repeat;}

ul#eventtypestabs{display:block; height:189px; padding:0; margin:0; list-style:none;}

div.dailyevents span.eventtitle{color:#0168ce; display:block; width:180px; padding-bottom:5px; font-size:15px; font-weight:bold; margin:20px 0 0 150px;}
div.dailyevents p.brief{display:block; width:180px; margin:0 0 0 150px; padding:0;}

div.eventdetail-top{float:left; height:19px; width:690px; background:url(../images/lobby/daily.events/games.frame.top.gif) no-repeat; margin:0 0;}
div.eventdetail{float:left; width:668px; padding:10px 10px 10px 10px; border-right:1px solid #d2d2d2; border-left:1px solid #d2d2d2; margin:0 0;}
div.eventdetail-bottom{float:left; height:19px; width:690px; background:url(../images/lobby/daily.events/games.frame.bottom.gif) no-repeat; margin:0 0;}


/* promo tabs */

.ui-tabs .ui-tabs-nav li#promotab1 a{width:233px; height:166px; background:url(../images/lobby/xmas.promo1.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#promotab2 a{width:233px; height:166px; background:url(../images/lobby/spin.promo2.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#promotab3 a{width:233px; height:166px; background:url(../images/lobby/bingo.beauty.promo2.gif) no-repeat;}

.ui-tabs .ui-tabs-nav li#promotab1 a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#promotab-1{background:url(../images/lobby/xmas.promo1-over.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#promotab2 a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#promotab-2{background:url(../images/lobby/spin.promo2-over.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#promotab3 a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#promotab-3{background:url(../images/lobby/bingo.beauty.promo2-over.gif) no-repeat;}

ul#promotabs{display:block; height:166px; margin-bottom:20px;}
div#promotabscontainer span.linktitle{color:#669900; margin:140px 0 0 0; font-size:14px; font-weight:bold; display:block;}

/* casino games tabs */

.ui-tabs .ui-tabs-nav li#gametab1 a{width:140px; height:52px; background:url(../images/lobby/games.section/slots.tab.off.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#gametab2 a{width:140px; height:52px; background:url(../images/lobby/games.section/vp.tab.off.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#gametab3 a{width:142px; height:52px; background:url(../images/lobby/games.section/casino.tab.off.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#gametab4 a{width:275px; height:52px; background:url(../images/lobby/games.section/lottery.tab.off.gif) no-repeat;}

.ui-tabs .ui-tabs-nav li#gametab1 a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#gametab-1{background:url(../images/lobby/games.section/slots.tab.off-over.gif) no-repeat!important;}
.ui-tabs .ui-tabs-nav li#gametab2 a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#gametab-2{background:url(../images/lobby/games.section/vp.tab.off-over.gif) no-repeat!important;}
.ui-tabs .ui-tabs-nav li#gametab3 a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#gametab-3{background:url(../images/lobby/games.section/casino.tab.off-over.gif) no-repeat!important;}
.ui-tabs .ui-tabs-nav li#gametab4 a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#gametab-4{background:url(../images/lobby/games.section/lottery.tab.off-over.gif) no-repeat!important;}

ul#gametabs{display:block; height:52px; margin-bottom:20px;}
div#gametabscontainer {float:left; width:700px;}
div#gametabscontainer div.casinocontainer{width:685px; float:left; padding-left:10px; border-right:1px solid #c5c5c5; border-left:1px solid #c5c5c5;}
div#gametabscontainer div.gamecontainer-bottom{width:697px; float:left; height:19px; background:url(../images/lobby/games.section/games.frame.bottom.gif) no-repeat;}

div#featuredgames{height:184px; width:700px; margin-bottom:17px;}
div#featuredgames div#featuredbox1{width:329px; height:184px; margin-right:40px; float:left; background:url(../images/lobby/games.section/featured.spin.game1.gif) no-repeat;}
div#featuredgames div#featuredbox2{width:329px; height:184px; float:left; background:url(../images/lobby/games.section/spinwin.featured.game1.gif) no-repeat;}
div#featuredgames h3.gametitle{color:#000; font-size:18px; font-weight:bold; margin:0; padding:0 0 10px 0;}
div#featuredgames p.gametext{color:#8d8d8d; margin:0; padding:0;}
div#featuredgames div.content {float:left; width:140px; margin:10px 0 0 30px;}

div#gametabscontainer div.casinocontainer div.leftcontent{width:40%; float:left;}
div#gametabscontainer div.casinocontainer div.rightcontent{width:51%; float:left; padding-left:9%;}
div#gametabscontainer div.casinocontainer a.playnow{color:#000; font-weight:bold; font-size:13px;}
div#gametabscontainer div.casinocontainer img.playnow{margin:30px 0 15px;}

div.casinocontainer div.casinogame-box{float:left; width:305px; padding:15px; height:190px; border-bottom:1px solid #c5c5c5;}
div.casinocontainer div.leftcol{border-right:1px solid #c5c5c5;}

table.bingo{border:1px solid #ddd; width:714px; clear:both; border-collapse:collapse; float:right; margin:10px 0 10px 0;}
table.bingo tr th{text-transform:capitalize; text-align:left; vertical-align:middle; font-weight:bold; color:#000; padding:2px; border:1px solid #bbb; cursor:pointer; * cursor: hand; border-top:0;}
table.bingo tr td{vertical-align:middle; text-align:left; color:#9a0000; font-weight:600; border:1px solid #ddd; padding-bottom:4px;} 
table.bingo tr.even td{background-color:#f1f1f1;}
table.bingo tr td a, table.bingo tr td a:visited, table.bingo tr td a:active, table.bingo tr td a:hover{text-decoration:underline; font-weight:normal; color:#00f;} /* cell anchors */
table.bingo tr.header{height:35px;}
table.bingo tr td img.playbingo{margin-bottom:5px;}
table.bingo tr td img.roomimage{padding:5px;}

div.bingobutton{float:right; width:100%; text-align:right;}
div.bingobutton img#depositrebate{padding:0 0 10px 30px;}

/*================================
========= hmpg winners ==========
================================== */
div#hmpgwinners{width:203px; height:160px; background:url(../images/hmpg/winners.img.gif) no-repeat; margin:15px 0 15px 0; padding:60px 9px 0 9px;}

#marqueebox {position: relative; margin-left:5px; line-height:40px; width:690px; height:43px; overflow: hidden;}
#marquee {white-space: nowrap; font-size: 18px; font-weight:bold; color:#fff;}

table#hmpgwinners{width:182px;}
table#hmpgwinners td.winner{text-indent:0px; width:60%; color:#989898; font-size:15px; border-bottom:1px solid #DFDFDF;}
table#hmpgwinners td.gametype{color:#70A010; font-size:10px; text-align:center; vertical-align:bottom; border-bottom:1px solid #DFDFDF;}
table#hmpgwinners td.jackpot{width:40%; color:#70A010; font-size:15px; text-align:center; border-bottom:1px solid #DFDFDF;}
table#hmpgwinners td.noline, table#hmpgwinners td.noline{border-bottom:0;}
div#hmpgwinners .morewinners{margin:5px 0 0 -9px; text-align:right; width:195px; padding:4px 8px 0 0; height:34px; background:url(../images/hmpg/winners.gradient.gif) no-repeat;}
div#hmpgwinners .morewinners a{color:#235A8F; display:block; margin-top:4px; font-weight:bold; font-size:13px; text-decoration:none;}

/*================================
======= jquery navigation ========
================================== */

div#accordion{margin-bottom:15px!important;}
div#accordion span.navlink a{display:block; width:202px; height:47px; margin-bottom:4px;}

.ui-accordion h3{padding:0 !important; margin:0 0 4px 0 !important;}
.ui-accordion .ui-accordion-header {cursor: pointer; position: relative; margin-top: 1px; zoom: 1;}
.ui-accordion .ui-accordion-li-fix {display: inline; }
.ui-accordion .ui-accordion-header-active {border-bottom: 0 !important;}
.ui-accordion .ui-accordion-content-active {display: inline-block; }
.ui-accordion .ui-accordion-header a{display:block; width:202px; height:47px; font-size: 1em;}
.ui-accordion .ui-accordion-header .ui-icon {position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content {border-top: 0; position: relative; top: 1px; overflow: none; display: none; }
.ui-accordion .ui-accordion-content ul{list-style:none; padding:0; margin:0 0 8px 0;}
.ui-accordion .ui-accordion-content ul li{list-style:none; margin-bottom:3px;}
.ui-accordion .ui-accordion-content ul li a{display:block; color:#000; font-size:11px; font-weight:bold; padding:6px 0 0 35px; width:168px; height:20px; background:url(../images/hmpg/main.navs.grey.drop.down.gif) no-repeat;}
.ui-accordion .ui-accordion-content ul li a:hover{display:block; color:#000; font-size:11px; text-decoration:none; font-weight:bold; padding:6px 0 0 35px; width:168px; height:20px; background:url(../images/hmpg/main.navs.green.drop.down.gif) no-repeat;}
.ui-accordion .ui-accordion-content ul li a.sml-over{background:url(../images/hmpg/main.navs.green.drop.down.gif) no-repeat;}

div#accordion #content5 ul{height:180px;}

.ui-accordion .ui-accordion-content-active {display: block;}

div#accordion a#nav1 {background:url(../images/hmpg/nanza_nav.gif) 0 0 no-repeat;}
div#accordion a#nav2 {background:url(../images/hmpg/nanza_nav.gif) 0 -47px no-repeat;}
div#accordion a#nav3 {background:url(../images/hmpg/nanza_nav.gif) 0 -94px no-repeat;}
div#accordion a#nav4 {background:url(../images/hmpg/nanza_nav.gif) 0 -141px no-repeat;}
div#accordion a#nav5 {background:url(../images/hmpg/nanza_nav.gif) 0 -188px no-repeat;}
div#accordion a#nav6 {background:url(../images/hmpg/nanza_nav.gif) 0 -235px no-repeat;}

div#accordion a:hover#nav1, div#accordion a.over1{background:url(../images/hmpg/nanza_nav.gif) -202px 0 no-repeat!important;}
div#accordion a:hover#nav2, div#accordion a.over2{background:url(../images/hmpg/nanza_nav.gif) -202px -47px no-repeat!important;}
div#accordion a:hover#nav3, div#accordion a.over3{background:url(../images/hmpg/nanza_nav.gif) -202px -94px no-repeat!important;}
div#accordion a:hover#nav4, div#accordion a.over4{background:url(../images/hmpg/nanza_nav.gif) -202px -141px no-repeat!important;}
div#accordion a:hover#nav5, div#accordion a.over5{background:url(../images/hmpg/nanza_nav.gif) -202px -188px no-repeat!important;}
div#accordion a:hover#nav6, div#accordion a.over6{background:url(../images/hmpg/nanza_nav.gif) -202px -235px no-repeat!important;}

/*================================
=========== hmpg     =============
================================== */

div#loginbox{width:298px; height:109px; margin:0 auto; margin-bottom:10px; text-align:center; padding:40px 20px; background:url(../images/hmpg/login.cell.gif) no-repeat;}

iframe#swfframe{width:488px; height:316px; border:0; padding:0; margin:0; overflow:hidden;}

div#column-leftmenu{float:left; width:202px; margin-right:10px;}
div#column-rightcontent{float:left; width:730px;}

div#flashcontainer{height:318px; float:left; width:715px; position:relative;}
div#flashcontainer #smlpromo{width:221px; float:left;}
div#flashcontainer #flashpromo{width:488px; margin-left:5px; float:left;}

div#featuredgames{height:200px; float:left; width:715px; position:relative;}
div.titleimage{margin:0 0 13px 0; width:100%; display:block;}

div#featuredgames div.featuredbox{width:230px; height:162px; margin-right:7px; float:left;}
div#featuredgames div.padcorner{padding:5px 0 0 5px; width:235px !important;}
div#featuredgames div.clear-left{clear:left !important; margin-right:4px;}

/*================================
=========== hmpg tabs  ===========
================================== */
div#tabs {float:left; width:715px;}
div#tabscontainer{float:left; width:715px; margin:0 0 30px 0; padding:0px 0 0 0;}
div#tabs #tabstop{width:709px; height:45px; float:left; background:url(../images/hmpg/sub.section.hmpg/top.marquee.gif) no-repeat;}
.ui-tabs {zoom: 1;}
div#tabs ul { padding:0; margin:0; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding:0; }
.ui-tabs .ui-tabs-nav li { float:left; border-bottom-width: 0 !important; padding: 0; text-align:center;}
.ui-tabs .ui-tabs-nav li a {display:block; height:61px; float:left; text-decoration:none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {display: block; border-width: 0; float:left; background: none; }
.ui-tabs .ui-tabs-hide {display: none !important; }

.ui-tabs .ui-tabs-nav li#tab1 a{width:181px; background:url(../images/hmpg/sub.section.hmpg/tabs/latest.news.tab.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#tab2 a{width:173px; background:url(../images/hmpg/sub.section.hmpg/tabs/big.winner.tab.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#tab3 a{width:174px; background:url(../images/hmpg/sub.section.hmpg/tabs/happy.player.tab.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#tab4 a{width:174px; background:url(../images/hmpg/sub.section.hmpg/tabs/about.us.tab.gif) no-repeat;}

.ui-tabs .ui-tabs-nav li#tab1 a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#tab-1{background:url(../images/hmpg/sub.section.hmpg/tabs/latest.news.tab-over.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#tab2 a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#tab-2{background:url(../images/hmpg/sub.section.hmpg/tabs/big.winner.tab-over.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#tab3 a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#tab-3{background:url(../images/hmpg/sub.section.hmpg/tabs/happy.player.tab-over.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#tab4 a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#tab-4{background:url(../images/hmpg/sub.section.hmpg/tabs/about.us.tab-over.gif) no-repeat;}

.ui-tabs .tab-bottom{width:703px; height:23px; background:url(../images/hmpg/sub.section.hmpg/footer.tab.corner.gif) no-repeat;}
.ui-tabs .tab-uppermid{width:652px; padding:15px; margin:0 10px; background:url(../images/hmpg/sub.section.hmpg/uppermid.tab.frame.gif) no-repeat;}
.ui-tabs .tab-mid{width:713px; background:url(../images/hmpg/sub.section.hmpg/bottom.tab.frame.gif) repeat-y;}

/*================================
=========== Login Box=============
================================== */

div#account-container{float:left; width:455px; height:110px; text-align:left; display:inline; margin:0 0 0 210px;}
div#login-container{float:left; width:335px; height:85px; text-align:left; display:inline; margin:35px 15px 0 50px;}
a#registerlink {text-indent:-9999px; width:220px; float:left; display:inline; height:60px; margin:60px 0 0 25px;}
a#homelink{text-indent:-9999px; display:inline; width:300px; height:110px; float:left;}

input#loginbutton{border:0;}
label.loginoptions{font-size:11px !important; font-weight:bold; color:#8FC201;}
span.loginoptions{font-size:11px; font-weight:bold; color:#8FC201;}
span.loginoptions a{color:#8FC201; text-decoration:underline;}

.loginfield{width:134px; padding:3px; font-size:16px; color:#AFAFAF; height:22px; border:1px solid #8FC201;}


/*================================
============ General =============
================================== */
img{border:0;}

.welcomemsg{font-size:18px; color:#93c700;}

a:link, a:visited, a:active{text-decoration:none; text-transform:capitalize}
a:hover{text-decoration:underline;}

input.button{font-weight:bold; font-size:10px; border:1px solid #ccc; height:1.7em; width:135px; text-align:center; vertical-align:middle; text-transform:capitalize; cursor:pointer; color:#069; background-color:#f5f;}
div.backButton{margin-top:10px;}
div.backButton a{ background-color:#fff; color:#003E6C; border:#003E6C 1px solid; font-weight:bold; padding:2px 9px;}

input, select, textarea{font-size:11px; vertical-align:middle; padding:0; border:1px solid #999; font-family:Arial, Helvetica, Verdana, sans-serif !important; }
input.required, select.required, textarea.required{border:1px solid #333;}

.validationError{display:block; font-size:9px; font-weight:normal; color:#777;}

.small{font-size:10px !important;}
.bold{font-weight:bold !important;}
.capitalize{text-transform:capitalize !important;}
.center{text-align:center !important;}
.float-left{float:left !important;}
.float-right{float:right !important;}
.clear-both{clear:both !important;}
.inline{display:inline;}
.nomargin{margin:0 !important;}
.nopadding{padding:0 !important;}
.width-auto{width:auto !important;}
.width-full{width:100% !important;}
.center{text-align:center !important;}
.right{text-align:right !important;}
.left{text-align:left !important;}
.middle{vertical-align:middle !important;}
.top{vertical-align:top !important;}
.noborder{border:0 !important;}
.border{border:1px #B3DCF3 solid !important;}
.border-bottom{border-bottom:1px #B3DCF3 solid !important;}
.smallField{width:150px !important;}
.hide{display:none;}
.show{display:block;}
.padded{padding:10px !important;}
.nowrap{white-space:nowrap !important;}
.marginboth{margin-top:15px !important; margin-bottom:15px !important;}
.textfieldhint{font-size:10px !important; color:#9F9F9F !important;}
.hrline{border-top:1px solid #ccc !important; width:400px; display:block; margin:5px 0;}

.apicall{background:#FFD210; color:#000; padding:2px; margin:10px 0 10px 0; width:700px;}


.norightbottomborder{border-right:0 !important; border-bottom:0 !important;}

input.maxlimits{width:58px;}


.noEdit{padding:0; border:0;}
.editable{border:border:1px solid #999;}

.clockInput{text-align:center; border:0; background:transparent; padding:0; margin:0;}

.lobbyButton, a.lobbyButton, .lobbyButton:link, .lobbyButton:visited, .lobbyButton:active{background:#669900; color:#fff; border:1px solid #527202 !important; text-align:center; text-transform:capitalize; text-decoration:none; margin:5px 0px 0px 0px !important; padding:3px 7px; font-size:11px !important; vertical-align:middle;}
a.lobbyButton{padding-top:2px !important;}
.lobbyButton-over, .lobbyButton:hover, .lobbyButton-over:hover{background:#a9d400; cursor:pointer; border:1px solid #9c3 !important;}

table tr th{font-weight:bold; text-transform:capitalize; vertical-align:middle;}
table tr td{vertical-align:top;}

div.line{border-top:1px solid #B3DCF3; margin:5px 0 5px 0; padding:5px 0 5px 0;}

/*====================================
====== Member Navigation Styling =====
=================================== */
div#topMemberNavigation{height:20px; background-color:#E3F4F8; border-top:#a2d4f2 3px solid; border-bottom:#a2d4f2 3px solid; width:100%; position:relative; z-index:9999999;}

div#headercontents-member div#accountmenu{float:left; width:445px; margin:4px 0 0 5px;}

.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none; font-size:12px;}
.sf-menu {float:left; margin:0;}
.sf-menu ul {position:absolute; top:-999em; margin:0; padding:0;}
.sf-menu ul li {margin:0; padding:0;}
.sf-menu li:hover {visibility:inherit; color:#4F4F4F;}
.sf-menu li {float:left; position:relative; margin:0; padding:0; line-height:20px; margin-right:3px;}
.sf-menu a {display:block; position:relative; font-size:11px; height:33px; text-decoration:none;}
.sf-menu a, .sf-menu a:visited{padding:3px 0 0 0px; color:#4F4F4F; text-decoration:none;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul{left:0; top:34px; width:130px; z-index:99999999; background:#eeeeee;}
.sf-menu li:hover li ul, .sf-menu li.sfHover li ul {top:-999em;}
.sf-menu li li:hover ul, .sf-menu li li.sfHover ul {left:150px; top:0;}

.sf-menu li.sub a{background:url(../images/lobby/drop.down.grey.cell.gif) no-repeat; width:170px !important;}
.sf-menu li.sub{width:159px !important; text-indent:30px; height:26px !important; margin:0 0 2px 0 !important;}
.sf-menu li.sub a:hover{background:url(../images/lobby/drop.down.green.cell.gif) no-repeat;}

.sf-menu li#nav2 a.title{width:169px; background:url(../images/lobby/my.account.btn.gif) no-repeat;}
.sf-menu li#nav1 a.title{width:169px; background:url(../images/lobby/desposit.btn.gif) no-repeat;}
.sf-menu li#nav3 a.title{width:76px !important; background:url(../images/lobby/logout.btn.gif) no-repeat;}

.sf-menu li#nav2 a.title:hover{width:169px; background:url(../images/lobby/my.account.btn-over.gif) no-repeat;}
.sf-menu li#nav1 a.title:hover{width:169px; background:url(../images/lobby/desposit.btn-over.gif) no-repeat;}
.sf-menu li#nav3 a.title:hover{width:76px !important; background:url(../images/lobby/logout.btn-over.gif) no-repeat;}

div#userBalance{color:#666; font-size:10px; text-align:right; margin-top:-2em;}
div#userBalance .welcomeMsg{color:#003E6C;}

/*===================================
============ Error Message Style ====
================================== */
.error{background:#fcc; clear:both; border:1px solid #c00; color:#000; text-align:center; font-style:italic; padding:1em 2em; margin:0 0 1em 0; text-transform:capitalize}
div.info{background:#0076c2; color:#fff; clear:both; font-style:italic; text-align:center; padding:1em 2em; margin:0 0 1em 0; margin-top:0;}
div.statusinfo{background:#FFD210; color:#000; clear:both; font-style:italic; text-align:center; padding:1em 2em; margin:0 0 1em 0;}
.confirm{ color:#009900; font-weight:bold; text-transform:capitalize}

/*================================
============ headers =============
================================== */
h1.mainHeader{font-size:20px; text-transform:capitalize; color:#016599; text-align:left; margin:0;}
h3.header{margin:0 0 .5em 0; padding:0; font-size:16px; text-transform:capitalize; color:#0C4D7D; text-align:left;}
h3.testFormHeader{padding-top:1em; margin-top:0.5em; border-top:1px solid #0C4D7D; text-transform:lowercase;}

/*===================================
============ Table Styles ===========
================================== */
.rowHeader{background-color:#77a600 !important; color:#fff !important; text-transform:capitalize !important; font-weight:bold !important; padding:2px 5px !important; margin:0 !important; border-bottom:1px solid #5b7e02 !important;}

table.depositTable{border-collapse:collapse;}
table.depositTable tr td.med{padding:10px; width:243px; height:100px;}
table.depositTable tr td.small{width:135px; height:100px;}
table.depositTable tr td.bdrbot{border-bottom:1px solid #AFAFAF;}
table.depositTable tr td.large{width:312px; padding:10px; vertical-align:middle; height:100px; border-left:1px solid #AFAFAF; border-right:1px solid #AFAFAF;}
table.depositTable tr td img{padding:20px 20px 20px 20px;}

table.inputTable{clear:both;}
table.inputTable tr th{vertical-align:top; text-align:right;}
table.inputTable tr td{vertical-align:top;}
table.inputTable tr.line td, table.inputTable tr.line th{border-bottom:1px solid #B3DCF3;}

table.ecom tr td, table.ecom tr th{padding:3px;}

span.optional{font-size:10px; color:00f;}
div.label{font-weight:bold; text-transform:capitalize;}

table.loginForm{width:auto; border:0; background:transparent; margin:0 0 1em 0; padding:0.5em; font-weight:normal;}
table.loginForm tr th{text-align:right; text-transform:capitalize; font-size:14x; color:#666; font-weight:normal; width:75px;}
table.loginForm tr td a{text-transform:capitalize; font-weight:normal; font-size:12px}

table.resultsTable{width:600px; border:1px solid #ccc; background:transparent; margin:0 auto; padding:0; border-collapse:collapse; margin-bottom:20px;}
table.resultsTable td, table.resultsTable th {width:50%; padding:4px; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
table.resultsTable td table td, table.resultsTable td table th {padding:0; border:0;}
table.resultsTable td.resultdate {height:30px; background:#eef; font-size:14px; font-weight:bold;}

table.mainTable{width:100%; border:0; background:transparent; border:0; margin:0 auto; padding:0;}
table.mainTable tr th{text-align:right; font-weight:bold; vertical-align:top; padding:4px;}
table.mainTable tr td{color:#000; padding:4px; text-align:left; vertical-align:top;}
table.mainTable tr td label{text-align:left; text-transform:capitalize; font-weight:bold; display:inline; margin:0; padding:0; width:100px;}
table.mainTable tr.info td, table.mainTable tr.info th{background:#eef; border-bottom:1px solid #B3DCF3;}
table.mainTable tr.info-secondary th{background:#eef; border-right:1px solid #B3DCF3; text-align:left; border-bottom:1px solid #B3DCF3;}
table.mainTable tr.info-secondary td{border-right:1px solid #B3DCF3; border-bottom:1px solid #B3DCF3; text-align:right;}
table.mainTable tr.line td, table.mainTable tr.line th{border-bottom:1px solid #B3DCF3;}

table.testForm{background:transparent; border:0; padding:0px;}
table.testForm tr th{text-align:right; text-transform:none;}
table.testForm tr td{color:#000;}

/*===================================
======== Report Form Styling ========
===================================*/
table.report, table.reconcilereport{border:0; width:100%; clear:both;}
table.report tr th, table.reconcilereport tr th{text-transform:capitalize; text-align:left; vertical-align:middle; font-weight:bold; color:#000; background-color:#e5e5e5; padding:2px; border:1px solid #bbb;	cursor:pointer;
	* cursor: hand;
}
table.report tr td, table.reconcilereport tr td{vertical-align:middle; text-align:left; padding:2px; color:#000; border:1px solid #ddd; border-top:0;} 
table.report tr.even td, table.reconcilereport tr.even td{background-color:#f1f1f1;}
table.report tr td a, table.report tr td a:visited, table.report tr td a:active, table.report tr td a:hover{text-decoration:underline; font-weight:normal; color:#00f;} /* cell anchors */
table.reconcilereport tr td a, table.reconcilereport tr td a:visited, table.reconcilereport tr td a:active, table.reconcilereport tr td a:hover{text-decoration:underline; font-weight:normal; color:#00f;} /* cell anchors */
.sorting_asc{background:url('../images/sort_asc.png') no-repeat center right;}                                                                    
.sorting_desc{background:url('../images/sort_desc.png') no-repeat center right;}                                                                    
.dataTables_info{float:left; margin:1em 0;}
.dataTables_paginate {float:right; margin:1em 0;}
.dataTables_paginate span.paginate_button, .dataTables_paginate span.paginate_active{color:#00f; padding:0 2px; margin:0 2px;
	cursor: pointer;
	*cursor: hand;
}
.dataTables_paginate span.paginate_button{}
.dataTables_paginate span.paginate_button:hover{text-decoration:underline;}
.dataTables_paginate span.paginate_active{font-weight:bold; text-decoration:underline;}

/*===================================
======== Game Form Styling ==========
===================================*/
table.game{border:0; width:100%; clear:both; font-size:10px;}
table.game tr th{text-transform:capitalize; text-align:right; vertical-align:middle; padding:5px 0;font-weight:bold; color:#000;}
table.game tr td.header{text-transform:capitalize; text-align:left;font-size:18px; color:#000066; width:100%}
table.game tr td{vertical-align:top; padding:2px; font-size:12px; color:#000; background-color:transparent; width:150px;}

div.gameContainer{width:100%; clear:both;}
div.gameContainer div.game{float:left; width:148px; min-height:105px; border:1px solid #ccc; margin:8px; padding:3px; text-align:center;}
div.gameContainer div.game .ttl{font-weight:bold; border-bottom:1px dotted #ccc; background-color:#efefef; padding:2px 0;}
div.gameContainer div.game img{width:55px; height:55px; padding:5px;}
div.gameContainer div.game .play{font-size:12px; font-weight:bold; margin-top:5px; color:#00f;}
div.gameContainer div.game form{margin:0; padding:0;}

/*===================================
====== Debug Styling and Button =====
===================================*/
#top-right{float:right; padding:5px; text-align:right;}

div#debug_mode{float:right;}
div#debug_mode a{color:#66CCFF; font-weight:bold}

a#logout{float:right;}
div#logout a{color:#009900; font-weight:bold}

.debug_button_on{ background-color:#fff; color:#003E6C; border:#003E6C 1px solid; font-weight:bold; text-transform:capitalize}
.debug_button_off{ background-color:#fff; color:#900; border:#003E6C 1px solid; font-weight:bold; text-transform:capitalize}

div.xml{clear:both; color:#c00; font-size:10px; margin:8px auto; padding:2px; background-color:#ffd; width:856px; vertical-align:bottom; font-size:10px; border:1px solid #ff6;}
div.xml a{text-decoration:underline; font-weight:normal;}
div.xml .xmlurl{color:#00f}
div.xml .xmlurlheader{color:#000;}

/*=======================================            
====== Checkbox Trees ===================            
=======================================*/            
.treeview ul{background-color:#fff;}                                                                           
.treeview, .treeview ul{padding:0; margin:0; list-style:none;}                                                 
                                                                                                               
.treeview div.hitarea{height:15px; width:15px; margin-left:-15px; float:left; cursor:pointer;}                 
* html div.hitarea{background:#fff; filter:alpha(opacity=0); display:inline; float:none;}                      
                                                                                                               
.treeview li{margin:0; padding:3px 0px 2px 16px; background:url(../images/treeview/tv-item.gif) 0 0 no-repeat;}
.treeview .collapsable{background-image:url(../images/treeview/tv-collapsable.gif);}                           
.treeview .expandable{background-image:url(../images/treeview/tv-expandable.gif);}                             
.treeview .last{background-image:url(../images/treeview/tv-item-last.gif);}                                    
.treeview .lastCollapsable{background-image:url(../images/treeview/tv-collapsable-last.gif);}                  
.treeview .lastExpandable{background-image:url(../images/treeview/tv-expandable-last.gif);}                    
                                                                                                               
.treeview li.hover{background:transparent; color:#ff0;}                                                        

.checkBoxTree{display:none;}                         
.restrictedTree{height:150px; overflow:auto;}        
/*=======================================            
====== Checkbox Trees ===================            
=======================================*/            

/*=======================================                                                                            
====== checkboxes =======================                                                                            
=======================================*/                                                                            
label.checkbox{background-position:0 0; background-repeat:no-repeat; padding:0 0 0 16px; margin:0; display:inline;}  
label.checkbox-checked{background-image:url(../images/icons/checkbox_checked.gif);}                                  
label.checkbox-unchecked{background-image:url(../images/icons/checkbox_unchecked.gif);}                              
label.checkbox-partial{background-image:url(../images/icons/checkbox_partial.gif);}                                  
label.checkbox-checked-disabled{color:#aaa; background-image:url(../images/icons/checkbox_checked_disabled.gif);}    
label.checkbox-unchecked-disabled{color:#aaa; background-image:url(../images/icons/checkbox_unchecked_disabled.gif);}
label.checkbox-partial-disabled{color:#aaa; background-image:url(../images/icons/checkbox_partial_disabled.gif);}    
/*=======================================                                                                            
====== checkboxes =======================                                                                            
=======================================*/                                                                            

#simplemodal-overlay {
  background-color:transparent;;
  cursor:wait;
}

#simplemodal-container {
	height:500px;
	width:765px;
	background-color:#dedede;
	border:1px solid #000;
	text-align:left;
	overflow:auto;
}

a {outline:none !important;}

#promoPopupLink { width:500px; text-align: left; margin: 15px 0 10px 10px; font-family: Arial Rounded MT Bold, Arial, Helvetica, sans-serif;}
#promoPopupLink a{font-size: 16px; color: #669900;}