@CHARSET "UTF-8";
@import "framework.css";

body {
	margin: 0;
	padding: 0;
	color: #858DA3;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 1em;
	background: #2B3A63 url(/gfx/bg.jpg) repeat-x top;
}

h1 {
	text-indent: -9999px;
	margin: 15px 0;
	padding: 0;
	width: 266px;
	height: 19px;
	background-repeat: no-repeat; 
}

h1.faqBeginning { background-image: url(/gfx/hdr_faq_beginning.gif); }
h1.faqGeneral	{ background-image: url(/gfx/hdr_faq_general.gif); }
h1.faqDeposits	{ background-image: url(/gfx/hdr_faq_deposits.gif); }
h1.faqBonuses	{ background-image: url(/gfx/hdr_faq_bonuses.gif); }
h1.faqWithdrawals { background-image: url(/gfx/hdr_faq_withdrawals.gif); }
h1.faqPlaying	{ background-image: url(/gfx/hdr_faq_playing.gif); }
h1.faqTechnical	{ background-image: url(/gfx/hdr_faq_technical.gif); }

h1.dontHaveAccount	{ background-image: url(/gfx/hdr_dont_have_account.gif); }
h1.signIn 			{ background-image: url(/gfx/hdr_sign_in.gif); }

#main {
	width: 1200px;
	margin: 0 auto;
	font-size: .7em;
}

#content {
	width: 780px; 
	float: left;
}

.icol {
	float: left;
	width: 210px;
	height: 652px;
}

#middle {
	background: #0c1534 url(/gfx/middle_bg.gif) no-repeat top left;
	color: #fff;
}

#steps { height: 81px }

#footer {
	text-align: center;
	line-height: 1.5em;
	margin-bottom: 30px;
}

#footer a.cds_logo {
	margin-right: 50px;
}

#footer p {
	margin: 8px 0;
	padding: 0;
}

#footer a {
	color: #858DA3;
	text-decoration: underline;
}

#footer a:hover {
	color: #A8B3CF;
}


#btnSignIn, #btnSignUp, #btnProceed, #btnClose, #btnOK, #btnCancel {
	display: block;
	width: 105px;
	height: 29px;
	margin-right: 12px;
	float:left;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
	background: transparent url(/gfx/btn_sign_in.gif) no-repeat 0 0;
}

#btnSignIn:hover, #btnSignUp:hover, #btnProceed:hover, #btnClose:hover, #btnOK:hover, #btnCancel:hover { background-position: 0 -29px; }

#btnSignIn { background-image: url(/gfx/btn_sign_in.gif); }
#btnSignUp { background-image: url(/gfx/btn_sign_up.gif); }
#btnProceed { background-image: url(/gfx/btn_proceed.gif); }
#btnClose { background-image: url(/gfx/btn_close.gif); }
#btnOK { background-image: url(/gfx/btn_ok.gif); }
#btnCancel { background-image: url(/gfx/btn_cancel.gif); }

#signin .links {
	margin: 30px 0 10px;
}

.forgot #btnProceed {
	margin: 20px 0;
}

#rightContent {
	float: left;
	width: 525px;
	padding: 6px 0 6px 25px;
	text-align: left;
}

/* promo conditions */
#rightContent ol {
	margin-top: 15px;
}

#rightContent.enlarged {
	width: 730px;
}

#bottomBtns {
	height: 85px;
	background: #0c1534 url(/gfx/bottom_bg.gif) repeat-x bottom;
	padding: 26px 0 0 232px;
}

#bottomBtns.instantPlay {
	padding: 26px 0 0 23px;
}

#bottomMenu {
	height: 81px;
	background: #0c1534 url(/gfx/bottom_bg2.gif) repeat-x bottom;
	color: #bfc3cd;
}

#bottomMenu div {
	background: transparent url(/gfx/bottom_stars.gif) no-repeat bottom left;
	height: 51px;
	padding: 30px 0 0 130px; 
}

#bottomMenu a {
	color: #bfc3cd;
	text-decoration: none;
	font-weight: bold;
	font-size: .9em;
}

