@import url("clearfix.css");

body{
	background: #333;
}

form {
	margin: 0;
}

/* Global Popup */

.popup_container{
	width: 695px;
	padding: 3px;
	border: 1px solid #000;
	font-family:Arial, Helvetica, sans-serif;
	background: #909090;
}

.popup_header{
	height: 28px;
	padding: 10px 10px 0 0;
	background: url(../img/popup/popup_header.gif);
}

	.popup_header h3{
		float: left;
		margin: 0;
		padding: 0;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 0 0 0 16px;
	}
	
	.popup_header a{
		float: right;
		color: #fff;
		font-size: 11px;
		text-decoration: none;
		display: block;
		height: 20px;
		line-height: 20px;
		padding-right: 30px;
		overflow: hidden;
		background: url(../img/popup/popup_cancel.gif) no-repeat right top;
	}
	
	.popup_header a:hover{
		color: #88c2dc;
		background-color: transparent;
		background-position: right bottom;
	}

.popup_wrapper{
	background: #fff url(../img/popup/popup_content.gif) repeat-y left;
}

.popup_content{
	width: 655px;
	padding: 12px 15px;
	overflow: hidden;
	font-size: 12px;
	color: #323232;
}

.popup_footer{
	padding-bottom: 21px;
	background: url(../img/popup/popup_footer.gif) no-repeat left bottom;
}

	.popup_footer ul{
		height: 100%;
		overflow: hidden;
		list-style: none;
		margin: 0 6px;
		padding: 0;
		background: #c7dae6;
	}

		.popup_footer li{
			float: left;
			padding: 10px 16px 10px 30px;
			font-size: 12px;
			background: url(../img/popup/blue_arrow.gif) 0 18px no-repeat;
		}

		.popup_footer li.popup_step1{
			padding-left: 11px;
			background: none;
		}
		
		.popup_footer li a{
			text-decoration: none;
			color: #4280e8;
		}
		
		.popup_footer li span{
			text-decoration: underline;
		}
		
		.popup_footer li.popup_active a{
			color: #a43c15;
		}

/* Step 1 */	


.step1{
	padding-bottom: 0;
}

.step1 p{
	padding: 0;
	margin: 0;
}

p.popup_error_msg{
	color: #bb4430;
	line-height:24px;
}

.step1 a{
	color: #4280e8;
	text-decoration: underline;
}

.step1_top{
	border-top: 1px dashed #5e8199;
	border-bottom: 1px dashed #5e8199;
}

.step1_left{
	margin-top:10px;
	width: 355px;
	float: left;
}

.step1_left .step1_bottom{
	border-right: 1px dashed #5e8199;
	padding: 10px 10px 10px 0;
}

.step1_left .step1_top{
	border-right: 1px dashed #5e8199;
	padding: 10px 10px 10px 0;
}

	.step1_left label{
		display: block;
		width: 100%;
		overflow: hidden;
		padding: 3px 0;
	}
	
		.step1_left span,.step1_left strong{
			float:left;
			display: block;
			width: 130px;
		}
		
		.popup_error{
			color: #bb4430;
		}
		
		.step1_left strong{
			font-weight: bold;
			font-size:12px;
			line-height: 26px;
		}
		
		.step1_left span strong{
			line-height: normal;
		}
		
		.step1_left span{
			font-weight: normal;
			font-size:10px;
		}
	
		.step1_left input{
			float: right;
			width: 200px;
		}
		
	.captcha{
		text-align: center;
	}
	
		.captcha img {
			height: auto !important;
		}

