/* Last Refresh: 12/15/2025 9:00:44 PM*/

/* EfficiencySpring CORE STYLE SHEET */

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


/* LINK STYLES */


html
{
    font-size: small;
}

a:link {
    color: rgb(2, 121, 154);
    background-color: transparent;
    text-decoration: none
}

a:visited {
    color: rgb(2, 121, 154);
    background-color: transparent;
    text-decoration: none
}

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

a:hover {
    color: rgb(0, 0, 0);
    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(71,82,99);
}

h2 {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: x-large;
    color: rgb(71,82,99);
}

h3 {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: large;
    color: rgb(71,82,99);
}

h4 {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: medium;
    color: rgb(71,82,99);
}

h5 {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: small;
    color: rgb(71,82,99);
}

h6 {
    font-family: "Segoe UI","Segoe",Arial, Helvetica;
    font-size: x-small;
    color: rgb(71,82,99);
}

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

/* INPUT STYLES */
textarea {
    font-family: "Segoe UI","Segoe",Arial;
    font-size: small;
    color: rgb(78,70,69);
    background-color: rgb(255,255,255);
    border: 1px rgb(150, 150, 150) solid;
}

input {
    font-family: "Segoe UI","Segoe",Arial;
    font-size: small;
    color: rgb(78,70,69);
    background-color: rgb(255,255,255);
    border: 1px rgb(150, 150, 150) solid;
    padding: 3px;
}

input[type=image]
{
    border: 0px;
}


 input:active, input:focus, select:active, select:focus, textarea:active, textarea:focus   {
    outline: solid 1px ; 
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px 3px 3px 3px;
} 

select {
    font-family: "Segoe UI","Segoe",Arial;
    font-size: small;
    color: rgb(78,70,69);
    background-color: rgb(255,255,255);
    border: 1px rgb(150, 150, 150) solid;
}

/* 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, input[type=file]::file-selector-button {
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
    min-width: 50px;
    border: 1px solid  rgb(120,120,120);
    background-color: rgb(2, 121, 154);
    color: rgb(255, 255, 255);
    padding: 4px;
}

input[type="checkbox"] {
accent-color: rgb(255,255,255);
}

    input[type='submit']:active, input[type='button']:active, input[type='reset']:active, button:active {
        background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
        border: 1px solid rgb(50,50,50);
        background-color: rgb(245,245,245);
        color: rgb(0,0,0)
    }

    input[type='submit']:hover, input[type='button']:hover, input[type='reset']:hover, button:hover {
        background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
        border: 1px solid rgb(50,50,50);
        background-color: rgb(245,245,245);
        color: rgb(130,130,130)
    }



/* CLASS SPECIFIC STYLES BEGIN HERE */


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

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

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

a.side:hover {
    font-size: x-small;
    
    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(140,140,140);
    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(2, 121, 154);
    background-color: transparent;
    text-decoration: none;
    font-size: 8pt
}

a.file:visited {
    color: rgb(2, 121, 154);
    background-color: transparent;
    text-decoration: none;
    font-size: 8pt
}

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

a.file:hover {
    color: rgb(0, 0, 0);
    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(2, 121, 154);

}

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(71,82,99);
}

span.bodyhead2 {
    font-size: medium;
    font-weight: 500;
    color: rgb(71,82,99);
}

span.bodyhead3 {
    font-size: small;
    font-weight: 500;
    color: rgb(71,82,99);
}

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: rgb(255,0,0);
    background-color: ;
}

span.fileManagerHeader {
    font-size: small;
    font-weight: bold;
    color: rgb(254, 253, 242)
}

img.fileicon { background-color: rgb(2, 121, 154) ; width: 38px; height: 38px; margin-right: 8px; }
img.fileicon:hover { background-color:  rgb(232,76,64) ; width: 38px; height: 38px; margin-right: 8px; }




iframe.filemanageriframe {
    border-width: 1px;
    border-color: rgb(197, 190, 190);
    padding: 3px;
}



tr.fileManagerHeader, tr.fileManagerHeader .bodyhead3 {
    background-color: rgb(2, 121, 154);
    color: rgb(254, 253, 242);
}

    tr.fileManagerHeader td {
        border-top-style: solid;
        border-top-width: 1px;
        border-top-color: rgb(204, 212, 224);
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: rgb(204, 212, 224);
    }

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

