/* New Homepage Spotlight */
#spotlight-main {width:582px; min-height:262px; border:1px solid #336633; background-color:#ffffcc;}
#spotlight-main .promo {width:264px; height:250px; text-align:left; float:left;}
#spotlight-main .promo a:link {font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
#spotlight-main .promo a:visited {font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
#spotlight-main .promo a:hover {font:bold 12px Arial, Helvetica, sans-serif; text-decoration:underline;}
#spotlight-main .promo .new {font:bold 12px Arial, Helvetica, sans-serif; color:#ff0000;}
#spotlight-main .admain {width:308px; height:250px; text-align:right; float:left;}
#spotlight-main .ad {width:300px; float:left;}
#spotlight-main .adstrip {width:8px; height:250px; background:url('/img/home/en_US/ad-strip.gif') no-repeat; float:left;}

/* Hot Games List */
#spotlight-main .promo img.new-game {border:1px solid #d7d7d7; padding:2px; background:#FFF;}
#spotlight-main .promo img.new-game:hover {border:1px solid #0000CC; padding:2px; background:#FFF;}
#hotgame {width:240px;}
#hotgame .hg-l {width:85px; float:left;}
#hotgame .hg-r {width:150px; font:11px Arial, Helvetica, sans-serif; line-height:12px; text-align:left; float:left;}
.hotgame1, .hotgame2 {width:120px; text-align:center; float:left;}

