@font-face {
    font-family: 'ProximaNova';
    src: url('/fonts/proximanova-regular-webfont.eot');
    src: url('/fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/proximanova-regular-webfont.woff') format('woff'),
        url('/fonts/proximanova-regular-webfont.ttf') format('truetype'),
        url('/fonts/proximanova-regular-webfont.svg#proximanova') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Semi';
    src: url('/fonts/proximanova-semibold-webfont.eot');
    src: url('/fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/fonts/proximanova-semibold-webfont.woff') format('woff'),
        url('/fonts/proximanova-semibold-webfont.ttf') format('truetype'),
        url('/fonts/proximanova-semibold-webfont.svg#proximanova') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family:ProximaNova, Arial, sans-serif;
    font-size:14px;
    margin:0 0 0 0;
    color:#fff;
}

.formTextBox {
    border:1px solid #9d9d9d;
    background-color:#FFFFFF;
    width:224px;
    padding:3px;
}

img { 
    border:0;
}

h1 {
    font-size:22px;
    font-weight:bold;
    color:#666666;
    text-align:center;
    display:block;
}

h3 {
    font-size:12px;
    color:#666666;
    font-weight:bold;
}

div#outer {
    position:relative;
    min-width:520px;
    margin-left:auto;
    margin-right:auto;
    padding-top:25px;
} 

div#inner {
    position:relative;
}

div#container{ 
    margin-top:20px;
    padding:20px; 
    text-align:left; 
    margin-left: auto;
    margin-right: auto;
    width: 520px;
}

img.login-logo {
  padding-top: 45px;
}

img.promo-banner {
  min-width: 520px;
  max-width: 850px;
  padding: 0 20px;
}
.promo-container {
  display: flex;
  max-width: 900px;
}

.light { 
    color:#868789;
}

.title { 
    color:#5f5d5e;
}

.spacer10 {
    padding-bottom:10px;
}

a { 
    color:#babfc3;
}

a:hover {
    color:#666666;
}

.left {
    float:left;
    margin-left:6px;
    position:relative;
}

.right { 
    float:right;
}

.clear { 
    clear:both;
}

label {
    float:left;
    width:150px;
    font-weight:bold;
    margin-right:10px;
}

.curved {
    border-radius:15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

input {
    font-size:14px;
}

input.username, input.password, input.account {
    border:1px solid #cccccc;
    background-repeat:no-repeat;
    background-position:5% center;
    border-radius:15px;
    padding: 6px 6px 6px 29px;
    width: 150px;
}

input.username {
    background-image:url(/images/ico-user.png);
}

input.password {
    background-image:url(/images/ico-lock.png);
}

input.account {
    background-image:url(/images/ico-account.png);
}

input:focus {
    outline:none;
}

.loginbtn {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
    background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
    background-color:#f9f9f9;
    border-radius:10px;
    text-indent:0;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#666666;
    font-size:14px;
    font-weight:bold;
    font-style:normal;
    height:28px;
    width:63px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;
    cursor: pointer;
}
.loginbtn:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
    background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
    background-color:#e9e9e9;
}

.loginbtn:active {
    position:relative;
    top:1px;
}

#login_footer {
    font-size:12px;
}

.input-label {
    width: 150px;
    text-align: right;
    margin-right: 10px;
    margin-top: 7.5px;
}

.input-wrapper {
    margin-bottom: 4px;
}

.login_message {
    font-size:12px;
    text-align:center;
}

.session_message {
    text-align: center;
}