#bottomMenu a:hover {
	text-decoration: underline;	
}

#bottomMenu span {
	padding: 0 12px;
}

#leftMenu {
	float: left;
	width: 193px;
	min-height: 277px;
	padding: 10px 0 0 12px;
}

#leftButtons {
	margin: 15px 0 0 2px;	
}

.header {
	margin-top: 20px;
	text-align: center;	
}

.wideBox {
	text-align: center;
	font-size: 1.2em;
	line-height: 2em;
	padding: 18px 0;
	width: 489px;
	height: 93px;
	background: transparent url(/gfx/wide_box.gif) no-repeat;	
}

.wideBox span {
	padding: 0 20px;	
}

.bluebox {
	width: 475px;
	margin-bottom: 1em;
}

.blueboxtop {
	background: transparent url(/gfx/box_top.gif) no-repeat bottom center;	
	height: 15px;
}

.blueboxcontent {
	background-color: #2f4270;
	padding: 0 26px;
}

.blueboxbottom {
	background: transparent url(/gfx/box_bottom.gif) no-repeat top center;
	height: 14px;
}

.whitebox {
	width: 448px;
	margin-bottom: 1em;
}

.whiteboxtop {
	background: transparent url(/gfx/white_box_top.gif) no-repeat top center;	
	height: 13px;
	line-height: 0;
	font-size: 0;
}

.whiteboxcontent {
	background-color: #E5E9F2;
	padding: 0 26px;
}

.whiteboxbottom {
	background: transparent url(/gfx/white_box_bottom.gif) no-repeat bottom center;
	height: 13px;
	line-height: 0;
	font-size: 0;
}

.whiteboxcontent2 {
	background: #fff url(/gfx/white_box_bg.gif) repeat-x top;
	padding: 0 26px;
}

.whiteboxbottom2 {
	background: transparent url(/gfx/white_box_bottom2.gif) no-repeat bottom center;
	height: 13px;
}

.icon {
	margin-right: 5px;
	vertical-align: middle;	
}

.questions {
	color: #d1d6e3;
}

.questions p {
	padding-bottom: 0;
	border-bottom: 1px solid #616f92;
}

ul.faq {
	list-style-image: url(/gfx/star2.gif);	
}

ol ol {
	list-style-type: lower-alpha;
	margin-left: 35px;	
}

dt {
	font-size: 1.1em;
	font-weight: bold;
}

dd.back {
	margin-bottom: 1em;	
}

dt a { 
	text-decoration: none;
	color: #fff;	
}

dt a:hover { 
	text-decoration: none;
}

ul {
	list-style-image: url(/gfx/star.gif);
}

.clear {
	clear: both;
}

.hr {
	width: 100%;
	height: 2px;
	margin-bottom: 20px;
	background: transparent url(/gfx/hr.gif) repeat-x top left;
}

img.left {
	float: left;
	margin: 6px 20px 0 0;	
}

a {
	color: #eea300;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img.capital {
	margin: 0 0 -9px -17px;
}

.centeredImg {
	text-align: center;
	margin: 10px 0;
}

.centered {
	text-align: center;
}

.strong {
	font-weight: bold;
	font-size: 1.1em;
}

/* forms */
label.bl {
	display: block;
	float: left;
	width: 135px;
	font-weight: bold;
}

input.field, select.field {
	float: left;
	width: 195px;
	background-color: #d8e0e5;
	border: none;
	border: 1px solid #d8e0e5;
}

a.help {
	display: block;
	float: left;
	width: 14px;
	height: 14px;
	margin: 2px 0 0 5px;
	background: transparent url(/gfx/info.gif) no-repeat top left;
	text-indent: -9999px;
}

input#open {
	background: transparent url(/gfx/open.gif) no-repeat top left;
	width: 238px;
	height: 59px;
	border: none;
	cursor: pointer;
	margin: 40px 0;
}

label.formError {
	color: #D1141E;
}

.errors_header {
	height:14px;
	width:525px;
	background: transparent url(/gfx/errors_header.gif) no-repeat;
}

