/* EfficiencySpring CORE STYLE SHEET */

/* ------------------------------------------------------------------------- */
/* TOP LEVEL TAG STYLES                                                      */
/* ------------------------------------------------------------------------- */


/* LINK STYLES */
a:link {
    color: rgb(232,76,64);
    background-color: transparent;
    text-decoration: none
}

a:visited {
    color: rgb(232,76,64);
    background-color: transparent;
    text-decoration: none
}

a:active {
    color: #377abc;
    background-color: transparent;
    text-decoration: none
}

a:hover {
    color: #b6824c;
    background-color: transparent;
    text-decoration: none
}

body {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: "Segoe UI","Segoe", Arial, Helvetica;
    font-size: small;
    color: rgb(78,70,69);
    overflow-y: scroll;
}

img {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

/* HEADER STYLES */
h1 {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: xx-large;
    color: rgb(105,100,103)
}

h2 {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: x-large;
    color: rgb(105,100,103)
}

h3 {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: large;
    color: rgb(105,100,103)
}

h4 {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: medium;
    color: rgb(105,100,103)
}

h5 {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: small;
    color: rgb(105,100,103)
}

h6 {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: x-small;
    color: rgb(105,100,103)
}

form {
    margin: 0px;
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: small;
    color: rgb(64,64,64);
}

/* INPUT STYLES */
textarea {
    font-family: "Segoe UI","Segoe",Arial;
    font-size: small;
    color: rgb(78,70,69);
}

input {
    font-family: "Segoe UI","Segoe",Arial;
    font-size: small;
    color: rgb(78,70,69);
}

select {
    font-family: "Segoe UI","Segoe",Arial;
    font-size: small;
    color: rgb(78,70,69);
}

/* PARAGRAPH, LIST AND FONT STYLES */
p {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: small;
    color: rgb(78,70,69);
    margin-top: 0px;
    margin-bottom: 24px;
}

div {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: small;
    color: rgb(78,70,69)
}

li {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: small;
    color: rgb(78,70,69)
}

td {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
}


span {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
}

/*  TABLE STYLES */
table {
    padding: 0px;
    spacing: 0px;
}

td {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: small;
    color: rgb(78,70,69);
}

input[type=button], input[type=reset], input[type=submit], button {
    margin-left: 0px;
}
/* ------------------------------------------------------------------------- */
/* END TOP LEVEL TAG STYLES                                                  */
/* ------------------------------------------------------------------------- */

.modal-bar * {
    padding: 0px 10px;
}

    .modal-bar *, .modal-bar * * {
        margin: 0px;
        vertical-align: middle
    }

input[type='submit'], input[type='button'], input[type='reset'], button {
    background-image: linear-gradient(to top, rgb(239,240,240), rgb(255,255,255));
    min-width: 50px;
    border: 1px solid rgb(120,120,120);
    background-color: #FFFFFF;
    color: #000000;
    padding: 4px;
}

    input[type='submit']:active, input[type='button']:active, input[type='reset']:active, button:active {
        background-image: none;
        border: 1px solid rgb(50,50,50);
        background-color: rgb(200,200,200);
        color: #000000
    }


/* CLASS SPECIFIC STYLES BEGIN HERE */

a.top:link {
    color: rgb(255,255,255);
    background-color: transparent;
    text-decoration: none
}

a.top:visited {
    color: rgb(255,255,0);
    background-color: transparent;
    text-decoration: none
}

a.top:active {
    color: rgb(255,255,255);
    background-color: transparent;
    text-decoration: none
}

a.top:hover {
    color: rgb(0,255,255);
    background-color: transparent;
    text-decoration: none
}

a.side:link {
    font-size: x-small;
    color: rgb(232,76,64);
    background-color: transparent;
    text-decoration: none;
    font-weight: bold
}

a.side:visited {
    font-size: x-small;
    color: rgb(232,76,64);
    background-color: transparent;
    text-decoration: none;
    font-weight: bold
}

a.side:active {
    font-size: x-small;
    color: rgb(232,76,64);
    background-color: transparent;
    text-decoration: none;
    font-weight: bold
}

a.side:hover {
    font-size: x-small;
    color: rgb(232,76,64);
    background-color: transparent;
    text-decoration: none;
    font-weight: bold
}

a.login:link {
    color: rgb(140,140,140);
    background-color: transparent;
    text-decoration: none
}

a.login:visited {
    color: rgb(140,140,140);
    background-color: transparent;
    text-decoration: none
}

a.login:active {
    color: rgb(232,76,64);
    background-color: transparent;
    text-decoration: none
}

a.login:hover {
    color: rgb(232,76,64);
    background-color: transparent;
    text-decoration: none
}


a.file:link {
    color: rgb(232,76,64);
    background-color: transparent;
    text-decoration: none;
    font-size: 8pt
}

a.file:visited {
    color: rgb(232,76,64);
    background-color: transparent;
    text-decoration: none;
    font-size: 8pt
}

a.file:active {
    color: rgb(232,76,64);
    background-color: transparent;
    text-decoration: none;
    font-size: 8pt
}

a.file:hover {
    color: #b6824c;
    background-color: transparent;
    text-decoration: none;
    font-size: 8pt
}

a.breadcrumb {
    font-size: small
}

.field-label {
    font-weight: bold;
}

.field-label-edit {
    font-weight: normal;
}

body.main {
    background-color: rgb(244,244,244);
}

body.short {
    background-color: rgb(255,255,255);
    margin-top: 0px
}

button.small {
    font-size: x-small;
}

span.hidden {
    visibility: hidden;
    display: none;
}

span.submenu {
    font-size: x-small;
}

span.bodyhead {
    font-size: large;
    font-weight: 500;
    color: rgb(105,100,103);
}

span.bodyhead2 {
    font-size: medium;
    font-weight: 500;
    color: rgb(105,100,103)
}

span.bodyhead3 {
    font-size: small;
    font-weight: 500;
    color: rgb(105,100,103)
}

span.ajaxloading {
    font-size: 8pt;
    font-weight: bold;
    height: 20px;
}

span.adminpanel {
    font-size: x-small;
    font-weight: bold
}

div.admintile {
    text-align: center;
    width: 110px;
    height: 85px;
    float: left;
    margin-left: 0px;
    margin-top: 10px;
}

span.errortext {
    color: Red
}

span.fileManagerHeader {
    font-size: small;
    font-weight: bold;
    color: rgb(232,76,64)
}

iframe.filemanageriframe {
    border-width: 1px;
    border-color: #B4B4B4;
    padding: 3px;
}



tr.fileManagerHeader {
    background-color: #EFEFEF;
}

    tr.fileManagerHeader td {
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: #000000;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #000000;
    }

tr.fileManagerRow td {
    border-bottom-width: 1px;
    border-bottom-color: rgb(240,240,240);
    border-bottom-style: solid;
}

tr.fileManagerRow:hover {
    background-color: rgb(240,240,240)
}


@media all and (max-width: 500px) {

    .fileManagertable {
        padding: 0px;
        border: 0px;
    }

        .fileManagertable tr:first-of-type {
            background-color: rgb(55,50,53);
            background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
            background-repeat: repeat-x;
            display: none;
        }

        .fileManagertable tr td.hideOnSmall {
            display: none;
        }

        .fileManagertable tr {
            border-bottom-width: 1px;
            border-bottom-color: rgb(240,240,240);
            border-bottom-style: solid;
            padding-right: 0px;
            padding-left: 0px;
            width: 100%;
            display: block;
            float: left;
            clear: left;
        }

            .fileManagertable tr td {
                border-bottom-width: 0px;
                font-size: small;
                padding-right: 0px;
                padding-left: 5px;
                width: 95%;
                display: block;
                float: left;
                clear: left;
            }

            .fileManagertable tr:hover td {
                font-size: small;
            }

            .fileManagertable tr td:before {
                content: attr(data-title)
            }

            .fileManagertable tr td:empty {
                display: none
            }

    .smallremove {
        display: none;
    }
}


span.breadcrumb {
    font-size: medium
}

span.breadcrumb-empty-placeholder {
    display: none
}

span.subsection_header {
    font-weight: 500;
    color: rgb(105,100,103);
    font-size: large;
}



span.small {
    font-size: x-small;
}

span.italics {
    font-style: italic;
}

span.required {
    color: red;
}

span.recommended {
    color: blue;
}

span.reqreccontainer {
    width: 8px;
    display: inline-block;
    text-align: left;
}

span.errortext {
    color: red;
}

span.duplicate {
    visibility: hidden;
    font-style: italic;
    font-weight: bold;
}

span.heading {
    font-weight: bold;
    font-size: medium;
}

span.export {
    color: #377abc;
    cursor: pointer
}


.border {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(200, 200, 200);
}

.bottomthickborder {
    border-bottom: 2px solid black
}

/* Sitemap Styles */
span.sitemap-section a {
    font-size: small;
}

span.sitemap-submenu a {
    font-size: x-small;
}
/* End Sitemap styles */




/* ------------------------------------------------------------------------- */
/* Tab, Tab Pane, and Table Styles used by Data Manager                      */
/* ------------------------------------------------------------------------- */

.tabpane {
    background-color: #F2F2F2;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(244,244,244);
    /* -moz-box-shadow: #E1E1E1 3px 3px 5px; */ -webkit-box-shadow: #E1E1E1 2px 2px 5px;
    box-shadow: #E1E1E1 2px 2px 5px;
}

.curvedpanecorners {
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.emptytab {
    background-color: #E1E1E1;
}

.tabpanediv {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    background-color: rgb(244,244,244);
}

.tabpaneresults {
    background-color: #CCCCCC;
}


.tabpaneadmin {
    background-color: #FFFFFF;
}

.tab_center {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(105,100,103);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(105,100,103);
    text-align: center;
    padding: 6px;
    min-width: 120px;
    border-top-style: solid;
    border-top-color: rgb(105,100,103);
    border-top-width: 1px;
    background-color: rgb(105,100,103);
    background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
    background-repeat: repeat-x;
}

    .tab_center:hover {
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: rgb(135,130,133);
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: rgb(135,130,133);
        text-align: center;
        padding: 6px;
        min-width: 120px;
        border-top-style: solid;
        border-top-color: rgb(135,130,133);
        border-top-width: 1px;
        background-color: rgb(135,130,133);
        background-image: linear-gradient(to bottom, rgb(135,130,133), rgb(155,150,153) 20%, rgb(135,130,133));
        background-repeat: repeat-x;
    }

.tab_center_on {
    text-align: center;
    padding: 6px;
    min-width: 120px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #E1E1FF;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(140,182,222);
    border-top-style: solid;
    border-top-color: rgb(212,66,54);
    border-top-width: 1px;
    background-color: #DBF0FD;
    /* background-image: url("/images/tab_center_on.jpg");  */
    background-image: linear-gradient(to bottom, rgb(232,76,64), rgb(262,106,94) 30%, rgb(232,76,64));
}

    .tab_center_on a:link {
        color: rgb(255,255,255);
        font-weight: bold;
    }

    .tab_center_on a:hover {
        color: rgb(255,255,255);
        font-weight: bold;
    }

    .tab_center_on a:active {
        color: rgb(255,255,255);
        font-weight: bold;
    }

    .tab_center_on a:visited {
        color: rgb(255,255,255);
        font-weight: bold;
    }

.tab_center a {
    font-weight: bold;
    color: rgb(255,255,255);
}


table.subviewtable {
    background-color: rgb(255,255,255);
    border-collapse: separate;
}

table.searchresultstable {
    background-color: rgb(255,255,255);
    border-collapse: separate;
}

table.subgrid {
    border-collapse: separate;
    background-color: #FFFFFF;
}

.subcontent {
    background-color: transparent;
}

/* ------------------------------------------------------------------------- */
/* End Tab and Table Styles used by Data Manager                             */
/* ------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------- */
/* Data Manager duplciate styles                                             */
/* ------------------------------------------------------------------------- */
table.duplicatechecktable {
    width: 500px;
    border-top-width: 1px;
    border-top-color: Gray;
    border-top-style: solid;
    border-left-width: 1px;
    border-left-color: Gray;
    border-left-style: solid;
    background-color: #F2F2F2;
    background-image: url('/images/tabpane-background.jpg');
    background-image: -webkit-gradient(linear, 0% 0%, 0% 60, from(#E1E1E1), to(#F2F2F2), color-stop(50%,#F2F2F2));
    background-image: -moz-linear-gradient(center top,#E1E1E1, #F2F2F2 30px, #F2F2F2 100%);
    background-repeat: repeat-x;
}

    table.duplicatechecktable tr td {
        border-bottom-width: 1px;
        border-bottom-color: Gray;
        border-bottom-style: solid;
        border-right-width: 1px;
        border-right-color: Gray;
        border-right-style: solid;
    }




/* ------------------------------------------------------------------------- */
/* Data Manager structure element default styles                             */
/* ------------------------------------------------------------------------- */
input.structure-select-type-in {
    width: 200px;
}

select.structure-select-type-in {
    width: 205px;
}

input.structureTypeInLookupSelected {
    background-color: #B4FFB4;
    font-weight: bold;
}

input.structureTypeInLookupNotSelected {
    background-color: #FFFFFF;
}

div.structureTypeInLookupDiv {
    margin-left: 5px;
    margin-top: 5px;
    background-color: #FFFFFF;
    padding: 3px;
    border-width: 1px;
    border-style: outset;
    width: 200px;
    height: 200px;
    font-size: small;
    overflow: scroll;
}

.subrecord-divider {
    border-bottom-color: #E1E1E1;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.structurehelp {
    border-width: 0px;
    vertical-align: text-top;
}

.popupexportdialog {
    visibility: hidden;
    background: #ddd;
    position: fixed;
    left: 40%;
    top: 40%;
    width: 220px;
    padding: 10px 10px 0 10px;
    border: 1px dotted red;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
}

/* ------------------------------------------------------------------------- */
/* End Data Manager structure element default styles                         */
/* ------------------------------------------------------------------------- */
.metroicon26 {
    padding: 0px;
    background-color: <% = TH.SuiteBarBackground() %>;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px 7px 7px 7px;
    width: 26px;
    border: 0px;
}

.metroicon26-disabled {
    padding: 0px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px 7px 7px 7px;
    width: 26px;
    border: 0px;
}

.metroicon16 {
    padding: 0px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px 8px 8px 8px;
    width: 16px;
    border: 0px;
}

.metroicon14 {
    padding: 0px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px 7px 7px 7px;
    width: 14px;
    border: 0px;
}


/* ------------------------------------------------------------------------- */
/* Menu Button Styles                                                        */
/* ------------------------------------------------------------------------- */





.subbar {
    BACKGROUND-COLOR: #FFFFFF;
    list-style: none;
}



#site-top-menu .top-menu {
    float: left;
    padding: 0px;
    padding-left: 5px;
    margin: 0px;
    box-sizing: border-box;
}

#site-top-menu .top-menu2 {
    float: left;
    padding: 0px;
    margin: 0px;
}


    #site-top-menu .top-menu .subbaroff:hover, #site-top-menu .top-menu2 .subbaroff:hover {
        background-color: #5AA5D1;
        vertical-align: middle;
        min-height: 20px;
        padding-top: 2px;
        margin-top: 5px;
        margin-right: 20px;
        border-style: solid;
        border-color: rgb(0,153,204);
        border-width: 0px;
        font-size: medium;
        background-image: linear-gradient(to top, rgb(209,210,210), rgb(219,219,219));
        background-repeat: repeat-x;
    }

    #site-top-menu .top-menu .subbarimage, #site-top-menu .top-menu2 .subbarimage {
        float: left;
        list-style: none;
    }

    #site-top-menu .top-menu .subbaron, #site-top-menu .top-menu2 .subbaron {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px 5px 5px 5px;
        list-style: none;
        background-color: rgb(90,165,209);
        vertical-align: middle;
        /* background-image: url('/images/tab_center.jpg'); */
        background-image: linear-gradient(to top, rgb(239,240,240), rgb(249,249,249));
        min-height: 20px;
        padding-top: 2px;
        margin-top: 5px;
        margin-right: 20px;
        border-style: solid;
        color: rgb(255,255,255);
        border-width: 0px;
        font-size: medium;
        float: left;
    }



    #site-top-menu .top-menu .subbaroff, #site-top-menu .top-menu2 .subbaroff {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px 5px 5px 5px;
        list-style: none;
        /*background-color: rgb(190,230,255); */ vertical-align: middle;
        min-height: 20px;
        padding-top: 2px;
        margin-top: 5px;
        margin-right: 20px;
        border-style: solid;
        border-color: rgb(255,255,255);
        border-width: 0px;
        font-size: medium;
        float: left;
    }

        #site-top-menu .top-menu .subbaroff:hover a, #site-top-menu .top-menu2 .subbaroff:hover a {
            color: rgb(140,140,140)
        }

    #site-top-menu .top-menu .subbaron a, #site-top-menu .top-menu2 .subbaron a {
        color: rgb(232,76,64);
    }

    #site-top-menu .top-menu .subbaroff a, #site-top-menu .top-menu2 .subbaroff a {
        color: rgb(140,140,140)
    }

