:root {
    /**Login Page**/
    --login_image: #FFFFFF;
    --login_txtcolor: #525252;
}
@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;
width:520px;
margin-left:auto;
margin-right:auto;
padding-top:90px;
} 

div#inner {
position:relative;
}

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

.light { 
color:#868789;
}

.title { 
color:#5f5d5e;
}

.spacer10 {
padding-bottom:10px;
}

a { 
color:#ffffff;
}

a:hover {
color:#ffffff;
}

.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;
}


.login-logo {
    max-width: 15em !important;
}

html, body {
    overflow-x:hidden;
    overflow-y:hidden;
    height: 100%;
    background: #FFFFFF;
    color: #ffffff;
                /* IE10 Consumer Preview */
    background-image: -ms-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 10%, #FFFFFF 100%);

    /* Mozilla Firefox */
    background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 10%, #FFFFFF 100%);

    /* Opera */
    background-image: -o-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 10%, #FFFFFF 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(radial, center top, 0, center top, 553, color-stop(0, #000000), color-stop(1, #000000));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #FFFFFF 10%, #FFFFFF, 100%);

    /* W3C Markup, IE10 Release Preview */
    background-image: radial-gradient(ellipse farthest-corner at center top, #FFFFFF 10%, #FFFFFF, 100%);
            }

a {
    color: #ffffff;
}