/* REGISTER FORM */

#registerFormContainer {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: url('../img/web/common/blackTrasparent.png');
    z-index: 100;
}

#registerFormContainer.facebook {
    display: block;
}

.registerForm {
    display: inline-block;
    width: 47.5em; /* 760px/16 = 47.5em */
    min-height: 38em; /* 608px/16 = 38em */ 
    background: #ffffff;
    border-style: solid;
    border-width: 0.063em; /* 1px/16 = 0.063em */
    border-color: #b1aea0;
    border-radius: 0.563em; /* 9px/16 = 0.563em */
    -moz-border-radius: 0.563em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0.25em 0.313em 0.25em 0.063em #888888; /* 4px/16 = 0.25em  5px/16 = 0.313em  1px/16 = 0.063em */
    text-align: center;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -23.75em; /* -380px/16 = -23.75em */
    margin-top: -19em; /* -304px/16 = -19em */
}

#registerFormContainer.facebook .registerForm {
    min-height: 28.75em; /* 460px/16 = 28.75em */
    margin-top: -14.375em; /* -230px/16 = -14.375em */
}

.registerFormHeader {
    height: 3.438em; /* 55px/16 = 3.438em */
    width: 100%;
    background: #e0e2e4;
    border-top-left-radius: 0.563em; /* 9px/16 = 0.563em */
    border-top-right-radius: 0.563em; /* 9px/16 = 0.563em */
    -moz-border-top-left-radius: 0.563em; /* Old Firefox (3.6 to 15) */
    -moz-border-top-right-radius: 0.563em; /* Old Firefox (3.6 to 15) */
    border-bottom-style: solid;
    border-bottom-width: 0.063em; /* 1px/16 = 0.063em */
    border-bottom-color: #bcbebf;
}

.registerFormTitle {
    float: left;
    max-width: 21.3em; /* 426px/20 = 21.3em */
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 1.25em; /* 20px/16 = 1.25em */
    text-transform: uppercase;
    padding-left: 1.75em; /* 35px/20 = 1.75em */
    padding-top: 0.8em; /* 16px/20 = 0.8em */
}

.registerFormTitle.facebook {
    max-width: 650px;
}

.registerFormClose {
    float: right;
    margin-right: 1em; /* 16px/16 = 1em */
    margin-top: 0.75em; /* 12px/16 = 0.75em */
}

#registerFormBtnClose {
    cursor: pointer;
    outline: none;
}

.registerFormRegistered {
    float: right;
    margin-right: 2.929em; /* 41px/14 = 2.929em */
    margin-top: 0.786em; /* 11px/14 = 0.786em */
}

.registerFormByFacebook {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 9.125em; /* 146px/16 = 9.125em */
    background: #f5f7f9;
    border-bottom-style: solid;
    border-bottom-width: 0.063em; /* 1px/16 = 0.063em */
    border-bottom-color: #dbdbdb;
}

.registerFormByFacebook p, .formRegister p {
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    color: #969696;
    font-size: 0.938em; /* 15px/16 = 0.938em */
    margin-bottom: 0.467em; /* 7px/15 = 0.467em */
}

.registerFormByFields {
    position: relative;
    min-height: 25.313em; /* 405px/16 = 25.313em */
    text-align: left;
    padding-left: 8.875em; /* 142px/16 = 8.875em */
}

.registerBigHostess {
    display: block;
    width: 13.5em; /* 216px/16 = 13.5em */
    height: 25em; /* 400px/16 = 25em */
    background-image: url('../img/web/common/registerBigHostess.png');
    background-repeat: no-repeat;
    position: absolute;
    left: -3.688em; /* -59px/16 = -3.688em */
    bottom: -0.063em; /* -1px/16 = -0.063em */
}

.formRegister {
    display: inline-block;
    position: relative;
    margin-left: 1.688em; /* 27px/16 = 1.688em */
}

.formRegister p {
    width: 29.8em; /* 447px/15 = 29.8em */
    text-align: center;
}

.formRegister div {
    position: relative;
    margin-bottom: 0.625em; /* 10px/16 = 0.625em */
}

.formRegister div label.labelField {
    position: absolute;
    top: 0.733em; /* 11px/15 = 0.733em */
    left: 0.8em; /* 12px/15 = 0.8em */
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    color: #969696;
    font-size: 0.938em; /* 15px/16 = 0.938em */
}

