#preload_images {
    background-image: url(images/notice-error.png), url(images/notice-info.png), url(images/notice-success.png), url(images/warning.png);
    position: absolute;
    visibility: hidden;
    left: -10000px
}

body {
    font-family: "Open Sans", helvetica, arial, sans-serif;
    background-color: #fff;
    color: #333
}

body.whm {
    background-color: #293a4a;
    color: #fff
}

body.cp {
    background-color: #f0eff0
}

body.whm .locale-container a,
body.whm #forms label,
body.whm .input-req-login label,
body.whm #morelocale {
    color: #fff
}

img.main-logo {
    height: 50px
}

img.small-logo {
    height: 20px
}

body.whm .copyright {
    background-image: url(images/cp-logo_white.svg);
    color: #fff
}

body.cp .copyright {
    background: url(images/cp-logo.svg) no-repeat scroll center top transparent;
    background-size: 25px auto
}

.wm #select_user_form,
.wm .button-wrapper button {
    background-color: #f0eff0
}

.clear {
    clear: both
}

a:link,
a:visited,
a:active {
    color: #fff;
    text-decoration: none
}

a:hover {
    color: #e97b16;
    text-decoration: underline
}

#token-forms {
    margin-bottom: 15px
}

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

#token-forms .control_container {
    text-align: center;
    width: 100%
}

#login-wrapper {
    margin: 45px auto;
    min-height: 460px
}

.security_policy #login-wrapper {
    min-height: 817px
}

.small-size #login-wrapper {
    min-height: 460px
}

#login-container,
.small-size #security-container {
    margin: 0 auto;
    position: relative;
    width: 356px
}

#login-sub-container,
.small-size #security-sub-container {
    left: 5px;
    position: relative;
    width: 345px
}

html[dir="rtl"] #login-sub-container,
html[dir="rtl"] .small-size #security-sub-container {
    left: auto;
    right: 20px
}

#login-sub-header {
    height: 65px;
    padding: 10px 0 0;
    text-align: center
}

#login-sub-header img {
    margin-left: 7px
}

#login-sub,
#security-sub,
#reset-sub {
    font-size: 13px
}

#login-sub,
#security-sub {
    height: 260px;
    padding-left: 30px
}

#login-sub,
#security-sub {
    padding-top: 30px
}

#reset-sub {
    position: relative;
    padding-top: 10px
}

.small-size #security-sub {
    height: 260px
}

#external-auth-container,
#select_users_option_block {
    padding-left: 30px;
    padding-top: 0;
    font-size: 13px;
    padding-right: 5px
}

html[dir="rtl"] #external-auth-container,
html[dir="rtl"] #select_users_option_block {
    padding-left: 5px;
    padding-right: 30px
}

.has-pw-reset #external-auth-container,
.has-pw-reset #select_users_option_block {
    padding-top: 30px
}

.or-separator {
    text-align: center;
    width: 285px;
    margin-bottom: 10px;
    background-image: url(images/or-separator-line.png);
    background-repeat: no-repeat;
    background-position: center center
}

.or-separator-secondary-label {
    display: none
}

.or-separator .or-separator-label {
    display: inline-block;
    padding: 4px;
    border: 2px solid #ccc;
    border-radius: 50%
}

#forms {
    left: 30px;
    position: absolute;
    top: 0
}

#reset-forms {
    position: relative;
    top: 0
}

button,
button:active,
input[type="submit"],
input[type="submit"]:active,
input[type="button"],
input[type="button"]:active,
.login-btn a.loginbtn {
    border: 1px solid #095779;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer
}

button[disabled],
button[disabled]:hover,
button[disabled]:active,
input[type="submit"][disabled],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:active,
input[type="button"][disabled],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:active {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65
}

button:active:focus,
button:focus,
input[type="submit"]:active:focus,
input[type="submit"]:focus,
input[type="button"]:active:focus,
input[type="button"]:focus,
.login-btn a.loginbtn:active:focus,
.login-btn a.loginbtn:focus,
.input-button:active:focus,
.input-button:focus {
    outline: thin dotted;
    outline-offset: -2px
}

input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0
}

input[type="text"],
input[type="password"] {
    -webkit-appearance: none
}

input[type="submit"],
input[type="button"],
input[type="reset"] {
    -webkit-appearance: none
}