.step1_right{
	margin-top:10px;
	width: 300px;
	float: right;
}

	.step1_right .step1_top{
		padding: 10px 10px 17px 10px;
		width: 280px;
		overflow: hidden;
	}
	
	.step1_right .step1_top ul{
		float: left;
		list-style: none;
		padding: 10px 0 0 0;
		margin: 0;
		font-size: 11px;
	}
	
		.step1_right .left_list{
			width: 140px;
			padding-right:10px;
		}
	
		.step1_right .right_list{
			width: 140px;
		}
		
		.step1_right .step1_top ul li{
			width: 100%;
			overflow: hidden;
			padding-bottom: 3px;
		}
		
		.step1_right .step1_top ul li input{
			float: left;
		}
		
		.step1_right .step1_top ul li label{
			float: left;
			line-height: 18px;
			width: 110px;
		}
		
	.step1_right .list_agreement{
		list-style: none;
		margin: 0; padding: 0;
		padding: 10px;
		border-bottom: 1px dashed #5e8199;
	}
		
	.step1_right .list_agreement li{
		width: 100%;
		overflow: hidden;
	}
		
	.step1_right .list_agreement li input{
		float: left;
	}
		
	.step1_right .list_agreement li label{
		float: left;
		line-height: 20px;
	}
	
	.step1_right p.privacy_policy{
		padding: 10px;
		border-bottom: 1px dashed #5e8199;
		margin-bottom:10px;
	}

	.but_next{
		float: right;
		display: block;
		position: relative;
		width: 76px;
		height: 29px;
		text-transform: uppercase;
	}
	
	.but_next span{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0; left: 0;
		background: url(../img/popup/but_next.gif) no-repeat top;
	}
	.but_next:hover span{
		background-color: transparent;
		background-position: bottom;
	}


/* Step 2  and Step 3 */	

.step2 p , .step3 p{
	padding: 0;
	margin: 0;
}

.step2 form , .step3 form{
	padding: 25px 0;
	font-size: 10px;
	color: #5e5e5e;
	line-height: 18px;
}

.step2 form input , .step3 form input{
	width: 405px;
	padding: 1px 5px;
	color: #5e5e5e;
	font-weight: bold;
}

.step2 table , .step3 table{
	width: 100%;
	border-bottom: 1px dashed #5e8199;
}

	.column1{
		width: 400px;
		font-weight: bold;
	}
	
	.column2{
		text-align: right;
	}
	
	.column3{
		text-align: right;
		width: 75px;
	}
	
	.popup_wrapper{
		position: relative;
	}
	
	.step2 td , .step3 td{
		border-top: 1px dashed #5e8199;
		line-height: 20px;
		padding: 5px 0;
		vertical-align: middle;
	}

.step2 .paging , .step3 .paging{
	padding-top:5px;
}
.step2 .paging a , .step3 .paging a{
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #0357e1;
	text-decoration: none;
}

.step2 .paging a.active , .step3 .paging a.active{
	text-decoration: underline;
}

.step2 .page_info , .step3 .page_info{
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #6c6b6b;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom: 1px dashed #5e8199;
}

.column3 a {
	position: relative;
	overflow: hidden;
	display: block;
	float: right;
	margin-top: -2px;
	width: 56px;
	height: 24px;
}

.column3 a:hover {
	background-color: transparent;
}

	.column3 a span {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background: url(../img/btn-add.gif) no-repeat left top;
	}
	
	.column3 a:hover span {
	
	}


/* Step 3 */	

a.complete-reg {
	position: relative;
	overflow: hidden;
	display: block;
	float: right;
	width: 199px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	font-weight: 700;
	color: #111;
	background-color: #DFDFE0;
  margin-top: 5px;
}

a:hover.complete-reg {
	background-color: transparent;	
}

	a.complete-reg span {
		position: absolute;
		width: 100%;
		height: 58px;
		left: 0;
		bottom: 0;
		background: url(../img/btn-complete_reg.gif) left bottom;
	}
	
	a:hover.complete-reg span {margin-bottom: -29px;}

/* Step 4 */	

.step4 p.header {
	margin: 0;
	margin-bottom: 15px;
	padding: 0 0 15px 0;
	border-bottom: 1px dashed #000;
}

