html {
    height: 100%;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 10pt;
    font-family: Tahoma, Arial, Verdana;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #172d42;
}

#frmLogin {
    width: 1024px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

    #frmLogin .body {
        position: relative;
        left: 0;
        top: calc(50% - 226px);
        top: -moz-calc(50% - 226px);
        top: -webkit-calc(50% - 226px);
        width: 100%;
        height: 452px;
        background: url(images/login/login-bg.png) center top no-repeat;
    }

.fullScale {
    float: left;
    width: 100%;
    height: 100%;
}

    .fullScale[hidden] {
        overflow: hidden;
    }

#frmLogin .inputBlock {
    width: 100%;
    height: 33px;
    display: block;
    float: left;
}

#frmLogin .inputBg {
    width: 178px;
    height: 33px;
    margin-left: auto;
    margin-right: auto;
    background: url(images/login/text-box-bg.png) 0 0 no-repeat;
}

#frmLogin input {
    width: 158px;
    height: 20px;
    margin-left: 10px;
    margin-top: 5px;
    background-color: #172d41;
    border: 0;
    color: #FFFFFF;
}

input:focus, textarea:focus {
    outline: none;
}

#frmLogin .inputBlock:first-of-type {
    margin-top: 220px;
}

#frmLogin .inputBlock:not(:first-of-type) {
    margin-top: 10px;
}

#frmLogin .linkBg {
    width: 178px;
    height: 33px;
    margin-left: auto;
    margin-right: auto;
    font-size: 8pt;
    color: #44B2FF;
    
}

    #frmLogin .linkBg > .link {
          height: 25px;
          width: 80px;
          line-height: 25px;
          vertical-align: middle;
          float: right;
          cursor: pointer;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
    }

#rememberMe {
    text-indent: 16px;
    color: #44B2FF;
}

    #rememberMe[state="0"] {
        background: url(images/checkbox/state-0.png) 0 center no-repeat !important;
    }

    #rememberMe[state="1"] {
        background: url(images/checkbox/state-1.png) 0 center no-repeat !important;
    }
/* Button */
.button {
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 8px 20px;
    cursor: pointer;
}

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

    .button[color="blue"] {
        -moz-box-shadow: inset 0px 1px 0px 0px #bee2f9;
        -webkit-box-shadow: inset 0px 1px 0px 0px #bee2f9;
        box-shadow: inset 0px 1px 0px 0px #bee2f9;
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
        background: -moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
        background-color: #63b8ee;
        color: #FFFFFF;
        text-shadow: 1px 1px 0px #7cacde;
    }

        .button[color="blue"]:hover {
            background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
            background: -moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
            background-color: #468ccf;
        }

#frmLogin .loginButton {
    width: 137px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    text-align: center;
    margin-left: 424px;
    font-size: 13px;
    font-weight: normal;
}

#frmLogin .sendButton {
    width: 40px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    text-indent: -2px;
}

#frmLogin .backButton {
    width: 40px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    text-align: center;
    margin-left: 424px;
    font-size: 13px;
    font-weight: normal;
    float: left;
    margin-right: 16px;
}

#frmLogin .loginButton[waiting] {
    background: url(images/login/wait.gif) no-repeat center center;
    font-size: 0pt !important;
}

.languageSelectorIcon {
    background: url(images/login/language-selection.png) center center no-repeat;
    float: right;
    cursor: pointer;
    width: 19px;
    height: 20px;
    vertical-align: middle;
    margin-top: 3px;
    margin-right: 21px;
}

.blackboard {
    width: 87%;
    height: 239px;
    position: relative;
}

    .blackboard .languageBlock {
        float: right;
        height: 22px;
        /* margin-right: 0px; */
    }

.language {
    float: right;
    cursor: pointer;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
    color: #44B2FF;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

    .language:before {
        content: "|";
        margin-right: 7px;
        margin-left: 7px;
        color: #44B2FF;
    }

    .language:last-child:before {
        content: "";
        margin-right: 0px;
        padding-right: 0px;
    }

    .language:first-child:after {
        content: "";
        margin-right: 10px;
        padding-right: 0px;
    }


    .language[selected="true"] {
        color: white;
    }