tr.fileManagerRow:hover, tr.fileManagerRow:hover td {
    background-color: rgb(250, 214, 156);
    color: rgb(78,70,69)
}


.fileManagertable tr:first-of-type {
    background-color: rgb(2, 121, 154);
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
    background-repeat: repeat-x;
    border: 1px solid rgb(197, 190, 190);
    height: 24px;

}

.fileManagertable tr:first-of-type td, .fileManagertable tr:first-of-type td a {
    color: rgb(255,255,255);

}



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

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

        .fileManagertable tr:first-of-type {

            display: none;
        }

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

        .fileManagertable tr {
            border-bottom-width: 1px;
            border-bottom-color: rgb(197, 190, 190);
            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;

            }

            .fileManagertable tr td.mobileadapt {
                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(71,82,99);
    font-size: large;
}



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

span.italics {
    font-style: italic;
}

span.required {
    color: rgb(255,0,0);

}

span.recommended {
    color: rgb(0,0,255);
}

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

span.errortext {
    color: rgb(255,0,0);
    background-color: ;
}

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

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

span.export {
    color: rgb(2, 121, 154);
    cursor: pointer
}

span.disabledtext {
    color: darkgray;
}


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

.bottomthickborder {
    border-bottom: 2px solid rgb(78,70,69);
}



/* 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: rgb(244,244,244);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(244,244,244);
    /* -moz-box-shadow: rgb(225, 225, 225)  3px 3px 5px; */ -webkit-box-shadow: rgb(225, 225, 225) 2px 2px 5px;
    box-shadow: rgb(225, 225, 225)  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: rgb(225, 225, 225);
}

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

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


.tabpaneadmin {
    background-color: rgb(255,255,255);
}

.tab_center {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(2, 121, 154);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(2, 121, 154);
    text-align: center;
    padding: 6px;
    min-width: 120px;
    border-top-style: solid;
    border-top-color: rgb(2, 121, 154);
    border-top-width: 1px;
    background-color: rgb(2, 121, 154);
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
    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, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
        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: rgb(232,76,64);
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(232,76,64);
    border-top-style: solid;
    border-top-color: rgb(232,76,64);
    border-top-width: 1px;
    background-color: rgb(232,76,64);
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
}

    .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);
}


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

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

    table.subviewtable tr:first-child {
        position: sticky;
        position: -webkit-sticky;
        top: 0;
    }

table.searchresultstable {
    background-color: rgb(255,255,255);

    border-collapse: separate;
}

    table.searchresultstable tr:first-child {
        position: sticky;
        position: -webkit-sticky;
        

        top: 0;
    }

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

        table.subgrid tr:first-child {
            position: sticky;
            position: -webkit-sticky;
            top: 0;
            z-index: 2;
        }


.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: rgb(180, 255, 180);
    color: ;
    font-weight: bold;
}

input.structureTypeInLookupNotSelected {
    background-color: rgb(255,255,255);
}

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

.subrecord-divider {
    border-bottom-color: rgb(197, 190, 190);
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

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

.popupexportdialog {
    visibility: hidden;
    background: #ddd;
    color: rgb(0,0,0);
    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);
}

.popupexportdialog li, .popupexportdialog  p {
    color: rgb(0,0,0);
}

/* ------------------------------------------------------------------------- */
/* End Data Manager structure element default styles                         */
/* ------------------------------------------------------------------------- */
.metroicon26 {
    padding: 0px;
    -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: rgb(255,255,255);
    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: rgb(209,210,210);
        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 bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
        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(249,249,249);
        vertical-align: middle;
        background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
        min-height: 20px;
        padding-top: 2px;
        padding-bottom:4px;
        margin-top: 5px;
        margin-right: 20px;
        border-style: solid;
        color: rgb(0, 0, 0);
        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;
        vertical-align: middle;
        min-height: 20px;
        padding-top: 2px;
        padding-bottom: 4px;
        margin-top: 5px;
        margin-right: 20px;
        border-style: solid;
        border-color: rgb(255,255,255);
        border-width: 0px;
        backgroundcolor: ;
        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(0, 0, 0);
    }

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

