/** COLORS ****************************************************
White --- #ffffff;
Black --- #000000;
Gold --- #e4e1b9;
DkGold --- #b6ae44;
Green --- #019a73;
DkGreen --- #00533e;
Brown --- #9f7b3d;
DkBrown --- #876832;
LtBlue --- #6699ff;
Blue --- #0000ff;
LtGray --- #f2f2f2;
Gray --- #808080;
Red --- #cd0000;
**************************************************************/

/* MAIN
 **************************************************************/
body {
    color: #000000;
    background-color: #9f7b3d;
    font-family: Verdana, Sans-Serif;
}

div {
    position: relative;
    overflow: visible;
    text-align: left;
    vertical-align: top;
    top: 0px;
    left: 0px;
}

td, th {
    color: #000000;
    font-family: Verdana, Sans-Serif;
    text-align: left;
    vertical-align: top;
}

a {
    color: #0000ff;
    cursor: pointer;
}

    a:hover {
        color: #cd0000;
        cursor: pointer;
    }

/* MASTER PAGE
 ******************************************/
.div-mstr-main {
    background-color: #e4e1b9;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    vertical-align: top;
}

.div-mstr-header {
    background-color: transparent;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    vertical-align: top;
}

.div-mstr-content {
    background-color: transparent;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    vertical-align: top;
}

.lbl-mstr-title {
    color: #00533e;
    font-size: 20px;
    font-weight: bold;
}

.lbl-mstr-subtitle {
    color: #00533e;
    font-size: 16px;
    font-weight: bold;
}

.lbl-mstr-n {
    color: #00533e;
    font-size: 14px;
    font-weight: normal;
}

.lbl-mstr-b {
    color: #00533e;
    font-size: 14px;
    font-weight: bold;
}

.img-mstr-logo {
    background-color: #e4e1b9;
    height: 100px;
    width: 490px;
}

.grid-mstr-var {
    border-style: solid;
    border-width: 2px;
    border-color: transparent;
}

.grid-mstr-header-var td, .grid-mstr-header-var th {
    background-color: transparent;
    color: #00ffff;
    font-family: Verdana, Sans-Serif;
    font-size: 15px;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    padding: 4px 2px 4px 2px;
    text-align: left;
    vertical-align: top;
}

.grid-mstr-row-var td {
    background-color: transparent;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    padding: 2px 2px 2px 2px;
    text-align: left;
    vertical-align: top;
}

.grid-mstr-row-var-alt td {
    background-color: transparent;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    padding: 2px 2px 2px 2px;
    text-align: left;
    vertical-align: top;
}

.grid-mstr-row-var-empty td {
    background-color: transparent;
    color: #ffffff;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    padding: 2px 2px 2px 2px;
    text-align: left;
    vertical-align: top;
}

.grid-mstr-row-varname-txt {
    color: #ffffff;
    font-weight: bold;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
}

.grid-mstr-row-varvalue-txt {
    color: #ffffff;
    font-weight: normal;
    font-family: Verdana, Sans-Serif;
    font-size: 12px;
}

/* MASTER PAGE VERTICLE MENU NAVIGATION
 ******************************************/
.div-mstr-menu-container-vert {
    background-color: transparent;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    vertical-align: top;
    width: fit-content;
}

.btn-mstr-menu {
    color: #00533e;
    background-color: #e4e1b9;
    border-color: #e4e1b9;
    border-style: outset;
    border-width: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    cursor: pointer;
    white-space: pre-line;
    width: 170px;
}

    .btn-mstr-menu:hover {
        color: #cd0000;
        background-color: #e4e1b9;
        border-color: #e4e1b9;
        border-style: outset;
        border-width: 3px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-family: Verdana, Sans-Serif;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
        cursor: pointer;
        white-space: pre-line;
        width: 170px;
    }

    .btn-mstr-menu:disabled {
        color: #808080;
        background-color: #f2f2f2;
        border-color: #f2f2f2;
        border-style: outset;
        border-width: 3px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-family: Verdana, Sans-Serif;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
        cursor: default;
        white-space: pre-line;
        width: 170px;
    }

/* CONTENT PAGE
 ******************************************/
.div-main-1 {
    background-color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-style: solid;
    border-width: 3px;
    border-color: #00533E;
    text-align: center;
    vertical-align: top;
}

.div-main-2 {
    background-color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    vertical-align: top;
}

.div-tbl-display {
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: top;
    display: table;
}

.div-tblrow-display {
    background-color: #FFFFFF;
    text-align: left;
    vertical-align: top;
    display: table-row;
}

.div-tblcell-display {
    background-color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    vertical-align: top;
    display: table-cell;
}

.tbl {
    background-color: transparent;
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    border-collapse: collapse;
    border: none;
}

.tbl-border {
    background-color: transparent;
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 2px;
    border-color: #000000;
}

.tbl-cell-r {
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    border-collapse: collapse;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
}