.errors_footer {
	height:14px;
	width:525px;
	background: transparent url(/gfx/errors_footer.gif) no-repeat;
}

.errors {
	margin: 0;
	padding: 10px 0;
}

.errors_content {
	color:#ffffff;
	width:465px;
	background: #2f4270 url(/gfx/icon_error.gif) no-repeat 10px 0;
	padding: 0 20px 0 40px;
}

/* new errors messages */
.errorClear {
	clear: both;
	font-size: 0;
	display: block;
}

.errorContent {
	color:#ffffff;
	background: #2f4270 url(/gfx/icon_error.gif) no-repeat 10px 0;
	padding: 1px 20px 1px 40px;
}

.errorContent ul {
	margin: 0;
	padding: 0;
}

.errorContent li {
	list-style:none;
	list-style-image: none;
}

.errorCorner {
	height: 14px;
	background: url(/gfx/errors_sprite.gif) no-repeat;
	font-size: 0;
}

.errorTL { background-position: top left; float: left; width: 100%; }		
.errorTR { background-position: top right; float: right; width: 50%; }		
.errorBL { background-position: bottom left; float: left; width: 100%; }	
.errorBR { background-position: bottom right; float: right; width: 50%; }	

.infos_header {
	height:14px;
	width:525px;
	background: transparent url(/gfx/infos_header.gif) no-repeat;
	font-size: 0;
	line-height: 0;
}

.infos_footer {
	height:14px;
	width:525px;
	background: transparent url(/gfx/infos_footer.gif) no-repeat;
}

.infos {
	margin:10px 0;
}

.infos_content {
	color:#000000;
	width:465px;
	background: #e5e9f2 url(/gfx/icon_info.gif) no-repeat 10px 0;
	padding: 0 20px 0 40px
}

.errors_content ul, .error_content li, .infos_content ul, .infos_content li  {
	margin:0px;
	padding:0px;
}

.errors_content li, .infos_content li {
	list-style:none;
}

input.formError {
	border: 1px solid #D1141E;
}

/* layer for dialogs */
#vLayer {
	display: none;
	position: absolute;
	z-index: 100;
	width: 800px;
	height: 600px;
	background-color: #1a1a1a; 
	opacity: .7; 
	filter: alpha(opacity=70);
}

#vLayer iframe {
	display: none;
	display/**/:block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	filter: mask(); /* hack na IE < 7 */
	width: 100%; 
	height: 100%;
}

/* tooltip */
.tooltip {
	color: #fff;
	width: 185px;
	z-index: 13000;
    padding: 15px;
    background-color: #2F4270;
	min-height: 60px;
	position: absolute;
	cursor: pointer;
}

/* preview games */
#previewGames p {
	padding: 0;
	line-height: 1em;
}

#previewGames .column {
	width: 170px;
	float: left;
}

#previewGames h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: .6em 0;
	padding: 0;
}

#previewGames a {
	display: block;
	text-decoration: none;
	padding: 5px;
}

#previewGames a:hover {
	background-color: #2F4270;
}

#gameInfo, #rememberMeAlert {
	width: 550px;
	min-height: 240px;
	background-color: #fff;
	color: #666;
	position: absolute;
	z-index: 1000;
	border: 2px solid #000; 	
}

#rememberMeAlert {
	min-height: 180px;
}

#gameInfoBar, #rememberMeBar {
	background-color: #2F4270;
	color: #fff;
	font-weight: bold;
	padding: 3px 10px;
}

#gameInfoBar #close, #rememberMeBar #close {
	position: absolute;
	top: 5px;
	right: 10px;
}

#gameInfoContent, #rememberMeContent {
	padding: 15px 15px 45px;
}

#gameInfoContent #spinner {
	margin: 79px 0 0 249px;	
}

#gameInfoContent span.gameTitle {
	 font-size: 1.2em;
	 font-weight: bold;
}

#gameInfoContent img.screen {
	float: left;
	margin: 5px 15px 0 0;
	width: 236px;
	height: 177px;
}

#gameInfo #btnClose {
	position: absolute;
	bottom: 15px;
	right: 12px;	
}

/* instantGame */

