html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color: #225B66;
    background-size: 16px 16px;
    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 85%;
}

#container {
    background-color: #fff;
    min-height: 100%;
    -webkit-box-shadow: -5px -5px 30px rgba(0, 0, 0, 0.25), 5px -5px 30px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: -5px -5px 30px rgba(0, 0, 0, 0.25), 5px -5px 30px rgba(0, 0, 0, 0.25);
    box-shadow: -5px -5px 30px rgba(0, 0, 0, 0.25), 5px -5px 30px rgba(0, 0, 0, 0.25);
}

#siteHeader {
    background-color: #fff;
    padding: 0px;
    margin: 0px;
}

#mnuNav {
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 3px 5px rgba(0,0,0,.5);
    box-shadow: 0px 3px 5px rgba(0,0,0,.5);
}

fieldset {
    padding: 0;
    border: 0;
    margin-top: 25px;
}

.label {
    font-weight: bold;
}

a {
    color: #0066FF;
}

    /* Buttons */
    a.button {
        display: inline-block;
        margin: 0 0 0 0;
        background-color: #f5f5f5;
        border: 1px solid #dedede;
        border-top: 1px solid #eee;
        border-left: 1px solid #eee;
        font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
        font-size: 12px;
        line-height: 130%;
        text-decoration: none;
        font-weight: bold;
        color: #565656;
        cursor: pointer;
        padding: 5px 10px 6px 7px; /* Links */
    }

input[type=button], input[type=submit] {
    display: inline-block;
    margin: 0 7px 0 0;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    line-height: 130%;
    text-decoration: none;
    font-weight: bold;
    color: #565656;
    cursor: pointer;
    padding: 5px 10px 6px 7px; /* Links */
}

input[type=button], input[type=submit] {
    width: auto;
    overflow: visible;
    padding: 4px 10px 3px 7px; /* IE6 */
}

input[type=button], input[type=submit] {
    padding: 5px 10px 5px 7px; /* Firefox */
    line-height: 17px; /* Safari */
}

    input[type=button]:disabled, input[type=button]:disabled {
        background-color: #f5f5f5;
        border: 1px solid #dedede;
        color: #ccc;
    }

    /* STANDARD */

    input[type=button]:hover, input[type=submit]:hover {
        background-color: #dff4ff;
        border: 1px solid #c2e1ef;
        color: #336699;
    }

    /* Regular */

    input[type=button].regular, input[type=submit].regular {
        color: #336699;
    }

        input[type=button].regular:hover, input[type=submit].regular:hover {
            background-color: #dff4ff;
            border: 1px solid #c2e1ef;
            color: #336699;
        }

    /* POSITIVE */
    a.button.positive,
    input[type=button].positive, input[type=submit].positive {
        color: #529214;
        background: #f5f5f5 url("../_images/apply2.png") no-repeat;
        background-position-x: 5px;
        background-position-y: 5px;
        background-size: 16px;
        padding-left: 25px;
    }

        input[type=button].positive:hover, input[type=submit].positive:hover {
            background-color: #E6EFC2;
            border: 1px solid #C6D880;
            color: #529214;
        }

    /* NEGATIVE */

    input[type=button].negative, input[type=submit].negative {
        color: #d12f19;
        background: #f5f5f5 url("../_images/cross.png") no-repeat;
        background-position-x: 5px;
        background-position-y: 5px;
        background-size: 16px;
        padding-left: 25px;
    }

/* PRINT */
a.button.print {
    color: #529214;
    background: #f5f5f5 url("../_images/printer.png") no-repeat;
    background-position-x: 5px;
    background-position-y: 5px;
    background-size: 16px;
    padding-left: 25px;
}



input[type=button].negative:hover, input[type=submit].negative:hover {
    background-color: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #d12f19;
}

/* SEARCH */

input[type=button].search, input[type=submit].search {
    color: #565656;
    background: #f5f5f5 url("../_images/find.png") no-repeat;
    background-position-x: 5px;
    background-position-y: 5px;
    background-size: 16px;
    padding-left: 25px;
}

    input[type=button].search:hover, input[type=submit].search:hover {
        background-color: #B4D2F0;
        border: 1px solid #3D6286;
    }

/* SIGN */

input[type=button].sign, input[type=submit].sign {
    color: #565656;
    background: #f5f5f5 url("../_images/signature.png") no-repeat;
    background-position-x: 5px;
    background-position-y: 5px;
    background-size: 16px;
    padding-left: 25px;
}

    input[type=button].sign:hover, input[type=submit].sign:hover {
        background-color: #B4D2F0;
        border: 1px solid #3D6286;
    }

/* UPLOAD */

input[type=button].upload, input[type=submit].upload {
    color: #565656;
    background: #f5f5f5 url("../_images/document_add.png") no-repeat;
    background-position-x: 5px;
    background-position-y: 5px;
    background-size: 16px;
    padding-left: 25px;
}

    input[type=button].upload:hover, input[type=submit].upload:hover {
        background-color: #B4D2F0;
        border: 1px solid #3D6286;
    }

/* Report */

input[type=button].report, input[type=submit].report {
    color: #565656;
    background: #f5f5f5 url("../_images/report.png") no-repeat;
    background-position-x: 5px;
    background-position-y: 5px;
    background-size: 16px;
    padding-left: 25px;
}

    input[type=button].report:hover, input[type=submit].report:hover {
        background-color: #B4D2F0;
        border: 1px solid #3D6286;
    }

