body {
    color: #242424 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
}
h2 {
    color: #000;
    font-weight: normal;
    padding-right: 10px;
}

/*Hyperlink*/
.link {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 12px;
    text-decoration: underline;
}

.link a {
    text-decoration: none;
    color: #5a5555;
}

.link a:hover {
    text-decoration: none;
    color: #00559a;
}

.logincontainer {
    height: 420px;
    margin: 0px auto;
    position: relative;
    top: 20px;
    width: 690px;
}

.loginlogo {
    background: #e8e8e8 url("../Images/Security/secure.jpg") center center no-repeat;
    border: 1px solid #e8ecef;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    width: 415px;
    height: 420px;
}

.loginform {
    background-color: rgba(40,40,40,0.80);
    border-color: rgba(40,40,40,0.90);
    border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 390px;
    padding-top: 50px;
    position: absolute;
    top: 0px;
    left: 415px;
    width: 275px;
    height: 420px;
}

.loginHeader {
    color: #CCCCCC;
    font-weight: normal;
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 23px;
    text-align: center;
    width: 100%;
}

.logincontrols {
    background: none;
    border: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-sizing: border-box;
    margin: 0;
    margin-top: 23px;
    padding: 0 20px;
    width: 100%;
}

    .logincontrols label {
        display: none;
    }

.loginfield {
    margin-bottom: 0px;
}

.logintextfield {
    background: #fff url(../Images/Security/profilelight.png) 10px 50% no-repeat;
    border: 0;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px;
    font-size: 15px;
    height: 48px;
    padding: 0 12px 0 35px;
    width: 100%;
}

.passwordtextfield {
    background: #fff url(../Images/Security/padlock.png) 10px 50% no-repeat;
    border: 0;
    border-top: 1px solid #e8ebee;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 5px;
    font-size: 15px;
    height: 48px;
    padding: 0 12px 0 35px;
    width: 100%;
}

.loginbutton {
    background-color: rgba(40,40,40,0.80);
    background-image: none;
    border: 1px solid rgba(40,40,40,0.90);
    box-shadow: 0px 1px 1px rgba(40,40,40,0.90);
    -moz-box-shadow: rgba(40,40,40,0.90) 0 1px 1px;
    -webkit-box-shadow: rgba(40,40,40,0.90) 0 1px 1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #CCCCCC;
    cursor: pointer;
    display: block;
    float: none;
    font-size: 17px;
    font-weight: normal;
    margin: 0;
    padding: 15px 0;
    width: 100%;
}

    .loginbutton:hover {
        border-color: rgba(40,40,40,0.50);
        background-color: rgba(40,40,40,0.40);
        /*background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3YTNkMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA0OGRiZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
        background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#27a3d0),color-stop(100%,#048dbd));
        background: -moz-linear-gradient(#27a3d0,#048dbd);
        background: -webkit-linear-gradient(#27a3d0,#048dbd);
        background: linear-gradient(#27a3d0,#048dbd);*/
    }

.retrievepassword {
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    left: 0px;
    letter-spacing: 0.04em;
    position: absolute;
    text-align: center;
    bottom: 14px;
    width: 100%;
}

.retrievepassword a {
    color: #CCCCCC;
    text-decoration: none;
}

.login-textfield {
    margin-right: -7px;
    padding: 3px;
    width: 265px;
}