#wrapper .container{width:100%;}
#inputs{width:90%; padding:0 5%;}
#wrapper .container .bday input.span4{height:50px; width:33% !important;}
#inputs input{box-shadow:none;}
input, textarea, .uneditable-input{width:100%;}

.container #join #bday, .container #join #gender  {text-align: left; margin:0px 0 0 12px;}
#wrapper input::-webkit-input-placeholder,#wrapper  textarea::-webkit-input-placeholder{color:#cbe2f2;}



/* forms */
#wrapper .view{display:block !important;}
#wrapper .smallview{display:none !important;}
/* login */
.login-wrap .login{
    background: #8fb048;

}
.loginR{display:none;}

/* Join */
#join {
    background: #56a1d5;
    min-height: 481px;
    z-index: 1;}
#login{
    background: #8fb048;
    height: 694px;}
#login, #join
{
    color: #ffffff;
    position: absolute;
    top: 11.429em;
    right: 0;
    width: 44.5em;
    text-align: center;
    height: 694px;

}

#login h1, #join h1
{
    font-size: 1.571em;
    font-weight: normal;
    line-height: 3.142em;
    margin: 0.78em 0;
    text-indent: 2.2em;
    text-align: left;
}

#login:before, #join:before
{
    content: '';
    z-index: -1;
}

#inputs .bday
{ 	
    margin: 0 auto;
}

.container #join #month, .container #join #day, .container #join #year, .container #join #bday, #gender, .label_radio
{

    float: left;
}
.container #join #bday, #gender{
    font-size: 1.573em;
    line-height: 3.845em;

}
.tos {  display: block; font-size: 0.9em; margin-top:15px;}
#submitJoin { background: url(../img/join.png) no-repeat; }
#submitLogin { background: url(../img/login.png) no-repeat; }
.footer-link {  margin: 1em;position: absolute; width: 95.5%; bottom: 0}
.footer-link .tos{ float: left; margin: 0 0.875em 0 0;}
.footer-left{ float: left;}
.footer-right{ float: right;}
.tos a, a.tos{ color: #fff;
               text-decoration: underline;
}
.container #join #month, .container #join #day
{
    border-right: 1px solid #a9d1ed;
}

/* radio button */
.has-js .label_radio { background: url('../img/radio.png') no-repeat; display: block; cursor: pointer; height: 1.455em; width: 2.455em; margin: 1.273em 1em 0; padding-left: 1.909em; line-height: 1.364em; font-size: 1.571em; height: 32px;}
.has-js label.r_on { background: url('../img/radio-select.png') no-repeat; }
.has-js .label_radio input{ position: absolute; left: -9999px; }
.has-js .label_check { background: url('../img/check.png') no-repeat 100px center; cursor: pointer; height: 1.455em; margin: 1em 0 0; padding-left: 1.909em; line-height: 1.364em; font-size: 1em; float: left; }
.has-js label.c_on { background: url('../img/checked.png') no-repeat 100px center; }
.has-js .label_check input{ position: absolute; left: -9999px; }
#actions label{ width: 1.455em; height: 1.455em; margin: 0 auto; float: left; margin:0 8px 0 3px;}
#log-actions { margin: 3em auto;}

.container #join input#schoolname { margin-top: 0;}
.login-wrap #submitLogin {
    margin: 0 auto;
    display: block;
}
/*#login a.tos { margin: 1em 0 0 0 ;}*/
#submitJoin, #submitLogin {
    margin: 1em 0 1.5em 0;
    width: 285px;
    height: 64px;
    text-indent: -9999px;
    cursor: pointer;
    border: none;
}

.container #join #inputs .full-width, .container #login #loginputs .full-width {    width: 24em;}
.container #join #inputs label.full-width{ width: 44em;}
#join #inputs .field-width { width: 100px; float: left; margin: 0 1em auto; width: 10.4em;}
#join .field-wrap { width: 42em; margin: 0 auto;}

#login .acc-left{ float: right;}
#login .reg{ float: right;}
#login .register{ margin: 0 auto; width: 21.27em;}
.login-wrap #login #loginputs input{
    border-bottom: 1px solid #daebb7;width: 24em; height:25px;
}
.login-wrap #join #inputs input {
    border-bottom: 1px solid #a9d1ed; width:100%; margin-bottom:0px; 
}
#login #loginputs input, #join #inputs input
{
    margin-top: 0.48em;
    font-weight: 200;
    -webkit-font-smoothing: antialiased;
    border: none;
    color: white;
    font-size: 1.571em;
    outline: none;
    padding: 15px 10px 10px ;

    background: transparent;

}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #cbe2f2;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #cbe2f2;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #cbe2f2;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #cbe2f2;
}
#login #loginputs input:focus{
    background: #98b656;
    border-bottom: 1px solid #daebb7;
}
#join #inputs input:focus
{
    background: #63a8d8;
    border-bottom: 1px solid #a9d1ed;
}