@media all and (max-width: 500px) {

    #site-top-menu {
        padding-bottom: 5px;
    }

        #site-top-menu .top-menu2 .subbaron {
            clear: left;
            width: 300px;
            text-align: left;
        }

        #site-top-menu .top-menu2 .subbaroff {
            clear: left;
            width: 300px;
            text-align: left;
        }

        #site-top-menu .top-menu2 {
            padding-top: 30px;
            height: auto;
            overflow: visible;
        }

        #site-top-menu .top-menu {
            display: none;
            max-width: 300px;
        }

        #site-top-menu .burgerbutton {
            padding-top: 2px;
            border: 0px;
            width: 30px;
            height: 30px;
            float: right;
        }

    .sectionBarMenu .burgerbutton, div.sectionBarSectionText {
        float: left;
    }

    .sectionBarMenu .burgerbutton {
        float: right;
        padding-top: 4px;
        padding-right: 13px;
        border: 0px;
        width: 30px;
        height: 30px;
    }

    div.sectionBarMenuOption {
    }

    #site-sidebar-ajax-pane {
        padding-left: 0px;
    }

    #sectionBarMenuBr {
        display:none;
    }


    .sectionBarMenu .top-menu {
        display: none;
    }

    .sectionBarMenu .top-menu2 {
        height: auto;
    }
    .sectionBarMenu #largeWidthSectionBarOptions {
        display: none;
    }
    .sectionBarMenu #smallWidthSectionBarOptions {
        clear: both;
    }
    .pageBarMenu .burgerbutton, div.sectionBarSectionText {
        float: left;
    }

    .pageBarMenu .burgerbutton {
        float: right;
        padding-top: 4px;
        padding-right: 13px;
        border: 0px;
        width: 30px;
        height: 30px;
    }

    div.pageBarMenuOption {
    }


    .pageBarSearchBar {
        width: 80px;
    }

    #pageBarMenuBr {
    }


    .pageBarMenu .top-menu {
        clear:both;
        display: none;
    }

    .pageBarMenu .top-menu2 {
        clear:both;
        height: auto;
    }
    #collapsing-content-sectionbar {
        clear: both;
    }

    div.pageBarMenu #Results_Section-container {
        padding-left: 13px;
    }

}
@media all and (min-width: 501px) {


    .burgerbutton {
        display: none
    }

    #site-top-menu {
        padding-bottom: 20px;
    }

    .top-menu .subbaron {
        text-align: center;
    }

    .top-menu .subbaroff {
        text-align: center;
    }

    .top-menu2 .subbaron {
        text-align: center;
    }

    .top-menu2 .subbaroff {
        text-align: center;
    }


    #site-sidebar-ajax-pane {
        padding-left: 5px;
    }


    div.sectionBarMenu, div.sectionBarMenuOption {
        border-right: 2px solid #fefdf2;
        float: left;
    }

    #sectionBarMenuBr {
        display: none;
    }

    div.pageBarMenu, div.pageBarMenuOption {
        border-right: 2px solid #fefdf2;
        float: left;
    }

    #pageBarMenuBr {
        display: none;
    }

    div.sectionBarSearchBarDiv {
        float: right;
    }
    div.pageBarMenu #Results_Section-container {
        padding-right: 4px;
        float: right;
        height: 40px;
    }

}
/* --------------------------------- */
/* Secondary menu styles */
/* --------------------------------- */

