@import "/include/css/shared/buttons.css";

/* new footer alignment fix  */
#master{ margin: 0 auto; }

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

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

.laminator-crop {overflow:hidden;-moz-border-radius: 6px;border-radius: 6px; background-color:black;}
.bustSmall .laminator-crop-inset {margin:-22px 0 0 -48px;}
.bustSmall {height: 55px; width: 55px;}

/*-----------------------------------------------
	- 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;}
/* -- Removed need to verify globally
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-prize {clear:both; display:block;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;}
.grn {font:12px Arial, Helvetica, sans-serif;color:#009900; text-align:left;}
.grn12 {font:bold 12px Arial, Helvetica, sans-serif;color:#009900; text-align:left;}
.grn14 {font:bold 14px Arial, Helvetica, sans-serif;color:#009900; text-align:left;}
.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;margin:0pt auto;width:50px;height:50px;background:#000;}

#fbconnect-popover {position:absolute;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;width:178px;overflow:hidden;}
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;}

.invisible {position:absolute;visibility:hidden;display: none;}

/*-----------------------------------------------
	- Category Belt		- Project Buttercup
-----------------------------------------------*/
#catList{ position:relative; height: 46px; margin: 0px; padding: 0px; text-align: left; }
#catBelt {
	position:relative;
	width:1000px;
	height:46px;
	margin:6px 0 5px 0;
	background: #FDFDFD; /* old browsers */
	background: -moz-linear-gradient(top, #FDFDFD 0%, #E9E9E9 65%, #E9E9E9 76%, #FAFAFA 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDFDFD), color-stop(65%,#E9E9E9), color-stop(76%,#E9E9E9), color-stop(100%,#FAFAFA)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFDFD', endColorstr='#E9E9E9',GradientType=0 ); /* ie */
}
#catBelt ul {list-style:none;}
#catBelt li {
	margin:0px;
	/*padding-left:8px;*/
	float:left;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #848484;	
	/*background:url(/img/category/common/sprite-catIcons.png) no-repeat -1200px top;*/
	overflow:hidden;
}
#catBelt a:hover {color:#47cfff;}
#catBelt .highlight a {color:#fff;border:none;}

#catBelt li a {padding: 7px 0 0 35px; display: block; font-weight: bold; text-decoration: none; color: #2389ae;background:url(/img/category/common/sprite-catIcons.png) no-repeat;border-left:1px solid #fff;border-right:1px solid #e5e5e5;}

#catBelt li:first-child a {border-left:none;}

#catBelt li#allgames{
	width:95px;
	height:45px;
	border-left:1px solid #c3c3c3;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
}
#catBelt li#clubpogo {
	position:absolute;
	width:104px;
	height:45px;
	border-right:1px solid #c5c5c5;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	background: #FDFDFD; /* old browsers */
	background: -moz-linear-gradient(top, #FDFDFD 0%, #E9E9E9 65%, #E9E9E9 76%, #FAFAFA 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FDFDFD), color-stop(65%,#E9E9E9), color-stop(76%,#E9E9E9), color-stop(100%,#FAFAFA)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDFDFD', endColorstr='#E9E9E9',GradientType=0 ); /* ie */
	*filter:none; /*bad IE7 bad!*/
	top:0;
	right:99px;
}
#catBelt li#more {
	float:right;
	width:102px;
	height:45px;
	border-top:1px solid #d2d2d2;
	border-right:1px solid #b7b7b7;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	background: #EFEFEF; /* old browsers */
}
#catBelt li.highlight {
	width:100px;
	height:44px;
	padding-top:1px;
	background: #6CB5CF !important; /* old browsers */
	background: -moz-linear-gradient(top, #6CB5CF 0%, #36749B 86%, #3886A2 98%) !important; /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6CB5CF), color-stop(86%,#36749B), color-stop(98%,#3886A2)) !important; /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6CB5CF', endColorstr='#3886A2',GradientType=0 ) !important; /* ie */
	-moz-box-shadow:inset 0 2px 2px #23667f;
	-webkit-box-shadow:inset 0 2px 2px #23667f;
	box-shadow:inset 0 2px 2px #23667f;
	text-shadow:0 1px #333;
	border-top:none;
}
#catBelt li#puzzle, #catBelt li#board, #catBelt li#card, #catBelt li#word, #catBelt li#casino, #catBelt li#arcade, #catBelt li#cash, #catBelt li#sports {width:100px;}
#catBelt li#puzzle a, #catBelt li#board a, #catBelt li#card a, #catBelt li#word a, #catBelt li#casino a, #catBelt li#arcade a, #catBelt li#cash a, #catBelt li#sports a, #catBelt li#clubpogo a {height:38px;}
#catBelt li#allgames.highlight{
	border-left:1px solid #c3c3c3;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	border-top:none;
}
#catBelt li#more.active{ /*--diff state from highlight for more games dropdown--*/
	/*float:right;*/
	border-top-right-radius:5px;
	border-bottom-right-radius:0;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:0;
}
li.active#more {border-bottom:1px solid #EFEFEF;}
li#clubpogo.highlight{background-position: -181px -46px !important;}
li#allgames a {background-image:none;padding:14px 0 0 0;text-align:center;}
li#clubpogo a {border-right:none;}
li#more a {padding-left:30px;border:none;}
li#more.active a {background-position:-1100px bottom;}