.step4 form p {
	margin: 0;
	margin-top: 15px;
	padding: 15px 0;
	overflow: hidden;
	border-top: 1px dashed #000;
}

.step4 p.border_top {
	padding-bottom: 0;
}

.step4 .name ,
.step4 .addr {
	overflow: hidden;
	padding-bottom: 15px;
} 

	.step4 .name input {
		width: 215px;
	}

	.step4 .addr input {
		width: 535px;
	}
	
.step4 .name , .step4 .more-addr {
	overflow: hidden;
}

	.step4 .name .first-name ,
	.step4 .name .last-name {
		overflow: hidden;
		float: left;
	}
	
	.step4 form label ,
	.step4 .name label ,
	.step4 .addr label ,
	.step4 .more-addr label {
		float: left;
		margin-top: 4px;
		padding-right: 10px;
		width: 90px;
		text-align: right;
	}

.step4 .more-addr span {
	float: left;
}
	
	.step4 .more-addr label.state {
		width: 40px;
		padding-left: 15px;
	}
	
	.step4 .more-addr input {
		width: 140px;
	}
	
	.step4 .more-addr select {
		width: 85px;
	}

a.done {
	position: relative;
	overflow: hidden;
	display: block;
	float: right;
	width: 67px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	color: #111;
	background-color: #DFDFE0;
}

a:hover.done {background-color: transparent;}

	a.done span {
		position: absolute;
		width: 100%;
		height: 58px;
		left: 0;
		bottom: 0;
		background: url(../img/btn-done.gif) no-repeat left bottom;
	}
	
	a:hover.done span {margin-bottom: -29px;}

/* Popup Game Details */

#popup-game_details , #hbm_popup {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	right: 40px;
	top: -40px;
	z-index: 1000;
}

#game_details_confirm , #game_details_close {
	padding: 0 10px;
	width: 227px;
	height: 103px;
  z-index: 1000;
	background: url(../img/back-popup_game_details_1.png) no-repeat left top;
}

	#game_details_confirm h4 {
		margin: 0;
		padding: 0;
		line-height: 22px;
		font-weight: 700;
		font-size: 12px;
		color: #fff;	
	}
	
	.question {
		overflow: hidden;
		padding-top: 10px;
		width: 190px;
		font-size: 11px;
	}
	
		.question p {
			margin: 0;
			float: left;
			width: 125px;
			padding-right:5px;
		}
		
		.question .yes_no {
			overflow: hidden;
		}
				
			.question label {
				float: left;
				font-weight: 700;
			}
				
			.question input {
				float: left;
				margin: 3px 3px 0 3px;
			}

#game_details_close {
	padding: 5px 10px 0 10px;
	background: url(../img/back-popup_game_details_2.png) no-repeat left top;
	display: none;
}

	#game_details_close p {
		margin: 0;
		padding-left: 55px;
		width: 120px;
		font-size: 11px;
		line-height: 14px;
	}
		
		#game_details_close a {
			float: none;
			display: block;
			margin-top: 10px;
			width: 180px;
			text-decoration: none;
			line-height: 20px;
			font-size: 11px;
			color: #333;
			padding-left: 25px;
		}	
		
			#game_details_close a span {
				width: 20px;
				height: 20px;
				text-align: left;
				text-indent: -9999px;
				background: url(../img/btn-close.gif) no-repeat left top;
			}

.step1 strong , .step2 strong , .step3 strong , .step4 strong {
	font-weight: 700;
} 



/* new popup step 2 */

.popup_conten_step2_rev{
	padding-right: 0;
	width: 665px;
}

