body {
    background-color: whitesmoke;
}

.style1 {
    width: 100%;
}

.style2 {
    text-align: justify;
}

.style3 {
    color: #808080;
}

.style4 {
    width: 53px;
}

.style5 {
    height: 69px;
}

.style6 {
    width: 110px;
}

.logintable {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 776px;
    height: 714px;
    margin-top: -357px; /*set to a negative number 1/2 of your height*/
    margin-left: -388px; /*set to a negative number 1/2 of your width*/
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    border: 3px solid #282424;
    border-radius: 18px;
    box-shadow: 6px 6px 6px #808080;
}

.egislogo {
    height: 102px;
    width: 776px;
    background-image: url('images/main.jpg');
    background-repeat: no-repeat;
    background-position: left center;
}

label[for=empcode], label[for=password] {
    color: #282424;
    font-size: 10pt;
    font-family: 'Times New Roman';
}

.textboxpassword {
    background: whitesmoke;
    border: 1px solid #222;
    box-shadow: 2px 2px 2px #111;
    border-radius: 4px;
    margin-bottom: 3px;
    color: #282424;
    font-size: 9pt;
}

.button {
    background: whitesmoke;
    background-position: top top;
    border: 1px solid black;
    border-radius: 5px;
    box-shadow: 1px 1px 1px 1px #808080;
    color: #111;
    font-weight: bolder;
    float: right;
    font-size: small;
    font-family: 'Times New Roman';
    cursor: pointer;
    margin-right: 53px;
}

    .button:hover {
        border: 1px solid black;
        box-shadow: 1.5px 1.5px 1.5px #808080;
        color: #111;
    }

.border {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}