@charset "utf-8";
/*author: Pobear Wang*/
/*common input field*/
.field{
    width: 160px;
    height: 20px;
    line-height: 20px;
    color: #333;
    background: url(../image/input_back.jpg) left top repeat-x #fbf9fa;
    border-width: 1px;
    border-style: solid;
    border-color: #baa5b3 #c8b7C2 #d3c7cf;
}

textarea{
    width: 400px;
    height: 80px;
    line-height: 20px;
    color: #333;
    background: url(../image/input_back.jpg) left top repeat-x #fbf9fa;
    border-width: 1px;
    border-style: solid;
    border-color: #baa5b3 #c8b7C2 #d3c7cf;	
}

button, a.btn{
    +margin: 0 5px;
    overflow: visible;
    width: auto;
    _width: 0;
    border: none;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
}

button b, a.btn b{
    display: block;
    padding: 0 0 0 6px;
    background: url(../image/link_back.gif) left -198px;
    font-weight: normal;
    line-height: 24px;	
}

button i, a.btn i{
    display: block;
    padding: 0 10px 0 4px;
    background: url(../image/link_back.gif) right -227px;
    font-style: normal;
    line-height: 24px;
}

button.g{
    color: #5b4654;
}

button.g b{
    background: url(../image/link_back.gif) left -256px;	
}

button.g i{
    background: url(../image/link_back.gif) right -285px;
}

.w60{
    width: 60px;
}

.w80{
    width: 80px;
}

.w100{
    width: 100px;
}

.w145{
    width: 145px;
}

.w200{
    width: 200px;
}

.w245{
    width: 245px;	
}

.w300{
    width: 300px;
}

.w400{
    width: 400px;
}

.w500{
    width: 500px;
}

.w600{
    width: 600px;
}

.t450{
    width: 450px;
    height: 100px;
}

.t500{
    width: 500px;
    height: 150px;
}

.f50{
    width: 50px;
    height: 18px;
    font-weight: bold;
}

input.pbtn{
    padding: 0 10px;
    _width: 0;
    height: 24px;
    border-style: solid;
    border-width: 1px;
    border-color: #b715b7 #971297 #7b0f7b;
    background: url(../image/repeat-x.gif) left -264px repeat-x #9a139a;
    color: #fff;
    line-height: 22px;
    _line-height: 20px;
    overflow: visible;	
}

input.btn28{
    width: 100px;
    height: 28px;
    border: 0;
    background: url(../image/btn_back.gif) left top;
    line-height: 28px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

/*style for form check*/
.form_check_msg, .error_msg{
    padding: 2px 0 0 20px;
    color: #966;
    background: url(../image/vtk_icon.gif) 2px -444px no-repeat;
}

#signup{
    margin-bottom: 40px;
}

/*sign up graphic navigation*/
#signup_form .field, #login_form .field{
    width: 275px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    font-weight: bold;
}

#login_form .act{
    width: 275px;
}

#login_form .reset_act{
    margin: 8px 0;
}

#login_form .act span{
    display: block;
    float: right;
    line-height: 28px;
}

#signup .forgot_password{
	display: none;
    margin: 20px 0 0 30px;
}

#signup .forgot_password p{
    font-size: 13px;
}

#forgot_form label{
    font-size: 14px;
    color: #666;
}

#forgot_form div{
    margin: 5px 0;
}

#forgot_form #signup_email{
    width: 275px;
    height: 22px;
    line-height: 22px;
    font-weight: bold;
    font-size: 14px;
}

#signup .setp_nav{
    margin: 40px 0 0 30px;	
}

#signup .signup{
    margin: 25px 0 0 30px;
}

#signup .login{
    margin-top: 50px;
}

.setp_nav ul{
    width: 525px;
    height: 70px;	
    background: url(../image/step_back.gif) top left no-repeat;
}

.setp_nav li{
    display: inline;
    float: left;
    padding-top: 38px;
    font-size: 14px;
    font-weight: bold;
    color: #cab9c4;
    line-height: 32px;
    text-align: center;
    width: 103px;
}

.setp_nav li.active{
    color: #fcf2f4;
    width: 113px;
}

.setp_nav li.step1{
    background: url(../image/step_back.gif) left -70px no-repeat;
}

.setp_nav li.step2{
    background: url(../image/step_back.gif) -113px -70px no-repeat;
}

.setp_nav li.step3{
    background: url(../image/step_back.gif) -226px -70px no-repeat;
}

.setp_nav li.step4{
    background: url(../image/step_back.gif) -339px -70px no-repeat;
}

.setp_nav li.step5{
    background: url(../image/step_back.gif) -452px -70px no-repeat;
}

.signup h3{
    line-height: 45px;
}

.signup label{
    display: block;
    color: #666;
    font-size: 14px;
    margin: 8px 0 3px 0;
}

.signup label.accepted, .signup label.remember{
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: normal;
}

.signup .left{
    float: left;
    width: 250px;
}

.signup .left .profi{
    text-align: center;
}

.signup .left .profi p strong{
    margin-right: 6px;
    font-size: 14px;
}

.signup .left .profi img{
    margin: 5px 0;
    padding: 3px;
    background: #fcf2f4;
}

.signup .left p.desc{
    margin: 5px 5px 5px 0;
}

.signup .right{
    float: left;
    width: 318px;
}

.signup .has_invite{
    border: 1px solid #fcc;
    background: #fffbfb;
}