.popup_step2_boxleft{
	margin-top: 15px;
	width: 442px;
	float: left;
	background: #ede1d2;
	border: 1px solid #cfaf87;
}
	.popup_step2_boxleft_header{
		font-weight:bold;
		border-bottom: 1px solid #cfaf87;
		padding: 7px 5px;
		background: #e6d6c2;
	}
	.popup_step2_boxleft_header h4{
		font-size: 13px;
	}
	.step2 .popup_step2_boxleft form{
		padding: 0;
	}
	.step2 .popup_step2_boxleft fieldset{
		padding: 7px 0 2px 5px;
		border-bottom: 1px solid #cfaf87;
	}
	.step2 .popup_step2_boxleft form input{
		width: 417px;
	}
	.step2 .popup_step2_boxleft td,
	.step2 .popup_step2_boxright td{
		padding: 0;
	}
	.step2 .popup_step2_boxleft .first td,
	.step2 .popup_step2_boxleft table{
		border: none;
	}
	.step2 .popup_step2_boxleft td.column1{
		width: auto;
		padding-left: 5px;
	}
	.step2 .popup_step2_boxleft td.column3{
		width: 65px;
		padding: 2px 5px 0 0;
	}
	.popup_step2_boxleft .column3 a{
		width: 55px;
	}
	.table_wrapper_orange{
		position: relative;
		height: 174px;
		overflow: auto;
	}
.popup_step2_boxleft .column3 .btn-add span{
  background-image: url(../img/btn-add3.gif);
}
.popup_step2_boxleft .column3 .btn-add:hover span{
  background-position: 100%;
}
.popup_step2_boxleft .column3 .btn-add-disabled span{
  background-image: url(../img/btn-add3.gif);
  background-position: bottom;
}  
.popup_close2{
	position: relative;
}
.popup_close2 span{
	position: absolute;
	left: 0;
	top: 0;
}
.popup_step2_boxright{
	margin-top: 15px;
	width: 210px;
	float: right;
	background: #e2f5e1;
	border: 1px solid #9eba9d;
}
	.popup_step2_boxright_header{
		position: relative;
		font-weight:bold;
		border-bottom: 1px solid #9eba9d;
		padding: 7px 5px;
		height: 14px;
	}
	.popup_step2_boxright_header h4{
		font-size: 13px;
	}
	.popup_step2_boxright_header p{
		position: absolute;
		color: #66b066;
		font-size: 10px;
		font-weight: normal;
		right: 10px;
		bottom: 3px; 
	}
	.popup_step2_boxright .column3 a{
		width: 16px;
		height: 17px;
	}
	.popup_step2_boxright .column3 a span{
		background-image: url(../img/btn-remove2.gif);
	}
	.step2 .popup_step2_boxright td.column1{
		width: auto;
		padding-left: 5px;
	}
	.step2 .popup_step2_boxright td.column3{
		width: 35px;
		padding: 5px 5px 4px 0;
	}
	.table_wrapper_green{
		position: relative;
		height: 223px;
		overflow: auto;
	}
	.step2 .popup_step2_boxright .first td,
	.step2 .popup_step2_boxright table{
		border: none;
	}
	

.but_next_step{
	margin-top: 10px;
	float: right;
	position: relative;
	display: block;
	width: 101px;
	height: 28px;
}
.but_next_step span{
	position: absolute;
	height: 100%; width: 100%;
	left: 0; top:0;
	background: url(../img/btn_next_step.gif) no-repeat top;
}
.but_next_step:hover span{
	background-color: #fff;
	background-position: bottom;
}

/* fix ie bug on table list [hz]*/
.table-wrapper-fix{
	height: 100%;
}

.popup_help .popup_content{
  height: 360px;
}

.popup_help p{
  color:#000000;
  font-size: 15px;
  margin: 20px 30px;
  line-height:20px;
  font-weight:normal;
  font-weight:normal;
}
.but_close{
  float: right;
  display: block;
  position: relative;
  width: 75px;
  height: 22px;
  text-transform: uppercase;
}

.but_close span{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0; left: 0;
  background: url(../img/btn-popup_close_alert.gif) no-repeat top;
}
.but_close:hover span{
  background-color: transparent;
  background-position: bottom;
}