#instantPlay {
	padding: 20px 25px;
	text-align: left;
}

#instantPlay #txt {
	margin-top: 20px;
}

#instantGame {
	background: transparent url(/gfx/please_wait.gif) no-repeat center 120px;
}

/* Instant play - menu */

#instantPlayMenu {
	height: 33px;
	width: 730px;
	margin-bottom: 20px;
}

#instantPlayMenu ul, #instantPlayMenu ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

#instantPlayMenu li.gamesCategory {
	display: block;
	float: left;
	height: 33px;
	background-image: url(/gfx/instant_play_menu.png);
	cursor: pointer;
}

#instantPlayMenu li.gamesCategory ul {
	display: none;
	background-color: #0a1329;
	position: absolute;
	margin-top: 30px;
	z-index: 333;
	padding: 5px 0;
}

#instantPlayMenu li.gamesCategory ul li {
	padding: 0 10px;
	line-height: 14px;
	margin: 6px 0;
}

#instantPlayMenu a {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}

#instantPlayMenu a:hover {
	text-decoration: underline;
	color: #ffae01;
}

#instantPlayMenu li.gamesCategory:hover ul, #instantPlayMenu li.gamesCategoryHover ul {
	display: block;
} 

#gamesCategory01 ul { width: 140px; margin-right: 7px; }
#gamesCategory01 {
	width: 147px;
	background-position: 0 0;
}
#gamesCategory01:hover { background-position: 0 -33px; }

#gamesCategory02 ul { width: 140px; margin-right: 8px; }
#gamesCategory02 {
	width: 148px;
	background-position: -147px 0;
}
#gamesCategory02:hover { background-position: -147px -33px; }

#gamesCategory03 ul { width: 140px; margin-right: 8px; }
#gamesCategory03 {
	width: 148px;
	background-position: -295px 0;
}
#gamesCategory03:hover { background-position: -295px -33px; }

#gamesCategory04 ul { width: 140px; margin-right: 7px; }
#gamesCategory04 {
	width: 147px;
	background-position: -443px 0;
}
#gamesCategory04:hover { background-position: -443px -33px }

#gamesCategory05 ul { width: 140px; }
#gamesCategory05 {
	width: 140px;
	background-position: -590px 0;
}
#gamesCategory05:hover { background-position: -590px -33px }

/* hands */

.hand {width:730px; height:29px;}
.hand div a {
	display:block;
	float:left;
	width:182px;
	height:29px;
}

a#hand1 {background: url(/gfx/hands_enlarged_buttons.gif) no-repeat -364px 0;}
a#hand3 {background: url(/gfx/hands_enlarged_buttons.gif) no-repeat -364px -29px;}
a#hand10 {background: url(/gfx/hands_enlarged_buttons.gif) no-repeat -364px -58px;}
a#hand52 {background: url(/gfx/hands_enlarged_buttons.gif) no-repeat -364px -87px;}

a#hand1.sel {background-position: 0 0;}
a#hand3.sel {background-position: 0 -29px;}
a#hand10.sel {background-position: 0 -58px;}
a#hand52.sel {background-position: 0 -87px;}


a#hand1:hover {background-position: -182px 0;}
a#hand3:hover {background-position: -182px -29px;}
a#hand10:hover {background-position: -182px -58px;}
a#hand52:hover {background-position: -182px -87px;}

/* denoms */


.denom {width:730px; height:29px; }
.denom div a {	
	display:block;
	float:left;
	width:146px;
	height:29px;
}

a#denom1 {background: url(/gfx/denoms_enlarged_buttons.gif) no-repeat -292px 0;}
a#denom5 {background: url(/gfx/denoms_enlarged_buttons.gif) no-repeat -292px -29px;}
a#denom25 {background: url(/gfx/denoms_enlarged_buttons.gif) no-repeat -292px -58px;}
a#denom50 {background: url(/gfx/denoms_enlarged_buttons.gif) no-repeat -292px -87px;}
a#denom100 {background: url(/gfx/denoms_enlarged_buttons.gif) no-repeat -292px -116px;}
a#denom500 {background: url(/gfx/denoms_enlarged_buttons.gif) no-repeat -292px -145px;}
a#denom1000 {background: url(/gfx/denoms_enlarged_buttons.gif) no-repeat -292px -174px;}