@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;
            padding-right: 5px;
            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: 5px;
      
    }

    .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,  {

        float: left;
    }

    div.sectionBarMenuOption {
        border-right: 2px solid rgb(254, 253, 242);
        float: left;
    }

    #sectionBarMenuBr {
        display: none;
    }

    div.pageBarMenuOption {
        border-right: 2px solid rgb(254, 253, 242);
        float: left;
    }


    div.pageBarMenu {
        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 {
            background-color: ;
            color: rgb(232,76,64);
        }

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

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


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


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


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


div.splitbutton {
    float: left;
}


    div.splitbutton div.leftsplit {
        float: left;
        border: solid rgb(120,120,120) 1px;
        margin-right: 0px;
        height: 20px;
        padding: 2px;
    }

    div.splitbutton div.rightsplit {
        float: left;
        margin-left: 0px;
        border-top: solid rgb(120,120,120) 1px;
        border-left: solid rgb(120,120,120) 1px;
        border-bottom: solid rgb(120,120,120) 1px;
        height: 20px;
        padding: 2px;
    }


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

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

    div.splitbutton button.leftsplit a {
        color: rgb(255, 255, 255);
    }

    div.splitbutton button.rightsplit a {
        color: rgb(255, 255, 255);
    }



/* ------------------------------------------------------------------------- */
/* 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: rgb(71,82,99);
    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 rgb(197, 190, 190);
}

td.searchsectionheader2 {
    font-size: 12px;
    text-align: right;
    border-bottom: solid 2px rgb(197, 190, 190);
}
/* ------------------------------------------------------------------------- */
/* 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, th.dialogboxheader {
    border-bottom-style: solid;
    border-bottom-color: rgb(197, 190, 190);
    border-bottom-width: 1px;
    background-color: rgb(2, 121, 154);
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    font-size: small;
    font-weight: bold;
    color: rgb(255,255,255);
}

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

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

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

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

        div.dialogboxheader a:hover, td.dialogboxheader a:hover, th.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(2, 121, 154);
    font-size: small;
    font-weight: bold;
    color: rgb(255,255,255);
    text-align: left;
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
    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:hover a:link,
    td.dialogcolumnheaderclick:hover a:link,
    th.dialogcolumnheaderclick:hover a:visited,
    td.dialogcolumnheaderclick:hover a:visited,
    th.dialogcolumnheaderclick:hover a:active,
    td.dialogcolumnheaderclick:hover a:active,
    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(250, 214, 156);
        background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
        background-repeat: repeat-x;
        color: rgb(255,255,255);
    }

/* Column headers that are readonly */
th.dialogcolumnheader, td.dialogcolumnheader {
    background-color: rgb(2, 121, 154);
    
    font-size: small;
    font-weight: bold;
    color: rgb(255,255,255);
    text-align: left;
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
    background-repeat: repeat-x;
}


    th.dialogcolumnheader a:link, td.dialogcolumnheader a:link,
    th.dialogcolumnheader a:visited, td.dialogcolumnheader a:visited,
    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: rgb(255,255,255);
        background-color: transparent;
        text-decoration: none
    }


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

.contentbackDELL {
    BACKGROUND-COLOR: rgb(200,0,0) !important;
}
    .contentbackDELL:hover {
        BACKGROUND-COLOR: rgb(250, 214, 156) !important
    }

    .contentbackDELL td {
        font-size: 0.9rem;
        color: rgb(255,255,255) !important;
    }

    .contentbackDELL:hover td {
        font-size: 0.9rem;
        color: rgb(78,70,69) !important;
    }


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


.searchresultstable > tbody > tr:nth-child(even),
.searchresultstable > tbody >  tr:nth-child(even) > td,
.searchresultstable > tbody >  tr:nth-child(even) > td > ul > li,
.subviewtable > tbody >  tr:nth-child(even),
.subviewtable > tbody >  tr:nth-child(even) > td,
.subviewtable > tbody >  tr:nth-child(even) > td > ul > li {
     color: rgb(78,70,69);
}


.searchresultstable > tbody > tr:nth-child(odd),
.subviewtable > tbody >  tr:nth-child(odd)
{

    background-color: rgb(240,240,240);
}


.searchresultstable > tbody >  tr:nth-child(odd),
.searchresultstable > tbody >  tr:nth-child(odd) > td,
.searchresultstable > tbody >  tr:nth-child(odd) > td > ul > li,
.subviewtable > tbody >  tr:nth-child(odd),
.subviewtable > tbody >  tr:nth-child(odd) > td,
.subviewtable > tbody >  tr:nth-child(odd) > td > ul > li {
     color: rgb(78,70,69);
}