/* global styles */
/* ############################################################ */
body {margin:0 0 10px 0; background-color:#fff;}
body, table {font:normal 12px Arial, Helvetica, sans-serif;} /* temp */
td#main {padding:6px;padding-bottom:0;background:#e5fe98;}
td#main-twocolumn, td#main-threecolumn {padding:2px;padding-right:4px;padding-bottom:0;background:#e5fe98;}
img {border: none;}
.hide {display:none;}
select, input, textarea {float:left;}
.horiz-dot {height:1px; background: url(/img/home/common/horiz-divider.gif) repeat-x;}

/* ############################################################ */
/* PNGFIX 
img { behavior: url(/include/css/shared/pogo/iepngfix.htc) }*/

/* ############################################################ */
/* site utilities */
.clear {clear:both;overflow:hidden;line-height:1px;}
.clear3 {clear:both;overflow:hidden;height:3px;}
.clear5 {clear:both;overflow:hidden;height:5px;}
.clear10 {clear:both;overflow:hidden;height:10px;}
.clear15 {clear:both;overflow:hidden;height:15px;}
.clear20 {clear:both;overflow:hidden;height:20px;}
.clear50 {clear:both;overflow:hidden;height:50px;}

/*-----------------------------------------------
	- Clearfix 
-----------------------------------------------*/
.clearfix:after { content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }	

.inl {display:inline;float:left;}
.inl-r {display:inline;float:right;}
.no-marg-pad {margin:0;padding:0;}


.hr-grn {background: #bbe344;clear: both;overflow: hidden;height: 1px;margin-right:10px;}
.hr-lGrn {background: #e5fe98;clear: both;overflow: hidden;height: 1px;margin-right:10px;}
.hr-dots {background: url('/img/global/dot-grn.gif') repeat-x bottom left;height:1px;margin:10px 30px;}

.printable-version {background:url('/img/global/print.gif') no-repeat top left;line-height:14px;padding-left:17px;font-size:11px;}
.help-img {margin-top:2px;}

/* text/link styles (update)*/
a {outline:none;}
a:link, a:visited {color:#0000CC;outline:none;}
a:hover {color:#0000CC;}
.bold {font-weight:bold;} /* smaller than strong tags...*/
.bold-14 {font-size:14px;font-weight:bold;}
.bold-16 {font-size:16px;font-weight:bold;}
.bold-18 {font-size:18px;font-weight:bold;}
.bold-grn {font-weight:bold;color:#006600;}
.bold-grn-14 {font-weight:bold;color:#006600;font-size:14px;}
.bold-lgrn {font-weight:bold;color:#009900;}
.bold-dgrn {font-weight:bold;color:#003300;}
.bold-blu {font-weight:bold;color:#0a405c;}
.bold-lblu {font-weight:bold;color:#006699;}
.bold-red {font-weight:bold;color:#FF0000;}
.bold-tan {font-weight:bold;color:#ffffcc;}

.red {color:#FF0000;}
.red12 {font:bold 12px Arial, Helvetica, sans-serif;color:#ff0000;}
.red14 {font:bold 14px Arial, Helvetica, sans-serif;color:#ff0000;}
.red16 {font:bold 16px Arial, Helvetica, sans-serif;color:#b31426;}
.orn12 {font:bold 12px Arial, Helvetica, sans-serif;color:#f24000;}
.wht {color:#fff;}
.blk {color:#000;}

.small-text {font-size:11px;}
.small { font-size:10px; }
.small-11 {font-size:11px;}

/* ############################################################# */
/* the main header for the module */
.page-hdr-wrapper {width:744px;padding:0;margin:0;}
.page-hdr {height:34px;background:#bbe344 url('/img/global/page-hdr-bkg.gif') repeat-x top left;}
.page-body {background:#bbe344;padding:10px 6px 6px 6px;text-align:left;}
#white.page-body {background:#FFF;padding:10px;_padding-bottom:0px;height:1%;}
#white-borders.page-body {background:#FFF;padding:10px;_padding-bottom:0px;border-right:6px solid #bbe344;border-left:6px solid #bbe344;border-bottom:6px solid #bbe344;}
#lgrn-borders.page-body {background:#eef7dc;padding:10px;_padding-bottom:0px;border-right:6px solid #bbe344;border-left:6px solid #bbe344;border-bottom:6px solid #bbe344;}
#t-a-f-borders.page-body {background:#ffffcc;padding:0 0 10px 0;_padding-bottom:0px;border-right:6px solid #bbe344;border-left:6px solid #bbe344;border-bottom:6px solid #bbe344;}

.page-hdr-cp {height:34px;background:#bbe344 url('/img/global/page-hdr-bkg-cp.gif') repeat-x top left;}
.page-body-cp {background:#ccffcc;padding:10px 6px 6px 6px;}

/* sub-section */
.section-hdr {color:#fff;font-weight:bold;font-size:15px;line-height:22px;padding-left:10px;text-align:left;background:url('/img/global/section-hdr-bkg.gif') repeat-x top left;}

.section-hdr-curve {height:22px;width:8px;background:url('/img/global/section-hdr-curve.gif');float:right;}
.section-hdr-cp {height:22px;padding-left:10px;background:url('/img/global/section-hdr-bkg-cp.gif') repeat-x top left;}

.section-body {background-color:#FFF;padding:10px;_padding-bottom:0px;height:1%;text-align:left;overflow:hidden;}
#prize-faq.section-body {background:#FFF url('/img/prize/faq-bkg.gif') repeat-y top right;}

.section-body p {}
.section-body p.top {width:548px;margin-top:14px !important;margin:23px 0 10px 0;padding:0;}

/* light green message box with bottom dotted line border */
.top-grn-box {background:#e0f5c3 url('/img/global/dot-grn.gif') repeat-x bottom left;padding:10px;position:relative;height:1%;text-align:left;}
.top-grn-box#no-dots {background-image:none;}
.top-grn-box#height {height:60px;}
.top-grn-box#borders {border-right:6px solid #bbe344;border-left:6px solid #bbe344;}

/* leftCol and rightCol styles (?) */
.leftCol {width:543px;float:left;}
.rightCol {background-color:#e0f5c3;width:160px;padding:10px;float:right;}/* light green information box */

/* MTX common side module styles */
#side {margin-left:6px;}
.side-mod {width:178px;background-color:#f2ecdf;border:1px solid #ff9900;border-top:none;}
.side-hd {height:18px;padding:2px 0 0 4px;background:url('/img/global/sm-hdr-bg.gif') repeat-x top left;text-align:left;}
.side-desc {padding:5px 10px;}
.gemcount {font-weight:bold;color:#0dafec;font-size:14px;background:url('/img/store/icon-gem.png') no-repeat center left;float:right;text-align:right;padding-left:24px;}
.tokencount {font-weight:bold;color:#ff6633;font-size:14px;background:url('/img/store/icon-token.png') no-repeat center left;float:right;text-align:right;padding-left:20px;}

/* oberon checkout wrapper */
.oberon-checkout {width:756px;background-color:#E5FE98;overflow:hidden;height:100%;padding:6px 0;}

/* ERROR MESSAGE STYLES */
.err-msg {color:#cc0000;font:normal 13px/15px Arial, Helvetica, sans-serif;text-align:left;border:1px solid #ffcc00;float:left;background-color:#ffffcc;padding:4px 0;margin-bottom:10px;}
.err-msg .text {margin:6px 6px 0 6px;width:512px;}
.err-msg ul {float:left;text-align:left;margin:0 0 0 15px;padding:0;list-style-type:none;}
.err-msg ul li {text-align:left;margin-top:4px;background:url('/img/global/error-bullet.gif') no-repeat 1px 4px;padding-left:10px;}
.err {color:#cc0000;}

#err-msg-full {width:730px;}
#err-msg-full-inBorders {width:710px;} 
#err-msg-login {width:210px;}
#err-msg-login div {width:160px;}
#err-msg-login ul {margin:0;}
#err-msg-login ul li {width:190px;_width:175px;background:none;}
#err-msg-login ul ul {margin:4px 0 0 0;}
#err-msg-login li li {width:180px;_width:165px;background:url('/img/global/error-bullet.gif') no-repeat 1px 4px;padding:0 0 5px 10px;}

#err-msg-twoCol {width:520px;}
#err-msg-twoCol div {width:420px;}
#err-msg-twoCol ul {padding:0;margin:0 0 0 8px;}
#err-msg-twoCol ul li {width:420px;}
#prize-err.err-msg {width:562px;padding:12px 32px 12px 67px;background:#ffffcc url('/img/global/error-sign.gif') no-repeat top left;}
#prize-err-sm.err-msg {width:208px;padding:0 10px 10px 0;border:1px solid #ffcc00;background-color:#ffffcc;background-image:none;float:none;}
#prize-err-sm.err-msg .text {width:160px;}
#reg-err.err-msg {width:455px;margin-bottom:20px;}

.fs-java-text {width:255px;background:transparent url('/img/global/fs-icon.gif') no-repeat scroll left 3px;margin-left:14px;padding-left:35px;font-weight:bold;}

.browser-support {width:752px; margin-bottom:10px; border:2px solid #ff9600; padding:10px; background-color:#ffffcc;}

/*Overlay css*/
#fbconnect-backgroundDrop {position:fixed;visibility:hidden;z-index:5000;margin:0pt auto;width:50px;height:50px;background:#000;}

#fbconnect-popover {position:absolute;z-index:5001;width:594px;top:55%;left:45%;margin-top:-225px;margin-left:-237px;}
#fbconnect-popover #mdBox {width:594px;border-bottom:2px solid #508816;border-left:2px solid #508816;border-right:2px solid #508816;}
#fbconnect-popover #mdBox h3 {margin:0;padding:6px 0 0 0;font-size:18px;color:#fff}
#fbconnect-popover #mdBox h4 {margin:0;padding:0 0 5px 0;font-size:14px;color:#666666;}
#fbconnect-popover #mdBox {background-color:#fff;}
#fbconnect-popover #mdBox .hdr {background:url(/img/fbconnect/popover/hd-bg-tile.gif) repeat-x;overflow:hidden;}
#fbconnect-popover #mdBox .content {background-color:#fff;overflow:hidden;line-height:18px; float:none;}
#fbconnect-popover #mdBox .ftr {padding:10px 0 5px 0;background-color:#e5fe98;text-align:center;}
#fbconnect-popover #mdBox .ftr a {text-decoration:none;}
#fbconnect-popover #mdBox img.firstBtn {margin-right:10px;}
#fbconnect-popover .err-msg {width:100%}
#fbconnect-popover .err-msg .text {width:auto;}

#mdBox .edit-account-info {padding:10px 0;min-height:100px;}
#mdBox .edit-account-info .desc {margin-left:20px;}
#mdBox .edit-account-info .form {width:380px;margin-left:20px;}
#mdBox .edit-account-info .loading {text-align:center;}
#mdBox .edit-account-info .loading img {margin:auto;}

.edit-account-info label.reg {width:138px;font-weight:bold;text-align:right;line-height:20px;padding-right:10px;}
.edit-account-info input.reg {margin-right:10px;width:145px;}
.edit-account-info select.reg {margin-right:10px;border: 1px solid gray;}
.edit-account-info input.year {width:40px;margin-right:10px;border: 1px solid gray;}

ul.autocompleter-choices {background-color:#FFFFFF;border-color:#7C7C7C #C3C3C3 #DDDDDD;border-style:solid;
	border-width:1px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;list-style:none outside none;
	margin:0;padding:0;position:absolute;text-align:left;z-index:50;}
ul.autocompleter-choices li {cursor:pointer;display:block;float:none !important;font-size:1em;font-weight:normal;
	line-height:1.5em;margin:-2px 0 0;padding:0.2em 1.5em 0.2em 1em;position:relative;white-space:nowrap;}
ul.autocompleter-choices li.autocompleter-selected {background-color:#444444;color:#FFFFFF;}
ul.autocompleter-choices span.autocompleter-queried {display:inline;float:none;font-weight:bold;margin:0;padding:0;}
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {color:#9FCFFF;}

/* Facebook I Like button/text in roomsel */
.fb-like {background-color:transparent; width:390px;}

/*-----------------------------------------------
	- Category Belt		- Project Buttercup
-----------------------------------------------*/
#catList{ height: 46px; margin: 0px; padding: 0px; text-align: left; }
#catBelt { width: 1000px; height: 46px; color: #6bc349; }
#catBelt li { width: 81px; margin: 0px; padding-left: 8px; float: left; list-style: none; background:url(/img/category/common/bg-catNav.png) -92px 0 no-repeat; background-repeat: no-repeat; }
#catBelt a:hover { text-decoration: underline; }
#catBelt .highlight a{ font-size: 12px; color: #0c5d7d; }

#catBelt li a{ height: 40px; padding: 6px 0 0 25px; display: block; font-weight: bold; text-decoration: none; color: #6bc349; background-position: left center; background-repeat: no-repeat; }
#catBelt li#az, #catBelt li#favorites{ margin: 0; padding: 0; }

#catBelt li#allgames{ width: 84px; background: url(/img/category/common/bg-catNav.png) 0 0; }
#catBelt li#clubpogo{ width: 112px; background:url(/img/category/common/bg-catNav.png) -181px 0; }
#catBelt li#az{ width: 59px; padding-left: 0; background: url(/img/category/common/bg-catNav.png) -300px 0; }
#catBelt li#favorites{ width: 100px; padding-left: 5px; background: url(/img/category/common/bg-catNav.png) -360px 0; }

#catBelt li.highlight{ padding-bottom: 7px; background-position: -92px -46px !important; }
#catBelt li#allgames.highlight{ padding-bottom: 7px; background-position: 0 -46px !important; }
#catBelt li#club.highlight{ background-position: -181px -46px !important; }
#catBelt li#az.highlight{ padding-bottom: 7px; background-position: -300px -46px !important; }
#catBelt li#favorites.highlight{ width: 98px; padding-bottom: 7px; background-position: -360px -46px !important; }