input.std_textbox {
    width: 254px;
    height: 22px;
    margin: 5px 0;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #bebebe;
    background-color: #fff;
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 13px
}

#reset_form .input-group input.std_textbox,
div.icon input.std_textbox,
div.no-icon input.std_textbox {
    width: 220px;
    background: transparent;
    border: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    outline: 0
}

#reset_form .input-group input.std_textbox:-ms-input-placeholder,
.input-field-login.icon input.std_textbox:-ms-input-placeholder,
.input-field-login.no-icon input.std_textbox:-ms-input-placeholder,
#reset_form .input-group input.std_textbox:-moz-placeholder,
.input-field-login.icon input.std_textbox:-moz-placeholder,
.input-field-login.no-icon input.std_textbox:-moz-placeholder {
    color: #7f7f7f
}

#reset_form .input-group input.std_textbox:focus:-ms-input-placeholder,
.input-field-login.icon input.std_textbox:focus:-ms-input-placeholder,
.input-field-login.no-icon input.std_textbox:focus:-ms-input-placeholder,
#reset_form .input-group input.std_textbox:focus:-moz-placeholder,
.input-field-login.icon input.std_textbox:focus:-moz-placeholder,
.input-field-login.no-icon input.std_textbox:focus:-moz-placeholder,
#reset_form .input-group input.std_textbox:focus::-webkit-input-placeholder,
.input-field-login.icon input.std_textbox:focus::-webkit-input-placeholder,
.input-field-login.no-icon input.std_textbox:focus::-webkit-input-placeholder {
    color: #bbb;
    -ms-transition: color .2s;
    -moz-transition: color .2s;
    -webkit-transition: color .2s;
    transition: color .2s
}

#reset_form .input-group input.std_textbox,
.input-field-login.icon,
.input-field-login.no-icon {
    display: block;
    height: 32px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #bebebe;
    background-color: #fff;
    background-repeat: no-repeat
}

.input-field-login.icon input.std_textbox,
.input-field-login.no-icon input.std_textbox {
    border: 1px solid #fff;
    padding: 0 10px;
    margin: 4px 5px 0 5px;
    border-radius: 4px;
    -khtml-border-radius: 4px
}

html[dir="ltr"] #reset_form .input-group input.std_textbox {
    padding-left: 40px
}

html[dir="ltr"] div.icon input.std_textbox {
    margin-left: 30px
}

html[dir="rtl"] #reset_form .input-group input.std_textbox {
    padding-right: 40px
}

html[dir="rtl"] div.icon input.std_textbox {
    margin-right: 30px
}

#forms label,
.input-req-login label {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 600
}

.login-password-field-label {
    margin-top: 30px
}

html[dir="ltr"] #reset_form .input-group input.std_textbox,
html[dir="ltr"] .input-field-login.icon {
    background-position: 6px 6px
}

html[dir="rtl"] #reset_form .input-group input.std_textbox,
html[dir="rtl"] .input-field-login.icon {
    background-position: 258px 6px
}

div.username-container,
div.reset-pass-container {
    background-image: url(images/icon-username.png)
}

div.password-container {
    background-image: url(images/icon-password.png)
}

div.puzzle-container {
    background-image: url(images/icon-envelope.png)
}

div.token-container,
div.password-confirm-container {
    background-image: url(images/icon-token.png)
}

input.std_textbox[disabled] {
    background-color: #005270;
    box-shadow: none !important
}

#login-status .login-status-icon,
#IE-warning .IE-warning-icon {
    display: block;
    width: 27px;
    height: 27px
}

#login-status.error-notice .login-status-icon {
    background-image: url(images/notice-error.png)
}

#login-status.info-notice .login-status-icon {
    background-image: url(images/notice-info.png)
}

#login-status.success-notice .login-status-icon {
    background-image: url(images/notice-success.png)
}

#login-status.warn-notice .login-status-icon,
#IE-warning.warn-notice .IE-warning-icon {
    background-image: url(images/warning.png)
}

.login-btn button,
.login-btn input,
.login-btn .loginbtn,
.btn button,
.external-auth-btn .external-auth-link,
.clickthrough-cont-btn {
    background-color: #179bd7;
    width: 100%;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
    text-decoration: none
}