.searchresultstable > tbody >  tr:hover,
.searchresultstable > tbody >  tr:hover > td,
.searchresultstable > tbody >  tr:hover > td > ul > li,
.subviewtable > tbody >  tr:hover,
.subviewtable > tbody > tr:hover > td,
.subviewtable > tbody > tr:hover td > ul > li {
    BACKGROUND-COLOR: rgb(250, 214, 156);
    color: rgb(78,70,69);
}

.searchresultstable > tbody >  tr:hover > td > a > DIV.masked_icon,
.subviewtable > tbody >  tr:hover > td > a > DIV.masked_icon
{
      BACKGROUND-COLOR: rgb(78,70,69);
    
}

.searchresultstable > tbody >  tr > td > a > DIV.masked_icon,
.subviewtable > tbody >  tr > td > a > DIV.masked_icon
{
       BACKGROUND-COLOR: rgb(78,70,69);
      margin-right: 3px;
}

.subviewtable tr td,
.subviewtable tr td ul li,
.searchresultstable tr td,
.searchresultstable tr td ul li
{
    font-size: 0.9rem;
}


.subviewtable tr:hover td,
.searchresultstable tr:hover td {
    font-size: 0.9rem;
}


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

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

        .searchresultstable tr:first-of-type {
            background-color: rgb(2, 121, 154);
            background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
            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(2, 121, 154);
        background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
        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(2, 121, 154);
        background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
        background-repeat: repeat-x;
        display: none;
    }

    .fldinput-aev {
        width: 100%
    }


        .fldinput-aev input[type=text]:not(.hasDatepicker) {
            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, .contentback2 td, .contentback2 td ul li  {
    BACKGROUND-COLOR: rgb(250,250,250);
    color: rgb(78,70,69);
}

.contentback3, .contentback3 td, .contentback3 td ul li {
    BACKGROUND-color: rgb(240,240,240);
    color: rgb(78,70,69);
}

.contentback2:hover, .contentback2:hover td, .contentback2:hover td ul li {
    BACKGROUND-COLOR: rgb(250, 214, 156);
    color: rgb(78,70,69);
}

.contentback3:hover,  .contentback3:hover td, .contentback3:hover td ul li {
    BACKGROUND-COLOR: rgb(250, 214, 156);
    color: rgb(78,70,69);
}

.contentback2 td,
.contentback3 td,
.contentback2 td ul li,
.contentback3 td ul li,
.contentback2:hover td,
.contentback3:hover td
{
    font-size: 0.9rem;
}

.contentbackDELL td,
.contentbackDELL:hover td {
    font-size: 0.9rem;
}


.metroicon26,
.metroicon14,
.metroicon16
{
    background-color: rgb(2, 121, 154);
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
    border: 0px;
}

.metroicon26:hover,
.metroicon14:hover,
.metroicon16:hover
{
    background-color: rgb(250, 214, 156);
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
    border: 0px;
}



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

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

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

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

@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-color: rgb(255,255,255);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(174, 176, 179);
    z-index: 10000;
}

.ddcontainerBack {
    position: absolute;
    visibility: hidden;
    min-width: 200px;
    z-index: 100;
    height: 1px;
    background-color: rgb(255,255,255);
}

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

    ul.ddlist li {
        width: 100%;
        border-bottom: solid 1px rgb(174, 176, 179);
        text-align: left;
        cursor: pointer;
        color: rgb(90, 89, 90);
        font-size: 11pt;
        font-weight: bold;
        line-height: 18px;
        min-height: 25px;
        padding: 7px 0px 1px 0px;
        margin-bottom: 0px;
    }

        ul.ddlist li a {
            color: rgb(90, 89, 90);
            font-size: x-small;
            font-weight: bold;
        }

        



        ul.ddlist li div.ddarrow {
            float: left;
            margin-left: 5px;
            margin-right: 6px;
            color: rgb(90, 89, 90);
        }

        ul.ddlist li:hover, 
        ul.ddlist li:focus,
        ul.ddlist li:focus div.ddarrow,
        ul.ddlist li:hover div.ddarrow  {
            background-color: rgb(220, 227, 234);
            color: rgb(100, 99, 99);

        }



