.contacts_selected .hide,.contacts_selection .hide{display:none}

.signup_steps{width:65%;margin:0 auto 50px}
.steps_nav{background:#DDF0B4 url(../images/signup_step_a_bg.png);padding:0;margin:0;height:46px;overflow:hidden}
.steps_nav li{float:left;font-weight:bold;background:url(../images/signup_step_right.png) no-repeat 100% 0;padding-right:25px}
.steps_nav li,.steps_nav li span{color:#333}
.steps_nav li.selected:first-child span{border-left-width:1px}
.steps_nav li.selected span{color:#FFF;border:1px solid #80A944;border-width:1px 0 0;background:url(../images/signup_step_highlight_a_bg.png) repeat-x}
.steps_nav li small{font-weight:normal;display:block;font-size:81%;margin-top:1px}
.steps_nav li span{padding:8px 15px;display:block}
.steps_nav li.selected{background-image:url(../images/signup_step_right_highlight.png)}
.steps_nav li.selected div{background:url(../images/signup_step_left_highlight.png) no-repeat 0 0;padding-left:27px;margin-left:-27px}
.steps_nav li.selected:first-child div{background:none;padding-left:0;margin-left:0}
.step_body{margin-top:20px;border-top:1px solid #80A944;background:#F4F8EB;padding:18px 20px}
.step_body h3{font-size:100%;margin-bottom:5px}
.step_body .h3_narrative{color:#555;margin-bottom:5px;font-size:90%}
.step_body .h3_narrative i{font-size:inherit}
.step_body .formRow{padding-bottom:5px}
.step_body .formRow label{width:20%;margin-right:10px;float:left;font-weight:bold;color:#555;font-size:85%;padding-top:2px}
.step_body .formRow .formInput{float:left;width:75%}
.step_body form{margin:20px 0}
.step_body .formRow .formInput input[type="text"],.step_body .formRow .formInput input[type="password"]{padding:3px;width:50%}
.step_body .formRow .formInput .green_btn{font-size:90%;background-position:50% 50%;padding:1px 5px}
.step_body .step_lock{padding:1px 0 1px 20px;background:url(../images/security_lock.png) no-repeat 0 0;font-size:85%;margin-top:5px;display:block}
.step_body .step_lock a{font-size:inherit}
.step_body .formBtns{padding-top:5px}
.step_body .formBtns input{cursor: hand;cursor: pointer;}
.step_body .h3_narrative a{font-size:inherit}
.contacts{background:#FFF;padding:5px;border:1px solid #C0C0C0}
.contacts_header{padding-bottom:5px}
.contacts_header input[type="text"]{font-size:90%;padding:3px;width:98.5%}
.contacts_header a{font-size:85%;margin-top:3px;display:block}
#contacts_typeahead{color:#999}
.contacts_holder{border:1px solid #C0C0C0}
.even_row{background:#f5f5f5}
.contacts_holder label{padding:2px 2px 0.2em;margin-bottom:0}
.contacts_holder label .contact_email_holder,.contacts_holder label .contact_name{font-size:80%}
.contacts_holder label .contact_email_holder *,.contacts_holder label .contact_name *{font-size:inherit}
.contacts_holder label .contact_email_holder,.contacts_holder label .contact_name,.contacts_holder label input{float:left}
.contacts_holder label .contact_email_holder,.contacts_holder label .contact_name{width:35%;padding-top:3px}
.contacts_holder label .contact_email_holder{color:#AAA}
.contacts_holder label span em{font-weight:bold;font-style:normal}
.contacts_holder{border:1px solid #BBB}
.contacts_selection,.contacts_selected{overflow-y:auto}
.contacts_holder label.empty_text{display:none}
.contacts_holder label.empty_text span{font-size:80%}
.contacts_holder .empty label.empty_text{display:block}

.step_body .formBtns .grey_btn{padding:1px 5px;font-size:90%}
.step_body .formBtns a.grey_btn{padding:3px 8px;color:#666}

.step_1b{padding:0}
.step_1b_header{background:#F4F8EB;padding:2px 2px 0;border-bottom:1px solid #C0c0c0}
.step_1b_header label *{font-size:80%;float:left}
.step_1b_header label span{width:35%;padding-top:3px}
.step_1b_header label input{border:0;background:none}
.step_1b .contacts_holder{border:0}

.possible_relatives{height:200px;border:1px solid #c0c0c0;background:#FFF;overflow-y:auto;position:relative}
.possible_relative_each{width:31%;float:left;margin-left:2%;margin-top:10px}
.possible_relative_container{position:relative;padding-left:60px;min-height:50px}
.possible_relative_each .img_holder{position:absolute;top:0;left:0}
.possible_relative_each .details{font-size:85%}
.possible_relative_each .details a{display:block;margin-top:5px}
.possible_relative_each .details b,.possible_relative_each .details a{font-size:inherit}
.step_body .formRow.step2 .formInput{float:right}
.step_body .formRow.step2 .formInput input{float:right;margin-right:0;margin-left:5px}
.back_btn{margin-top:5px;background:url(../images/signup_back_arrow.png) no-repeat 0 50%;padding-left:8px;font-size:90%}

.step3{margin:10px 0}
.step3_col{width:50%}
.step3_col a{display:block;font-size:90%}
.step3_col span{font-size:80%}
.step3_col small{font-size:79%}
.step3 .formBtns .back_btn{font-size:90%}
.step_body .step3 .formRow .formInput input{float:right;margin-right:0;margin-left:5px}
.step_body .step3 .formRow .formInput{float:right}
.step3_col a{font-size:150%;font-weight:bold;display:block;margin-bottom:3px;text-decoration:underline}
.step3_col span{font-size:90%;margin-top:5px;color:#999}
.step3_col span.divider{display:block;margin:10px 0;background:url(../images/signup_step3_divider.png) repeat-x 0 50%}
.step3_col span.divider small{padding:0 5px;background:#F4F8EB;font-size:85%}

.grey_link{color:#999 !important}

/* signup_info page*/
.signup_info{background-color:rgb(251,251,251)}
.signup_info .signup_header{padding:0 10px;position:relative;margin:10px 0;min-height:50px}
.signup_info .signup_header h2{color:#333;font-size:110%;margin:0;padding:0.4em 0 0.3em}
.signup_info .signup_header small{display:block;color:#666;font-size:85%}
.signup_info .signup_header small b{font-size:inherit}
.signup_info .signup_header .img_holder{position:absolute;top:0;left:10px;width:50px;height:50px;background-repeat:no-repeat;overflow:hidden;display:none}
.signup_info .signup_header.with_img{padding-left:70px}
.signup_info .signup_header.with_img .img_holder{display:block}

.signup_info .upper_section {height:auto;width:100%;display:auto}
.signup_info .signup_body {border:5px solid #FFF;background:#E0F1F0;padding:20px;width:380px;height:260px}
.signup_info .signup_form{background:url(../images/signup_header_15-second-signup.gif) no-repeat 0 0;padding:53px 0 0 57px;height:332px}
.signup_info .login_form_shadow{background:url(../images/login_shadow.png) no-repeat 60% 100%;height:325px;width:431px;overflow:visible}

.signup_info .signup_form_holder{border:5px solid #FFF;background:#E0F1F0;padding:20px}
.signup_info .signup_form h2{padding:0;margin:0;color:#689E2B;font-size:115%}
.signup_info .signup_form .login_form_row{margin-top:15px}
#forgot_password_html label,.signup_form .login_form_row label{display:block;font-weight:bold;margin-bottom:3px;color:#333}
.signup_info .signup_form .login_form_row input[type="text"]{padding:3px;width:95%}
.signup_info .signup_form .login_form_row input[type="password"]{padding:3px;width:60%}
.signup_info .signup_form .lgreen_btn{color:#5E883C;border-color:#5E883C;-moz-border-radius:5px;-webkit-border-radius:5px;display:inline;padding:4px 15px}
.signup_info .fbconnect_login_button {background:url(../images/allow_fbc_btn.png) no-repeat;width:203px;height:32px;display:block}
.signup_info .fbconnect_login_button .fbconnect_button_text {color:white;padding-top:8px;padding-left:25px}
.signup_info .fbconnect_area {width:210px;padding-left:55px}
.signup_info .below_fbconnect_btn_text .lock {float:left;height:50px;width:20px}
.signup_info .below_fbconnect_btn_text .text {float:left;width:190px;color:#999;font-size:11px}
.signup_info .below_fbconnect_btn_text .text strong {font-size:12px}

.signup_body{border-top:1px solid #90C24A;background:#EAF4F6;}
.signup_body .formRow{padding-bottom:5px}
.signup_body .formRow label{width:30%;margin-right:10px;float:left;font-weight:bold;color:#666;font-size:83%;padding-top:2px;text-align:right}
.signup_body .formRow .formInput{float:left;width:65%}
.signup_body form{padding:15px 0}
.signup_body .formRow .formInput input[type="text"],.signup_body .formRow .formInput input[type="password"]{padding:3px;width:50%}
.signup_body .formRow .formInput .green_btn{font-size:100%;background-position:50% 50%;padding:1px 5px}
#signupFormSubmit{font-weight:bold}
.signup_body .formRow .formInput a{font-size:85%}
.signup_body #gender_buttons{margin:0}
.signup_body .formRow .formInput p{margin:0.5em}
.signup_body .formRow .formInput select{font-size:90%}
.signup_info .signup_body .formRow .formInput input {padding:4px;width:85%}
.signup_info .signup_body .formRow .formInput label {padding:0px;width:85%;text-align:left;color:red}
.signup_info .signup_body .formRow label {padding-top:6px}


.signup_body .formRow label.error{font-size:80%;font-weight:normal;width:auto}
.action_form small{display:block;margin-bottom:4px}

#profile_pic_holder{max-width:300px}
#signup1_spinner_wheel{display:none;margin-top:-4px;float:left}
.learnMoreNote{font-size:80%}
.step_1b .contacts_selection{border:0}
.signup_body .formRow label.error{font-size:80%;font-weight:normal;width:100%;text-align:left;}

/* Captcha css */
.captcha_row {padding-top:10px}

/* Login button below signup form */
.signup_login{color: #BBBBBB; text-align:center;float:right}

/*_step1a*/
.signup_steps_select_relatives .signup_steps{width:80%}
.contacts_2columns{margin-bottom:5px}
.contacts_2columns .contacts_left_col,.contacts_2columns .contacts_right_col{width:48%;background:#FFF;}
.contacts_selection,.contacts_selected{height:300px;border:1px solid #BBB;overflow:auto;position:relative}
.contacts_2columns .contacts_left_col{float:left}
.contacts_2columns .contacts_right_col{float:right}
.contacts_2columns{border:0}
.contacts_2columns_padding{padding:5px}
.contacts_2columns_border{border:1px solid #80a943;background:#FFF}
.contacts_2columns_header{background:#80a943;color:#FFF;padding:3px 10px;font-size:90%;font-weight:bold}
.contacts_right_col .contacts_2columns_border{border-color:#427CB9}
.contacts_right_col .contacts_2columns_header{background:#427CB9}

.contacts_holder label .contact_email_holder *, .contacts_holder label .contact_name *{display:none}


.formBtns a{margin-left:5px}

.embossed_button.right{float:right}
.contacts_holder label{border-bottom:1px solid #CCC}
.contacts_holder .empty label.empty_text{border-bottom:0;color:#333;font-weight:bold;padding-top:150px}
.contacts_holder label.empty_text span{font-size:90%}
.contacts_holder .empty label.empty_text{text-align:center}

.contact_details{border-bottom:1px solid #CCC;position:relative;padding:2px 0}
.contact_details input{position:absolute;top:12px;left:4px;float:none;margin:0;border:0;background:none}
.contact_details .contact_detail_holder{margin-left:22px;width:90%;overflow:hidden}
.contact_details .contact_detail{position:relative;padding-left:40px;min-height:32px;font-size:85%}
.contact_details .contact_detail *{font-size:1em}
.contact_details .contact_detail img{position:absolute;width:32px;height:32px;top:0;left:0}
.contact_details .contact_detail .contact_name{display:block;font-weight:bold;color:#427CB9;margin-bottom:2px}
.contact_details .contact_detail .contact_email_holder{color:#AAA}

.signup_steps_select_relatives .contacts_selected .contact_details{padding-right:15px;background:url(../images/trash.png) no-repeat 95% 50%}
.contact_details:hover{cursor:hand;cursor:pointer}

.contacts_2columns{position:relative}
.port_arrow{position:absolute;top:80px;left:46%;z-index:2}
.error_msg{margin-left:130px}