body {

}

body a {
    color: #57bdea !important;
    font-family: arial;
    font-size: 14px;
    text-decoration: underline !important;
}
.logo-gtp {
    margin: 15px;
}
.clouds-left {
    margin:auto; /* Required */
    position:absolute; /* Required */
    top:8%; /* Aligns at the bottom */
    left: 15%; /* Aligns horizontal center */
    max-height:100%; /* images bigger than 175 px  */
    max-width:100%;  /* will be shrinked to size */ 
    width: 159px;
    height: 86px;
}

.clouds-right {
    margin:auto; /* Required */
    position:absolute; /* Required */
    top:10%; /* Aligns at the bottom */
    right:10%; /* Aligns horizontal center */
    max-height:100%; /* images bigger than 175 px  */
    max-width:100%;  /* will be shrinked to size */ 
    width: 464px;
    height: 224px;
}

.building {
    margin:auto; /* Required */
    position:absolute; /* Required */
    bottom:0; /* Aligns at the bottom */
    left:0; /* Aligns horizontal center */
    max-height:100%; /* images bigger than 175 px  */
    max-width:100%;  /* will be shrinked to size */ 
    width: 283px;
}

.main-content-container {
    position: relative;
    width: 300px;
    margin-top: 140px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: rgba(0,0,0,.5);
    padding-bottom: 30px;
    padding-top: 30px
}
.LoginPage {
    margin-top: -10px;
}

.LoginPage .main-content-container {
    width: 440px;
}
.ConfirmationPage .main-content-container {
    width: 480px;
}
.ResetPassword .main-content-container {
      width: 500px;
}
.all-screen-background {
    position: fixed;
    background: black;
    opacity: 0.16;
    height: 100%;
    width: 100%;
    z-index: -1;
    top: 0px;
}
img.airplane {
    position: absolute;
    top: 200px;
    right: -240px;
    max-width: none;
    z-index: -1;
}

.contact-us-container {
    display: inline-block;
    margin-top: 5px;
}
.contact-us-container a {
    text-decoration: none !important;
}

.login-container-old {
    margin-top: -25px;
}

.reset-password-container {
    margin-top: -10px;
}

.reset-password-confirm-container  {
    color: white;
}

.reset-password-confirm-container.mobileResetPassword {
    color: black;
}

.reset-password-confirm-container.mobileResetPassword #newPasswordTextBox {
    width: 99%;
 
}
.reset-password-confirm-container.mobileResetPassword #newPasswordTextBox input  {
    width: 99%;
}

.reset-password-confirm-container.mobileResetPassword #confirmPasswordTextBox {
    width: 99%;
}


.reset-password-confirm-container.mobileResetPassword #confirmPasswordTextBox .resetPasswordConfirmation {
    width: 99%;
}
.reset-password-confirm-container.mobileResetPassword .field-validation-error {
    left: 0px;
    top: inherit;
    width: auto;
    background: none;
    color: black;
    border: none;
    margin: 0;
    text-align: left;
    padding: 0px;
    text-indent: inherit;
    position: relative;
}
    .reset-password-confirm-container.mobileResetPassword .field-validation-error:after {
        background: none;
    }

#newPasswordTextBox .password {
    margin-bottom: 5px !important;
}
#newPasswordTextBox .resetPasswordConfirmation, #confirmPasswordInput.resetPasswordConfirmation {
    width: 380px;
}

 
img.eye-mini {
    position: absolute;
    max-width: none;
    right: -8px;
    top: 28px;
    cursor: pointer;
}
#newPasswordTextBox img.eye-mini {
    right: 13px;
    top: 23px;
}
#confirmPasswordTextBox img.eye-mini {
     right: 13px;
    top: 23px;
}


.form-container-old {
    padding: 17px 43px;
    text-align: left

}
.form-container-old form{
    margin-bottom: 5px;
}
.form-container-old label {
    font-weight: bold;
    cursor: auto;
    color: white;
}

.form-label {
    font-family: "arial";
    font-size: 14px;
    font-weight: bold;
    color: white;
}

.loginButtonSubmit {

    height: 40px;
    font-size: 14px;
    border-radius: 2px;
    text-align: center;
    padding: 0 5px;
    cursor: pointer;
    -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    border-width: 0;
    border-style: solid;
    color: #fff;
    background: #56beeb;
    -webkit-box-shadow: 0 1px 0 #349fdc,0 1px 0 #349fdc;
    box-shadow: 0 1px 0 #349fdc,0 1px 0 #349fdc;
    width: 100% !important;
}


.loginButtonSubmit:hover {
           background-color: #34a1e1;
}

.placeholder {
    color: #aaa;
}

.userName {
    position: relative;
    margin-bottom: 29px !important;
}

input.password {
    -webkit-text-security: disc;
}

.password {
    -webkit-text-security: disc;
    position: relative;
    margin-bottom: 29px !important;
}