#site-secondary-menu .top-menu, #site-secondary-menu .top-menu2 {
    float: left;
    padding: 0px;
    margin: 0px;
}

    #site-secondary-menu .top-menu .subbarimage, #site-secondary-menu .top-menu2 .subbarimage {
        float: left;
        list-style: none;
    }

    #site-secondary-menu .top-menu .subbaroff:hover, #site-secondary-menu .top-menu2 .subbaroff:hover {
        vertical-align: top;
    }

    #site-secondary-menu .top-menu .subbaron, #site-secondary-menu .top-menu2 .subbaron {
        list-style: none;
        vertical-align: top;
        margin-bottom: 0px;
        padding-right: 1px;
        padding-left: 1px;
        border-right: 1px rgb(140,140,140) solid
    }


    #site-secondary-menu .top-menu .subbaroff, #site-secondary-menu .top-menu2 .subbaroff {
        list-style: none;
        vertical-align: top;
        margin-bottom: 0px;
        padding-right: 1px;
        padding-left: 1px;
        border-right: 1px rgb(140,140,140) solid
    }

        #site-secondary-menu .top-menu .subbaroff:hover a, #site-secondary-menu .top-menu2 .subbaroff:hover a {
            color: rgb(232,76,64);
        }

    #site-secondary-menu .top-menu .subbaron a, #site-secondary-menu .top-menu2 .subbaron a {
        color: rgb(140,140,140);
    }

    #site-secondary-menu .top-menu .subbaroff a, #site-secondary-menu .top-menu2 .subbaroff a {
        color: rgb(140,140,140)
    }