.login-wrap .errorClass {
    color: #bd2b23;
    display: inline;
    float: left;
    font-size: 0.875em;
    font-style: italic;
    margin:0;
    text-align: left;
    text-indent: 3%;
    width:100%;

}

/*signup success*/
.signupsuccess {
    display: block;
    font-size: 1.25em;
    font-weight: 200;
    margin-top: 0.682em;
    outline: none;
    padding: 50px 35px 10px;
    font-family: zurich bt, arial;
}
.signupsuccess .thankstext
{
    font-style: italic;
}
.signupsuccess h3
{
    padding-top: 50px;
    font-weight: normal;
    font-size: 1.35em;
}
.signupsuccess a
{
    display: block;
    margin-top: 10px;
    color: white;
    text-decoration: underline;
    padding-top: 25px;
}
.signupsuccess p
{
    font-size: 0.875em;
}
.signupsuccess .signupsuccessSchoolEmail
{
    font-weight:800;
    font-size: 1.25em;
}
.thankstext span, .thankstext img { float: left;}
.thankstext span
{
    line-height: 1.25em;
    margin-left: 20px;
    margin-top: 15px;
    text-align: left;
    width: 80%;
}

#tosInfo{
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 25px 5px #999999;
    color: #111111;
    display: none;
    min-width: 450px;
    padding: 25px;
}

.button.b-close, .button.bClose {
    border-radius: 7px 7px 7px 7px;
    box-shadow: none;
    font: bold 131% sans-serif;
    padding: 0 6px 2px;
    position: absolute;
    right: -7px;
    top: -7px;
}

.button {
    background-color: #2B91AF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
}
#loginputs { margin-top: 93px;}
#login .footer-link { position: absolute; bottom: 0; }
/*#login .footer-right .tos { margin: 0 0.875em 0 0;}*/
#forgotPassword {margin-bottom:90px;}


#login .acc-left {  display: block;
                    line-height: 30px;
                    text-align: left;
                    text-indent:3%;
                    width: 100%;}

.register .label_check { text-align: center;
                         width: 100%;}



.floatL{float:left; width:50%;}

.login-wrap #join #inputs .floatL .errorClass {
    margin: 9px 0 0 32px;
    width: 182px ;
}

.login-wrap #join #inputs .bday .errorClass { margin: 0px 0 0 150px;}
.login-wrap #join #inputs .bday #errorGenderLabel{margin-top:-14px ;}	
.tAndc{ margin-bottom: 12px; margin-top: 75px;}
.tAndc .tAndcInput{float:left; width: 40%;}
.tAndc .tAndcInput #checkterms{float: right;margin: 2px 10px 2px 0; background: #fff;}
.tAndc > label{float: right; width: 60%; text-align: left; color: #fff; font-size: 12px;}
.tAndc > label a{color:#fff; text-decoration: underline;}
.advtImage{background: url(../img/FC_linkedin_pop_up.jpg) no-repeat;  height: 221px; margin-top: 50%;width: 644px;}
.heartImage{background: url(../img/heart-popup.png) no-repeat; width:648px; height: 593px; margin: 0 auto;}
#advtButton {
    margin: 0px 12px 10px 86px; 
    width: 322px;
    height: 64px;
    text-indent: -9999px;
    cursor: pointer;
    border: none;
}
#advtButton {background: url(../img/advtbutton1.png) no-repeat;  }
/*56a1d5*/

.login-wrap #join #inputs .bday .errorClass { margin: 0px 0 0 16px;}
/*.login-wrap #join #inputs .bday #errorGenderLabel{margin-top:-14px ;}	*/

.advtWrap{margin:0 auto; width: 322px;}

.birthday { margin-left: 12px;}
.why_birthday img{     cursor: pointer; float: right; margin: 22% 0 0 5%; width: 28px;  }
/* input field tooltips */
input + .fieldtip {
    visibility: hidden;
    position: relative;
    bottom: 0;
    /*left: 15px;*/
    opacity: 0;
    content: attr(data-tool);
    height: auto;
    min-width: 100px;
    padding: 5px 8px;
    z-index: 9999;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background: rgba(0,0,0,0.85);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    left: -95px;
    top: -69px;
    white-space: nowrap;
}

input + .fieldtip:after {
    display: block;
    position: absolute;
    visibility: hidden;
    content:'';
    width: 0;
    height: 0;
    top: 29px;
    left: 145px;
    border-style: solid;
    /*  border-width: 4px 8px 4px 0;*/
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;

    border-top: 10px solid #000;
    /*border-color: transparent rgba(0,0,0,0.75) transparent transparent;*/
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

input:hover + .fieldtip, input:hover + .fieldtip:after {
    visibility: visible;
    opacity: 0.8;
}