label.error, #username_msg, #email_msg { font-size: 14px; letter-spacing: 0.1em; font-weight: bold; float: none; color: #fff900 ; padding-left: .5em; vertical-align: middle;text-shadow: black 0.1em 0.1em 0.2em ;display:block;}
.checked{background-color:red}
/* .success{background-image:url('/static/images/ok.png'); background-repeat:no-repeat;
     background-position:98%;} for now removed since success is firing wrong*/
.invalid{background-color: #ffbdb3 }

.valid_field
{
    border:1px solid green !important;
    background-color:#aaf0aa !important;
}

.not_valid
{
    border:1px solid red !important;
    background-color: #eed3d7 !important;
}

#signupbutton_wrapper{margin-top:11px;}
.withicon{font-family: 'FontAwesome', 'Helvetica Neue', Helvetica, Arial, sans-serif;}

.joinbannerwrapper_init{background-color:#313d4d;display:flex;color:white;text-align:center;}
.joinbannerwrapper_wide{background-color:#313d4d;display:block;text-align:center;color:white;}

.joinbannerleft_init{/*float:left;*/padding:70px 20px 32px 20px;background-color:#313d4d;/*background-color:#3e4b5c;*/text-align:left;/*display:inline-block;width: 100%;*/display:none;margin:auto;}
.joinbannerleft_wide{padding:20px;padding-bottom: 20px;background-color:#313d4d;/*background-color:#3e4b5c;*/display: inline-block;text-align: left;}

#joinbannerright{padding:20px;background-color:#313d4d;color:white;display:inline-block;margin-left:auto;margin-right:auto;}
.joinbanner_completeform_left{float: left;padding: 11px;border-right: 1px solid #999999;}
#signupbutton_wrapper.center_signup_button{float: left;margin-top: 68px;margin-left: 11px;/*padding-top: 20%;*/width: 200px;}

#joinbannerbackbutton2{display:none;color:white;}
.google_red_btn
{
    color:#ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: red;
    background-image: -moz-linear-gradient(top, #DE5B5B, #B42F2F);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DE5B5B), to(#B42F2F));
    background-image: -webkit-linear-gradient(top, #DE5B5B, #B42F2F);
    background-image: -o-linear-gradient(top, #DE5B5B, #B42F2F);
    background-image: linear-gradient(to bottom, #DE5B5B, #B42F2F);
    background-repeat: repeat-x;
}

.google_red_btn:hover, .google_red_btn:focus, .google_red_btn:active, .google_red_btn.active, .google_red_btn.disabled, .google_red_btn[disabled]
{
    color: #ffffff;
    background-color: #B42F2F;
}

.facebook_blue_btn
{
    color:#ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #3b5998;
    background-image: -moz-linear-gradient(top, #627aad, #3b5998);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#627aad), to(#3b5998));
    background-image: -webkit-linear-gradient(top, #627aad, #3b5998);
    background-image: -o-linear-gradient(top, #627aad, #3b5998);
    background-image: linear-gradient(to bottom, #627aad, #3b5998);
    background-repeat: repeat-x;
}
.facebook_blue_btn:hover, .facebook_blue_btn:focus, .facebook_blue_btn:active, .facebook_blue_btn.active, .facebook_blue_btn.disabled, .facebook_blue_btn[disabled]
{
    color: #ffffff;
    background-color: #3b5998;
}

#joinbannerlogin
{
    display:none;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    color:#333333;
}
#joinbannerlogin form {margin:0px;}

.smallloginfrm_leftwide{float:left;padding: 11px;border-right: 1px solid #dddddd;width: 45%;}
.smallloginfrm_rightwide{float:left;padding: 11px;width: 45%;}
.loginfrm_google{margin-top: 20px !important;}

@media (max-width: 1350px) {
    .joinbannerleft_init{text-align:center;padding-top:70px;/*padding-bottom:9px;*//*max-width: 41%;*/}
    #sign-up-facebook{margin-top: 20px !important;}
}
/*@media (max-width: 980px) {
    .joinbannerleft_init{max-width: initial;width: 456px;}
}*/

@media (max-width: 845px) {
    .joinbannerleft_init{padding-right: 4px;padding-left: 4px;}
}

@media (max-width: 815px) {
    /*.joinbannerleft_init{max-width:218px;padding-top:8px;}*/
    #joinbannerright{padding-left:2px;padding-top: 4px;/*max-width:240px;*/}
    /*#signuppassword2{display:none;}*/
}

@media (max-width: 470px) {
    /*.joinbannerleft_init{display:none}*/
    #signupbutton_wrapper.center_signup_button{float: none;margin-top: 0px;}
    .joinbanner_completeform_left {border:none;}
    #joinbannerlogin{margin-top: 0px;margin-bottom: 0px;}
    .smallloginfrm_leftwide{padding: initial;border-right: none;width: 100%;}
    .smallloginfrm_rightwide{padding: initial;width: 100%;}
    .btn-block + .btn-block { margin-top:2px}
    .loginfrm_google{margin-top: 0px !important;}
    /*.main_rounded_box{border:none;-webkit-box-shadow: none;-moz-box-shadow: 0;box-shadow: 0;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}*/
    .joinbannerleft_init{padding-top:11px;}
}
@media (max-width: 450px) {
    #signuppassword2, #signuppassword2_group{display:none;}
    #joinbannerbackbutton{display:none;}
    #joinbannerbackbutton2{display:block;}
}