{
    font-family: "Calibri";
    font-size: 10pt;
}

.Form {
    min-height: 100%;
}

.Page {
    background-color: white;
    width: 100%;
}

.PageHdr {
    font-size: 24pt;
    font-style: italic;
    font-weight: bold;
    color: darkred;
}

.ColumnHdr {
    font-size: 18pt;
    font-weight: bold;
    color: darkred;
    background-color: burlywood;
}

.ColumnTbl {
    border: double;
    border-color: burlywood;
}

.AdminFilterTbl {
    background-color: #C6D0DD;
    border: double;
    border-color: #5D7B9D;
    border-width: 5px;
}

.AdminFilterCell {
    padding: 10px;
}

.AdminFilterTxt {
    font-size: 11pt;
}

.TabCtl {
    background-image: url('http://localhost:52729/Graphics/Tab_Lg.png');
    background-repeat: no-repeat;
    background-position: center
}

.TabCtl_Sm {
    background-image: url('http://localhost:52729/Graphics/Tab_Sm.png');
    background-repeat: no-repeat;
    background-position: center
}

.TabCtl_Med {
    background-image: url('http://localhost:52729/Graphics/Tab_Med.png');
    background-repeat: no-repeat;
    background-position: center
}

.TabList {
    border-width: 2px;
    border-color: burlywood;
}

.FormViewTbl {
    background-color: whitesmoke;
    border: solid;
    border-color: #5D7B9D;
    border-width: 2px;
    width: 100%;
    text-align: right;
}

.FormViewTbl_Olive {
    background-color: whitesmoke;
    border: solid;
    border-color: #7EA09E;
    border-width: 2px;
    width: 100%;
    text-align: right;
}

.FormViewTbl_Taupe {
    background-color: whitesmoke;
    border: solid;
    border-color: #dbdee2;
    border-width: 2px;
    width: 100%;
    text-align: right;
}

.FormViewTbl_Offwhite {
    background-color: whitesmoke;
    border: solid;
    border-color: #dbe3ea;
    border-width: 2px;
    width: 100%;
    text-align: right;
}

.FormViewTbl_Gray {
    background-color: whitesmoke;
    border: solid;
    border-color: #888d96;
    border-width: 2px;
    width: 100%;
    text-align: right;
}

.FormViewTbl_Brown {
    background-color: whitesmoke;
    border: solid;
    border-color: #594844;
    border-width: 2px;
    width: 100%;
    text-align: right;
}

.FormViewLbl {
    font-weight: bold;
}

.FormViewHdr {
    text-align: center;
    background-color: #5D7B9D;
    color: white;
}

.FormViewHdr_Olive {
    text-align: center;
    background-color: #7EA09E;
    color: white;
}

.FormViewHdr_Taupe {
    text-align: center;
    background-color: #dbdee2;
    color: white;
}

.FormViewHdr_Offwhite {
    text-align: center;
    background-color: #dbe3ea;
    color: white;
}

.FormViewHdr_Gray {
    text-align: center;
    color: #494949;
    border-bottom: solid;
    border-bottom-color: red;
    border-bottom-width: 1px
}

.FormViewHdr_Brown {
    text-align: center;
    background-color: #594844;
    color: white;
}

.FormViewTitle {
    font-size: 12pt;
    font-weight: normal;
}

.FormViewHdr_Edit {
    text-align: center;
    background-color: red;
    font-weight: normal;
    color: white;
}

.FormViewCell_Label {
    text-align: right;
    padding-left: 3px;
    padding-right: 3px;
}

.FormViewCell_Data {
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
}

.GridHdr {
    background-color: #5D7B9D;
    font-weight: normal;
    color: white;
}

.GridBtn {
    font-family: 'MS Reference Sans Serif';
    font-size: 10pt;
    color: white;
}

.tooltipDemo {
    position: relative;
    display: inline;
    text-decoration: none;
    left: 5px;
    top: 0px;
}

    .tooltipDemo:hover:before {
        border: solid;
        border-color: transparent #FF8F35;
        border-width: 6px 6px 6px 0px;
        bottom: 21px;
        content: "";
        left: 155px;
        top: 5px;
        position: absolute;
        z-index: 95;
    }

    .tooltipDemo:hover:after {
        background: #FF8F35;
        background: rgb(255, 143, 53);
        border-radius: 5px;
        color: #fff;
        width: 150px;
        left: 160px;
        top: -5px;
        content: attr(alt);
        position: absolute;
        padding: 5px 15px;
        z-index: 95;
    }


.Logo {
    font-family: 'Modern No. 20';
    font-size: 28pt;
    font-weight: bold;
    font-style: italic;
    color: #00274F;
}

.BtnBlue {
    background-color: #00BEF9;
    font-family: 'MS Reference Sans Serif';
    font-size: 12pt;
    font-weight: bold;
    color: white;
    white-space: normal;
}

    .BtnBlue:hover {
        background-color: #8CA3BB;
    }

    .BtnBlue:disabled {
        color: gray;
    }

.BtnRecv {
    background-color: #7EA09E;
    font-family: 'MS Reference Sans Serif';
    font-size: 10pt;
    color: white;
    white-space: normal;
}

    .BtnRecv:hover {
        background-color: #8CA3BB;
    }

    .BtnRecv:disabled {
        color: gray;
    }

.BtnWhite {
    background-color: whitesmoke;
    font-family: 'MS Reference Sans Serif';
    font-size: 10pt;
    color: #455B74;
}

    .BtnWhite:hover {
        background-color: #bbbbbb;
    }

    .BtnWhite:disabled {
        color: lightgray;
    }

.BtnBronze {
    background-color: #724E18;
    font-family: 'MS Reference Sans Serif';
    font-size: 10pt;
    color: white;
}

    .BtnBronze:hover {
        background-color: #a07e49;
    }

    .BtnBronze:disabled {
        color: gray;
    }

th.ascending a {
    background: url('http://localhost:52729/Graphics/UpArrow.png') no-repeat;
    display: block;
    padding: 0 4px 0 15px;
}

th.descending a {
    background: url('http://localhost:52729/Graphics/DnArrow.png') no-repeat;
    display: block;
    padding: 0 4px 0 15px;
}

.Msg {
    font-size: 10pt;
    font-style: italic;
    color: red;
}

div.TophideSkiplink {
    width: 100%;
    float: left !important;
    text-align: left;
    font-family: Arial;
    font-size: 20pt;
    font-weight: bold;
}

div.topmenu {
    padding: 0px 0px 0px 8px;
    text-align: left;
    float: left !important;
}

    div.topmenu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
    }

        div.topmenu ul li a, div.topmenu ul li a:visited {
            background-color: darkred;
            border: 1px #4e667d solid;
            color: #dde4ec;
            display: block;
            line-height: 1.35em;
            padding: 4px 20px;
            text-decoration: none;
            white-space: nowrap;
        }

            div.topmenu ul li a:hover {
                background-color: #bfcbd6;
                color: darkred;
                text-decoration: none;
            }

            div.topmenu ul li a:active {
                background-color: darkred;
                color: #cfdbe6;
                text-decoration: none;
            }

.ModalPopupBG {
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.HellowWorldPopup {
    min-width: 200px;
    min-height: 150px;
    background: white;
}

.FullHeight {
    display: block;
    min-height: 725px;
    background-size: cover;
}

.BkGrd {
    background-size: cover;
}