.formRegister input[type="text"], .formRegister input[type="password"] {
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    color: #969696;
    font-size: 0.938em; /* 15px/16 = 0.938em */
    text-indent: 0.733em; /* 11px/15 = 0.733em */
    width: 29.8em; /* 447px/15 = 29.8em */
    height: 2.6em; /* 39px/15 = 2.6em */
    background: #ffffff;
    border-style: solid;
    border-width: 0.067em; /* 1px/15 = 0.067em */
    border-color: #35c0f1;
    border-radius: 0.267em; /* 4px/15 = 0.267em */
    -moz-border-radius: 0.267em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0 0 0.133em 0.133em #cde5f9; /* 2px/15 = 0.133em */
}

.formRegister div div.condition {
    display: inline-block;
    position: absolute;
}

div.condition.loading {
    top: 0.313em; /* 5px/16 = 0.313em */
    width: 2em; /* 32px/16 = 2em*/
    height: 2em; /* 32px/16 = 2em*/
    margin-left: 0.75em; /* 12px/16 = 0.75em */
    background: url('../img/web/common/formRegisterFieldLoading.gif') left top no-repeat;
}

div.condition.error {
    top: 0.438em; /* 7px/16 = 0.438em */
    width: 1.625em; /* 26px/16 = 1.625em */
    height: 1.5em; /* 24px/16 = 1.5em */
    margin-left: 1.125em; /* 18px/16 = 1.125em */
    background: url('../img/web/common/formRegisterFieldStatus.png') left top no-repeat;
}

div.condition.ok {
    top: 0.438em; /* 7px/16 = 0.438em */
    width: 1.625em; /* 26px/16 = 1.625em */
    height: 1.5em; /* 24px/16 = 1.5em */
    margin-left: 1em; /*16px/16 = 1em */
    background: url('../img/web/common/formRegisterFieldStatus.png') right top no-repeat;
}

div.birthdayFields {
    padding-right: 8.875em; /* 142px/16 = 8.875em */
    padding-top: 0.25em; /* 4px/16 = 0.25em */
    margin-bottom: 3.125em; /* 50px/16 = 3.125em */
}

div.birthdayFields div, div.birthdayFields span{
    float: right;
}

div.birthdayFields span {
    padding-top: 0.133em; /* 2px/15 = 0.133em */
    padding-right: 0.133em; /* 2px/15 = 0.133em */
}

.formRegister span {
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    color: #969696;
    font-size: 0.938em; /* 15px/16 = 0.938em */
}

div.selectDay, div.selectMonth, div.selectYear {
    display: inline-block;
    height: 1.813em; /* 29px/16 = 1.813em */
    overflow: hidden;    
    border-style: solid;
    border-width: 0.063em; /* 1px/16 = 0.063em */
    border-color: #35c0f1;
    border-radius: 0.25em; /* 4px/16 = 0.25em */
    -moz-border-radius: 0.25em; /* Old Firefox (3.6 to 15) */
    box-shadow: 0 0 0.125em 0.125em #cde5f9; /* 2px/16 = 0.125em */
    margin-left: 0.5em; /* 8px/16 = 0.5em */
}

div.selectDay {
    width: 4em; /* 64px/16 = 4em */
    background: url('../img/web/common/selectArrow.png') 2.313em 50% no-repeat; /* 37px/16 = 2.313em */
}

div.selectMonth {
    width: 7.188em; /* 115px/16 = 7.188em */
    background: url('../img/web/common/selectArrow.png') 5.5em 50% no-repeat; /* 88px/16 = 5.5em */
}

div.selectYear {
    width: 5.25em; /* 84px/16 = 5.25em */
    background: url('../img/web/common/selectArrow.png') 3.563em 50% no-repeat; /* 57px/16 = 3.563em */
}

.formRegister select {
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    color: #969696;
    font-size: 0.938em; /* 15px/16 = 0.938em */
    height: 1.933em; /* 29px/15 = 1.933em */
    background: transparent;
    border: 0;
    -webkit-appearance: none; /* Chrome */
    /* padding-top: 7px; */
}

div.selectDay select {
    width: 5.6em; /* 84px/15 = 5.6em */
}

div.selectMonth select {
    width: 9em; /* 135px/15 = 9em */
}

div.selectYear select {
    width: 6.933em; /* 104px/15 = 6.933em */
}

div.sexChoice {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding-left: 1.563em; /* 25px/16 = 1.563em */
    padding-top: 0.438em; /* 7px/16 = 0.438em */
}

input[type="radio"].radioManHead, input[type="radio"].radioWomanHead, .formRegister input[type="checkbox"]{
    display: none;
}

input[type="radio"].radioManHead + label span {
    display: inline-block;
    width: 5.933em; /* 89px/15 = 5.933em */
    height: 4.533em; /* 68px/15 = 4.533em */
    margin-right: 2.133em; /* 32px/15 = 2.133em */
    vertical-align: middle;
    background: url('../img/web/common/radioSexChoice.png') left top no-repeat;
    cursor: pointer;
}