/* --------------------------------- */
/* End Secondary menu styles */
/* --------------------------------- */


img.mediumicon {
    border-width: 0px;
}


    img.mediumicon:hover {
        -moz-box-shadow: rgb(220,220,220) 0px 03px 30px;
        -webkit-box-shadow: rgb(220,220,220) 0px -0px 30px;
        box-shadow: rgb(220,220,220) 0px -0px 30px;
    }


div.splitbutton {
    float: left;
}


    div.splitbutton div.leftsplit {
        float: left;
        border: solid #000000 1px;
        margin-right: 0px;
        height: 20px;
        padding: 2px;
    }

    div.splitbutton div.rightsplit {
        float: left;
        margin-left: 0px;
        border-top: solid #000000 1px;
        border-left: solid #000000 1px;
        border-bottom: solid #000000 1px;
        height: 20px;
        padding: 2px;
    }


    div.splitbutton button.leftsplit {
        float: left;
        margin-right: 0px;
        padding: 4px;
        height: 30px;
        border-top: 1px rgb(200,200,200) solid;
        border-bottom: 1px rgb(200,200,200) solid;
        border-right: 1px rgb(200,200,200) solid;
        border-left: 1px rgb(200,200,200) solid;
    }

    div.splitbutton button.rightsplit {
        float: left;
        margin-left: 0px;
        height: 30px;
        padding: 4px;
        border-top: 1px rgb(200,200,200) solid;
        border-bottom: 1px rgb(200,200,200) solid;
        border-right: 1px rgb(200,200,200) solid;
        border-left: 0px rgb(200,200,200) solid;
    }

    div.splitbutton button.leftsplit a {
        color: #000000;
    }

    div.splitbutton button.rightsplit a {
        color: #000000;
    }



/* ------------------------------------------------------------------------- */
/* End Menu Button Styles                                                    */
/* ------------------------------------------------------------------------- */







/* ------------------------------------------------------------------------- */
/* Content Manager Styles                                                    */
/* ------------------------------------------------------------------------- */
.contentstate {
    padding: 5px;
    border: solid 2px #fdd48b;
    font-weight: bold;
}
/* ------------------------------------------------------------------------- */
/* End Content Manager Styles                                                */
/* ------------------------------------------------------------------------- */







/* ------------------------------------------------------------------------- */
/* Global Search Styles                                                      */
/* ------------------------------------------------------------------------- */
td.toolheader {
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
    font-weight: bold;
    color: #999999;
    font-size: large;
}

td.toolheadericon {
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 10px;
}


td.searchsectionheader1 {
    font-size: 14px;
    font-weight: bold;
    border-bottom: solid 2px #666666;
}

td.searchsectionheader2 {
    font-size: 12px;
    text-align: right;
    border-bottom: solid 2px #666666;
}
/* ------------------------------------------------------------------------- */
/* END Global Search Styles                                                  */
/* ------------------------------------------------------------------------- */








/* ------------------------------------------------------------------------- */
/* DIALOG BOX AND GRID STYLES                                                */
/* ------------------------------------------------------------------------- */

td.dialogboxheader {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 6px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}

