.loginFrame {
    margin:auto;
    width:35%;
    min-width:300px;
    min-height:250px;
}

/*.vertical-center{
    margin:0;
    position:absolute;
    top:50%;
    -ms-transform: translateY(-50%);
    transform:translateY(-50%);
}*/

.loginPanel {
    background-image: url('../images/login/loginBg_final.png');
    background-size: 100% 100%;
    background-repeat: no-repeat; 
    padding-top:50%;
    padding-bottom:5%;
    box-shadow: 3px 2px black;
    align-content:center;
}

.errPanel{
    width:300px;
}

.loginTable{
    width:80%;
    padding-left:20%;
}



.loginNameTextBox {
    background-image: url('../images/login/textBox_user.png');
    background-size:100% 100%;
    background-repeat:no-repeat;
    width:80%;
    padding-left: 20%;
    height:24px;
    border:none;
    font-size:14px;
}

    .loginNameTextBox:focus {
        background-image: url('../images/login/textBox_user_on.png');
        height: 30px;
        font-size:16px;
    }

.loginPasswordTextBox {
    background-image: url('../images/login/textBox_password.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 80%;
    padding-left:20%;
    height:24px;
    border: none;
    font-size: 14px;
}

    .loginPasswordTextBox:focus {
        background-image: url('../images/login/textBox_password_on.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 30px;
        font-size: 16px;
    }

.LoginButt {
    background-image: url('../images/login/loginButton.png');
    color:white;
    font-size:16px;
    width:80%;
    height:24px;
}

    .LoginButt:hover {
        background-image: url('../images/login/loginButton_on.png');
    }