.tbl-cell-l {
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    border-collapse: collapse;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

.tbl-cell-c {
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    border-collapse: collapse;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.tbl-cell-r-border {
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    border-collapse: collapse;
}

.tbl-cell-l-border {
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    border-collapse: collapse;
}

.tbl-cell-c-border {
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    border-collapse: collapse;
}

.lbl-error {
    color: #CD0000;
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

.lbl-title {
    color: #00533E;
    font-family: Verdana, Sans-Serif;
    font-size: 32px;
    font-weight: bold;
}

.lbl-subtitle {
    color: #00533E;
    font-family: Verdana, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
}

.lbl-n {
    color: #00533E;
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: normal;
}

.lbl-ni {
    color: #00533E;
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
}

.lbl-b {
    color: #00533E;
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

.button {
    color: #00533E;
    background-color: #E4E1B9;
    cursor: pointer;
    border: 2px outset #E4E1B9;
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 6px 2px 6px;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
}

    .button:disabled {
        cursor: default;
        color: #808080;
        background-color: #f2f2f2;
        border: 2px outset #f2f2f2;
        font-family: Verdana, Sans-Serif;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        padding: 2px 6px 2px 6px;
        margin-right: 10px;
    }

.button-sm {
    cursor: pointer;
    color: #00533E;
    background-color: #E4E1B9;
    border: 2px outset #E4E1B9;
    font-family: Verdana, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 2px 6px 2px 6px;
    margin-right: 3px;
}

    .button-sm:disabled {
        cursor: default;
        color: #808080;
        background-color: #f2f2f2;
        border: 2px outset #f2f2f2;
        font-family: Verdana, Sans-Serif;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        padding: 2px 6px 2px 6px;
        margin-right: 3px;
    }

.input-n {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #808080;
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
}

    .input-n:disabled {
        background-color: #D9D9D9;
        border-style: solid;
        border-width: 1px;
        border-color: #808080;
        color: #000000;
        font-family: Verdana, Sans-Serif;
        font-size: 14px;
        padding: 2px 2px 2px 2px;
        vertical-align: middle;
    }

.input-b {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #808080;
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
}

    .input-b:disabled {
        background-color: #D9D9D9;
        border-style: solid;
        border-width: 1px;
        border-color: #808080;
        color: #000000;
        font-family: Verdana, Sans-Serif;
        font-size: 14px;
        font-weight: bold;
        padding: 2px 2px 2px 2px;
        vertical-align: middle;
    }

.input-n-cap {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #808080;
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    text-transform: capitalize;
}

    .input-n-cap:disabled {
        background-color: #D9D9D9;
        border-style: solid;
        border-width: 1px;
        border-color: #808080;
        color: #000000;
        font-family: Verdana, Sans-Serif;
        font-size: 14px;
        padding: 2px 2px 2px 2px;
        vertical-align: middle;
        text-transform: capitalize;
    }

/* CONTENT PAGE GRID
**************************************************************/
.grid {
    border-style: solid;
    border-width: 2px;
    border-color: #808080;
}

.grid-header-gray td, .grid-header-gray th {
    background-color: #D9D9D9;
    color: #000000;
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #D9D9D9;
    padding: 4px 2px 4px 2px;
    text-align: left;
    vertical-align: top;
}

.grid-header-brown td, .grid-header-brown th {
    background-color: #9F7B3D;
    color: #FFFFFF;
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #9F7B3D;
    padding: 4px 2px 4px 2px;
    text-align: left;
    vertical-align: top;
}

.grid-header-green td, .grid-header-green th {
    background-color: #00533E;
    color: #FFFFFF;
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #00533E;
    padding: 4px 2px 4px 2px;
    text-align: left;
    vertical-align: top;
}

.grid-row td {
    font-family: Verdana, Sans-Serif;
    font-size: 13px;
    border-style: solid;
    border-width: 1px;
    border-color: #D9D9D9;
    padding: 2px 2px 2px 2px;
    text-align: left;
    vertical-align: top;
}

.grid-row-alt td {
    background-color: #F2F2F2;
    font-family: Verdana, Sans-Serif;
    font-size: 13px;
    border-style: solid;
    border-width: 1px;
    border-color: #D9D9D9;
    padding: 2px 2px 2px 2px;
    text-align: left;
    vertical-align: top;
}

.grid-row-selected td {
    background-color: #DAA520;
    font-family: Verdana, Sans-Serif;
    font-size: 13px;
    border-style: solid;
    border-width: 1px;
    border-color: #D9D9D9;
    padding: 2px 2px 2px 2px;
    text-align: left;
    vertical-align: top;
}

.grid-row-empty td {
    background-color: #F2F2F2;
    font-family: Verdana, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    padding: 2px 2px 2px 2px;
    text-align: left;
    vertical-align: top;
}

.grid-row-txt {
    font-family: Verdana, Sans-Serif;
    font-size: 13px;
}

a.grid-row-lnk:link {
    color: #0000FF;
    font-family: Verdana, Sans-Serif;
    font-size: 13px;
    text-decoration: underline;
}

a.grid-row-lnk:hover {
    color: #CD0000;
    font-family: Verdana, Sans-Serif;
    font-size: 13px;
    text-decoration: underline;
}