/* ------------------------------------------------------------------------- */
/* 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: rgb(255,255,255);
}

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

    #site-container {
        width: 100%;
    }

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

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

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

    #site-logo {
        padding-bottom: 7px;
        padding-left: 5px;
        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;
    padding-bottom: 5px;
    float: left;
    vertical-align: top;
    clear: left;
}

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



#site-pagecontent {
    padding-top: 10px;
    float: left;
    padding-left: 5px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    background-color: rgb(255,255,255);
    min-height: 477px;
}

.mce-content-body {
     background-color: rgb(255,255,255) !important;
}

@media print {

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

    #site-sidebar {
        display: none;
    }
}

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

#MainContent {
    background-color: transparent;
}

#massFrame {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(197, 190, 190);
    box-shadow: rgb(225, 225, 225)  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(255, 255, 255);
    }

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


#site-top-menu {
    float: left;
    clear: left right;
    margin: 0px;
    padding-top: 0px;
    box-sizing: border-box;
    background-color: rgb(2, 121, 154);
}

#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;
    padding-top: 10px;
    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(71,82,99);
    }

#site-sidebar-ajax-pane {
    float: left;
    width: 15px;
    padding-top: 7px;
    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 {

        -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(2, 121, 154);
    border-bottom: 2px solid rgb(204, 212, 224);
    min-height: 40px;
    line-height: 40px;
    width: 100%;
}

div.sectionBarSectionText {
    color: rgb(254, 253, 242);
    font-style: italic;
    font-weight: bold;
    padding-left: 13px;
    padding-right: 39px;
    float: left;
}

    div.sectionBarSectionText a {
        color: rgb(254, 253, 242);
    }

div.sectionBarMenuOption {
    padding-left: 13px;
    padding-right: 13px;
    color: rgb(254, 253, 242);
}

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




div.sectionBarMenuOption a {
    color: rgb(254, 253, 242);
}

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

input.sectionBarSearchBar {
    width: 205px;
    height: 20px;
    background-color: rgb(255,255,255);
    font-size: 11pt;
    padding-left: 4px;
    border: 0px none rgb(255,255,255);
}
input.sectionBarSearchBar ::placeholder{
    color: rgb(2, 121, 154);
}
input.sectionBarSearchBar {
    color: rgb(78,70,69);

}

    /*-----------*/
    /* PAGE BAR */
    /*-----------*/

div.pageBarMenu {
    float: left;
    width: 100%;
    line-height: 40px;
    background-color:rgb(159, 167, 181);
    border-bottom: 2px solid rgb(204, 212, 224);
    margin-bottom: 12px;
}


div.pageBarPageTypeText {
    color: rgb(255,255,255);
    font-style: italic;
    font-weight: bold;
    padding-left: 13px;
    padding-right: 39px;
    float: left;
}

div.pageBarMenuOption {
    padding-left: 13px;
    padding-right: 13px;
    color: rgb(255,255,255);
    
}



div.pageBarMenuOption a {
    color: rgb(255,255,255);
}
div.pageBarMenu #Results_Section-container form {
    color: rgb(255,255,255);
}

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

/*------------------------------*/
/* 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(2, 121, 154)
    list-style-type: none;
}

div.SectionBardd {
    display: none;
}

ul.SectionBar li {
    padding-left: 13px;
    padding-top: 5px;
    height: 25px;
    color: rgb(254, 253, 242);
    border: 1px solid  rgb(254, 253, 242);
}

    ul.SectionBar li a {
        color: rgb(254, 253, 242);
        text-decoration: none;
    }

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


ul.PageBar {
    padding-left: 0px;
    margin: 0px 0px 0px 0px;
    background-color: rgb(159, 167, 181);
    list-style-type: none;
}

div.PageBardd {
    display: none;
}

ul.PageBar li {
    padding-left: 13px;
    padding-top: 5px;
    height: 25px;
    color: rgb(255,255,255);
    border: 1px solid  rgb(254, 253, 242);
}

    ul.PageBar li a {
        color: rgb(255,255,255);
        text-decoration: none;
    }

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

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

div.sBar_dropdown {
    position: absolute;
    visibility: hidden;
    width: 180px;
    text-align: left;
    background-color: rgb(255,255,255);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(174, 176, 179);
    
    z-index: 10000;
}

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

div.pBar_dropdown {
    position: absolute;
    visibility: hidden;
    width: 180px;
    text-align: left;
    background-color: rgb(255,255,255);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(174, 176, 179);
    z-index: 10000;
}

.pBar_ddcontainerBack {
    position: absolute;
    visibility: hidden;
    width: 180px;
    z-index: 100;
    background-color: rgb(255,255,255);
}

input.menubarbutton {
    background: none !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    /*border is optional
     border-bottom:1px solid rgb(120,120,120) */
    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;
}