div.dialogboxheader, td.dialogboxheader {
    border-bottom-style: solid;
    border-bottom-color: #E7E3E7;
    border-bottom-width: 1px;
    background-color: rgb(55,50,53);
    background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    font-size: small;
    font-weight: bold;
    color: rgb(255,255,255);
}

    div.dialogboxheader a, td.dialogboxheader a {
        color: rgb(255,255,255);
        background-color: transparent;
        text-decoration: none
    }

        div.dialogboxheader a:link, td.dialogboxheader a:link {
            color: rgb(255,255,255);
            background-color: transparent;
            text-decoration: none
        }

        div.dialogboxheader a:visited, td.dialogboxheader a:visited {
            color: rgb(255,255,255);
            background-color: transparent;
            text-decoration: none
        }

        div.dialogboxheader a:active, td.dialogboxheader a:active {
            color: rgb(255,255,255);
            background-color: transparent;
            text-decoration: none
        }

        div.dialogboxheader a:hover, td.dialogboxheader a:hover {
            color: rgb(255,255,255);
            background-color: transparent;
            text-decoration: none
        }


/* Column headers that are clickable */
th.dialogcolumnheaderclick, td.dialogcolumnheaderclick {
    background-color: rgb(55,50,53);
    font-size: small;
    font-weight: bold;
    color: rgb(200,200,200);
    text-align: left;
    background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
    background-repeat: repeat-x;
}

    th.dialogcolumnheaderclick a:link, td.dialogcolumnheaderclick a:link {
        color: rgb(255,255,255);
        background-color: transparent;
        text-decoration: none
    }

    th.dialogcolumnheaderclick a:visited, td.dialogcolumnheaderclick a:visited {
        color: rgb(255,255,255);
        background-color: transparent;
        text-decoration: none
    }

    th.dialogcolumnheaderclick a:active, td.dialogcolumnheaderclick a:active {
        color: rgb(255,255,255);
        background-color: transparent;
        text-decoration: none
    }

    th.dialogcolumnheaderclick a:hover, td.dialogcolumnheaderclick a:hover {
        color: rgb(255,255,255);
        background-color: transparent;
        text-decoration: none
    }

    th.dialogcolumnheaderclick:hover, td.dialogcolumnheaderclick:hover {
        background-color: rgb(55,50,53);
        background-image: linear-gradient(to bottom, rgb(55,50,53), rgb(85,80,83));
        background-repeat: repeat-x;
    }

/* Column headers that are readonly */
th.dialogcolumnheader, td.dialogcolumnheader {
    background-color: #5AA5D1;
    background-image: url('/images/dialogboxheader.jpg');
    font-size: small;
    font-weight: bold;
    color: rgb(255,255,255);
    text-align: left;
    background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
    background-repeat: repeat-x;
}

    th.dialogcolumnheader a:link, td.dialogcolumnheader a:link {
        color: rgb(255,255,255);
        background-color: transparent;
        text-decoration: none
    }

    th.dialogcolumnheader a:visited, td.dialogcolumnheader a:visited {
        color: rgb(255,255,255);
        background-color: transparent;
        text-decoration: none
    }

    th.dialogcolumnheader a:active, td.dialogcolumnheader a:active {
        color: rgb(255,255,255);
        background-color: transparent;
        text-decoration: none
    }

    th.dialogcolumnheader a:hover, td.dialogcolumnheader a:hover {
        color: #b6824c;
        background-color: transparent;
        text-decoration: none
    }


div.dialogboxheader div, th.dialogboxheader div, td.dialogboxheader div {
    color: rgb(255,255,255);
}

    div.dialogboxheader div a:link, th.dialogboxheader div a:link, td.dialogboxheader div a:link {
        color: rgb(255,255,255);
    }

.contentbackDELL {
    BACKGROUND-COLOR: rgb(200,0,0) !important
}

    .contentbackDELL:hover {
        BACKGROUND-COLOR: rgb(255,175,175) !important
    }

    .contentbackDELL td {
        font-size: x-small;
        color: #FFFFFF;
    }

    .contentbackDELL:hover td {
        font-size: x-small;
        color: #000000;
    }

.subviewtable tr:nth-child(even) {
    background-color: rgb(250,250,250)
}

.searchresultstable tr:nth-child(even) {
    background-color: rgb(250,250,250)
}

.subviewtable tr:nth-child(odd) {
    background-color: rgb(240,240,240)
}

.searchresultstable tr:nth-child(odd) {
    background-color: rgb(240,240,240)
}

.subviewtable tr:hover {
    BACKGROUND-COLOR: rgb(250,214,156)
}

.searchresultstable tr:hover {
    BACKGROUND-COLOR: rgb(250,214,156)
}

.subviewtable tr td {
    font-size: x-small;
}

.searchresultstable tr td {
    font-size: x-small;
}

.subviewtable tr td ul li {
    font-size: x-small;
}

.searchresultstable tr td ul li {
    font-size: x-small;
}

.subviewtable tr:hover td {
    font-size: x-small;
}

.searchresultstable tr:hover td {
    font-size: x-small;
}

@media all and (max-width: 500px) {

    .searchresultstable {
        padding: 0px;
        border: 0px;
    }

        .searchresultstable tr:first-of-type {
            background-color: rgb(55,50,53);
            background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
            background-repeat: repeat-x;
            display: none;
        }

        .searchresultstable tr {
            padding-right: 0px;
            padding-left: 0px;
            width: 100%;
            display: block;
            float: left;
            clear: left;
        }

            .searchresultstable tr td {
                font-size: small;
                padding-right: 0px;
                padding-left: 5px;
                width: 95%;
                display: block;
                float: left;
                clear: left;
            }

            .searchresultstable tr:hover td {
                font-size: small;
            }

            .searchresultstable tr td:before {
                content: attr(data-title)
            }

            .searchresultstable tr td:empty {
                display: none
            }


    .subgrid tr:first-of-type {
        background-color: rgb(55,50,53);
        background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
        background-repeat: repeat-x;
        display: none;
    }

    .subgrid tr {
        padding-right: 0px;
        padding-left: 0px;
        width: 100%;
        display: block;
        float: left;
        clear: left;
    }

        .subgrid tr td {
            font-size: small;
            padding-right: 0px;
            padding-left: 5px;
            width: 95%;
            display: block;
            float: left;
            clear: left;
        }

        .subgrid tr:hover td {
            font-size: small;
        }

        .subgrid tr td:before {
            content: attr(data-title)
        }

        .subgrid tr td:empty {
            display: none
        }

        .subgrid tr td input[type=text] {
            width: 100%
        }

        .subgrid tr td select {
            width: 100%
        }

        .subgrid tr td textarea {
            width: 100%
        }

    .subviewtable tr:first-of-type {
        background-color: rgb(55,50,53);
        background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
        background-repeat: repeat-x;
        display: none;
    }

    .fldinput-aev {
        width: 100%
    }

        .fldinput-aev input[type=text] {
            width: 95%
        }

        .fldinput-aev select {
            width: 95%
        }

        .fldinput-aev textarea {
            width: 95%
        }


    .subviewtable tr {
        padding-right: 0px;
        padding-left: 0px;
        width: 100%;
        display: block;
        float: left;
        clear: left;
    }

        .subviewtable tr td {
            font-size: small;
            padding-right: 0px;
            padding-left: 5px;
            width: 95%;
            display: block;
            float: left;
            clear: left;
        }

        .subviewtable tr:hover td {
            font-size: small;
        }

        .subviewtable tr td:before {
            content: attr(data-title)
        }

        .subviewtable tr td:empty {
            display: none
        }
}


