#formLogin {font-family:'HelveticaNeue', Arial, Helvetica, sans-serif;}

#formLogin .background-container {
    height:100%;
    left:0;
    overflow:hidden;
    position:absolute;
    top:0;
    width:100%;
    z-index:1;
}

#formLogin .corners {border-radius:5px 5px 5px 5px;}

#formLogin .register-float-wrapper {
    left:0;
    margin:auto;
    position:absolute;
    right:0;
    top:0;
    width:469px;
    z-index:5;
    height:950px;
}

#formLogin .login-float-wrapper {
    left:0;
    margin:auto;
    position:absolute;
    right:0;
    top:0;
    width:469px;
    z-index:5;
    height:450px;
}

#formLogin .login-float-wrapper input[type="submit"],#formLogin .login-float-wrapper input[type="button"] {font-size:1em;}

@media screen and (min-height:960px) {#formLogin .register-float-wrapper {bottom:0;}}
@media screen and (min-height:460px) {#formLogin .login-float-wrapper {bottom:0;}}

#formLogin .form-wrapper {
    border:1px solid #000;
    -moz-box-shadow:0px 0px 10px #000;
    -webkit-box-shadow:0px 0px 10px #000;
    box-shadow:0px 0px 10px #000;
}

#formLogin .login {
    background-color:rgb(255, 255, 255);
    background-color:rgba(255, 255, 255, 0.8);
    margin:0;
    padding:30px 30px 15px 30px;
    border-radius:5px 5px 0px 0px;
}

#formLogin .login-header {padding-bottom:15px;}

#formLogin .input-wrapper {
    margin:0px 10px 0 0;
    padding:10px 0px;
    min-height:110px;
}

#formLogin .input-prompt {font-size:14px;}

#formLogin .input-wrapper div.input {padding-right:10px;}

#formLogin .input-wrapper div.option-buttons input {
    border:medium none;
    color:#FFFFFF;
    cursor:pointer;
    font-family:arial,sans-serif;
    font-size:1em;
    padding:7px;
}

#formLogin .input-wrapper div.option-buttons {
    padding-bottom:0px;
    margin-bottom:10px;
    border-radius:5px;
}

#formLogin .input-wrapper div.option-buttons input {margin:0px;}

