body, caption, th, td, input, button, textarea, select, option, legend, fieldset, a, a:visited, .tab_body {
    color: #0e3188;
    font-family: Arial,Helvetica,sans-serif;
}

    input:disabled, input[disabled], button:disabled, button[disabled] {
        color: #A0A0A0;
    }

body {
    background-image: url("/images/bg.png");
    background-attachment: scroll;
    background-repeat: repeat-x;
    background-position-x: center;
    background-position-y: top;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: white;
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 9pt;
    overflow-x: auto;
    overflow-y: scroll;
}

#wrapper {
    width: 98%;
    max-width: 1100px;
    margin: 0 auto;
    background-color: white;
}

#header, #main, #footer {
    width: 100%;
    margin: 0;
    padding: 0;
}

#header {
    border-bottom: 1px solid #0e3188;
}

#main {
    position: relative;
}

#footer {
    border-top: 1px solid #0e3188;
    margin-top: 20px;
    padding-top: 2px;
    font-size: 0.9em;
}

#loggedin {
    margin: 0;
    padding: 0;
    text-align: right;
}

h1 {
    font-size: 1.75em;
    font-weight: bold;
    margin: 0;
}

h2 {
    font-size: 1.25em;
    font-weight: bold;
    margin-top: 3px;
}

h3 {
    font-size: 1.25em;
    font-weight: bold;
    margin: 6px 0;
}

hr {
    border: 1px solid #86A4F2;
    height: 0;
}

img {
    border: none;
}

.smalltext {
    font-size: 0.9em;
}

.nopadding, .nopadding th, .nopadding td {
    margin: 0;
    padding: 0;
    border: none;
}

#maincontent {
    min-height: 200px;
    margin: 5px;
}

#statuspanel {
    position: absolute;
    top: 0;
    left: 5px;
    border: 1px #86A4F2 solid;
    border-radius: 5px;
    padding: 5px;
    width: 180px;
    margin: 0 0 0 5px;
    background-image: url("/images/lightblue.png");
    background-attachment: scroll;
    background-repeat: repeat-x;
    background-position-x: center;
    background-position-y: top;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: white;
    overflow: hidden;
}

    #statuspanel th {
        text-align: center;
        vertical-align: bottom;
        padding: 5px;
    }

    #statuspanel td {
        text-align: center;
        vertical-align: middle;
        padding: 1px;
    }

.mainmenu {
    border: 1px #86A4F2 solid;
    border-radius: 5px;
    margin: 5px auto;
}

    .mainmenu td {
        padding: 10px;
        text-align: center;
    }

.button {
    width: 130px;
    margin: 5px 10px;
}

.menubutton {
    width: 210px;
    height: 30px;
    font-size: 1.25em;
}

.smallbutton {
    width: 70px;
    height: 20px;
    font-size: 0.9em;
}

.box {
    border: 1px #86A4F2 solid;
    border-radius: 5px;
    margin: 5px auto;
    padding: 5px 1%;
}

.data {
    border: 1px solid #1F497D;
    background-color: #ffffff;
    color: #0e3188;
    padding: 2px;
}

.highlighted {
    border: 1px solid #1F497D;
    background-color: #ECF4F4;
    color: #0e3188;
    padding: 2px;
}

.readonly {
    border: 1px solid #D2D2D2;
    background-color: #FAFAFA;
    color: #0e3188;
    padding: 2px;
}

.disabled {
    border: 1px solid #D2D2D2;
    background-color: #F2F2F2;
    color: #A0A0A0;
    padding: 2px;
}

img, .chk, .chk input {
    border: none;
}

.errmessage {
    color: #CC0000;
}

.succmessage {
    color: #00CC00;
}

.othermessage {
    color: #0000CC;
}

th, td {
    padding: 3px;
}

.ajax__combobox_inputcontainer td, .ajax__combobox_textboxcontainer, .ajax__combobox_buttoncontainer {
    padding: 0;
}

.datarow {
    background-color: #F4FAFF;
}

.altdatarow {
    background-color: #ffffff;
}

.datarow_error {
    background-color: #F4FAFF;
    color: #CC0000;
}

.altdatarow_error {
    background-color: #ffffff;
    color: #CC0000;
}

.listtable .datarow, .listtable .altdatarow {
    cursor: pointer;
}

    .listtable .datarow:hover, .listtable .altdatarow:hover {
        background-color: #86A4F2;
    }

        .listtable .datarow:hover td, .listtable .altdatarow:hover td {
            color: #ffffff;
        }

#streams th, #streams td {
    font-size: 0.95em;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.schematic_block {
    position: absolute;
    z-index: 9;
    height: 15px;
    text-align: center;
    padding: 30px 0;
    background-color: #ffc0cb;
    color: #0e3188;
    transform: rotate(-90deg);
}

.schematic_line {
    position: absolute;
    height: 3px;
    background-color: black;
    border: none;
    z-index: 5;
    margin: 0;
    padding: 0;
    font-size: 1px;
}

.schematic_fuel {
    position: absolute;
    width: 190px;
    height: 14px;
    color: black;
    border: 1px solid black;
    padding: 1px 2px;
    text-align: left;
    font-size: 0.9em;
    z-index: 10;
    cursor: pointer;
}

    .schematic_fuel span {
        float: left;
    }

    .schematic_fuel:hover span {
        font-weight: bold;
    }

    .schematic_fuel div {
        float: right;
        margin-right: 3px;
    }

.textB {
    border-color: #0E3188;
    border-width: 1px;
}

#tinymce {
    background-image: none;
    text-align: left;
}

.guidance {
    background-image: url(/images/lightblue.png);
    background-attachment: scroll;
    background-repeat: repeat-x;
    background-position-x: center;
    background-position-y: top;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    background-color: white;
    position: fixed;
    left: 2%;
    top: 125px;
    max-width: 300px;
    width: 22%;
    height: 400px;
    padding: 5px 0;
}

    .guidance > div > div {
        margin-top: 7px;
        width: 95%;
        height: 365px;
        text-align: left;
        overflow: auto;
        padding: 2.5%;
    }

@media (min-width: 2000px) {
    .guidance {
        left: 10%;
    }
}

@media (max-width: 1250px) {
    .guidance {
        left: 5px;
    }
}

@media (max-width: 1150px) {
    .guidance {
        left: 1px;
    }
}