a#denom1.sel {background-position: 0 0;}
a#denom5.sel {background-position: 0 -29px;}
a#denom25.sel {background-position: 0 -58px;}
a#denom50.sel {background-position: 0 -87px;}
a#denom100.sel {background-position: 0 -116px;}
a#denom500.sel {background-position: 0 -145px;}
a#denom1000.sel {background-position: 0 -174px;}

a#denom1:hover {background-position: -146px 0;}
a#denom5:hover {background-position: -146px -29px;}
a#denom25:hover {background-position: -146px -58px;}
a#denom50:hover {background-position: -146px -87px;}
a#denom100:hover {background-position: -146px -116px;}
a#denom500:hover {background-position: -146px -145px;}
a#denom1000:hover {background-position: -146px -174px;}

.denomShort {width:730px; height:29px; }
.denomShort div a {	
	display:block;
	float:left;
	width:121px;
	height:29px;
}

a#denomShort1 {background: url(/gfx/denoms_enlarged_buttons.gif) no-repeat -242px -203px;}
a#denomShort5 {background: url(/gfx/denoms_enlarged_buttons.gif) no-repeat -242px -232px;}
a#denomShort25 {background: url(/gfx/denoms_enlarged_buttons.gif) no-repeat -242px -261px;}
a#denomShort50 {background: url(/gfx/denoms_enlarged_buttons.gif) no-repeat -242px -290px;}
a#denomShort100 {background: url(/gfx/denoms_enlarged_buttons.gif) no-repeat -242px -319px;}
a#denomShort500 {background: url(/gfx/denoms_enlarged_buttons.gif) no-repeat -242px -348px;}
a#denomShort1000 {background: url(/gfx/denoms_enlarged_buttons.gif) no-repeat -242px -377px;}

a#denomShort1.sel {background-position: 0 -203px;}
a#denomShort5.sel {background-position: 0 -232px;}
a#denomShort25.sel {background-position: 0 -261px;}
a#denomShort50.sel {background-position: 0 -290px;}
a#denomShort100.sel {background-position: 0 -319px;}
a#denomShort500.sel {background-position: 0 -348px;}
a#denomShort1000.sel {background-position: 0 -377px;}

a#denomShort1:hover {background-position: -121px -203px;}
a#denomShort5:hover {background-position: -121px -232px;}
a#denomShort25:hover {background-position: -121px -261px;}
a#denomShort50:hover {background-position: -121px -290px;}
a#denomShort100:hover {background-position: -121px -319px;}
a#denomShort500:hover {background-position: -121px -348px;}
a#denomShort1000:hover {background-position: -121px -377px;}

/* promotions */

img.promoDay {
	margin-left: -45px;
}

#promo_container {
	width:460px;
	font-size:1.1em;
}
.promo_code {
	text-align:right;
	width:460px;
	margin:10px 0;
}

.code {
	vertical-align: middle;
	font-size: 1.05em;
	color:#eea300;
}

p.promoCodes {
	padding-left: 50px;
}

#promo_st_patricks_header {
	background: transparent url(/gfx/promo_st_patricks_header.png) no-repeat;
	width:515px;
	height:150px;
	margin-bottom:20px;
}


#promo_vip_st_patricks_header {
	background: transparent url(/gfx/promo_vip_st_patricks_header.png) no-repeat;
	width:515px;
	height:150px;
	margin-bottom:20px;
}

#promo_welcome_header {
	background: transparent url(/gfx/promo_welcome_header.png) no-repeat;
	width:515px;
	height:100px;
	margin-bottom:20px;
}

#promo_blackjack_header {
	background: transparent url(/gfx/promo_blackjack_header.png) no-repeat;
	width:515px;
	height:100px;
	margin-bottom:20px;
}

#promo_high_roller_header {
	background: transparent url(/gfx/promo_high_roller_header.png) no-repeat;
	width:515px;
	height:100px;
	margin-bottom:20px;
}