#formLogin .input-wrapper div.option-buttons input,#formLogin .login-button-back input {
    width:100%;
    background-image:-moz-linear-gradient( 90deg, #7a7a7a 0%, #adadad 100%);
    background-image:-webkit-linear-gradient( 90deg, #7a7a7a 0%, #adadad 100%);
    background-image:-ms-linear-gradient( 90deg, #7a7a7a 0%, #adadad 100%);
    text-shadow:0px 1px 1px #000;
    -moz-text-shadow:0px 1px 1px #000;
    -webkit-text-shadow:0px 1px 1px #000;
    background-color:#7a7a7a;
}

#formLogin .login-button-back input {padding:11px 0px;}

#formLogin .input-wrapper div.option-buttons input.selected {
    background-image:-moz-linear-gradient( 90deg, #56c0f0 0%, #248ebe 100%);
    background-image:-webkit-linear-gradient( 90deg, #56c0f0 0%, #248ebe 100%);
    background-image:-ms-linear-gradient( 90deg, #56c0f0 0%, #248ebe 100%);
    text-shadow:0px -1px 1px #000;
    -moz-text-shadow:0px -1px 1px #000;
    -webkit-text-shadow:0px -1px 1px #000;
    background-color:#56c0f0;
}

#formLogin .login-button-back input:hover {
    background-image:-moz-linear-gradient( 90deg, #adadad 0%, #7a7a7a 100%);
    background-image:-webkit-linear-gradient( 90deg, #adadad 0%, #7a7a7a 100%);
    background-image:-ms-linear-gradient( 90deg, #adadad 0%, #7a7a7a 100%);
    text-shadow:0px -1px 1px #000;
    -moz-text-shadow:0px -1px 1px #000;
    -webkit-text-shadow:0px -1px 1px #000;
    background-color:#56c0f0;
}

#formLogin .input-wrapper div.option-buttons input:hover {
    background-image:-moz-linear-gradient( 90deg, #248ebe 0%, #56c0f0 100%);
    background-image:-webkit-linear-gradient( 90deg, #248ebe 0%, #56c0f0 100%);
    background-image:-ms-linear-gradient( 90deg, #248ebe 0%, #56c0f0 100%);
    text-shadow:0px -1px 1px #000;
    -moz-text-shadow:0px -1px 1px #000;
    -webkit-text-shadow:0px -1px 1px #000;
    background-color:#248ebe;
}

#formLogin .input-wrapper div.option-buttons input.left {border-radius:5px 0px 0px 5px;}
#formLogin .input-wrapper div.option-buttons input.right {border-radius:0px 5px 5px 0px;}
#formLogin input[type="text"],#formLogin input[type="password"],#formLogin input[type="email"],#formLogin select {
    border:1px solid #C4C4C4;
    border-collapse:collapse;
    font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size:1em;
    margin:0 0 10px;
    padding:6px 0 6px 10px;
    width:100%;
}

#formLogin .customSelectWrapper {margin-right:10px;}

#formLogin .customSelect {
    background-color:#FFFFFF;
    color:#000000;
    margin:0 0 10px;
    padding:6px 0 6px 10px;
    width:100%;
    border:1px solid #C4C4C4;
    background-image:url("images/dropdown.png");
    background-position:100% 0px;
    background-repeat:no-repeat;
}

#formLogin .form-prompt {font-size:0.8em;}
#formLogin .form-prompt div {color:#0F709B;}
#formLogin .form-prompt div.left {
    float:left;
    width:50%;
}
#formLogin .form-prompt div.right {
    float:right;
    width:50%;
}
#formLogin .login-button {padding:15px 0px;}
#formLogin .register-button {padding:0px 0px 15px 0px;}
#formLogin .login-button input,#formLogin .login-button-back input,#formLogin .register-button input {
    cursor:pointer;
    border:medium none;
    color:#fff;
}

#formLogin .login-button input,#formLogin .register-button input {
    width:100%;
    background-image:-moz-linear-gradient( 90deg, #248ebe 0%, #56c0f0 100%);
    background-image:-webkit-linear-gradient( 90deg, #248ebe 0%, #56c0f0 100%);
    background-image:-ms-linear-gradient( 90deg, #248ebe 0%, #56c0f0 100%);
    text-shadow:0px 1px 1px #000;
    -moz-text-shadow:0px 1px 1px #000;
    -webkit-text-shadow:0px 1px 1px #000;
}

#formLogin .register-button input {padding:16px 0px;}

#formLogin .login-button input:hover {
    width:100%;
    background-image:-moz-linear-gradient( 90deg, #56c0f0 0%, #248ebe 100%);
    background-image:-webkit-linear-gradient( 90deg, #56c0f0 0%, #248ebe 100%);
    background-image:-ms-linear-gradient( 90deg, #56c0f0 0%, #248ebe 100%);
}

#formLogin .login-header .viciniteeLogo {float:right;}
#formLogin .login-header .rightLogo {float:right;}
#formLogin .register-float-wrapper .login-header .rightLogo {padding-right:8px;}

#formLogin .login-footer {
    background-image:-moz-linear-gradient(90deg, rgba(45, 45, 45, 0.8) 0%, rgba(96, 96, 96, 0.8) 100%);
    background-image:-webkit-linear-gradient(90deg, rgba(45, 45, 45, 0.8) 0%, rgba(96, 96, 96, 0.8) 100%);
    background-image:-ms-linear-gradient(90deg, rgba(45, 45, 45, 0.8) 0%, rgba(96, 96, 96, 0.8) 100%   );
    color:#FFFFFF;
    font-size:0.8em;
    margin:0;
    padding:15px 30px 16px 30px;
    text-align:center;
}

#formLogin .login-footer a {
    color:#fff;
    font-weight:bold;
    text-decoration:underline;
}

#formLogin .login-error {
    background-color:rgb( 204, 0, 0 );
    opacity:0.8;
    color:#FFFFFF;
    font-size:0.8em;
    margin:0;
    padding:15px 20px 15px 20px;
    display:none;
    text-align:center;
}

#formLogin .login-error ul {list-style-type:none;}

#formLogin .error {border:1px solid #ff0000 !important;}

#formLogin #pnlEndText {padding:10px 0 20px;}

#formLogin .form-footer {
    width:100%;
    bottom:0px;
    position:fixed;
    background-color:rgb( 87, 87, 87);
    background-image:-moz-linear-gradient(90deg, rgba(45, 45, 45, 0.8) 0%, rgba(96, 96, 96, 0.8) 100%);
    background-image:-webkit-linear-gradient(90deg, rgba(45, 45, 45, 0.8) 0%, rgba(96, 96, 96, 0.8) 100%);
    background-image:-ms-linear-gradient(90deg, rgba(45, 45, 45, 0.8) 0%, rgba(96, 96, 96, 0.8) 100%);
    color:#cccccc;
    padding:5px 0px;
    font-size:0.8em;
}

#formLogin .form-footer .links {float:left;}

#formLogin .form-footer .links a {
    text-decoration:none;
    padding:0px 5px;
    color:#cccccc;
}

#formLogin .form-footer .copyright {
    float:right;
    padding-right:5px;
}

#formLogin .password-prompt {
    font-size:0.8em;
    line-height:1em;
    padding:15px 0px 10px;
}

@media only screen and (max-width:40.063em) {
    #formLogin .login {padding:2px;}
    #formLogin .login-float-wrapper {width:300px;}
    #formLogin .register-float-wrapper {width:300px;}
}