/* CSS Document */
/* style2: game2 designed by onyee; code by onyee */
/* register: styles for register pages */

#top {
z-index:1;
	}

#content {
	
}
#content_i1,#footer_i1 {
	position: relative;
	background: url(images/banner_bg_l.jpg) repeat-y left 73px; 
}
#content_i2,#footer_i2 {
	position: relative;
	background: url(images/banner_bg_r.jpg) repeat-y right 73px; 
}
#banner3 {
	position: relative;
	width: 80%;
	z-index:1;
}
#banner3 h3 span{
	display: none;
}
#banner3 h3 {
	position:absolute;
	width:273px;
	height: 336px;
	padding: 0px;
	margin: 120px 0px 0px 45px;
}
html>body #banner3 h3 {	margin: 130px 0px 0px 45px;}
html>/* */body #banner3 h3 {margin: 100px 0px 0px 45px;}

	/* for banner3reg image */
.banner3reg1 h3, .banner3reg2 h3{	background: url("images/register_bg.jpg") no-repeat top left;}

/* for banner3multipricepoint image */
.banner3reg2_normal_7 h3{	background: url("images/register_bg_9.99_7.jpg") no-repeat top left;}
	
	/* for banner3multicredit image */
.banner3reg2_normal_8 h3{	background: url("images/register_bg_9.99_8.jpg") no-repeat top left;}

.banner3reg1_normal h3, .banner3reg2_normal h3{	background: url("images/register_bg_9.99.jpg") no-repeat top left;}

	/* for banner3joke image */
.banner3joke1 h3, .banner3joke2 h3{	background: url("images/joke_bg.jpg") no-repeat top left;}

	/* for banner3horo image */
.banner3horo1 h3, .banner3horo2 h3{	background: url("images/horoscope_bg.jpg") no-repeat top left;}

	/* for banner3know image */
.banner3know1 h3, .banner3know2 h3{	background: url("images/knowledge_bg.jpg") no-repeat top left;}

	/* for banner3iqtip image */
.banner3iqtip1 h3, .banner3iqtip2 h3{	background: url("images/iqtips_bg.jpg") no-repeat top left;}

#registerstep {
	position:relative;
	float:left;
	width:690px;
	height: 420px;
	margin: 0px 0px 0px 17px;
}
html>body #registerstep {	margin: 0px 0px 0px 35px;}

	/* for profile icon image */
#registerstep .boxheader{ 
}
#registerstep .boxheader h1{ 
margin: 0px 0px 0px -15px;
}

#steps {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 0px 80px;
}
html>body #steps {	margin: 0px 0px 0px 158px;}
#waitingTxtOk { float: left; padding:0px; margin:0px 0px 0px 225px;}
	html>body #waitingTxtOk {	margin: 0px 0px 0px 450px;}
#steps h3{
	display: block;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
.stepstitle {
	width: 139px;
	height:20px;
	background: url(images/stepstitle.gif) no-repeat left top; 
}
/* for step1, step2 and step3*/
.step1on, .step1off, .step2on, .step2off ,.step3on, .step3off   {
	float:left;
	width: 133px;	
	height: 84px;
}
.step1on {background: url(images/step1on.gif) no-repeat left top; }
.step1off {background: url(images/step1off.gif) no-repeat left top; }
.step2on {background: url(images/step2on.gif) no-repeat left top; }
.step2off {background: url(images/step2off.gif) no-repeat left top; }
.step3on {background: url(images/step3on.gif) no-repeat left top; }
.step3off {background: url(images/step3off.gif) no-repeat left top; }

h3.stepstitle span, span.stepno, span.steptext{
	display: none;
}

div#registerform {
	float: left;
	width: 380px;
	padding: 0px 0px 0px 290px;
}
.registerform{
	margin: 0px;
	width:100%;
}
#registerstep .cregister {
	background:none;
	padding:0px;
	margin: 0px 0px 0px 0px ;
	width: 100%;
}
#registerstep .tnc{
padding: 0px auto;
width:100%;
}
#registerstep .tnctext1{
width:auto;
margin-left:10px;
}
#registerstep .tncbox{
width:auto;
margin-left:22px;
}
#registerstep .noitem{
text-align:justify;
height:auto;
width: 360px;
margin:20px 0px 0px 80px;
padding: 10px;
}
html>body #registerstep .noitem{margin:20px 0px 0px 160px;}

#registerform_terms{
background:none;
border:none;
}
html>body #registerstep .tncbox{margin-left:44px;}
#registerstep .phoneno span{
	display:block;
	margin: 10px auto;
}
#registerstep #registerform .phoneno, #registerstep #registerform .password{ text-align:center;}
#registerstep #registerform .phoneno h2, #registerstep #registerform .password h2{ padding: 0px 0px 5px 0px; margin:0px; text-align:center;}
#registerstep #registerform .fieldcell {text-align:center;}

.cregister .btncontinue, .cregister .btnsubmit {
	text-align:center; 
	margin: 0px;
	padding: 5px 0px;
}
.cregister .btncontinue span, .cregister .btnsubmit span{
	display: none;
}

.cregister .btncontinue input{
	background:none;
	height: 31px;
	width: 95px;
	border: 0px;
	cursor:pointer;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/btn_continue.png' sizingMethod='scale');
}
html>body .cregister .btncontinue input {
	filter:none;
	background: url("images/btn_continue.png") no-repeat top left;
}

.cregister .btnsubmit input{
	background:none;
	height: 31px;
	width: 95px;
	border: 0px;
	cursor:pointer;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/style/en_US/1/images/btn_submit.png' sizingMethod='scale');
}
html>body .cregister .btnsubmit input {
	filter:none;
	background: url("images/btn_submit.png") no-repeat top left;
}
#registerscreen, .arrow_l, arrow_r{
	display:none;
}

#footer {
height:20px;
margin-bottom:-70px;
}
html>body #footer {margin-bottom:-50px;} 
#tnctext2 {
	float:left;
	padding: 0px 50px 40px 50px;
	margin: 0px 0px 0px 0px;
	background: url(images/banner_bg_b.jpg) no-repeat left bottom; 
}

#tnctext2 h3{
	margin: 0px;
	padding: 0px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#tnctext2 span { 
	text-align:justify;
	display: block;
	margin: 15px 0px 0px 0px;
}
#mainContent #footer {
background:none;
}

#demo_steps {color: #594A00; font:10px Arial, Verdana, Helvetica, sans-serif; background: url("/style/en_US/1/images/mobilescreen.gif") center no-repeat; height:64px; width:110px; padding: auto 0px;text-align:center;font-weight:bold}

#demo_step_arrow {width:20px;}
.fstyle2{font: 9px Verdana, Arial, Helvetica, sans-serif;}

.auditText {color:#000000; font-size:12pt;}