#promo_slots_header {
	background: transparent url(/gfx/promo_slots_header.png) no-repeat;
	width:515px;
	height:100px;
	margin-bottom:20px;
}

#promo_winners_header, #promo_vip_winners_header {
	background: transparent url(/gfx/promo_winners_header.png) no-repeat;
	width:515px;
	height:108px;
	margin-bottom:20px;
}

#promo_vip_winners_header {
	background-image: url(/gfx/promo_vip_winners_header.png);
}

#promo_weekend_header {
	background: transparent url(/gfx/promo_weekend_header.png) no-repeat;
	width:515px;
	height:150px;
	margin-bottom:10px;
}

#promo_thanksgiving_header {
	background: transparent url(/gfx/promo_thanksgiving_header.png) no-repeat;
	width:515px;
	height:166px;
	margin-bottom:30px;
}

#promo_xmas_header {
	background: transparent url(/gfx/promo_xmas_header.png) no-repeat;
	width:515px;
	height:150px;
	margin-bottom:30px;
}

#promo_ny_header {
	background: transparent url(/gfx/promo_ny_header.png) no-repeat;
	width:515px;
	height:150px;
	margin-bottom:30px;
}

#promo_vip_ny_header {
	background: transparent url(/gfx/promo_vip_ny_header.png) no-repeat;
	width:515px;
	height:240px;
	margin-bottom:30px;
}

#promo_2010_header {
	background: transparent url(/gfx/promo_2010_header.png) no-repeat;
	width:515px;
	height:205px;
	margin-bottom:20px;
}

#promo_vip_2010_header {
	background: transparent url(/gfx/promo_vip_2010_header.png) no-repeat;
	width:515px;
	height:190px;
	margin-bottom:20px;
}

#promo_vip_thanksgiving_header {
	background: transparent url(/gfx/promo_vip_thanksgiving_header.png) no-repeat;
	width:515px;
	height:167px;
	margin-bottom:30px;
}

#promo_weekly_header {
	background: transparent url(/gfx/promo_weekly_header.png) no-repeat;
	width:515px;
	height:189px;
	margin-bottom:10px;
}

#promo_vip_weekend_header {
	background: transparent url(/gfx/promo_vip_weekend_header.png) no-repeat;
	width:515px;
	height:145px;
	margin-bottom:10px;
}

#promo_vip_weekly_header {
	background: transparent url(/gfx/promo_vip_weekly_header.png) no-repeat;
	width:515px;
	height:240px;
	margin-bottom:10px;
}

#promo_vip_bigshot_bonus_header {
	background: transparent url(/gfx/promo_vip_bigshot_bonus_header.png) no-repeat;
	width:515px;
	height:100px;
	margin-bottom:20px;
}

/* vip page */

.vip_header {
	margin: 15px 0 10px;
}

#vip_hr {
	width:100%;
	height:1px;
	backgroud-color: transparent;
	border-bottom: 1px solid #616f92;
	margin-bottom: 10px;
}

.vip_info_text {

	color: #616f92;
}

/* pop-up messages */
#messageBox {
	width: 300px;
	min-height: 200px;
	background-image: url(/gfx/messageBox_sprite.jpg);
	border: 1px solid #b3b3b1;
	position: absolute;
	z-index: 9999;
	color: #ffffff;
	font-size: 20px;
	font-family: Verdana, Arial, sans-serif;
}

#messageBox a.yesBtn, #messageBox a.noBtn {
	display: block;
	float: right;
	width: 150px;
	height: 65px;
	text-decoration: none;
	color: #eee;
	text-align: center;
}

#messageBox p{
	height: 90px;
	padding-top: 45px;
	padding-bottom: 0;
}
#messageBox p b{
	color: #f1ba43;
}

#messageBox a.yesBtn {
	background: transparent url(/gfx/messageBox_sprite.jpg) no-repeat bottom left;
}

#messageBox a.noBtn {
	background: transparent url(/gfx/messageBox_sprite.jpg) no-repeat bottom right;
}

/* EuroCityCasino PopUp */