.sidemenu_images a
{
    font-size: x-small; font-weight: bold;
}

.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: rgb(255,255,255);
    color: ;
    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:  rgb(197, 190, 190) solid 1px;
    width: 168px;
    background-color: rgb(255,255,255);
}

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(78,70,69);
    font-size: 3px;
}


div.sidebar_panel_header {
    border-bottom-style: solid;
    border-bottom-color: rgb(197, 190, 190);
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-color: rgb(197, 190, 190);
    border-top-width: 0px;
    padding: 4px;
    background-color: rgb(2, 121, 154);
    background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);
    font-size: small;
    font-weight: bold;
    color: rgb(255,255,255);
}

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


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: rgb(197, 190, 190);
    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: rgb(197, 190, 190);
    padding-left: 30px
}

.validation-error-bg-color, .validation-error-bg-color div {
    background-color:  rgb(250, 214, 156);
    color:  rgb(78,70,69);
}

.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(225, 225, 225);
        -webkit-box-shadow: inset 0px 0px 0px 3px rgb(225, 225, 225);
    }

    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);
        color: rgb(78,70,69);
    }

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


    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(225, 225, 225);
}

#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;
}

/* width */
::-webkit-scrollbar {
    width: 15px;
    background-color: rgb(230, 230, 230);

}

/* Track */
::-webkit-scrollbar-track { 
    box-shadow: inset 0 0 1px rgb(225, 225, 225);
  
}

/* Handle */
::-webkit-scrollbar-thumb {
    background-color: rgb(169, 169, 169);
}

/* Handle */
::-webkit-scrollbar-thumb:hover {
    background-color: rgb(210, 210, 210);
}


@media screen and (prefers-color-scheme: dark)
{

}

div.Applet_Container
{
    background-color: rgb(255,255,255);
	border: solid 1px rgb(197, 190, 190);
}

div.Applet_Hud {

	border-bottom: solid 1px rgb(197, 190, 190);
	background-color: rgb(2, 121, 154);
	background-image: linear-gradient(to bottom, rgba(0,0,0, 0.05), rgba(255,255,255, 0.05) 5%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0) 100%);;
	background-repeat: repeat-x;
}




div.Dashboard_Heading
{
	border-bottom: solid 1px rgb(78,70,69);

}



 .select2-selection__rendered  { background-color: rgb(255,255,255)  !important; color: rgb(78,70,69)  !important } 

.select2-results__option { background-color: rgb(255,255,255) !important } 

.select2-search--dropdown  { background-color:rgb(255,255,255)  !important} 

.select2-search__field { background-color:rgb(255,255,255)  !important} 

.select2-container {background-color:rgb(255,255,255)  !important; !important;} 

 .select2-selection--single { box-sizing: content-box !important }

.select2-results__option--highlighted { color: rgb(254, 253, 242);background-color:rgb(2, 121, 154)  !important} 

.select2-selection__choice__display { color: rgb(254, 253, 242); background-color:rgb(2, 121, 154)  !important} 


.select2-selection--multiple  {background-color:rgb(255,255,255)  !important} 


.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: rgb(255,255,255) !important;
    border: 1px solid rgb(150, 150, 150) !important;
  
}




.ui-datepicker-title span { color: rgb(50, 50, 50) }

/* Calendar Theming Colors */

.calendar-othermonthdate{
    background-color: rgb(2, 121, 154);
}
.calendar-date{
    color: rgb(78,70,69) ;
    background-color: rgb(250,250,250);
}
.calendar-eventdate{
    color: rgb(78,70,69);
    background-color: rgb(250, 214, 156);
}
.calendar-eventdate:hover{
    color: rgb(255,255,255);
    background-color: rgb(200,0,0);
}
.calendar-headercolumn{
    color: rgb(255,255,255);
    background-color: rgb(2, 121, 154);
}
.calendar-linkcolor{
    color: rgb(232,76,64)
}

.ui-datepicker-header {
    background: rgb(2, 121, 154);
    color: rgb(255,255,255);
    font-family:'Times New Roman';
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #111;
}

.ui-datepicker thead {
    background-color: #f7f7f7;

    /*border-bottom: 1px solid #bbb;*/
}

