style.css

@charset "utf-8";
/* CSS Document */

*
{
    margin:0;
    padding:0;
}
#login-form
{
    margin-top:70px;
}
table
{
    padding:25px;
}
table tr,td
{
    padding:15px;//
    border:solid #e1e1e1 1px;
    /* display: block; */
    /* width: 47%; */
    /* position: absolute; */
}
table tr td input
{
    width:97%;
    height:45px;
    border:solid #e1e1e1 1px;
    border-radius:3px;
    padding-left:10px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:16px;
    background:#f9f9f9;
    transition-duration:0.5s;
    box-shadow: inset 0px 0px 1px rgba(0,0,0,0.4);
}

table tr td button
{
    width:100%;
    height:45px;
    border:0px;
    background:rgba(12,45,78,11);
    background:-moz-linear-gradient(top, #595959 , #515151);
    border-radius:3px;
    box-shadow: 1px 1px 1px rgba(1,0,0,0.2);
    color:#f9f9f9;
    font-family:Verdana, Geneva, sans-serif;
    font-size:18px;
    font-weight:bolder;
    text-transform:uppercase;
}
table tr td button:active
{
    position:relative;
    top:1px;
}
table tr td a
{
    text-decoration:none;
    color:white;
    font-family:Verdana, Geneva, sans-serif;
    font-size:24px;
    text-align: center;
}

/* css for home page  */

*
{
    margin:0;
    padding:0;
}
#header
{
    width:100%;
    height:60px;
    background:#FA4800;
    color:#fff;
    font-family:Verdana, Geneva, sans-serif;
}
#header #left
{
    float:left;
    position:relative;
}
#header #left label
{
    position:relative;
    top:5px;
    left:100px;
    font-size:35px;
}
#header #right
{
    float:right;
    position:relative;
}
#header #right #content
{
    position:relative;
    top:12px;
    right:100px;
    color:#fff;
}
#header #right #content a
{
    display:inline-block;
    padding:7px 9px;
    border-radius:3px 3px 3px 3px;
    border: 1px solid white;
    font-size:16px;
    font-weight:600;
    color:#fff;
    transition:all linear 0.15s;
    text-decoration: none;
}


#body
{
    text-align:center;
    margin-top:150px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:36px;
}

/* css for home page */


/* css for tabs */

/*----- Tabs -----*/
.tabs {
    width:30%;
    display:inline-block;
}

/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
    display:block;
    clear:both;
    content:'';
}

.tab-links li {
    margin:0px 5px;
    float:left;
    list-style:none;
}

.tab-links a {
    padding:9px 15px;
    display:inline-block;
    border-radius:3px 3px 0px 0px;
    background:beige;
    font-size:16px;
    font-weight:600;
    color:#4c4c4c;
    transition:all linear 0.15s;
    text-decoration: none;
}

.tab-links a:hover {
    background:#a7cce5;
    text-decoration:none;
}

li.active a, li.active a:hover {
    background:#a7cce5;
    color:#4c4c4c;
    text-decoration: none;
}

/*----- Content of Tabs -----*/
.tab-content {
    padding:15px;
    border-radius:3px;
    background:#fff;
    border: solid #ccc 1px;

}

.tab {
    display:none;
}

.tab.active {
    display:block;
}

/* Tabs */