/* HOLD */

input[type=button].hold, input[type=submit].hold {
    color: #d12f19;
    background: #f5f5f5 url("../_images/hold.png") no-repeat;
    background-position-x: 5px;
    background-position-y: 5px;
    background-size: 16px;
    padding-left: 25px;
}

    input[type=button].hold:hover, input[type=submit].hold:hover {
        background-color: #fbe3e4;
        border: 1px solid #fbc2c4;
        color: #d12f19;
    }

/* CheckList */
input[type=button].checklist, input[type=submit].checklist,
a.checklist {
    color: #565656;
    background: #f5f5f5 url("../_images/options-edit.gif") no-repeat;
    background-position-x: 5px;
    background-position-y: 5px;
    background-size: 16px;
    padding: 12px;
}

input[type=button].checklist, input[type=submit].checklist {
    padding-left: 25px;
}

    input[type=button].checklist:hover, input[type=submit].checklist:hover,
    a.checklist:hover {
        background-color: #B4D2F0;
        border: 1px solid #3D6286;
    }

/* CheckListNA */
input[type=button].checklistna, input[type=submit].checklistna,
a.checklistna {
    color: #565656;
    background: #f5f5f5 url("../_images/cancel.png") no-repeat;
    background-position-x: 5px;
    background-position-y: 5px;
    background-size: 16px;
    padding: 12px;
}

input[type=button].checklistna, input[type=submit].checklistna {
    padding-left: 25px;
}

    input[type=button].checklistna:hover, input[type=submit].checklistna:hover,
    a.checklistna:hover {
        background-color: #B4D2F0;
        border: 1px solid #3D6286;
    }

/* CheckListWait */
input[type=button].checklistwait, input[type=submit].checklistwait,
a.checklistwait {
    color: #565656;
    background: #f5f5f5 url("../_images/clock.png") no-repeat;
    background-position-x: 5px;
    background-position-y: 5px;
    background-size: 16px;
    padding: 12px;
}

input[type=button].checklistwait, input[type=submit].checklistwait {
    padding-left: 25px;
}

    input[type=button].checklistwait:hover, input[type=submit].checklistwait:hover,
    a.checklistna:hover {
        background-color: #B4D2F0;
        border: 1px solid #3D6286;
    }

/* MOE */

input[type=button].moe, input[type=submit].moe {
    color: #565656;
    background: #f5f5f5 url("../_images/question.gif") no-repeat;
    background-position-x: 5px;
    background-position-y: 5px;
    background-size: 16px;
    padding-left: 25px;
}

    input[type=button].moe:hover, input[type=submit].moe:hover {
        background-color: #B4D2F0;
        border: 1px solid #3D6286;
    }

/* Export */

input[type=button].export, input[type=submit].export {
    color: #565656;
    background: #f5f5f5 url("../_images/export.png") no-repeat;
    background-position-x: 5px;
    background-position-y: 5px;
    background-size: 16px;
    padding-left: 25px;
}

    input[type=button].export:hover, input[type=submit].export:hover {
        background-color: #B4D2F0;
        border: 1px solid #3D6286;
    }

.successMessage {
    background-color: #E6EFC2;
}

.errorMessage {
    background-color: #fbe3e4;
}

.successText {
    color: #529214;
    font-size: 1em;
    font-weight: bold;
}

.errorText {
    color: #d12f19;
    font-size: 1em;
    font-weight: bold;
}

#searchParams {
    margin-bottom: 10px;
}

#JobEntry, #EROEntry {
    width: 100%;
}

h1 {
    margin: 0px;
    padding: 4px 0px 4px 10px;
}

h2 {
    margin: 0px;
    padding: 4px 0px 4px 0px;
    font-size: 125%;
    width: 100%;
    background-color: #000;
    color: #fff;
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 3px 5px rgba(0,0,0,.5);
    box-shadow: 0px 3px 5px rgba(0,0,0,.5);
}

    h2:before {
        content: "\00a0";
    }

    h2:after {
        content: "\00a0";
    }

#actionBar {
    text-align: right;
}

.roField {
    border: 1px solid #000;
    background-color: #f5f5f5;
    color: #777;
    padding: 2px 5px;
}

#MOE, .MOEForm {
    background-color: #FFF;
    overflow: auto;
    width: 100%;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
}

    #MOE table, .MOEForm table {
        border-collapse: collapse;
    }

    #MOE td, .MOEForm td,
    #MOE th, .MOEForm.th {
        padding: 3px;
        margin: 0px;
        border: 1px solid #cccccc;
    }

    #MOE th, .MOEForm th {
        background-color: #000;
        color: #FFF;
    }

#tblInWork {
    border: 1px solid #000;
    border-collapse: collapse;
    width: 100%;
}

    #tblInWork td {
        border: 0px solid #000;
        border-collapse: collapse;
        vertical-align: top;
    }

.SpecialLink {
    font-weight: bold;
    font-size: 12pt;
    text-decoration: none;
}

#tbJob {
    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#PageError {
    text-align: center;
    color: red;
    font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 3px 5px rgba(0,0,0,.5);
    box-shadow: 0px 3px 5px rgba(0,0,0,.5);
}

#manageCheckList table {
    width: 100%;
}

#CheckListList .reportFilter,
.centerElement {
    margin-left: auto;
    margin-right: auto;
}