.textBoxLoginForm-old {
    padding: 4px 6px;
    background: white;
    height: 42px !important;
    border-radius: 1px !important;
    border: 1px solid lightgrey;
    width: 95%;
}
#passwordTextBox .textBoxLoginForm-old, #userNameTextBox .textBoxLoginForm-old {
    width: 100%;
}

.borderS {
    border-style: ridge;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.validationSummary {
    top: -105px;
}

.validation-summary-errors li {
    text-align: left;
    text-indent: 35px;
    position: relative;
    left: 80px;
    top: -125px;
    width: 380px;
    height: 36px;
}

.userName.validation-summary-errors {
    border-color: red;
}

input.input-validation-error {
    border-color: red !important;
}

.password.input-validation-error {
    border-color: red;
}

form input[type=text], input[type=password] {
    outline: none;
}

.field-validation-error, 
.validation-summary-errors li {
    background: url('/Content/images/bg_btn_error.png') repeat-x;
    font-family: arial;
    font-size: 14px;
    color: white;
    vertical-align: middle;
    line-height: 35px;
    display: inline-block;
    border-color: #a62222;
    border-right: solid 1px #A62222;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.validation-summary-errors li:after, 
.field-validation-error:after {
    background: url('/Content/images/error_arrow.png') no-repeat, /*position of arrow of arrow in warnning message*/
    url('/Content/images/error_icon.png') no-repeat 5% 35%;
    content: " ";
    display: block;
    position: relative;
    height: 40px;
    left: -10px;
    top: -35px;
}

.inputs {
    position: relative;
}

.validation-summary .field-validation-error, 
.validation-summary .validation-summary-errors li {
    position: relative;
    bottom: -26px;
    top: -108px;
    left: 275px;
}

.inputs .field-validation-error {
    position: absolute;
    text-indent: 30px;
    width: 250px;
    height: 36px;
    margin-left: 293px;
    margin-top: 10px;
    top: 17px;
}
.reset-password-container.desktop .inputs .field-validation-error {
    margin-left: 34px;
    margin-top: -6px;
}
.reset-password-container.desktop #submitButton {
    margin-right:0px;
}

.IE .inputs .field-validation-error {
    margin-left: 0px;
}

#passwordTextBox {
    position: relative;
}

#passwordTextBox .field-validation-error {
    top: 19px;
}
#passwordTextBox a {
    text-decoration: none !important;
}
#userNameTextBox {
    position: relative;
}
.login-container-old .validation-summary .field-validation-error,
.login-container-old .validation-summary .validation-summary-errors li 
{
    width: 630px;
}

.login-container-old .validation-summary-errors li:after, 
.login-container-old .field-validation-error:after {
    background: url('/Content/images/error_arrow.png') no-repeat, 
    url('/Content/images/error_icon.png') no-repeat 2.5% 35%;
}

.reset-password-container .inputs .field-validation-error {
    width: 251px;
    padding-right: 15px;
}
.reset-password-container .reset-password-input {
    float: left;
    width: 401px;
}

.reset-password-container .validation-summary .field-validation-error, 
.reset-password-container .validation-summary .validation-summary-errors li {
    top: -83px;
    left: 340px;
}

.reset-password-confirm-container .inputs .field-validation-error {
    top: 13px;
    left: 380px;
    width: 405px;
}
.reset-password-confirm-container.mobileResetPassword .inputs .field-validation-error {
    top: -20px;
    left: 0px;
    width: auto;
    color: red;
}
.reset-password-confirm-container.mobileResetPassword .form-container {
    padding:1%;
}
#submitButton {
    margin-right: 39px;
}
.login-page #submitButton {
    margin-right: 0px
}
.reset-password-confirm-container.mobileResetPassword #submitButton {
    margin-right: 0px;
    position: absolute;
    right: 1%;
    padding-bottom: 20px;
}
.at-login-moshik-picture {
    width: 100px;
    margin: auto;
    margin-top: 3%;
    margin-bottom: 3%;
}

.reset-password-confirm-container .validation-summary .field-validation-error,
.reset-password-confirm-container .validation-summary .validation-summary-errors li {
    top: -203px;
    left: 430px;
    width: 550px;
}
.reset-password-confirm-container .hello {
    width: 360px;
}
.reset-password-confirm-container.mobileResetPassword .hello {
    width: auto;
    color: black;
}
.reset-password-confirm-container.mobileResetPassword  #secondPage {
    position: relative;
}
.completed {
    background: url('/Content/images/vi_select.png') no-repeat;
    display: inline-block;
    width: 15px;
    height: 11px;
}

.not-completed {
    background: url('/Content/images/notvalid.png') no-repeat;
    display: inline-block;
    height: 13px;
    width: 14px;
}
#progress-back {
    bottom: 0px;
}
#supersized-loader {
    visibility: hidden
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
    .reset-password-confirm-container .inputs .field-validation-error
    {
         left: 120px;
    }
}