input[type="radio"].radioManHead:checked + label span {
    background: url('../img/web/common/radioSexChoice.png') -89px top no-repeat; /* -5.933em/15 = -5.933em */
}

input[type="radio"].radioWomanHead + label span {
    display: inline-block;
    width: 6.6em; /* 99px/15 = 6.6em */
    height: 4.533em; /* 68px/15 = 4.533em */
    vertical-align: middle;
    background: url('../img/web/common/radioSexChoice.png') -11.933em top no-repeat; /* -179px/15 = -11.933em */
    cursor: pointer;
}

input[type="radio"].radioWomanHead:checked + label span {
    background: url('../img/web/common/radioSexChoice.png') -18.6em top no-repeat; /* -279px/15 = -18.6em */
}

div.formAccept {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding-left: 1.563em; /* 25px/16 = 1.563em */
    padding-top: 0.438em; /* 7px/16 = 0.438em */
}

div.formRememberSession {
    display: inline-block;
    width: 37em; /* 592px/16 = 37em */
    text-align: left;
    padding-left: 1.563em; /* 25px/16 = 1.563em */
    padding-top: 0.938em; /* 15px/16 = 0.938em */
}

.formRegister input[type="checkbox"] + label {
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    color: #969696;
    font-size: 0.938em; /* 15px/16 = 0.938em */
}

.formRegister input[type="checkbox"] + label span {
    display: inline-block;
    width: 1.333em; /* 20px/15 = 1.333em */
    height: 1.267em; /* 19px/15 = 1.267em */
    margin: -0.067em 0.267em 0 0; /* -1px/15 = -0.067em  4px/15 = 0.267em */
    vertical-align: middle;
    background: url('../img/web/common/check_radio_sheet2.png') left top no-repeat;
    cursor: pointer;
}

.formRegister input[type="checkbox"]:checked + label span {
    background: url('../img/web/common/check_radio_sheet2.png') -1.4em top no-repeat; /* -21px/15 = -1.4em */
}

.formRegister label a {
    outline: none;
    text-decoration: none;
    color: #35c0f1;
}

.formRegister label a :visited {
    color: #35c0f1;
}

.formRegister label a:hover, .formRegister label a:visited:hover {
    color: #35c0f1;
}

.formRegister label a :active {
    color: #35c0f1;
}

.formAccept a.formRegisterButton, .formRememberSession a.formRegisterButton {
    float: right;
    margin-right: 8.737em; /* 166px/19 = 8.737em */
    margin-bottom: 0.368em; /* 7px/19 = 0.368em */
}

.formAccept a.formRegisterButton {
    margin-top: 0.368em; /* 7px/19 = 0.368em */
}

.openRegisterForm {

}

.formRegisterErrorColor {
    color: #cc0000 !important;
}

#formRegisterLogin {
    display: none;
    margin-top: -0.625em; /* -10px/16 = -0.625em */
}

#formRegisterLogin #wrongLoginMessage {
     color: #cc0000;
     margin-top: 1em; /* 15px/15 = 1em */
     margin-bottom: 0.267em; /* 4px/15 = 0.267em */
}

.rememberPwdReg {
    margin-bottom: 0.75em; /* 12px/16 = 0.75em */
    margin-left: 1.688em; /* 27px/16 = 1.688em */
    margin-top: 80px; /* 12px/16 = 0.75em */
}

.rememberPwdReg a {
    font-family: futura_md_btmedium,Arial,Helvetica,sans-serif;
    color: #35C0F1;
    font-size: 0.938em;
    text-decoration: none;
    outline: none;
}

.formRegisterRememberPwd, #formRegisterResultRemember, .rememberPwdReg {
    display: none;
    text-align: left;
}

.formRegisterRememberPwd p {
    text-align: left;
    margin-left: 1.8em; /* 27px/15 = 1.8em */
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    color: #969696;
    font-size: 0.938em; /* 15px/16 = 0.938em */
    margin-bottom: 0.467em; /* 7px/15 = 0.467em */
}

.formRegisterRememberPwd  .formRegisterButton {
    position: absolute;
    margin-top: 0.263em; /* 5px/19 = 0.263em */
    right: 7.316em; /* 139px/19 = 7.316em */
}

#formRegisterResultRemember {
    font-family: futura_md_btmedium, Arial, Helvetica, sans-serif;
    color: #969696;
    font-size: 0.938em; /* 15px/16 = 0.938em */
    margin-left: 1.8em; /* 27px/15 = 1.8em */
    width: 30.267em; /* 454px/15 = 30.267em */
}

.formRegister div#formRegisterLoginContainer {
    margin-bottom: 0;
}