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

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

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

a#logo{margin:10px 5px; border:0;}
body{margin:0 auto; padding:0; background:#fad5e5; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#3F3F3F;}
#wrap{position:absolute; margin: 180px auto 0 auto; width:100%;}

div#contentback{ margin:0 auto; float:left; width:100%;} 
div#content-main{margin:0 auto; text-align:left; padding:0px 0 20px 0; width:968px; background:#fad5e5; min-height:400px; height:auto !important; height:400px;}

div#header{position:absolute; top:0; width:100%}

div#headercontents{position:relative;  margin:0 auto; height:180px; width:968px; z-index:2;}
div#logo{display:inline;}

div#navarea{float:right; margin: 0px auto 0 auto;  width:733px; height:77px; display:inline;}
div#nav{float:right; padding: 0; margin: 13px auto 0 auto; height:64px; display: block;}

div#content-bottom{height:18px; float:right; width:733px; display:inline; background:url(../images/hmpg/content.bottom.frame.gif) no-repeat;}
div#logo{float:left; width:184px; height:169px; margin:0 0 0 30px; background:url(../images/hmpg/eyes.down.header.logo.gif) no-repeat;}
div#login{float:right; width:357px; height:103px; background:url(../images/hmpg/login.frame.gif) no-repeat; margin:0 20px 0 0;}
div#memberaccount{float:right; width:458px; height:103px; background:url(../images/lobby/secure.top.gif) no-repeat; margin:0 20px 0 0;}
div#nav-member{float:right; width:733px; height:18px; margin:61px 0 0 1px; display:inline; background:url(../images/hmpg/sub.section.hmpg/header.tab.corner.gif) no-repeat;}

div#nav ul{padding:0; margin:0 0 0 0;}
div#nav ul li{display:inline; list-style-type:none;}
div#nav ul li a{display:block; height:64px;}

div#nav ul li.topnav{float:left;}

div#nav ul li#topnav1 a{text-indent:60px; width:189px; background:url(../images/hmpg/top.navs/eyes.down.gif) right bottom no-repeat;}
div#nav ul li#topnav2 a{text-indent:16px; width:173px; background:url(../images/hmpg/top.navs/playbingogames.gif) right bottom no-repeat;}
div#nav ul li#topnav3 a{text-indent:16px; width:172px; background:url(../images/hmpg/top.navs/bingopromotions.gif) right bottom no-repeat;}
div#nav ul li#topnav4 a{text-indent:70px; width:199px; background:url(../images/hmpg/top.navs/blog.gif) right bottom no-repeat;}

div#nav ul li a{text-align:left; line-height:50px; color:#622e92; font-size:17px; font-weight:bold;}
div#nav ul li a:hover{color:#e433b9; text-decoration:none;}

div#headercontents-member{position:relative; margin:0 auto; height:182px; width:968px; z-index:2;}
div#headercontents-member div#accountbox{width:420px; height:18px; float:left; padding:29px 0 0 21px; color:#4F4F4F; font-size:14px; font-weight:bold;}
div#headercontents-member div#accountmenu{float:left; width:490px; margin:4px 0 0 12px;}

div#footerlinks{height:29px; color:#0b08eb; float:left; margin-top:12px; padding:15px 30px 0 30px; font-size:12px; font-weight:bold; width:898px;}
div#footerlinks a{color:#0b08eb; 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.norightbdr{border-right:0;}
div#footer div.linkmenu ul{list-style:none; padding:0; margin:0;}
div#footer div.linkmenu ul li{padding:0; margin:0; color:#0b08eb; font-size:13px; font-weight:600;}
div#footer div.linkmenu ul li a{color:#0b08eb; font-size:13px; font-weight:500}
div#footer div#parlaylogo{margin-left:30px;}

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; width:968px;}
div#footerback{position:relative; float:left; height:270px; margin-top:20px; width:100%; background:url(../images/hmpg/footer.1px.pink.footer.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%; float:left; height:23px; border-bottom:1px solid #e9e9e9; margin:0 0 15px 0;}
div#breadcrumbs span.label{font-size:14px; font-weight:bold; color:#622e92;}
div#breadcrumbs span.trail{font-size:14px; font-weight:bold; 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#tabs-1 div.pole{float:left; width:1px; height:1800px;}

div.dailyevents{width:696px; float:left; padding:4px; 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:717px;}

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;}

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; text-align:center; height:166px; background:url(../images/lobby/xmas.promo1.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#promotab2 a{width:233px; text-align:center; height:166px; background:url(../images/lobby/spin.promo2.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#promotab3 a{width:233px; text-align:center; 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;}
.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;}
.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;}
.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;}

ul#gametabs{display:block; height:52px; margin-bottom:20px;}

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:15px;}
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:330px; 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:170px; 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 ==============
================================== */

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;}

#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;}

a#registerlink{text-indent:-99999px; display:block; width:280px; height:80px; float:left; margin:50px 0 0 300px;}

div#hmpgwinners{width:160px; height:120px; float:left; background:url(../images/hmpg/winners.img.gif) no-repeat; margin:15px 0 0px 0; padding:60px 9px 0 9px;}
div#hmpgjackpots{width:160px; text-align:center; height:120px; float:left; background:url(../images/hmpg/jackpots.header.gif) no-repeat; margin:15px 0 0px 0; padding:60px 9px 0 9px;}
div#hmpgjackpots span.jpname{font-size:17px; display:block; color:#147dbf; font-weight:bold;}
div#hmpgjackpots span.jpvalue{font-size:14px; color:#e632b9; display:block; clear:both;}

