@font-face {
    font-family: Gotham;
    src: url("../fonts/Gotham-Book.otf") format("opentype");
}
@font-face {
    font-family: Gotham;
    font-weight: bold;
    src: url("../fonts/Gotham-Bold.otf") format("opentype");
}
@font-face {
    font-family: Gotham;
    font-style:italic;
    src: url("../fonts/Gotham-BookItalic.otf") format("opentype");
}
div#content {
    width: 100%;
    margin-left: 200px;
    position: absolute;
    bottom: 12%;
}
div#logo {
    height: 141px;
    width: 222px;
    margin-bottom: 15px;
}
div#bars {
    height: 12px;
}
div#barsThin {
    height: 8px;
}
div#yellow {
    height: 100%;
    width: 10%;
    background-color: #ffc20e;
    float: left;
}
div#red {
    height: 100%;
    width: 70%;
    background-color: #e31837;
    float: right;
}
div#blue {
    height: 100%;
    width: 30%;
    background-color: #17a5c3;
}
div.clearing {
    clear: both;
}
#login-form {
    width: 100%;
    margin-top: 10px;
}
div#title {
    font-size: 35px;
    font-family: 'Gotham', 'Arial', sans-serif;
    color: #1B1B1B;
    float: left;
    line-height: 32px;
}
sup {
    font-size: 20px;
}
div#loginIdDiv {
    padding: 3px 0 2px;
}
div#loginIdDiv div.label {
    margin: -1px 0 -3px;
}
div#loginIdDiv input {
    width: 154px;
    margin: 4px 0;
    padding-left: 3px;
}
div#eula {
    line-height: 16px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
}

.login-button {
    margin-top: 15px;
    margin-bottom: 15px;
}

a.login {
    color: inherit;
    font-style: italic;
    text-decoration: none;
    color: #0000ff;
}

a.login:hover, a.login:active {
    outline: 0;
    text-decoration: underline;
}

div.prelogin {
    padding: 10px 9px 0 0;
    font-weight: bold;
    font-size: 13px;
    width: 368px;
}
div.preloginmsg {
    padding-right: 12px;
    max-height: 340px;
    overflow-y: auto;
}
div.preloginmsg.wide {
    width: 460px;
    text-align: justify;
}
div.preloginmsg-note {
    margin-top: 11px;
    font-weight: normal;
}
@-moz-keyframes sweep { to { -moz-transform: rotate(360deg); } }
@-webkit-keyframes sweep { to { -webkit-transform: rotate(360deg); } }
@-ms-keyframes sweep { to { -ms-transform: rotate(360deg); } }
@keyframes sweep { to { transform: rotate(360deg); } }
div.busy-spinner {
  position: fixed;
  left: 50%;
  top: 100px;
  display: inline-block;
  width: 48px;
  height: 48px;
  -moz-animation: sweep 0.8s infinite linear;
  -webkit-animation: sweep 0.8s infinite linear;
  -ms-animation: sweep 0.8s infinite linear;
  animation: sweep 0.8s infinite linear;
  -moz-border-radius:24px;
  -webkit-border-radius:24px;
  border-radius:24px;
  border-bottom:5px solid #9FC2E2;
  z-index: 100000;
}

/* button affordances */
.btn-nto-login {
    -webkit-user-select: none;
    box-sizing: border-box;
    color: #444;
    cursor: pointer;
    font-family: open_sans, Arial, serif;
    font-size: 12px;
    font-weight: bold;
    height: 34px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 8px;
    margin-top: 8px;
    outline-color: rgb(0, 0, 0);
    outline-style: none;
    outline-width: 0px;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 75px;
    zoom: 1;
}
.kc-link {
    cursor:pointer;
    display:inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-left: 5px;
    margin-top: 5px;
    text-align:center;
    vertical-align: middle;
    white-space: nowrap;
    zoom: 1;
}
login-button-width {
    width: 120px;
}
.kc-dark {
    color:#333333;
}
.kc-light {
    color:#ffffff;
}
.btn{
  display:inline-block;
  *display:inline;
  *zoom:1;padding:4px 8px 4px;
  margin-bottom:0;
  font-size:12px;
  font-weight: 400;
  line-height:16px;
  color:#333333;
  text-align:center;
  text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align:middle;
  background-color:#f5f5f5;
  background-image:-moz-linear-gradient(top , #FFFFFF, #E2E2E2);
  background-image:-ms-linear-gradient(top, #ffffff, #E2E2E2);
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#E2E2E2));
  background-image:-webkit-linear-gradient(top, #ffffff, #E2E2E2);
  background-image:-o-linear-gradient(top, #ffffff, #E2E2E2);
  background-image:linear-gradient(top, #ffffff, #E2E2E2);
  background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E2E2E2', GradientType=0);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false);
  border:1px solid #e8e8e8;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  cursor:pointer;
  *margin-left:.3em;
}

.btn:hover {
  outline: none;
  text-decoration:none;
  background-color:#d7d7d7;
  background-image:-moz-linear-gradient(top , #ffffff, #acdce6);
  background-image:-ms-linear-gradient(top, #ffffff, #acdce6);
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#acdce6));
  background-image:-webkit-linear-gradient(top, #ffffff, #acdce6);
  background-image:-o-linear-gradient(top, #ffffff, #acdce6);
  background-image:linear-gradient(top, #ffffff, #acdce6);
  background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#acdce6', GradientType=0);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn:active,.btn.active {
  background-image:none;
  background-color:#d9d9d9;
  outline:0;
  background-image:-moz-linear-gradient(top , #c9c9c9, #f7f7f7);
  background-image:-ms-linear-gradient(top, #c9c9c9, #f7f7f7);
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#c9c9c9), to(#f7f7f7));
  background-image:-webkit-linear-gradient(top, #c9c9c9, #f7f7f7);
  background-image:-o-linear-gradient(top, #c9c9c9, #f7f7f7);
  background-image:linear-gradient(top, #c9c9c9, #f7f7f7);
  background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c9c9', endColorstr='#f7f7f7', GradientType=0);
  filter:progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn.disabled,.btn[disabled]{
    cursor:default;
    background-image:none;
    background-color:#e6e6e6;
    opacity:0.65;
    filter:alpha(opacity=65);
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}