body {
    font-family: Helvetica, sans-serif;
    font-size: 12px;
}

#outer {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
    overflow: visible;
}

#inner {
    width: 550px;
    min-height: 300px;
    margin-left: -275px;  /***  width / 2   ***/
    position: absolute;
    top: -250px;          /***  height / 2   ***/
    left: 50%;
    background-color:white;
    border:3px solid white;
}

#banner {
    width: 540px;
    height: 100px;
    position: relative;
    top: 0px;
    background-color:#FF865E;
    color: white;
    font-size: 24pt;
    border: 0;
    padding: 35px 5px 0px 5px;
}

table.form {
    position: relative;
    text-align: center; 
    width: 100%;
    border: 0px;
}

.field,.fieldinput,.submit {
    float: left; 
    padding: 10px 30px;
    font-size: 16px;
    height: 22px;
    color: rgb(108, 109, 112);
}

.fieldinput,.submit {
    float: right; 
}

.field {
    width: 200px;
    text-align: right;
}

#login {
    border: none;
    display: none;
}

.mainform {
    border: 1px solid black;
    display: none;
}

input[type="text"], input[type="password"], select {
    width: 200px;
}