#eccPopUp {
	width: 800px;
	height: 400px;
	position: absolute;
	z-index: 9999;
	background: transparent url(/gfx/ecc_popup.jpg) no-repeat top left;
}

#eccPopUp a.downloadNow {
	display:block;
	width:250px;
	height:70px;
	top:310px;
	left:144px;
	position:absolute;	
	background: transparent url(/gfx/ecc_popup.jpg) no-repeat -144px -310px;
}

#eccPopUp a.instantPlay {
	display:block;
	width:250px;
	height:70px;
	top:310px;
	left:404px;
	position:absolute;
	background: transparent url(/gfx/ecc_popup.jpg) no-repeat -404px -310px;
}

#eccPopUp a.close {
	display:block;
	width:35px;
	height:35px;
	top:0;
	left:765px;
	position:absolute;
	background: transparent url(/gfx/ecc_popup.jpg) no-repeat -765px 0;
}

/* Download Instructions */

#downloadInstructions {
	width: 730px;
	padding: 6px 25px;
	text-align: left;
}

#downloadInstructions p, #downloadInstructions ul {
	font-size: 1.2em;
}

img.downloadImg {
	float: right;
	margin: 0 0 25px 25px;
}

img.downloadBtn {
	margin: 20px 50px;
}

#downloadInstructions h1 {
	width: 320px;
	height: 25px;
}

h1.diDownload { background-image: url(/gfx/hdr_di_download.gif); }
h1.diInstall	{ background-image: url(/gfx/hdr_di_install.gif); }
h1.diRegister	{ background-image: url(/gfx/hdr_di_register.gif); }
h1.diLogin	{ background-image: url(/gfx/hdr_di_login.gif); }
h1.diNextTimeYouPlay { background-image: url(/gfx/hdr_di_next_time_you_play.gif); }

/* Join */

#join {
	width: 730px;
	padding: 6px 25px;
	text-align: left;
}

#join p {
	padding: 1.2em 10px;
}

#joinContent {
	padding-top: 15px;
	background: url(/gfx/form_shade_bg.gif) center top repeat-x;
}

#joinLeft, #joinRight {
	float: left;
	line-height: 1em;
}

#joinLeft {
	width: 355px;
	padding-left: 10px;
}

#joinRight {	
	width: 335px;
	padding-left: 30px;
}

.joinField {
	height: 49px;
	display: block;
}
	
.joinLabel {
	width: 100px;
	display: block; 
	float: left;
	height: 23px;
	line-height: 23px;
	font-size: 13px;
}	
	
.joinInput {
	width: 217px;
	border: 0;
	margin: 0;
	padding: 3px;
	background: transparent url(/gfx/join_sprite.gif) no-repeat 0px 0px;
	overflow: hidden;
	height: 17px;	
	float: left;
	display: block;
	position: relative;	
}

.joinText {
	clear: both;
	display: block;
	padding: 0 0 0 100px;
}		

.referAFriendText {
	clear: both;
	display: block;
	padding: 0 0 0 200px;
	margin-bottom: 5px;
	height: 17px;
}	

.joinInput input, .signinInput input {
	height: 17px;
	border: 0;
	margin: 0;
	padding: 0;
	width: 217px;
	color: #333333;	
	font-size: 13px;
}	

.joinRadio {
	font-size: 13px;
	width: 217px;
	float: left;
	display: block;
}	

.joinRadio label, .signinRadio label {
	height: 23px;
	line-height: 23px;
	margin-right: 30px;
}	

.joinSelect {
	width: 223px;
	float: left;
	display: block;
	color: #333333;
}

div.monthStyle {
	width: 98px;
	background: transparent url(/gfx/join_sprite.gif) no-repeat 0px -23px;
	padding: 3px;
	float: left;
	margin-right: 5px;
	height: 17px;
}
	
div.dayStyle {
	width: 41px;
	background: transparent url(/gfx/join_sprite.gif) no-repeat 0px -46px;
	padding: 3px;
	float: left;
	margin-right: 5px;
	height: 17px;
}

