.mainBody {
    border: 10px solid #d6d6d6;
    background-color: #ffffff;
}

#welcomeTitle {
    border-bottom: 1px solid;
}

#welcomeInfo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    text-align: justify;
    color: #676767;
    padding-top: 10px;
    padding-bottom: 10px;
}

#smsInfo {
    background: url(../img/sms.jpg) no-repeat left top;
}

#helpDeskInfo {
    background: url(../img/info.jpg) no-repeat left top;
}

#downloadInfo {
    background: url(../img/info.jpg) no-repeat left top;
    padding-bottom: 20px;
}

.loginInfo {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    text-align: justify;
    color: #5F5F5F;
    padding-left: 55px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #7eabd4;
    border-top: 22px solid #7eabd4;
    border-left: 1px solid #7eabd4;
    border-right: 1px solid #7eabd4;
    margin-bottom: 5px;
}

#loginForm {
    border-left: 1px solid #c9ccce;
    background-color: #eeeeee;
    padding: 0px;
    height: 100%;
}

.move-right {
    float: right;
}

.input_box {
    padding-left: 0px;
    padding-bottom: 1px;
}

.fontStyle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    text-align: justify;
    color: #000;
    text-align: right;
    padding: 2px;
}

.textSize {
    width: 90%;
}

@media screen and (max-width: 824px) {
    .welcomeInfo {
        display: none;
    }
    #loginForm {
        width: 100%;
    }
}

@media screen and (max-width: 424px) {
    .welcomeInfo {
        display: none;
    }
    #loginForm {
        width: 100%;
    }
}

hr {
    margin-top: 5px;
    margin-bottom: 5px;
}