/* Styles for result rows */
.contentback2 {
    BACKGROUND-COLOR: rgb(250,250,250)
}

.contentback3 {
    BACKGROUND-COLOR: rgb(240,240,240)
}

.contentback2:hover {
    BACKGROUND-COLOR: rgb(250,214,156)
}

.contentback3:hover {
    BACKGROUND-COLOR: rgb(250,214,156)
}

.contentback2 td {
    font-size: x-small;
}

.contentback3 td {
    font-size: x-small;
}

.contentback2 td ul li {
    font-size: x-small;
}

.contentback3 td ul li {
    font-size: x-small;
}


.contentback2:hover td {
    font-size: x-small;
}

.contentback3:hover td {
    font-size: x-small;
}


.contentbackDELL td {
    font-size: x-small;
}

.contentbackDELL:hover td {
    font-size: x-small;
}


.metroicon26 {
    padding: 0px;
    background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px 7px 7px 7px;
    width: 26px;
    border: 0px;
}

.metroicon26-disabled {
    padding: 0px;
    background-image: linear-gradient(to bottom, rgb(165,160,163), rgb(185,180,183) 20%, rgb(165,160,163));
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px 7px 7px 7px;
    width: 26px;
    border: 0px;
}

.metroicon16 {
    padding: 0px;
    background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px 8px 8px 8px;
    width: 16px;
    border: 0px;
}

.metroicon14 {
    padding: 0px;
    background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px 7px 7px 7px;
    width: 14px;
    border: 0px;
}

@media all and (max-width: 500px) {

    .metroicon26-disabled, .metroicon26 {
        width: 36px;
    }
}



/* ------------------------------------------------------------------------- */
/* End DIALOG BOX AND GRID STYLES                                            */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */
/* Dropdown Menu Styles                                                      */
/* ------------------------------------------------------------------------- */
div.dropdown {
    position: absolute;
    visibility: hidden;
    min-width: 200px;
    text-align: left;
    /*background: url('/images/background/content-box-bg.jpg'); */
    background: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #AEB0B3;
    z-index: 10000;
}

.ddcontainerBack {
    position: absolute;
    visibility: hidden;
    min-width: 200px;
    z-index: 100;
    height: 1px;
    background-color: #FFFFFF;
}

ul.ddlist {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding-left: 0px;
    display: none;
}

    ul.ddlist li {
        width: 100%;
        border-bottom: solid 1px #AEB0B3;
        text-align: left;
        cursor: pointer;
        color: #5A595A;
        font-size: 11pt;
        font-weight: bold;
        line-height: 18px;
        min-height: 25px;
        padding: 7px 0px 1px 0px;
        margin-bottom: 0px;
    }

        ul.ddlist li:hover {
            background-color: #DCE3EA;
        }

        ul.ddlist li:focus {
            background-color: #DCE3EA;
        }

        ul.ddlist li div.ddarrow {
            float: left;
            margin-left: 5px;
            margin-right: 6px;
        }

        ul.ddlist li:hover div.ddarrow {
            float: left;
            margin-left: 5px;
            margin-right: 6px;
        }

        ul.ddlist li a {
            color: #5A595A;
            font-size: 8pt;
            font-weight: bold;
        }


/* ------------------------------------------------------------------------- */
/* End Dropdown styles                                                       */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */
/* Additional Elements for Div-based Positioning                             */
/* ------------------------------------------------------------------------- */
#site-container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    padding-left: 0px;
    padding-bottom: 10px;
    padding-top: 7px;
    background: #FFFFFF;
}

@media all and (max-width: 500px) {

    #site-container {
        width: 100%;
    }

    #site-top-menu {
        width: 100%;
    }

    #site-logo {
        padding-bottom: 7px;
        padding-left: 0px;
        padding-top: 0px;
    }
}

@media all and (min-width: 501px) {

    #site-logo {
        padding-bottom: 7px;
        padding-left: 0px;
        padding-top: 8px;
    }

    #site-container {
        width: 95%;
        margin-top: 0px;
    }

    #site-top-menu {
        width: 100%;
    }
}

div.fldlbl-150 {
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    width: 150px;
    vertical-align: top;
    clear: left;
}

div.fldlbl-search {
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    width: 250px;
    vertical-align: top;
    clear: left;
}

div.fldinput-search {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    float: left;
    vertical-align: top;
    min-width: 200px;
}

div.row100 {
    width: 100%;
    min-height: 24px;
    float: left;
    clear: left;
}

div.rulerow {
    box-sizing: border-box;
    width: 100%;
    min-height: 28px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    float: left;
    clear: left;
}

div.fldlbl-aev {
    padding-left: 0px;
    padding-right: 5px;
    float: left;
    vertical-align: top;
    clear: left;
}

div.fldinput-aev {
    padding-left: 0px;
    padding-right: 5px;
    padding-bottom: 10px;
    float: left;
    vertical-align: top;
    min-width: 200px;
}



#site-pagecontent {
    padding-top: 0px;
    float: left;
    padding-left: 5px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    background-color: #ffffff;
    min-height: 477px;
}

@media print {

    #site-pagecontent {
        width: 95% !important;
    }

    #site-sidebar {
        display: none;
    }
}

.modalFrame {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(200, 200, 200);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: #878787 15px 15px 30px;
    -webkit-box-shadow: #878787 15px 15px 30px;
    box-shadow: #878787 15px 15px 30px;
    z-index: 20000;
}

#MainContent {
    background-color: <% = TH.BackgroundOverlay()%>;
}

#massFrame {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(200, 200, 200);
    box-shadow: #878787 15px 15px 30px;
}

#site-footer {
    padding-top: 13px;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    align-content: center;
}

    #site-footer div {
        font-family: "Segoe UI","Segoe",arial;
        font-size: x-small;
        color: rgb(78,70,69);
    }

        #site-footer div a {
            font-family: "Segoe UI","Segoe",arial;
            font-size: x-small;
            color: rgb(78,70,69);
        }