div.yearStyle {
	width: 56px;
	background: transparent url(/gfx/join_sprite.gif) no-repeat 0px -69px;
	padding: 3px;
	float: left;
	height: 17px;
}	

div.country, div.state {
	width: 217px;
	background: transparent url(/gfx/join_sprite.gif) no-repeat 0px 0px;
	padding: 3px;
	float: left;
	height: 17px;
}

#joinContent select {
	height: 17px;
	border: 0;
	margin: 0;
	padding: 0;
	width: 217px;
	font-size: 13px;
	line-height: 13px
}	

#joinContent select option {
	font-size: 13px;
	line-height: 13px;
	padding: 1px 0;
}

#joinContent select.monthStyle {
	width: 98px;
}
	
#joinContent select.dayStyle {
	width: 41px;
}	

#joinContent select.yearStyle {
	width: 56px;
}

#submitButton { 
	display: block;
	width: 223px;
	height: 55px;
	border: none;
	margin: 0 auto 20px;
}

input.openMyAccount {
	cursor: pointer;
	background: transparent url(/gfx/join_sprite.gif) no-repeat 0px -92px;
}

/* Should be #submitButton.pleaseWait but this is a fix for IE6 */
input.pleaseWait {
	background: transparent url(/gfx/join_sprite.gif) no-repeat 0px -147px;
	cursor: default;
}

span.inlineFormError {
	color: #eee;
	background-color: #D70000;
	padding: 0px 4px 1px 4px;
	border: 1px solid #D70000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
	
span.inlineFormTip {
	color: #acacac;
}	

span.inlineFormError, span.inlineFormTip {
	font: 11px tahoma,sans-serif;
	display: inline-block;
	margin-top: 2px;
}

div.inputValidation {
	background-repeat: no-repeat;
	background-color: transparent;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 4px;
	top: 3px;
	z-index: 10;
}

div.checkInProgress {
	background-image: url(/gfx/form_input_check_in_progress.gif);
}

div.inputValid {
	background-image: url(/gfx/form_input_valid.gif);
}

div.inputError {
	background-image: url(/gfx/form_input_error.gif);
}

/* Refer A Friend */
#referAFriendFormBox {
	padding-left: 50px;
}

#referAFriendFields {
	margin: 20px 0 30px 0;
}

#referAFriend .hr {
	margin: 30px 0;
}

p.noPadding {
	padding: 0;
}

div.referAFriendInput {
	width: 217px;
	border: 0;
	margin: 0;
	padding: 3px;
	background: transparent url(/gfx/join_sprite.gif) no-repeat 0px 0px;
	overflow: hidden;
	height: 17px;	
	float: left;
	display: block;
	position: relative;	
}

span.referAFriendSpan {
	margin-right: 40px;
	font-weight: bold;
	color: #f6a20c;
	float: left;
	display: inline;
	line-height: 18px;
}

#referAFriendFormBox label {
	margin-right: 20px;
	float: left;
	font-weight: bold;
	width: 100px;
	line-height: 18px;
	display: inline;
}

#referAFriendFormBox input {
	width: 200px;
	float: left;
	display: inline;
	margin: 0;
	border: 0 none;
	background-color: #ffffff;
	padding: 0;
}

#referAFriendSubmit {
	width: 260px;
	height: 51px;
	margin: 10px auto;
}

#sendInvitation {
	height: 51px; 
	width: 260px; 
	background: url(/gfx/send_invitation.gif) no-repeat scroll 0 0 transparent; 
	cursor:pointer; 
	display:block; 
	border: 0;
}

.referAFriendText {
	clear: both;
	display: block;
	padding: 0 0 0 210px;
	margin-bottom: 5px;
	height: 17px;
	line-height: 18px;
}

/* idleTimeModalBanners */

#idleBanners {
	position: fixed;
	top: 30%;
	margin-top: -120px;
	left: 50%;
	margin-left: -400px;
	z-index: 9999;
	width: 800px;
	height: 400px;
}

* html #idleBanners { 
	position: absolute;
}

#idleBanners a.close {
	display: block;
	position: absolute;
	top: 0;
	left: 750px;
	width: 50px;
	height: 50px;
}