.ui-datepicker th {
    background-color:rgb(250,250,250) ;
    text-transform: uppercase;
    font-size: 8pt;
    color: rgb(78,70,69) ;
    /*text-shadow: 1px 0px 0px #fff;*/
    /*filter: dropshadow(color=#fff, offx=1, offy=0);*/
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
    color: rgb(78,70,69) ;
}

.ui-datepicker-calendar .ui-state-default {
      background: rgb(250,250,250);
      color:rgb(78,70,69);

}

.ui-datepicker-calendar .ui-state-hover {
    background: rgb(200,0,0);
    color: rgb(255,255,255);
}

.ui-datepicker-calendar .ui-state-active {
    background: rgb(250, 214, 156);
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    color: rgb(78,70,69);
    text-shadow: 0px 1px 0px #4d7a85;
    border: 1px solid #55838f;
    position: relative;
    margin: -1px;
}

.ui-datepicker-unselectable .ui-state-default {
    background: ;
    color: #000;
}


/* Dynamic themed icons with blended backgrounds */


.masked_icon {
  -webkit-mask-mode: alpha;
 -webkit-mask-size: cover;
  mask-mode: alpha;
  mask-size: cover;
  background-size: cover; 
  background-blend-mode: multiply;
  display: inline-block;
}

.masked_icon:hover {
      background-blend-mode: multiply;
}

.masked_icon img
{
    display: none;
}


.image_magnifying_glass {
  background-image: url("/images/top/search.svg");
  -webkit-mask-image: url("/images/top/search.svg");
  mask-image: url("/images/top/search.svg");
  width: 30px;
  height: 30px;
  background-color: rgb(2, 121, 154);
}

.image_magnifying_glass:hover {
  background-color: rgb(250, 214, 156);
}

.image_help_circle {
  background-image: url("/images/question-circular-button.svg");
  -webkit-mask-image: url("/images/question-circular-button.svg");
  mask-image: url("/images/question-circular-button.svg");
  width: 30px;
  height: 30px;
  background-color: rgb(2, 121, 154);
}

.image_help_circle:hover {
  background-color: rgb(250, 214, 156);
}

.image_dm_edit {
  background-image: url("/images/database_manager/pen.svg");
  -webkit-mask-image: url("/images/database_manager/pen.svg");
  mask-image: url("/images/database_manager/pen.svg");
  width: 16px;
  height: 16px;
  background-color: rgb(78,70,69);
}

.image_dm_edit:hover {
  background-color: rgb(78,70,69);
}

.image_dm_view {
  background-image: url("/images/database_manager/document.svg");
  -webkit-mask-image: url("/images/database_manager/document.svg");
  mask-image: url("/images/database_manager/document.svg");
  width: 16px;
  height: 16px;
  background-color: rgb(78,70,69);
}

.image_dm_view:hover {
  background-color: rgb(78,70,69);
}

.image_dm_expand {
  background-image: url("/images/database_manager/angle-down.svg");
  -webkit-mask-image: url("/images/database_manager/angle-down.svg");
  mask-image: url("/images/database_manager/angle-down.svg");
  width: 16px;
  height: 16px;
  background-color: rgb(78,70,69);
}

.image_dm_expand:hover {
  background-color: rgb(78,70,69);
}

.image_dm_expand_close {
  background-image: url("/images/database_manager/angle-up.svg");
  -webkit-mask-image: url("/images/database_manager/angle-up.svg");
  mask-image: url("/images/database_manager/angle-up.svg");
  width: 18px;
  height: 18px;
  background-color: rgb(78,70,69);
}

.image_dm_expand_close:hover {
  background-color: rgb(78,70,69);
}


    .ai-chat-message-user {
        border: 1px solid rgb(197, 190, 190);
        background-color: rgb(250,250,250);
        color: rgb(78,70,69);
   
        margin-left: auto;
        margin-right: 5px;
        text-align: left;
        width:80%;
        padding: 20px;

            
    }

    .ai-chat-message-assistant {
        border: 1px solid rgb(197, 190, 190); 
        background-color: rgb(240,240,240);
        color: rgb(78,70,69);
         margin-left: 0px;
         margin-right: auto;
        padding: 20px;
        width:80%;
    }
    .ai-chat-message-citation {
        border: 1px solid rgb(197, 190, 190); 
        width: calc(100% - 20px);
         margin-left: 0px;
         margin-right: auto;
        padding: 20px;
        
            
    }

#site-logo img {
content: url("/images/top/aacn-logo.jpg")
}