/* form.css */


 
.formbutton { behavior: url(/css/iepngfix.htc); cursor: hand; }



/*************************************/
/** JOIN PAGE ************************/
#formcontainer { 
	width: 960px;  
	height: 300px;
	overflow: hidden;
	color: #fff;
	font-family: Tahoma, Arial,Verdana, Helvetica;
	background: url(/images/join/join_formfield_bg.jpg) top left no-repeat;
	margin: 0 auto; 
	text-align: left; 
} 
 #form_left {
	float: left; 
	width: 320px; 

}
 #form_right {
	float: right; 
	width: 320px; 


}
#formmainContent { 
	margin: 0 320px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */

}

.form_block {
padding: 20px 20px 40px 40px;
}

.form_block span.formTitle {
display: block;
padding-left: 30px;
font-family: Tahoma, Georgia, Arial, Helvetica, Verdana;
font-size: 18px;
font-weight: bold;
color: #fff;
margin-bottom: 25px;
}


/****************************************/
/*** FORM divs */
/****************************************/


.form_bg {}

.form_title { /* form field title */
font-weight: bold;
font-size:12px;
}

form span.smtxt {
font-size: 9px;
font-style: normal;
display: block;
padding: 2px;
}


input.inputbg
{
width: 140px;
height: 20px;
color: #fff;
background: #000;
border: 1px solid #484747
}



.formbutton{
margin-top: 20px;
cursor:pointer;
border: 0px;
background:#000;
color:#fff;
width: 171px;
height: 50px;
font-weight:bold;
padding: 1px 2px;
background: url(/images/join/btn_joinnow.png) top left no-repeat;
}




/*************************************/
/** FEATURE HIGHLIGHTS  ************************/
#benefit_container { 
	width: 960px;  
	color: #fff;
	font-family: Tahoma, Arial,Verdana, Helvetica;
	margin: 0 auto; 
	line-height: 130%;
	text-align: left; 
} 
 #benefit_left {
	float: left; 
	width: 320px; 
	text-align: left;
	color: #999;
}
 #benefit_right {
	float: right; 
	width: 320px; 
	color: #999;


}
#benefit_middle { 
	margin: 0 320px; 
	
	color: #999;
}


.benefit_block {
padding: 20px 20px 40px 20px;
font-size:14px;
}


.benefit_block span.benefitTitle {
display: block;
font-family: Tahoma, Georgia, Arial, Helvetica, Verdana;
font-size: 16px;
font-weight: bold;
color: #fff;
margin-bottom: 10px;
text-align: left;
}

#benefit_container ul li {
line-height: 130%;
color: #999;
padding-left: 15px;
background: url(/images/join/mini-star.gif) left center no-repeat;
font-size:14px;
}

.data_count {
font-size: 26px;
color: #6e6161;
font-weight: normal;
text-transform: uppercase;

}




#header_login {
        background:url(/images/join/join_header_img.jpg) no-repeat;
        width:960px; height:300px;
}


a.login:link, a.login:active, a.login:visited {
        width:330px; height:25px;
        margin:0 0 0 0; padding:17px 0 0 0;
        font:10px Verdana, Arial, Helvetica, sans-serif; color:#e5ad40;
        text-decoration: none;
        float:right; position:relative; z-index:1000;
}

a.login:hover {
color: #fff;
}

label {
	font-size:14px;
}



ul.payby {
        padding: 5px;
        margin: 10px 0;
        list-style: none;
        float: left;
        clear: left;
}

ul.payby li {
        float: left;
}

ul.payby li a {
        float: left;
        text-decoration: none;
        color: #ccc;
        padding: 8px 15px 0 0;
        margin-right: 8px;
        font: 900 14px "Arial", Helvetica, sans-serif;
        background: url(/images/join/alterpay_right.gif) no-repeat top right;
}

ul.payby li a span.phone {
        float: left;
        padding-right: 15px;
        display: block;
        margin-top: -8px;
        width:46px;
        height: 35px;
        background: url(/images/join/by_phone_2.gif) no-repeat top left;
}



ul.payby li a:hover {
        color: #fff;
        background: url(/images/join/alterpay_right.gif) no-repeat top right;

}

ul.payby li a:hover span.phone {
        background: url(/images/join/by_phone.gif) no-repeat top left;
}




.col_shade_top {
text-align: center;
margin: 0 auto;
width:960px;
height: 10px;
padding-top:20px;
padding-bottom:5px;
background: #000 url(/images/join/profilecomment_shade_top.jpg) top left no-repeat;
}
.col_shade_lite {
text-align: center;
margin: 0 auto;
padding-top:20px;
padding-bottom:5px;
background: #000 url(/images/join/profilecomment_shadow_lite.jpg) top left no-repeat;

}

.col_shade_bottom {
width: 960px;
height: 20px;
text-align: center;
margin: 0 auto;
padding-top:10px;
background: #000 url(/images/join/profilecomment_shade_bottom.jpg) bottom center no-repeat;
}


.col_content {
width:960px;
font-family: arial, verdana, helvetica;
font-size: 12px;
color: #999;
background: #000 url(/images/join/bg_pattern.gif);
padding: 10px;
margin: 0 auto;
text-align:center;
border-top: 1px solid #111;
border-bottom: 1px solid #111;
margin-bottom: 1px;
overflow:hidden;
zoom: 1;
}


.method {
margin: 0 auto;
width:300px;
}

.byphone {
background: url(/images/join/by_phone_bg.gif) top left no-repeat;
width:317px;
height:35px;
border: 0px;
cursor: pointer;
text-align:left;
color: #fff;
padding-left: 50px;
margin: 10px;
font-size: 16px;
font-weight:bold;
}

.byphone:hover {
background: url(/images/join/by_phone_bg2.gif) top left no-repeat;
color:#999;
}