table#hmpgwinners{width:150px;}
table#hmpgwinners td.winner{text-indent:0px; width:90px; color:#0270bd; font-size:12px; border-bottom:1px solid #DFDFDF;}
table#hmpgwinners td.gametype{color:#0270bd; font-size:10px; text-align:center; vertical-align:bottom; border-bottom:1px solid #DFDFDF;}
table#hmpgwinners td.jackpot{width:60px; color:#0270bd; font-size:12px; text-align:center; border-bottom:1px solid #DFDFDF;}
table#hmpgwinners td.noline, table#hmpgwinners td.noline{border-bottom:0;}
div.morewinners{float:left; text-align:right; width:160px; height:34px; padding:0 20px 0 0; background:url(../images/hmpg/winners.gradient.gif) no-repeat;}
div.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 img.dividerline{margin:15px 0;}

.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; color:#622e92; font-size:19px; font-weight:bold;}
.ui-accordion .ui-accordion-header a:hover, #accordion a.over{color:#e433b9; text-decoration:none;}
.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;}
.ui-accordion .ui-accordion-content ul li{list-style:none; margin-bottom:4px;}
.ui-accordion .ui-accordion-content ul li a{display:block; color:#9c9b9b; font-size:13px; font-weight:bold;}
.ui-accordion .ui-accordion-content ul li a:hover, #accordion ul a.over{text-decoration:none; color:#000;}
span.navlink a{color:#622e92; font-size:19px; font-weight:bold;}
span.navlink a:hover{color:#e433b9; text-decoration:none;}

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

div#mainmenu-top{width:172px; float:left; height:15px; background:url(../images/hmpg/top.nav.frame.gif) no-repeat;}
div#mainmenu{width:168px; float:left; border-right:2px solid #006fb9; border-left:2px solid #006fb9; background:#fff; text-align:center;}
div#mainmenu-bottom{width:172px; float:left; height:15px; background:url(../images/hmpg/bottom.nav.frame.gif) no-repeat; margin:0 0 16px 0;}

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

div#infobox span.infotitle{display:block; float:left; width:100%; text-align:center; color:#643092; font-size:18px; font-weight:bold;}
div#infobox h1{display:block; float:left; width:100%; text-align:center; color:#643092; font-size:18px; font-weight:bold;}
div#infobox ul.infolist{display:block; width:300px; float:left; color:#147dbf; font-size:14px; font-weight:bold;}
div#infobox ul li{margin-bottom:10px;}
div#infobox div.playimg{width:100%; text-align:center; clear:both; float:left;}

div#column-leftmenu{float:left; width:170px; display:inline; margin-left:30px;}
div#column-rightcontent{float:right; width:729px; background:#fff; border-right:2px solid #006fb9; border-left:2px solid #006fb9;}
div#column-rightcontent div.pad {margin-left:10px; float:left; display:inline; width:715px;}

div#flashcontainer{height:320px; float:left; width:720px; position:relative;}
div#flashcontainer #smlpromo{width:221px; float:left;}
div#flashcontainer #flashpromo{width:488px; margin-left:4px; 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#infobox-top{height:15px; margin:0px 0 0 5px; width:702px; float:left; background:url(../images/hmpg/top.green.frame.gif) no-repeat;}
div#infobox{border-right:1px solid #bed630; margin:0 0 0 5px; float:left; width:700px; border-left:1px solid #bed630;}
div#infobox-bottom{height:12px; width:702px; margin:0 0 0 5px; float:left; background:url(../images/hmpg/bottom.green.frame.gif) no-repeat;}

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

div#tabscontainer{float:left; width:715px; margin:15px 0 30px 5px; padding: 0px 0 0 0;}
#tabstop{width:703px; height:43px; float:left; background:url(../images/hmpg/marquee.gif) no-repeat; margin: 0px 0 15px 5px;}

.ui-tabs {padding: .2em; 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 { position: relative; float: left; border-bottom-width: 0 !important; padding: 0; text-align:left;}
.ui-tabs .ui-tabs-nav li a {display:block; height:30px; padding-top:5px; float:left; color:#622e92; font-size:15px; font-weight:bold; text-decoration:none;}
.ui-tabs .ui-tabs-nav li a:hover {color:#e433b9;}

.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:61px; padding-left:45px; background:url(../images/hmpg/sub.section.hmpg/tabs/latest.news.tab.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#tab2 a{width:140px; padding-left:15px; background:url(../images/hmpg/sub.section.hmpg/tabs/big.winner.tab.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#tab3 a{width:138px; padding-left:15px; background:url(../images/hmpg/sub.section.hmpg/tabs/happy.player.tab.gif) no-repeat;}
.ui-tabs .ui-tabs-nav li#tab4 a{width:273px; padding-left:15px; 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-mid{width:620px; padding:20px 40px 10px 40px; border-right:1px solid #0071bb; border-left:1px solid #0071bb;}

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

div#account-container{float:right; width:455px; height:110px; text-align:left;}
div#login-container{float:right; width:353px; height:64px; text-align:left; padding: 36px 0 0 0;}

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

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


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

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:#622e92; color:#fff; border:1px solid #622e92 !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:#9741e6; cursor:pointer; border:1px solid #9741e6 !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;}

.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; width:139px; height:33px; text-decoration:none;}
.sf-menu a, .sf-menu a:visited{padding:3px 0 0 30px; 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; 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{background:url(../images/lobby/my.account.btn.gif) no-repeat;}
.sf-menu li#nav1 a.title{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{background:url(../images/lobby/my.account.btn-over.gif) no-repeat;}
.sf-menu li#nav1 a.title:hover{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:#0072b9 !important; color:#fff !important; text-transform:capitalize !important; font-weight:bold !important; padding:2px 5px !important; margin:0 !important; border-bottom:1px solid #025588 !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 0px; font-family: Arial Rounded MT Bold, Arial, Helvetica, sans-serif;}
#promoPopupLink a{font-size: 16px; color: #72288f;}