#site-top-menu {
    float: left;
    clear: left right;
    margin: 0px;
    padding-top: 0px;
    box-sizing: border-box;
}

#site-secondary-menu {
    float: right;
    margin-right: 5px;
}


#site-logo {
    float: left;
    width: 200px;
    padding-bottom: 7px;
}

#site-sidebar-arrowID {
    margin-left: 1px;
    margin-top: 2px;
}

#site-sidebar {
    min-height: 477px;
    float: left;
    width: 175px;
    margin-left: 0px;
    overflow: hidden;
    clear: left;
}

#site-sidebar_nav {
    padding-top: 0px;
    padding-bottom: 6px;
    margin-bottom: 5px;
    padding-left: 15px;
    box-sizing: border-box;
    width: 168px;
}

    #site-sidebar_nav a {
        font-size: 13pt;
        color: rgb(140,140,140);
    }

#site-sidebar-ajax-pane {
    float: left;
    width: 15px;
    height: 400px;
}

.sidebar-menu-icon {
    vertical-align: middle;
    width: 34px;
    padding-left: 7px;
    padding-right: 10px;
    border: 0px;
}

#site-helpicon {
    float: right;
}

/* ------------------------------------------------------------------------- */
/* End Additional Elements for Div-based Positioning                         */
/* ------------------------------------------------------------------------- */

/*==================================================================================*/
/* Styles for in page Section Bar and Page Bar                                      */
/*==================================================================================*/

div.menubar-prevnext-page {
    padding-top: 4px;
    height: 30px;
    float: right;
    padding-right: 4px;

}
    div.menubar-prevnext-page * {
        height: inherit;
    }

    div.menubar-prevnext-page a .metroicon26, div.menubar-prevnext-page a .metroicon26-disabled {
        background-color: <% = TH.SuiteBarBackground() %>;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px 7px 7px 7px;
        border: 0px;
        width: 30px;
    }
.metroicon26 {
    padding: 0px;
    
}

/*-------------*/
/* SECTION BAR */
/*-------------*/
div.sectionBarMenu {
    background-color: rgb(105,100,103);
    border-bottom: 2px solid #ccd4e0;
    min-height: 40px;
    line-height: 40px;
    width: 100%;
}

div.sectionBarSectionText {
    color: #fefdf2;
    font-style: italic;
    font-weight: bold;
    padding-left: 13px;
    padding-right: 39px;
    float: left;
}

    div.sectionBarSectionText a {
        color: #ffffff;
    }

div.sectionBarMenuOption {
    padding-left: 13px;
    padding-right: 13px;
    color: #fefdf2;
}

.sectionBarMenuOption:hover {
    background-color: rgb(232,76,64);
    padding-left: 13px;
    padding-right: 13px;
    color: #ffffff;
}

div.pageBarMenu {
    float: left;
    width: 100%;
    line-height: 40px;
    background-color: rgb(178, 173, 176);
    border-bottom: 2px solid #ccd4e0;
    margin-bottom: 12px;
}


div.sectionBarMenuOption a {
    color: #fefdf2;
}

div.sectionBarSearchBarDiv {
    height: 40px;
    padding-left: 13px;
    padding-right: 4px
}

input.sectionBarSearchBar {
    width: 205px;
    height: 20px;
    background-color: white;
    font-size: 11pt;
    padding-left: 4px;
}
input.sectionBarSearchBar ::placeholder{
    color: rgb(140,140,140);
}

    /*-----------*/
    /* PAGE BAR */
    /*-----------*/
    div.pageBarMenu {
        float: left;
        width: 100%;
        line-height: 40px;
        background-color: rgb(178, 173, 176);
        border-bottom: 2px solid #ccd4e0;
        margin-bottom: 12px;
    }

div.pageBarPageTypeText {
    color: #ffffff;
    font-style: italic;
    font-weight: bold;
    padding-left: 13px;
    padding-right: 39px;
    float: left;
}

div.pageBarMenuOption {
    padding-left: 13px;
    padding-right: 13px;
    color: #ffffff;
    
}

.pageBarMenuOption:hover {
    background-color: rgb(232,76,64);
}

div.pageBarMenuOption a {
    color: #ffffff;
}
div.pageBarMenu #Results_Section-container form {
    color: white;
}

/*------------------------------*/
/* Submenu Section/Page Bar CSS */
/*------------------------------*/
img.more {
    width: 10px;
    height: 6px;
    padding-left: 3px;
}

ul.SectionBar {
    padding-left: 0px;
    margin: 0px 0px 0px 0px;
    width: 180px;
    background-color: rgb(105,100,103);
    list-style-type: none;
}

div.SectionBardd {
    display: none;
}

ul.SectionBar li {
    padding-left: 13px;
    padding-top: 5px;
    height: 25px;
    color: #fefdf2;
    border: 1px solid #ccd4e0;
}

    ul.SectionBar li a {
        color: #fefdf2;
        /*background-color: rgb(0,38,100);*/
        text-decoration: none;
    }

    ul.SectionBar li:hover {
        background-color: #7E95AC;
    }


ul.PageBar {
    padding-left: 0px;
    margin: 0px 0px 0px 0px;
    background-color: rgb(178, 173, 176);
    list-style-type: none;
}

div.PageBardd {
    display: none;
}

ul.PageBar li {
    padding-left: 13px;
    padding-top: 5px;
    height: 25px;
    color: #003e7e;
    border: 1px solid #ccd4e0;
}

    ul.PageBar li a {
        color: #ffffff;
        /*background-color: #fcf3be;*/
        text-decoration: none;
    }

    ul.PageBar li:hover {
        background-color: #7E95AC;
    }

/*----------------------------------------*/
/* Submenu Section/Page Bar Container CSS */
/*----------------------------------------*/

div.sBar_dropdown {
    position: absolute;
    visibility: hidden;
    width: 180px;
    text-align: left;
    background-color: #ccd4e0;
    border-style: solid;
    border-width: 1px;
    border-color: #ccd4e0;
    ;
    z-index: 10000;
}

.sBar_ddcontainerBack {
    position: absolute;
    visibility: hidden;
    width: 180px;
    z-index: 10000;
    background-color: rgb(0,38,100);
}