.signup .right form{
    margin: 15px;
}

.has_invite p.sign_tip{
    font-size: 14px;
    font-weight: bold;
}

/*right side information*/
#signup .box8{
    margin-top: 40px;
}

#signup .side_info{
    width: 280px;
    margin-bottom: 15px;
}

#signup .side_info h4{
    padding:0 0 7px 18px;
    line-height: 30px;
    color: #939;
    background: url(../image/sign_info_back.gif) no-repeat;
}

#signup .side_info p{
    margin: 6px 8px 12px 8px;
    font-size: 13px;
    color: #b9a;
}

#signup .side_info strong{
    color: #baa5b3;
    margin: 0 1px;
}

/*sign up step3, user base profile*/
#signup .base_prof{
    margin: 25px 0 0 30px;
}

.base_prof .save_prof{
    margin-top: 12px;
}

.save_prof span{
    float: right;
}

.save_prof span a{
    color: #b099a7;
    font-weight: bold;
    line-height: 28px;
}

.base_prof li{
    clear: both;
    padding: 6px;
    border-bottom: 1px solid #fcc;
}

.base_prof li div{
    padding-top: 2px;
    padding-bottom: 2px;
}

.base_prof li label{
    font-size: 14px;
    font-weight: bold;
    color: #666;
}

.base_prof li span{
    display: block;
    float: left;
    width: 70px;   
}

.base_prof li p{
    margin: 2px 0;
    color: #b399aa;
}

.base_prof .profile_remind{
	border: 1px solid #fcc;
	width: 92%;
	background: #ffc;
}

.base_prof .profile_remind h5{
	margin: 10px 10px 0;
}

.base_prof .profile_remind p{
	margin: 5px 10px 10px;
	color: #666;
}

.base_prof .profile_remind u{
	margin: 0 3px;
	color: #f60;
}

/*sign up step 4, user other profile*/
#signup .other_prof{
    margin: 25px 0 0 30px;
}

.other_prof .entry{
    margin: 10px 0 5px 0;
}

.other_prof .entry div{
    clear: both;
    padding: 4px 0;
}

.other_prof .entry div.error_msg,.other_prof .entry div.form_check_msg{
    padding: 2px 0 0 20px;	
}

.other_prof .entry span{
    display: block;
    float: left;
}

.other_prof h4{
    clear: both;
    margin-bottom: 8px;
    color: #939;
    border-bottom: 1px solid #fcc;
}

.other_prof label{
    display: block;
    float: left;
    width: 70px;
    text-align: right;
    color: #666;
    font-size: 13px;
    line-height: 24px;
}

/*style for active account*/
#signup .active_account{
    margin: 25px 20px 0 30px;
    font-size: 13px;
}

.active_account p{
    margin-bottom: 15px;
}

.active_account p strong{
    margin: 0 3px;
}

.active_account p a{
    margin: 0 5px;
}

/*css for datapicker*/
#calendar_{
    position:absolute;
    border:#c4b0bb 1px solid;
    border-collapse:collapse;
    width:auto;
    font-size:12px;
    background:#fff;
    z-index: 200;
}

#calendar_ a{
    color:#939;
}

#calendar_ a:hover{
    color:#09f;
}

.calendar_input{
    /*background:url(../image/calendar.gif) right center no-repeat;*/
    cursor:pointer;
    /*padding:0 14px 0 0;*/
}

#year_,#month_{
    width:auto;
    margin:0 auto;
}

#year_{
    background:url(../image/dot_back.gif) repeat-x bottom left;
}

#year_ li{
    display:block;
    float:left;
    margin:3px 1px 0 2px;
    background:url(../image/tab_normal_l.gif) no-repeat left top;
    padding:0 0 0 3px;
    border-bottom:#c4b0bb 1px solid;
}

#year_ li a{
    display:block;
    background:url(../image/tab_normal_r.gif) no-repeat right top;
    padding:0 6px 0 3px;
    line-height:20px;
}

#month_ li{
    display:block;
    float:left;	
}

#month_ li a{
    display:block;
    padding:0 5px 0 6px;
    font-weight:bold;
    line-height:20px;
    margin:5px 0;			
}

#month_ li a:hover,#date_ td a:hover{
    background:#e7edf8;	
}

#year_ .actived{
    background:url(../image/tab_active_l.gif) no-repeat left top;
    border-bottom:#fff solid 1px;
}

#year_ .actived a{
    font-weight:bold;
    background:url(../image/tab_active_r.gif) no-repeat right top;
    color:#939;	
}

#month_ .actived a{
    background:#939;
    color:#fff;
    padding:0 2px;
    font-weight:bold;
}

#date_ .actived a{
    background:#939;
    color:#fff;
    font-weight:bold;
}

#calendar_ .direct{
    font-weight:bold;
    font-size:15px;
    color:#f60;
}

#date_ table{
    width:100%;
    font-size:12px;
}

.week_back td{
    background:#fff0f0;
}

#date_ table td{
    text-align:center;
    line-height:20px;
}

#date_ table td a{
    display:block;	
}

.time_input{
    width:25px;
    height:17px;
    border:#c4b0bb 1px solid;
    text-align:center;
}

.button_input{
    margin:0 3px;
    height:20px;
    line-height:18px;
    border:1px solid #c4b0bb;
    padding-bottom:2px;
    background:#fff4f4;
    color:#939;
}

#time_{
    text-align:center;
    background:#fff4f4;
    padding:2px 0;
}