/* main tags */

html, body {
    background: #D88900;
    margin: 0px;
    font-family: verdana, sans-serif;
    font-size: 10pt;
    color: #EEF0F1;
    height: 100%;
}

form {
    margin: 0px;
    padding: 0px;
}

fieldset, table, textarea {
    width: 99%;
}

h2 {
    margin: 0px;
    padding: 0px;
    font-size: 14pt;
}

hr {
    color: #D88900;
    background-color: #D88900;
    margin: 5px 0px 20px 0px;
    padding: 1px;
}

a {
    color: #EEF0F1;
}

a img {
    border: none;
}

/* login table */

#loginform {
    position: absolute;
    z-index: 2;
    right: 10px;
    width: 300px;
}

#login {
    width: 100%;
    table-layout: fixed;
    color: #FFF;
}

#login input {
    width: 100%;
    border: 1px solid #FFF;
    background: #FFF;
}

/* main table */

#formatform {
    position: absolute;
    width: 100%;
    height: 100%;
}

#maintable {
    height: 100%;
    width: 100%;
    table-layout: fixed;
}

/* some classes */

.nicelinks a {
    color: #002A5E;
    color: #EEF0F1;
    text-decoration: none;
    border-bottom: 1px dashed #EEF0F1;
}

.nicelinks a:hover {
    color: #002A5E;
    background: #EEF0F1;
}

.row {
    background: #4E86BE; /* old */
}

/* header and menu */

.header {
    background: #D88900;
    height: 185px;
}

.logo {
    position: absolute;
    top: 5px;
    left: 20px;
    z-index: 1;
}

.menu {
    position: absolute;
    top: 93px;
    left: 0px;
    width: 100%;
    height: 55px;
    padding-top: 30px;
    background: url(../images/gradient.png);
    text-align: center;
    min-width: 700px;
}

.menu img {
    margin-left: 2%;
    margin-right: 2%;
}

/* --- */

.window {
    height: 360px;
    border: 3px solid #D88900;
    background: #FFF;
}

/* --- */

#outerinput {
    height: 360px;
}

#inputcode {
    position: relative;
    margin: 0px;
    
    width: 100%;
    height: 360px;
    
    border: none;
    background: #FFF;
    
    line-height: 20px;
    font-family: monospace;
    font-size: 10pt;
}

#outerlines {
    position: absolute;
    width: 39px;
    overflow: hidden;
    padding-top: 1px;
    border-right: 1px solid #000;
    line-height: 18px; /* 20 - 1 - 1 */
    font-family: monospace;
    font-size: 10pt;
    color: #000;
    z-index: 1;
    background: #EEE;
}

#innerlines {
    position: absolute;
    width: 100%;
    text-align: right;
}

#innerlines div {
    padding: 1px 5px 1px 5px;
}

.errorline {
    padding: 1px 30px 1px 5px;
    background-color: #D00;
    color: #FFF;
}

/* --- */

#upload {
    height: 360px;
    background: #FFF;
    overflow: auto;
}

#selectedfilesheader td {
    font-weight: bold;
    padding-bottom: 5px;
}

#selectedfiles {
    width: 100%;
    color: #000;
    padding: 5px;
}

#selectedfiles a {
    color: #000;
}

#selectedfiles a:hover {
    text-decoration: none;
}

/* --- */

#style {
    wwidth: 90%;
    height: 360px;
    background: #FFF;
    color: #002A5E;

    overflow-y: scroll;
}

/* --- */

#output {
    height: 100%;
    
    white-space: nowrap;
    overflow: auto;
    
    background: #FFF;
    line-height: 20px;
    font-family: monospace;
    font-size: 10pt;
}

#outputlines {
    min-height: 360px; /* yep, does something */
    width: 34px; /* 40 - 1 - 5 */
    
    padding: 0px 5px 0px 0px;
    border-right: 1px solid #000;
    
    background: #EEE;
    text-align: right;
    
    line-height: 20px;
    font-family: monospace;
    font-size: 10pt;
    color: #000;
}

#outputcode {
    white-space: nowrap
}

/* --- */

#statusbar {
    position: relative;
    bottom: 12px;
    left: 10px;
    font-size: 8pt;
}

#loading {
    position: relative;
    top: 3px;
}

#errors {
    color: #D00;
    font-weight: bold;
}

/* --- */

#copyright {
    float: right;
    text-align: right;
    margin-top: 10px;
}

/* contact */

fieldset {
    border: none;
    margin: 0px;
    padding: 0px;
}

dl {
    clear: left;
    margin: 13px 0px 13px 0px;
}

dl dt {
    float: left;
    text-align: right;
    margin-top: 5px;
    margin-right: 10px;
    width: 25%;
}

input, select, button  {
    background: #FFF;
    border: 2px solid #FFF;
    padding: 3px;
}

textarea {
    height: 300px;
}

.errorfield {
    border-color: #D88900 !important;
}

.errors, .success {
    font-weight: bold;
}

.submit {
    margin-top: 10px;
    text-align: center;
    width: 80%;
}

.submit input {
    padding: 0px;
}