div.pBar_dropdown {
    position: absolute;
    visibility: hidden;
    width: 180px;
    text-align: left;
    background-color: #ccd4e0;
    border-style: solid;
    border-width: 1px;
    border-color: #ccd4e0;
    z-index: 10000;
}

.pBar_ddcontainerBack {
    position: absolute;
    visibility: hidden;
    width: 180px;
    z-index: 100;
    background-color: #fcf3be;
}

input.menubarbutton {
    background: none !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    /*border is optional
     border-bottom:1px solid #444; */
    cursor: pointer;
}



/* ------------------------------------------------------------------------- */
/* Topic Tree Styles                                                         */
/* ------------------------------------------------------------------------- */
td.tree-edit-row {
    height: 50px;
    width: 100%;
    border-top: 1px solid black;
    -moz-user-select: none
}
/* ------------------------------------------------------------------------- */
/* End Topic Tree Styles                                                         */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */ 
/* Sidebar Styles                                                            */
/* ------------------------------------------------------------------------- */
div.sidebar_subnav {
    font-size: x-small;
    padding-top: 3px;
    margin-left: 17px;
    padding-bottom: 1px;
}

.sidemenu_images {
    vertical-align: middle;
    margin-left: 0px;
}



.side-menu {
    padding: 0px;
    padding-top: 10px;
    padding-left: 10px;
    margin: 0px;
    box-sizing: border-box;
}


    .side-menu .subbaroff:hover {
        background-color: rgb(0,153,204);
        vertical-align: middle;
        text-align: center;
        min-height: 20px;
        padding-top: 2px;
        margin-bottom: 5px;
        margin-right: 5px;
        border-style: solid;
        border-color: rgb(0,153,204);
        border-width: 1px;
        min-width: 100px;
        font-size: small;
    }

    .side-menu subbaron {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px 5px 5px 5px;
        list-style: none;
        background-color: rgb(147,205,102);
        vertical-align: middle;
        text-align: center;
        min-height: 20px;
        padding-top: 2px;
        margin-bottom: 5px;
        margin-right: 5px;
        border-style: solid;
        color: rgb(93,143,52);
        border-width: 1px;
        min-width: 100px;
        font-size: small;
        margin-left: 15px;
        width: 170px;
    }


    .side-menu .subbaroff {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px 5px 5px 5px;
        list-style: none;
        background-color: rgb(190,230,255);
        vertical-align: middle;
        text-align: center;
        min-height: 20px;
        padding-top: 2px;
        margin-bottom: 5px;
        margin-right: 5px;
        border-style: solid;
        border-color: rgb(0,153,204);
        border-width: 1px;
        min-width: 100px;
        font-size: small;
        margin-left: 15px;
        width: 170px;
    }

        .side-menu .subbaroff:hover a {
            color: #FFFFFF
        }

    .side-menu .subbaron a {
        color: rgb(255,255,255)
    }

    .side-menu .subbaroff a {
        color: rgb(0,123,184)
    }

    .side-menu .subbarimage {
        list-style: none;
    }


div.panels_container {
    min-height: 318px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 16px;
}

div.panel_container {
    padding-bottom: 15px;
}

div.panel_background {
    background-color: #ffffff;
    padding-bottom: 5px;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

div.panel_outline {
    width: 168px;
    border: #878787 solid 1px;
    width: 168px;
    background-color: #FFFFFF;
}

div.panel_nav {
    padding-left: 5px;
    padding-top: 3px;
    font-size: x-small;
}

    div.panel_nav div {
        font-size: x-small;
    }

div.panel_subnav {
    padding-left: 30px;
    padding-top: 3px;
}

div.horizontal-divider {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 16px;
    padding-top: 3px;
    border-bottom: solid 1px rgb(200,200,200);
    font-size: 3px;
}


div.sidebar_panel_header {
    border-bottom-style: solid;
    border-bottom-color: #E7E3E7;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(105,100,103);
    border-top-width: 0px;
    padding: 4px;
    /* background-color: #4E8691; */
    background-image: linear-gradient(to bottom, rgb(105,100,103), rgb(125,120,123) 20%, rgb(105,100,103));
    font-size: small;
    font-weight: bold;
    color: rgb(255,255,255);
}

span.adminlabel {
    font-size: x-small;
    font-weight: bold;
    color: #666666;
}


span.panelheader {
    font-size: small;
    color: rgb(255,255,255);
    font-weight: bold;
}

div.sidebar_panel_footer {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #878787;
    padding: 5px;
    text-align: left;
}

.arrow {
    background-image: URL("/images/rb_arrow.gif")
}


/* Topic Linking Classes */
div.links_text {
    padding: 5px;
}




/* --------- ---------------------------------------------------------------- */
/* End Sidebar Styles                                                        */
/* ------------------------------------------------------------------------- */

td.commentpane-commentcell {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #E7E3E7;
    padding-left: 30px
}

.validation-error-bg-color {
    background-color: #FFBA91
}

.div-modal{
    padding: 10px;
}
.modalblankout {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10000;
    -moz-opacity: .2;
    opacity: .2;
    filter: alpha(opacity=20)
}

table.cross-tab-grid-table {
    padding: 0px;
    border: 0px;
    border-collapse: collapse;
}

    table.cross-tab-grid-table * {
        border: 0px;
        padding: 3px;
        border-collapse: collapse;
    }

    table.cross-tab-grid-table td:hover {
        box-shadow: inset 0px 0px 0px 3px rgb(232,76,64);
        -webkit-box-shadow: inset 0px 0px 0px 3px rgb(232,76,64);
    }

    table.cross-tab-grid-table tbody tr th {
        font-size: medium;
    }

    table.cross-tab-grid-table tbody tr:nth-child(1n) td {
        background-color: rgb(250,250,250);
    }

    table.cross-tab-grid-table tbody tr:nth-child(2n) td {
        background-color: rgb(240,240,240);
    }


    table.cross-tab-grid-table tbody tr td {
        position: relative;
        background-color: inherit;
        border-style: solid;
        border-right-width: 2px;
    }

#filter-div {
    float: left;
    width: 200px;
    display: inline-block;
    clear: left;
}

#main-content {
    float: left;
}

#filter-sidebar {
    float: left;
    width: 15px;
    height: 400px;
    padding: 0px;
    background-color: rgb(239,240,240);
}

#filter-sidebar-border {
    float: left;
    width: 15px;
    height: 400px;
    padding: 0px;
}


@media all and (max-width: 800px) {
    #filter-div {
        display: none;
    }
}

.sig {
    width: 400px;
    height: 200px;
    border: 1px solid red;
}