#subCat, #subCat ul, #subCat li, #subCat li a {list-style:none;margin:0;padding:0;float:none;border:none;} /*--reset styles from catBelt--*/
#subCat {  /*--more games dropdown--*/
	display:none;
	position:absolute;
	top:47px;
	right:0;
	background: #efefef;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #b6b6b6;
	border-bottom:1px solid #797979;
	padding-bottom:3px;
}
#subCat .eu {width:152px;}
#subCat .na {width:600px;}
#subCat .na h3, #subCat .na p {text-align:left;}
#subCat .na h3 {margin:10px 25px; padding:0; font-size:14px;}
#subCat .na p {margin:0 25px; padding:0; font-size:11px; color:#656565;}
#subCat .na h3 span {
	color:#fff;
	background-color:#F00;
	padding:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform:capitalize;
	font-size:11px;
}
#subCat .na .leftcolumn {float:left; width:270px; border-right:1px solid #dcdcdc;}
#subCat .na .rightcolumn {float:left; width:328px; border-left:1px solid #ffffff;}
#subCat li:first-child {padding-top:4px;}
#subCat li a {height:18px; padding:5px 0 0 25px; background-image:none;}
#subCat .na .leftcolumn ul {float:left; padding:0; margin:0 15px 0 0;}
#subCat .na .rightcolumn ul {float:left; padding:0; margin:0 20px 0 0; padding:0 0 10px 0;}
#subCat .na .leftcolumn ul li, #subCat .na .rightcolumn ul li {text-align:left; background-image:none; padding:0; margin:5px 0 0 0;}
#subCat .na .leftcolumn ul li a, #subCat .na .rightcolumn ul li a {padding:0; margin:0;}
#subCat .na .leftcolumn ul li a:hover, #subCat .na .rightcolumn ul li a:hover {color:#006688; text-decoration:underline;}

#reg-facebook-connect {display:inline-block; margin-right:5px; *float:left;}

.redTag { float:left; background-color:#e10b09; font-size:11px; color:#fff; text-align:center; padding:2px 5px; margin-right:5px; -moz-border-radius:3px; border-radius:3px; } /* used in egp, should also be used in category viewset (will replace image, tbd) */

#ui-popup-background {position: fixed; top: 0; left: 0; background-color: black; width: 100%; height: 100%; text-align: center; opacity: .75; filter: alpha(opacity = 75);display:none;}
.ui-popup {position:fixed; top:50%; left:50%; margin:-183px 0 0 -270px;}

/*--z-index elements--*/
#fbconnect-backgroundDrop { z-index:16177281; }
#fbconnect-popover { z-index:16177285; }
ul.autocompleter-choices { z-index:16087281; }
#catBelt { 	*z-index:1; /* bad IE7 bad! */ }
#ui-popup-background { z-index:16177281; }
.ui-popup { z-index: 16177285; }
#catBelt li#clubpogo { z-index:2; }
#subCat { z-index:16077281; }

/* Lightreg popup fix for the Screen name and password guidelines window */
div.popup-reg div.top a.ui-popup-close{float:right;margin:5px 5px 0 0;}

.default-font {font-size: 12px;}