html, body { }
.body { background-color: #05aadb; font-family: sans-serif; }

.wrapper { margin-bottom: 10px; }
.footer, .push { }

a { text-decoration: none; }
a:hover { }

input[type="text"], input[type="password"], textarea, select { font-size: 13.33px; -moz-box-sizing: border-box; padding: 6px 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e8e8e8; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; line-height: 18px; color: #2f2f2f; box-sizing: border-box; height: 32px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border-color: #05aadb; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

.button { font-size: 14px; background: #05aadb; color: #ffffff; padding: 9px 15px 8px 15px; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: none; }
.button:hover { background: #11c4fa; }
.button:active { background: #11c4fa; }
.button:disabled { background: #e8e8e8; color: #b7b7b7; cursor: default; }
.button:focus { background: #11c4fa; outline: 1px #6a6a6a dotted; outline-offset: 1px; }

.secondaryButton { background: #03556d; }
.secondaryButton:hover { background: #0582a7; }
.secondaryButton:active { background: #0582a7; }
.secondaryButton:focus { background: #0582a7; outline: 1px #6a6a6a dotted; outline-offset: 1px; }

.loginHeader { visibility: hidden; }
.headerBar { height: 49px; }
.headerBarLogo { background-image: url('../images/logo_white244x36.png'); background-repeat: no-repeat; height: 36px; width: 244px; display: inline-block; padding: 12px; }
.headerBarDivider { display: inline-block; }
.headerTitle { display: inline-block; }

.errorMessage { color: #ffffff; font-size: 11px; max-width: 684px; text-align: center; margin: 40px auto 30px auto; padding: 20px 30px; border-top: 1px solid #69cce9; border-bottom: 1px solid #69cce9; }
.errorIcon { background-image: url('../images/ic_status_error_wht_16.png'); width: 16px; height: 16px; display: inline-block; margin: 0px 4px 0px 0px; vertical-align: middle; }
.checkIconLi { list-style-image: url('../images/ic_status_check_wht_16.png'); }
.oauthWithListenerMessage { color: #ffffff; font-size: 16px; max-width: 684px; text-align: center; margin: 40px auto 30px auto; list-style-position: inside; padding: 20px 30px; border-top: 1px solid #69cce9; border-bottom: 1px solid #69cce9; }

.loginLogo { background-image: url('../images/logo_white375x56.png'); background-repeat: no-repeat; height: 56px; width: 375px; margin: 0px auto 0px auto; }
.loginTitle { }
.loginForm { color: #ffffff; width: 420px; margin: 30px auto 0px auto; }
.loginDirectory select { width: 100%; padding: 4px 6px; margin: 0px 0px 11px 0px; display: none; }
.loginTextbox { margin: 0px 0px 11px 0px; }
.loginTextbox input { width: 100%; }
.loginSubmit { text-align: center; clear: both; padding: 10px 0px 15px 0px; }
.loginMessage { text-align: center; margin-bottom: 30px; }

.rememberMe { width: 50%; margin: 2px 0px 0px 0px; color: #ffffff; font-size: 13.33px; float: left; }
.rememberMe label:hover { cursor: pointer; }
.rememberMe input { vertical-align: middle; position: relative; bottom: 1px; margin-right: 4px; width: 18px; height: 18px; }

.forgotPassword { text-align: right; width: 50%; float: right; }
.forgotPassword a { color: #ffffff; font-size: 13.33px; }

#logoutDiv div { text-align: center; }
#federationMessageDiv div { }

.waitIndicator { display: none; clear: both; margin: -15px auto 10px auto; background-image: url('../images/waitIndicator.gif'); width: 48px; height: 48px; background-repeat: no-repeat; }

.fineprint { font-size: 10px; text-align: center; width: 100%; }
.alternateColor { color: #ffffff; }

.modal { display: none; top: 100px; left: 50%; margin-left: -295px; width: 550px; padding: 20px; background-color: #ffffff; position: absolute; z-index: 101; -moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3); -box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3); }
.modalBG { position: fixed; height: 100%; width: 100%; background: #d6d6d6; background: rgba(214,214,214,.8); z-index: 100; display: none; top: 0; left: 0;  }

.defenderCloudDiv { display: none; text-align: center; font-size: smaller; margin-bottom: 10px; }
.defenderCloudDiv button { font-size: smaller; margin-top: 15px; }

.useOtpInstead, .useOtpInstead a,
.resendOneTouch, .resendOneTouch a { color: #ffffff; text-decoration: underline; text-align: center; margin-bottom: 30px; cursor: pointer; }