body {
    font-family: Arial, Helvetica, sans-serif; font-size: 10pt;
    margin: 0px auto; padding: 0; width: 960px;
    color: whitesmoke; background: #082547;
}

.fleft {float: left; margin-right: 5px;}
.fright {float: right; margin-left: 5px;}
.aleft {text-align: left; }
.aright {text-align: right;}

.bodyer, .header, .footer {margin: auto; width: 960px; }

.header {
    height: 146px;
    background: linear-gradient(to bottom, rgba(58,127,176,0.87) 0%, rgba(164,197,219,0.85) 62%, rgba(164,197,219,0.83) 100%);
}

.header .menu {
    height: 32px;
    background: linear-gradient(to top, rgba(58,127,176,0.87) 0%, rgba(164,197,219,0.85) 62%, rgba(164,197,219,0.83) 100%);
}
.header .menu form {padding: 5px;}

.bodyer {
    min-height: 420px; padding: 15px 0; background: #363d4c; border-radius: 2px;
}

.bodyer a {color: orangered}
.bodyer a:visited {color: chocolate}

.footer {
    height: 100px; font-size: 8pt; margin: 15px; clear: both;
}

.logo {padding: 5px 0; height: 100px; padding-bottom: 0; float: left}

.header h1 {padding: 10pt; text-align: center}

.header .menu {float: left; padding: 5px 0; width: 100%; text-align: center;}

.header .menu ul {
    list-style-type: none;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    overflow: hidden;
    border: solid 1px #444648;
    background-color: #15304e;
    font-size: larger;
}

.header .menu ul li {
    float: left;
}

.header .menu ul li a {
    display: block;
    padding: 4pt 12pt;
    text-decoration: none;
    text-align: center;
    color: orange;
    font-weight: bold;
    margin: 1pt 6pt;
}

.header .menu ul li a:hover {
    background-color: #082547; color: #d4ddee;
}

.main {
    width: 90%; margin: 10px auto 10px auto;
}

h1,h2,h3,h4,h5 {color: #EBF0F1; text-align: center}
.menu h3 {margin: 2px;}
sup a {text-decoration: none}
code {white-space: pre-wrap;}

div.tools *:hover {background: #2f3e41;}

#delayscreen {visibility: hidden; top: 200px; height: 100px; width: 39%; left: 30%; position: absolute;
    background: orange; color: white; text-align: center; border: solid 2px red; cursor: wait; }

form {
    padding: 2px 8px; margin-bottom: 4px;
}
form label {width: 120px; float: left; padding-top: 4px}
input + label , form[name="loginfrom"] label {width: auto; float: none; padding-top: 2px}
input, select {margin: 2px;}

tr.state0 {background-color: orangered}
tr.state1 {background-color: yellow}
tr.state2 {background-color: green}