<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
    margin-top: 0px;
    margin-left: 0px;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    background-color: #ffffff;
}

    /* used to indicate the PAGE invironment (dev, qa or preprod) with watermark...*/
    body.watermark::after {
        content: '';
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.09;
        pointer-events: none;
        z-index: -1;
    }

    body.dev.watermark {
        background-color: lightgray;
        /*background-color: #647b90;*/
    }

        body.dev.watermark::after {
            background: url('../images/watermark_dev.png');
        }

    body.devlocal.watermark {
        background-color: lightgray;
        /*background-color: #647b90;*/
    }

        body.devlocal.watermark::after {
            background: url('../images/watermark_devlocal.png');
        }

    body.qa.watermark {
        background-color: lightslategray;
    }

        body.qa.watermark::after {
            background: url('../images/watermark_qa.png');
        }

    body.preprod.watermark {
        background-color: beige;
    }

        body.preprod.watermark::after {
            background: url('../images/watermark_preprod.png');
        }
/* done with watermarks */

table.masterpage-main {
    width: 992px;
    background-color: white;
    border-spacing: 0;
    border-collapse: collapse;
    border: 0;
    margin: auto;
}

    table.masterpage-main &gt; tbody &gt; tr &gt; td {
        padding: 0;
        text-align: center;
        background-color: white;
    }

fieldset {
    -moz-border-radius: 8px;
    font-size: 0.86em;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
}

legend {
    font-weight: bold;
    font-size: 0.82em;
    color: #600;
}

b, strong {
    font-weight: bold;
}

I, em {
    font-style: italic;
}

hr {
    background-color: #D3D3D3;
    height: 1px;
    border: none;
}


input {
    font-family: Verdana, Tahoma, Sans-Serif;
}

select {
    font-family: Verdana, Tahoma, Sans-Serif;
}

option {
    font-family: Verdana, Tahoma, Sans-Serif;
}

textbox {
    font-family: Verdana, Tahoma, Sans-Serif;
}

formtextarea {
    font-family: Verdana, Tahoma, Sans-Serif;
}

textarea {
    font-family: Verdana, Tahoma, Sans-Serif;
}

h1 {
    font-weight: bold;
    font-family: "Trebuchet MS", "Segoe UI", Helvetica, Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 1.6em;
    color: #600;
    vertical-align: middle;
}

h2 {
    font-weight: bold;
    font-family: "Trebuchet MS", "Segoe UI", Helvetica, Verdana, Tahoma, Arial, Sans-Serif;
    font-size: 1.3em; /*letter-spacing:0.05em;*/
    color: #600;
    vertical-align: middle;
}

    h2 A:link {
        text-decoration: none;
    }

    h2 A:visited {
        text-decoration: none;
    }

    h2 A:hover {
        color: #006;
        text-decoration: underline;
    }

h3 {
    font-weight: bold;
    font-size: 0.90em;
    color: #900;
}

.h3 {
    font-weight: bold;
    font-size: 0.95em;
    color: #600;
}

h4 {
    font-weight: bold;
    font-size: 0.82em;
    color: #000000;
}

/* 
    Can be used on TextBox controls that have no database size restrictions (nvarchar(max)). 
    The deep caching feature implemented in CacheWebsite.ps1 that only runs on the development 
    server ignores TextBox fields with no MaxLength attribute.

    &lt;asp:TextBox ID="tbBigField" runat="server" CssClass="IgnoreMaxLengthCheck"&gt;&lt;/asp:TextBox&gt;
*/
.IgnoreMaxLengthCheck {
}

/* begin rules for prog. web display/main page content header */
.infobanner {
    margin: 5px 5px 18px 5px;
}

.page-content-header_title h2, h2.page-content-header_title {
    font-size: 19px;
    color: black;
    font-family: "Segoe UI Semibold", Arial, Helvetica, sans-serif;
    text-align: center;
}

.page-content-header_descrip {
    text-align: left;
    font-family: "Segoe UI", Verdana, Tahoma, Sans-Serif;
    font-weight: normal;
    font-size: 14px;
    margin: 8px 10px 16px;
}

.infobanner .page-content-header_descrip {
    margin: 8px 10px;
}

/* end rules for prog. web display/main page content header */

.subtitle {
    font-weight: bold;
    font-size: 0.82em;
    color: #484;
}

A:link {
    text-decoration: underline;
}

A:visited {
    text-decoration: underline;
}

A:active {
    color: #222;
    text-decoration: underline;
}

A:hover {
    color: #006;
}

.hide {
    position: absolute;
    left: 0;
    top: -500px;
    width: 0px;
    height: 0px;
    visibility: hidden;
    overflow: hidden;
}

.norm {
    color: #000000;
    font-size: 0.81em;
    font-family: Verdana, Tahoma, Sans-Serif;
    font-weight: normal;
}

.normbold {
    color: #000000;
    font-size: 0.81em;
    font-family: Verdana, Tahoma, Sans-Serif;
    font-weight: bold;
}

.normsmall {
    color: #000000;
    font-size: 0.74em;
    font-family: Verdana, Tahoma, Sans-Serif;
}

.normsmallest {
    color: #000000;
    font-size: 0.70em;
    font-family: Verdana, Tahoma, Sans-Serif;
}

.small {
    color: #000000;
    font-size: 0.70em;
    font-family: Verdana, Tahoma, Sans-Serif;
}

.normcond {
    color: #000000;
    font-size: 0.8em;
    font-family: Arial, Sans-Serif, Tahoma;
}

.errormsg {
    font-size: 0.79em;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    font-weight: 500;
    color: Red;
}

.errorbig {
    font-size: 0.9em;
    text-indent: 0px;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
    font-weight: bold;
    color: Red;
}

.highlighted {
    font-family: Arial, Sans-Serif, Tahoma;
    background-color: #FFFF7B;
}

.codetext {
    font-family: monospace;
    font-size: 13px;
}

.panel {
    padding-right: 6px;
    padding-left: 6px;
    font-size: 0.8em;
    padding-bottom: 8px;
    vertical-align: top;
    padding-top: 6px;
    font-family: Verdana, Tahoma, Sans-Serif;
}

.panel2 {
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 6px;
    padding-top: 6px;
    font-family: Verdana, Tahoma, Sans-Serif;
}

.panel_sys {
    background-color: #F7FBFF;
    border: solid 1px silver;
    /*margin: 5px;*/
    padding: 4px;
    font-size: 0.81em;
    font-family: Verdana, Tahoma, Sans-Serif;
    font-weight: normal;
}

.rpanel {
    margin: 0 auto;
    vertical-align: top;
    font-size: 0.82em;
    font-family: Verdana, Tahoma, Sans-Serif;
}

    .rpanel#content {
        font-size: 0.82em;
        font-family: Verdana, Tahoma, Sans-Serif;
    }

    .rpanel#title {
        font-size: 0.85em;
        font-family: Verdana, Tahoma, Arial, Sans-Serif;
    }

    .rpanel#GroupingText {
        font-size: 0.85em;
        font-family: Verdana, Tahoma, Arial, Sans-Serif;
    }

.help {
    padding-right: 4px;
    padding-left: 4px;
    font-size: 0.8em;
    padding-bottom: 4px;
    vertical-align: middle;
    padding-top: 6px;
    font-family: Arial, Sans-Serif;
}

.para {
    color: #000000;
    text-indent: 16px;
    font-size: 0.82em;
    font-family: Verdana, Tahoma, Sans-Serif;
}

.dgrid {
    padding-right: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: #000000;
    margin-right: 0px;
    padding-top: 0px;
    font-family: Verdana, Tahoma, Sans-Serif;
}

.message {
    padding-right: 2px;
    padding-left: 2px;
    font-size: 0.85em;
    margin-bottom: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    text-indent: 6px;
    margin-right: 2px;
    font-family: Verdana, Tahoma, Sans-Serif;
    font-weight: bold;
}

.SmallButton {
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    font-size: 10px;
    color: #000000;
    word-spacing: normal;
    font-family: Arial, Sans-Serif, Tahoma;
}

.SmallField {
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    font-size: 0.68em;
    color: #000000;
    vertical-align: middle;
    font-family: Arial, Sans-Serif, Tahoma;
}

.fview {
    padding-right: 0px;
    margin-bottom: 6px;
    padding-bottom: 0px;
    vertical-align: middle;
    color: #000000;
    font-size: 0.8em;
    margin-right: 6px;
    padding-top: 1px;
    font-family: Verdana, Tahoma, Sans-Serif;
}

.fviewcond {
    padding-right: 0px;
    margin-bottom: 6px;
    padding-bottom: 0px;
    vertical-align: middle;
    color: #000000;
    font-size: 0.8em;
    margin-right: 6px;
    padding-top: 1px;
    font-family: Arial, Sans-Serif;
}

.fviewsmall {
    padding-right: 1px;
    padding-left: 1px;
    font-size: 0.75em;
    padding-bottom: 1px;
    margin: 1px;
    padding-top: 1px;
    font-family: Verdana, Tahoma, Sans-Serif;
}

.copyright {
    font-size: 0.75em;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
}

.busybox {
    font-weight: normal;
    font-size: 0.75em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #f7fbff;
    text-align: center;
}

.error {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: Red;
}

.grid {
    padding-right: 2px;
    margin-bottom: 0px;
    padding-bottom: 2px;
    color: #000000;
    margin-right: 0px;
    padding-top: 2px;
    font-family: Verdana, Tahoma, Sans-Serif;
    font-size: 0.8em;
}

    .grid A:active {
        text-decoration: none;
    }

    .grid A:link {
        text-decoration: none;
    }

    .grid A:visited {
        text-decoration: none;
    }

    .grid A:hover {
        color: #0000ff;
        text-decoration: underline;
    }

.text {
    font-family: Verdana, Tahoma, Sans-Serif;
}

.footer {
    padding: 20px;
}

    .footer A:link {
        font-size: 0.78em;
        text-decoration: underline;
    }

    .footer A:visited {
        font-size: 0.78em;
        text-decoration: underline;
    }

    .footer A:active {
        font-size: 0.78em;
        text-decoration: underline;
    }

    .footer A:hover {
        font-size: 0.78em;
        text-decoration: none;
    }

.header2 {
    font-weight: bold;
    font-size: 0.90em;
    margin: 0px;
    color: #600;
}

    .header2 A:link {
        text-decoration: none;
    }

    .header2 A:visited {
        text-decoration: none;
    }

    .header2 A:hover {
        color: #006;
        text-decoration: underline;
    }

.alignright {
    text-align: right;
}

.aligncenter {
    text-align: center;
}

.validationMsg {
    overflow: hidden;
    border-collapse: collapse;
    float: left;
    text-align: left;
}

div.containerBox {
    border-color: lightGray;
    border-width: 1px;
    border-style: solid;
}

div.containerBoxAlt {
    border-color: lightGray;
    border-width: 1px;
    border-style: solid;
    background-color: #eeeeee;
}

table.containerBox {
    border-color: lightGray;
    border-width: 1px;
    border-style: solid;
}

table.containerBoxAlt {
    border-color: lightGray;
    border-width: 1px;
    border-style: solid;
    background-color: #f5f5f5;
}

table.containerBoxAlt {
    padding: 5px 5px 5px 5px;
}

table.containerBox {
    padding: 5px 5px 5px 5px;
}

table.centeredPopup {
    border: 0;
    background-color: white;
    position: absolute;
    left: 30%;
    top: 40%;
    color: black;
    z-index: 100;
}

table.OrganizationSearchPopup {
    border: 0;
    background-color: white;
    position: absolute;
    top: 130px;
    left: 30px;
    width: 700px;
    color: black;
    z-index: 100;
}

table.IndividualQuickSearchPopup {
    border: 0;
    background-color: white;
    position: relative;
    width: 700px;
    color: black;
    z-index: 100;
}

table.fullPopup {
    border: 0;
    background-color: white;
    position: absolute;
    left: 0%;
    top: 0%;
    width: 700px;
    height: 80%;
    color: black;
    z-index: 100;
}

.titleHeader {
    font-weight: bold;
    font-size: 0.90em;
    color: #600;
}

.grdRowStyle {
    border-bottom: dotted 1px gray;
    margin-bottom: 10px;
    font-weight: 100;
    font-size: 8.6pt;
    vertical-align: middle;
}

.headClass {
    background-image: url('/images/pr_bar.png');
}

.tableHeader {
    background-image: url('../images/table_header.jpg');
    vertical-align: top;
}

.tableRow {
    background-color: #ffffff;
}

.tableStyle {
    background-color: #aaaaaa;
    font-size: 8pt;
    border-spacing: 1px;
    width: 100%;
}

.itemRow {
    background-image: url('/images/rowbg.png');
}

.bodybg {
    background-image: url('/images/bodybg1.png');
}

.rptHeader {
    background-image: url('/images/table_header.jpg');
}

.plnTable {
    font-weight: 100;
    font-size: 8.6pt;
    border: solid 1px #AAA;
}

.plnTH {
    font-weight: 100;
    font-size: 8.6pt;
    background-color: White;
}

.commentBox {
    width: 100%;
    height: 98px;
    border-style: none;
    overflow: auto;
    text-align: left;
    margin-top: 11px;
}

.textBox {
    width: 100%;
}

.warningMsg {
    font-size: 11px;
    color: #999;
    font-style: italic;
}

.modalPopupButton {
    border: solid 1px #c0c0c0;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
}

.modalPopupCloseButton {
    border: solid 1px inherit;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    width: 15px;
    cursor: default;
}

.modalPopupCloseButtonOnMouseOver {
    border: solid 1px blue;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    width: 15px;
    cursor: default;
    background-color: beige;
}

.modalPopupBg {
    background-color: #cccccc;
    filter: alpha(opacity=80);
    opacity: 0.8;
    z-index: 2901 !important;
}

.modalPopupPanel {
    background-color: #ffffff;
    border-left: 2px solid #4F97D1;
    border-right: 2px solid #4F97D1;
    border-bottom: 2px solid #4F97D1;
    padding: 0px;
    width: 770px;
}

.modalPopupHeader {
    font-family: Arial, Verdana, Tahoma, Sans-Serif;
    font-weight: bold;
    font-size: 10pt;
}

.gridheaderRow {
    background-color: #eeeeee;
    text-align: center;
    background-image: url('/images/table_header.jpg');
}

div.TabContainer {
    border-color: #CCC;
    border-width: 1px;
    border-style: solid;
    background-color: #ffffff;
    margin-top: -1px;
}

table.GreenHead {
    background-color: #dddddd;
}

    table.GreenHead th {
        background-image: url('/images/green_header.jpg');
    }

    table.GreenHead tr {
        background-color: White;
    }

.hlink {
    cursor: pointer;
    cursor: hand;
    color: brown;
}

.Curncy {
    text-align: right;
    font-family: Verdana, Tahoma, Sans-Serif;
}

.colHdr {
    font-weight: bold;
    color: #050;
}

.titleheader2 {
    /*background-color: #58a954; */
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
    color: #500;
    font-size: 12pt;
    font-weight: bolder;
    height: 20px;
}

.titleheader3 {
    /*background-color: #58a954; */
    background-color: #5874a9;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    font-size: 8pt;
    font-weight: bolder;
    height: 15px;
}

.teleriktableHD {
    font-weight: bold;
    font-size: 0.75em;
    font-family: Verdana, Tahoma, Sans-Serif;
}
/**/

.accordionHeader {
    background-image: url('../images/table_header.jpg');
    font-style: normal;
    font-variant: normal;
    font-size: 8pt;
    line-height: 26px;
    text-decoration: none;
    padding-left: 5px;
    cursor: pointer;
    font-weight: bold;
}

.accordionHeaderSelected {
    background-image: url('../images/table_header.jpg');
    font-style: normal;
    font-variant: normal;
    font-size: 8pt;
    line-height: 26px;
    text-decoration: none;
    padding-left: 5px;
    cursor: pointer;
    font-weight: bold;
}

.accordionContent {
    border: solid 1px #ccc;
}

.CalendarTitle {
    border-bottom: solid 1px #ccc;
}

.visitextarea {
    font-family: Verdana, Tahoma, Sans-Serif;
    font-size: 9pt;
}

.watermarked {
    color: #C0C0C0;
    font-style: italic;
}

.addNewButton {
    font-size: 8pt;
    background-color: #088A08;
    color: #FFFFFF;
    font-weight: bold;
    border: 1px solid white;
}

.successMsg {
    color: Green;
    font-weight: bold;
}

.pprNotice {
    background-color: Yellow;
    color: Black;
    font-weight: bold;
    border: 1px solid black;
    padding: 5px;
    font-size: 9pt;
    line-height: 1.5;
}

p.page-intro {
    text-align: left;
    font: normal 13px Arial, sans-serif;
    border: solid 1px #e7880c;
    border-radius: 5px;
    padding: 20px 10px;
    margin: 0px;
}

.items-requiring-attention, .page-announcement {
    border: solid 1px #e7880c;
    border-radius: 5px;
    background-color: #ffffce;
    vertical-align: middle;
    padding: 10px;
}

    .items-requiring-attention table.ira-container {
        border-spacing: 0;
        border-collapse: collapse;
        text-align: left;
        width: 100%;
        background-color: white;
    }

        .items-requiring-attention table.ira-container &gt; tbody &gt; tr &gt; td {
            padding: 6px 4px;
            text-align: left;
        }

        .items-requiring-attention table.ira-container &gt; tbody &gt; tr.header {
            font-size: 12px;
        }

            .items-requiring-attention table.ira-container &gt; tbody &gt; tr.header &gt; td {
                height: 20px;
                padding: 2px 4px;
                border-bottom: solid 1px #CCC;
            }

    .page-announcement table.container {
        width: 100%;
        border-collapse: collapse;
    }

        .page-announcement table.container &gt; tbody &gt; tr &gt; td {
            text-align: left;
            padding: 15px 10px;
            vertical-align: middle;
        }

            .page-announcement table.container &gt; tbody &gt; tr &gt; td.announcement-category {
                font: bold x-small Arial;
                color: #999966;
                padding-right: 20px;
            }

            .page-announcement table.container &gt; tbody &gt; tr &gt; td.announcement-text {
                vertical-align: top;
            }

            .page-announcement table.container &gt; tbody &gt; tr &gt; td.announcement-date {
                text-align: right;
                padding-left: 20px;
            }

        .page-announcement table.container &gt; tbody &gt; tr.announcement-separator {
            border-top: dotted 1px gray;
        }

            .page-announcement table.container &gt; tbody &gt; tr.announcement-separator &gt; td {
                padding: 4px 0;
            }

        .page-announcement table.container &gt; tbody &gt; tr.announcement-wsa-only {
            text-align: right;
            background-color: #E8E8E8;
            border: solid 1px #CCC;
        }

            .page-announcement table.container &gt; tbody &gt; tr.announcement-wsa-only &gt; td.controls {
                text-align: right;
            }

            .page-announcement table.container &gt; tbody &gt; tr.announcement-wsa-only &gt; td {
                padding: 6px;
            }

.gmailStyleNotification {
    border: solid 1px #f0c36d;
    background-color: #f9edbe;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-weight: bolder;
}

#browserinfo, #browserinfo a {
    font-size: 11px;
}

.hide {
    display: none;
}

.submission-hist-extra-info {
    margin: 7px 4px;
    padding: 3px;
    font-size: 12px;
    font-family: monospace;
    text-align: left;
    background-color: #f5f5f5;
    border: 1px solid #d3d3d3;
    cursor: copy;
}

/* styles for reporting dashboard */
.dash-header &gt; td, .dash-footer-header-row &gt; tbody &gt; tr &gt; td {
    text-align: center;
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff;
    background: #E7E7E7;
    font: bold 12px "Segoe UI", Arial, sans-serif;
}

.dash-value {
    text-align: right;
}

.dash-item, .dash-item-alt {
    font: 13px Verdana, Tahoma, Arial, sans-serif;
}

    .dash-item .dash-separator, .dash-item-alt .dash-separator {
        border-right: solid 1px #ccc;
    }

.dash-item-alt {
    background: #EDEDED;
}

.dash-fieldoffice {
    margin-top: 30px;
}

.dash-footer-summary-row {
    background: #B9B6B6; /*#767676;*/
    color: black; /*#fff;*/
    font: bold 12px "Segoe UI", Arial, sans-serif;
}

    .dash-footer-summary-row &gt; tbody &gt; tr &gt; td {
        text-align: right;
        padding: 5px 1px;
    }

    .dash-footer-summary-row .dash-separator {
        padding-right: 2px;
        border-right: solid 1px #fff;
    }

/* fix for Telerik RadPanel on Chrome where non-expandable second-level items do not change on hover */
/*
.RadPanelBar_Telerik ul.rpLevel1 &gt; li.rpItem &gt; a.rpLink:not(.rpExpandable):hover {
    background-image: url('/images/radpanel_bg.png') !important;
    background-position: 100% -22px !important;
}

.RadPanelBar_Telerik ul.rpLevel1 &gt; li.rpItem &gt; a.rpLink:not(.rpExpandable):hover .rpOut {
    background-image: url('/images/radpanel_bg.png') !important;
    background-position: 0 0 !important;
}
*/

.omb_control {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

    .omb_control .section {
        margin-bottom: 5px;
    }

.omb_doe_form {
    text-align: left;
    float: left;
}

.omb_control_number {
    text-align: right;
    float: right;
}

    .omb_doe_form div.element,
    .omb_control_number div.element {
        padding: 2px 0;
    }

.omb_collapse_head {
    line-height: 16px;
    cursor: pointer;
    text-align: left;
}

    .omb_collapse_head img {
        position: relative;
        top: 2px;
    }

.omb_collapse_body {
    margin-top: 2px;
}

    .omb_collapse_body .omb_text {
        text-align: left;
        border: 1px solid #CCC;
        padding: 0 10px;
        line-height: 1.5;
        background-color: #F8F8F8;
        /*margin-left: 16px;*/
    }

/* styles for new is_X classes */
.is_highlight {
    background-color: #ffee87;
}

.is_info, .is_info1, .is_success, .is_warning, .is_error, .is_validation, .is_wsa_info, .is_help {
    font: normal 13px Verdana, Arial, sans-serif;
    margin: 8px 0px;
    padding: 10px 10px 10px 38px;
    border: solid 1px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.is_help {
    border-color: #CCC;
    background-image: url('/images/help_question.png');
}

.is_info1 {
    border-color: #CCC;
    background-image: url('/images/info_transparent.png');
}

.is_info {
    /*color: #00529B;*/
    background-color: #BDE5F8;
    border-color: #4094DE;
    background-image: url('/images/info.png');
}

.is_wsa_info {
    background-color: #EEEEEE;
    border-color: #CCC;
    background-image: url('/images/shield.png');
}

.is_success {
    /*color: #2c5203;*/
    background-color: #DFF2BF;
    border-color: #65AB19;
    background-image: url('/images/ok.png');
}

.is_warning {
    /*color: #563604;*/
    background-color: #FEEFB3;
    border-color: #DE9C38;
    background-image: url('/images/warning.png');
}

.is_error {
    /*color: #c3040f;*/
    background-color: #FBD8D4;
    border-color: #F39389;
    background-image: url('/images/error.png');
}

.is_validation {
    /*color: #D63301;*/
    background-color: #FFCCBA;
    border-color: #D63301;
    background-image: url('/images/error.png');
}

.is_nobgcolor {
    background-color: transparent !important;
}

.is_nobgimage {
    padding: 10px;
    background-image: none !important;
}

.is_noborder {
    border: none;
}

/* placement/alignment for is_X messages */
.is_msgwrapper {
}

    .is_msgwrapper.noshift {
        min-height: 54px;
    }

    .is_msgwrapper.center_msg {
        text-align: center;
    }

        .is_msgwrapper.center_msg .is_info,
        .is_msgwrapper.center_msg .is_info1,
        .is_msgwrapper.center_msg .is_success,
        .is_msgwrapper.center_msg .is_warning,
        .is_msgwrapper.center_msg .is_error,
        .is_msgwrapper.center_msg .is_validation,
        .is_msgwrapper.center_msg .is_help {
            display: inline-block;
        }

/* sys wide message */
#divSystemMessage.is_info,
#divSystemMessage.is_info1,
#divSystemMessage.is_success,
#divSystemMessage.is_warning,
#divSystemMessage.is_error,
#divSystemMessage.is_validation,
#divSystemMessage.is_help {
    font-size: 16px;
    font-family: 'Segoe UI', Verdana, Arial, sans-serif;
    margin: 5px;
}

.dimmerOverlay {
    filter: alpha(opacity=50);
    opacity: 0.5;
    background-color: white;
}

.dimmerForeground {
    font: 13px/39px Verdana, Tahoma, Sans-Serif;
    text-align: center;
    background-color: #eeeeee;
    padding: 20px 20px 20px 20px;
    border: 2px solid gray;
    height: 39px;
    width: 250px;
    margin-left: 40px;
}

    .dimmerForeground img {
        vertical-align: middle;
        margin-left: -12px;
        margin-right: 8px;
    }
/* BEGIN message.css */
.infoGreen, .infoBlue, .infoRed, .infoYellow {
    font: bold 12px Tahoma, Geneva, Arial, sans-serif;
    margin-top: 5px;
    padding: 5px;
    border-style: none;
}

.infoGreen {
    color: #117500;
}

.infoBlue {
    color: #006382;
}

.infoRed {
    color: #A11000;
}

.infoYellow {
    color: #000000;
}
/* END message.css */
/* BEGIN Menu.EERETop.css */
/* &lt;RadMenu / EERETop&gt; */

.RadMenu_EERETop .rmRootGroup, .RadMenu_EERETop .rmLink, .RadMenu_EERETop .rmText, .RadMenu_EERETop .rmLeftArrow, .RadMenu_EERETop .rmRightArrow, .RadMenu_EERETop .rmTopArrow, .RadMenu_EERETop .rmBottomArrow {
    background-image: url('../skins/EERETop/Menu/rmSprite.png');
    background-color: transparent;
}

.RadMenu_EERETop .rmRootGroup {
    border: 1px solid #3d556c;
    background-color: #000066;
}

.RadMenu_EERETop .rmHorizontal {
    background-position: 0 0;
    background-repeat: repeat-x;
}

.RadMenu_EERETop .rmVertical {
    background-position: 0 -425px;
    background-repeat: repeat-x;
}

/* &lt;Root items&gt; */

.RadMenu_EERETop, .RadMenu_EERETop .rmLink {
    font: normal 12px/23px "Segoe UI", Arial, sans-serif;
    color: #fff; /*font-weight:bolder;*/
    text-decoration: none;
}

    .RadMenu_EERETop .rmLink, .RadMenu_EERETop .rmText {
        background-position: 0 1050px;
        background-repeat: no-repeat;
    }

        .RadMenu_EERETop .rmLink:hover, .RadMenu_EERETop .rmFocused {
            color: #fff;
            background-position: 0 -72px;
        }

            .RadMenu_EERETop .rmLink:hover .rmText, .RadMenu_EERETop .rmFocused .rmText {
                background-position: 100% -96px;
            }

    .RadMenu_EERETop .rmExpanded, .RadMenu_EERETop .rmExpanded:hover {
        color: #0d202b;
        background-position: 0 -120px;
    }

        .RadMenu_EERETop .rmExpanded .rmText, .RadMenu_EERETop .rmExpanded:hover .rmText {
            background-position: 100% -144px;
        }

    .RadMenu_EERETop .rmDisabled, .RadMenu_EERETop .rmDisabled:hover {
        color: #aaa;
    }

        .RadMenu_EERETop .rmDisabled:hover, .RadMenu_EERETop .rmDisabled:hover .rmText {
            background: none;
        }

    /* &lt;/Root items&gt; */


    /* &lt;Submenu items&gt; */

    .RadMenu_EERETop .rmGroup, .RadMenu_EERETop .rmGroup .rmVertical {
        border: 1px solid #768ca5;
        background: #f0f2f4 url('../skins/EERETop/Menu/rmVSprite.png') repeat-y 0 0;
    }

    .RadMenu_EERETop .rmSlide .rmScrollWrap {
        background-image: none;
    }

.RadMenu_EERETop_rtl .rmGroup, .RadMenu_EERETop_rtl .rmGroup .rmVertical {
    background-position: 100% 0;
}

.RadMenu_EERETop .rmGroup .rmLink {
    color: #000;
}

    .RadMenu_EERETop .rmGroup .rmLink:hover, .RadMenu_EERETop .rmGroup .rmFocused {
        color: #0e3d4f;
    }

.RadMenu_EERETop .rmRootGroup .rmHorizontal {
    background-image: none;
}

.RadMenu_EERETop .rmScrollWrap .rmVertical {
    border: 0;
}

.RadMenu_EERETop .rmGroup .rmFirst, .RadMenu_EERETop .rmGroup .rmLast {
    background: none;
}

.RadMenu_EERETop .rmGroup .rmLast {
    padding-bottom: 1px;
}

.RadMenu_EERETop .rmGroup .rmLink:hover, .RadMenu_EERETop .rmGroup .rmFocused, .RadMenu_EERETop .rmGroup .rmExpanded {
    background-position: 0 -168px;
}

    .RadMenu_EERETop .rmGroup .rmLink:hover .rmText, .RadMenu_EERETop .rmGroup .rmFocused .rmText, .RadMenu_EERETop .rmGroup .rmExpanded .rmText {
        background-position: 100% -192px;
    }

.RadMenu_EERETop .rmGroup .rmDisabled, .RadMenu_EERETop .rmGroup .rmDisabled:hover {
    color: #aaa;
}

/* &lt;expand arrows&gt; */

.RadMenu_EERETop .rmGroup .rmExpandRight, .RadMenu_EERETop .rmGroup .rmExpandDown {
    background-position: 100% -216px;
}

.RadMenu_EERETop .rmGroup .rmLink:hover .rmExpandRight, .RadMenu_EERETop .rmGroup .rmFocused .rmExpandRight, .RadMenu_EERETop .rmGroup .rmExpanded .rmExpandRight, .RadMenu_EERETop .rmGroup .rmLink:hover .rmExpandDown, .RadMenu_EERETop .rmGroup .rmFocused .rmExpandDown, .RadMenu_EERETop .rmGroup .rmExpanded .rmExpandDown {
    background-position: 100% -240px;
}

.RadMenu_EERETop .rmGroup .rmDisabled:hover .rmExpandRight, .RadMenu_EERETop .rmGroup .rmDisabled:hover .rmExpandDown {
    background-image: url('../skins/EERETop/Menu/rmSprite.png');
    background-position: 100% -216px;
}

/* &lt;/expand arrows&gt; */

/* &lt;rtl&gt; */

.RadMenu_EERETop_rtl .rmGroup .rmLink:hover, .RadMenu_EERETop_rtl .rmGroup .rmFocused, .RadMenu_EERETop_rtl .rmGroup .rmExpanded {
    background-position: 100% -264px;
}

    .RadMenu_EERETop_rtl .rmGroup .rmLink:hover .rmText, .RadMenu_EERETop_rtl .rmGroup .rmFocused .rmText, .RadMenu_EERETop_rtl .rmGroup .rmExpanded .rmText {
        background-position: 0 -288px;
    }

.RadMenu_EERETop_rtl .rmGroup .rmExpandLeft {
    background-position: 0 -312px;
}

.RadMenu_EERETop_rtl .rmGroup .rmLink:hover .rmExpandLeft, .RadMenu_EERETop_rtl .rmGroup .rmFocused .rmExpandLeft, .RadMenu_EERETop_rtl .rmGroup .rmExpanded .rmExpandLeft {
    background-position: 0 -336px;
}

/* &lt;/rtl&gt; */

/* &lt;/Submenu items&gt; */

/* &lt;Submenu offsets (EERETop - specific, overlapping submenus)&gt; */

.RadMenu_EERETop .rmSlide {
    margin: -3px 0 0 3px;
}

    .RadMenu_EERETop .rmVertical .rmSlide, .RadMenu_EERETop .rmSlide .rmSlide, .RadMenu_EERETop_Context .rmGroup .rmSlide {
        margin: 0 0 0 -5px;
    }

.RadMenu_EERETop_rtl .rmSlide {
    margin: -3px 0 0 -3px;
}

    .RadMenu_EERETop_rtl .rmVertical .rmSlide, .RadMenu_EERETop_rtl .rmSlide .rmSlide, .RadMenu_EERETop_Context_rtl .rmGroup .rmSlide {
        margin: 0 0 0 5px;
    }

/* &lt;/Submenu offsets&gt; */

/* &lt;Scrolling arrows&gt; */

.RadMenu_EERETop .rmLeftArrow, .RadMenu_EERETop .rmRightArrow {
    background-color: #E0E5F5;
}

.RadMenu_EERETop .rmLeftArrow {
    background-position: -8px -312px;
    border-right: 1px solid #B7BDCD;
}

.RadMenu_EERETop .rmRightArrow {
    background-position: -482px -216px;
    border-left: 1px solid #B7BDCD;
}

.RadMenu_EERETop .rmTopArrow, .RadMenu_EERETop .rmBottomArrow, .RadMenu_EERETop .rmGroup .rmLeftArrow, .RadMenu_EERETop .rmGroup .rmRightArrow {
    background-color: #f0f0f0;
}

.RadMenu_EERETop .rmTopArrow {
    background-position: 50% -367px;
    border-bottom: 1px solid #B7BDCD;
}

.RadMenu_EERETop .rmBottomArrow {
    background-position: 50% -391px;
    border-top: 1px solid #B7BDCD;
}

/* &lt;/Scrolling arrows&gt; */

/* &lt;Separators&gt; */

.RadMenu_EERETop .rmVertical .rmSeparator .rmText {
    background-position: 0 -406px;
}

.RadMenu_EERETop_Context .rmVertical .rmSeparator .rmText, .RadMenu_EERETop .rmVertical .rmVertical .rmSeparator .rmText, .RadMenu_EERETop .rmHorizontal .rmVertical .rmSeparator .rmText {
    background-position: 0 -408px;
}

.RadMenu_EERETop .rmHorizontal .rmSeparator .rmText, .RadMenu_EERETop .rmVertical .rmHorizontal .rmSeparator .rmText {
    background-position: 0 -386px;
}

/* &lt;/Separators&gt; */

/* &lt;/RadMenu / EERETop&gt; */
/* END Menu.EERETop.css */
/* BEGIN AutoComplete.css */
/*AutoComplete flyout */
.completionListElement {
    padding-left: 5px;
    margin: 0px !important;
    background: #fff;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: auto;
    height: 100px;
    text-align: left;
    list-style-type: none;
    font-size: 11px;
    font-family: Verdana, Tahoma, Sans-Serif;
}

/* AutoComplete highlighted item */
.highlightedListItem {
    background-color: Highlight;
    color: white;
    padding: 1px;
    font-size: 0.83em;
    font-family: Verdana, Tahoma, Sans-Serif;
}

/* AutoComplete item */
.listItem {
    margin-left: 0px;
    background-color: window;
    color: windowtext;
    padding: 1px;
    font-size: 0.83em;
    font-family: Verdana, Tahoma, Sans-Serif;
}
/* END AutoComplete.css */

.officeuseonly {
    background-color: #EEEEEE;
}

.popUpInformation {
    word-wrap: break-word;
    text-align: left;
    border: 1px outset #B8B8B8;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #A0A0A0;
    padding: 4px;
    background-color: InfoBackground;
    display: none;
    z-index: 3000;
}

.reportingperiod-container {
    border: solid 1px #CCC;
    background-color: #F8F8F8;
    padding: 4px;
    text-align: left;
}

    .reportingperiod-container .display-only-data {
        border: solid 1px #CCC;
        padding: 2px 4px;
        display: inline-block;
    }

    .reportingperiod-container table.main {
        width: 100%;
        border-spacing: 1px;
    }

        .reportingperiod-container table.main &gt; tbody &gt; tr &gt; td {
            padding: 2px;
            text-align: left;
        }

            .reportingperiod-container table.main &gt; tbody &gt; tr &gt; td.lbl {
                text-align: right;
                white-space: nowrap;
                font-weight: bold;
            }

            .reportingperiod-container table.main &gt; tbody &gt; tr &gt; td.val {
                width: 100%;
            }

    .reportingperiod-container table.period-selector {
        width: 100%;
        border: 0;
        border-spacing: 0;
        border-collapse: collapse;
    }

        .reportingperiod-container table.period-selector &gt; tbody &gt; tr &gt; td {
            padding: 0;
            text-align: left;
        }


/* common reporting period controls */
div.common-controls-container {
    border-top: solid 1px #CCC;
    padding-top: 6px;
}

    div.common-controls-container div.readyto-controls {
        display: inline-block;
        text-align: center;
        border-radius: 6px;
        border: 1px solid lightblue;
        padding: 4px;
    }

        div.common-controls-container div.readyto-controls &gt; .ready {
            margin-right: 10px;
        }

    div.common-controls-container span.common-controls-separator {
        display: none;
        border-left: solid 1px #CCC;
        margin-left: 10px;
        margin-right: 18px;
    }

.instruments-container {
    text-align: right;
}

    .instruments-container .instrument {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        width: 20px;
        height: 20px;
        border: solid 1px #CCC;
        background-color: buttonface;
        border-radius: 3px;
    }

        .instruments-container .instrument:hover {
            background-color: #E8E8E8;
            border-color: gray;
        }

    .instruments-container .sub-instrument .option {
        padding: 4px;
        text-align: left;
    }

    .instruments-container .sub-instrument .option-image,
    .instruments-container .sub-instrument .option-label {
        display: inline-block;
        vertical-align: middle;
    }

    .instruments-container .sub-instrument:hover {
        background-color: #F0F0F0;
    }

    .instruments-container .popupmenu {
        text-align: left;
        border: 1px outset #B8B8B8;
        box-shadow: 1px 1px 1px #A0A0A0;
        border-radius: 3px;
        background-color: White;
        display: none;
        z-index: 3000;
    }

    .instruments-container .optionslist {
        padding-bottom: 6px;
        border-bottom: solid 1px #CCC;
    }

.approvereject {
    text-align: center;
    border: solid 1px #CCC;
    background-color: #F8F8F8;
    padding: 4px;
}

    .approvereject div.approve-submit-validate {
        display: inline-block;
        border-radius: 3px;
        padding: 4px;
        border: 1px solid lightblue;
        text-align: center;
    }

    .approvereject div.reject-withdraw-rejectpostapproval {
        display: inline-block;
        padding: 4px;
        text-align: center;
    }

    .approvereject div.control {
        margin-left: 4px;
        vertical-align: middle;
        display: inline-block;
    }

        .approvereject div.control.ready {
            margin-right: 10px;
        }

        .approvereject div.control:first-child {
            margin-left: 0;
        }

    .approvereject .popup {
        border: solid 1px #aaaaaa;
        background-color: white;
        width: 550px;
    }

.validationoutput-container table.val-output {
    width: 100%;
    border-collapse: collapse;
    border: 0;
    background-color: white;
    margin-top: 0;
}

.validationoutput-container .val-title {
    background-image: url('/images/table_header.jpg');
    cursor: move;
    padding: 4px;
}

.validationoutput-container table.val-output &gt; tbody &gt; tr &gt; td {
    text-align: left;
}

.validationoutput-container .val-document-link {
    font-size: 14px;
    margin: 0 0 6px 0;
}

.validationoutput-container div.disabled-anchor a {
    pointer-events: none !important;
    cursor: default;
    color: black;
    text-decoration: none;
}

.validationoutput-container div.hidden-validation-object {
    display: none;
}

.updateinfo-container {
    padding: 4px;
}

    .updateinfo-container .updateinfo-element {
        padding: 4px;
        text-align: center;
        color: gray;
    }

    .updateinfo-container .preposition {
        color: gray;
    }

    .updateinfo-container .by-whom {
        text-decoration: underline;
        text-decoration-color: lightblue;
        color: black;
    }

    .updateinfo-container .when {
        color: black;
    }

.approverejecthistory-container {
    width: 100%;
    padding: 5px 0px;
}

    .approverejecthistory-container .collapseheader table {
        border-collapse: separate;
        text-align: left;
        border: solid 1px #CCC;
        cursor: pointer;
        width: 100%;
        background-color: #F8F8F8;
    }

        .approverejecthistory-container .collapseheader table &gt; tbody &gt; tr &gt; td {
            padding: 1px;
            text-align: left;
        }


    .approverejecthistory-container table.entries {
        border-collapse: separate;
        border-spacing: 0;
        text-align: left;
        border: solid 1px #CCC;
        border-top: 0;
        width: 100%;
    }

        .approverejecthistory-container table.entries &gt; tbody &gt; tr &gt; th {
            background-color: #F0F0F0;
            border-bottom: solid 1px #CCC;
        }

        .approverejecthistory-container table.entries &gt; tbody &gt; tr &gt; td {
            vertical-align: top;
            text-align: left;
            padding: 8px 4px 8px 6px;
        }

            .approverejecthistory-container table.entries &gt; tbody &gt; tr &gt; td.entry-description {
                font-size: 12.96px;
                font-family: Verdana, Tahoma, Sans-Serif;
                width: 100px;
                text-align: right;
                padding-right: 0;
            }

            .approverejecthistory-container table.entries &gt; tbody &gt; tr &gt; td.entry-details {
            }

    .approverejecthistory-container .by-whom {
        text-decoration: underline;
        text-decoration-color: lightblue;
        color: black;
    }

    .approverejecthistory-container .when {
        color: black;
    }

    .approverejecthistory-container .popupWSAonly {
        text-align: right;
        background-color: #EEEEEE;
        border: solid 1px #CCC;
        padding: 2px 4px;
        display: none;
        z-index: 3000;
    }

    .approverejecthistory-container .comments-block-hidden {
        display: none;
    }

    .approverejecthistory-container .comments-block {
        margin-top: 15px;
    }

    .approverejecthistory-container .comments-label {
        color: darkgray;
    }

    .approverejecthistory-container .comments-details {
        text-align: left;
        border-top: solid 1px #CCC;
        padding: 4px 4px 4px 0;
        margin: 2px 4px 2px 0;
    }

.browserinformation {
    font-size: 11px;
}

    .browserinformation table {
        border: 1px solid #aaaaaa;
        border-collapse: collapse;
        margin-top: 4px;
        max-width: 600px;
    }

        .browserinformation table &gt; tbody &gt; tr &gt; td {
            border: 1px solid #aaaaaa;
            padding: 1px 2px;
        }

.banner-container,
.quicksearch-container {
    padding: 6px;
    border: solid 1px #CCC;
    background-color: #EEEEEE;
}

.quicksearch-container {
    margin-bottom: 1px;
}

.banner-container {
    padding: 2px 6px;
}

    .banner-container .element {
        display: inline-block;
        vertical-align: top;
    }

.quicksearch-container .element {
    display: inline-block;
    vertical-align: middle;
}

    .banner-container .element.label,
    .quicksearch-container .element.label {
        font-weight: bold;
    }

.banner-container table {
    border-collapse: collapse;
}

    .banner-container table &gt; tbody &gt; tr &gt; td {
        padding: 0;
        vertical-align: top;
    }

        .banner-container table &gt; tbody &gt; tr &gt; td.left-element {
            text-align: left;
            width: 150px;
        }

        .banner-container table &gt; tbody &gt; tr &gt; td.center-element {
            padding-left: 15px;
            padding-right: 15px;
            text-align: center;
        }

        .banner-container table &gt; tbody &gt; tr &gt; td.right-element {
            text-align: right;
            width: 136px;
        }

.errorpage-container {
    text-align: left;
}

    .errorpage-container .info-block {
        margin-top: 4px;
    }

table.pin-container {
    width: 100%;
    text-align: left;
    border-spacing: 0;
    border-collapse: collapse;
}

    table.pin-container &gt; tbody &gt; tr &gt; td {
        padding: 8px 4px 0px 4px;
    }

    table.pin-container &gt; tbody &gt; tr.header {
        background-image: url('/images/table_header.jpg');
        font-size: 12px;
        cursor: move;
    }

        table .pin-container &gt; tbody &gt; tr.header &gt; td {
            padding: 4px;
        }

    table.pin-container &gt; tbody &gt; tr &gt; td.label {
        text-align: right;
        white-space: nowrap;
        padding-left: 6px;
    }

    table.pin-container &gt; tbody &gt; tr &gt; td.value {
        width: 100%;
    }

.page_inline_editor .text_area {
    background-color: white;
    height: 100%;
    padding: 0 4px;
    overflow: auto;
    text-align: left;
    outline: 0;
    box-sizing: border-box;
}

.page_inline_editor table {
    border-spacing: 0;
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    height: 100%;
}

    .page_inline_editor table &gt; tbody &gt; tr &gt; td {
        text-align: left;
        padding: 0;
    }

        .page_inline_editor table &gt; tbody &gt; tr &gt; td.editor {
            width: 100%;
            padding: 2px;
            background-color: #F8F8F8;
            border: solid 1px #CCC;
        }

        .page_inline_editor table &gt; tbody &gt; tr &gt; td.validator {
            white-space: nowrap;
            vertical-align: top;
        }

.page_popup_editor .popup {
    z-index: 8009 !important;
    width: 730px;
    border: solid 1px gray;
    background-color: white;
}

.page_popup_editor .content {
    text-align: left;
    padding: 4px;
    background-color: #F5F5F5;
    border: solid 1px #CCC;
    overflow: auto;
    height: 160px;
}

.page_popup_editor table {
    border-spacing: 0;
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

    .page_popup_editor table &gt; tbody &gt; tr &gt; td {
        text-align: left;
        padding: 4px;
    }

    .page_popup_editor table &gt; tbody &gt; tr.header {
        background-image: url('/images/table_header.jpg');
        cursor: move;
    }

    .page_popup_editor table.header &gt; tbody &gt; tr &gt; td {
        padding: 2px 0;
    }

/* contact us page*/
.contact_us table.container {
    border-spacing: 2px;
    border-collapse: separate;
    text-align: left;
    width: 100%;
}

    .contact_us table.container &gt; tbody &gt; tr &gt; td {
        text-align: left;
        padding: 4px;
    }

        .contact_us table.container &gt; tbody &gt; tr &gt; td.label {
            white-space: nowrap;
            text-align: right;
        }

        .contact_us table.container &gt; tbody &gt; tr &gt; td.value {
            width: 100%;
        }

.contact_us table.value_field {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

    .contact_us table.value_field &gt; tbody &gt; tr &gt; td {
        text-align: left;
        padding: 0;
    }

        .contact_us table.value_field &gt; tbody &gt; tr &gt; td.value {
            width: 100%;
        }

        .contact_us table.value_field &gt; tbody &gt; tr &gt; td.validator {
            white-space: nowrap;
        }

/* contact information user control*/
.contactinfo {
    text-align: left;
}

    .contactinfo div.ci_section.header {
        border: solid 1px #CCC;
        padding: 4px;
        background-color: #DCDCDC;
    }

    .contactinfo div.ci_section {
    }

    .contactinfo div.clear {
        clear: both;
    }

    .contactinfo div.ci_edit {
        padding: 1px;
        margin: 1px 0;
    }

    .contactinfo div.ci_label {
        width: 50px;
        text-align: right;
        display: inline-block;
        vertical-align: middle;
    }

    .contactinfo div.ci_value {
        display: inline-block;
        vertical-align: middle;
    }

    .contactinfo .ci_display.descrip {
        text-align: left;
        width: 100%;
        padding-bottom: 2px;
    }

        .contactinfo .ci_display.descrip .ci_descrip {
            /*font-style: italic;
            font-weight: bold;*/
            font-variant: all-small-caps;
        }

    .contactinfo .ci_icon {
        border: 0;
        position: relative;
        top: 2px;
        margin-left: 4px;
    }

/* section classes */
.section-container {
    margin: 10px 0;
    border: solid 1px #CCC;
    border-radius: 4px;
}

    .section-container:first-child {
        margin-top: 0;
    }

    .section-container div.header {
        background: #92A8D1;
        color: white;
        font-size: 1.1em;
        font-variant: small-caps;
        padding: 2px;
        text-align: center;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .section-container div.content {
        padding: 4px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

/* fund source item user control*/
.fundsourceitem table.cntr {
    border-spacing: 0;
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

    .fundsourceitem table.cntr &gt; tbody &gt; tr &gt; td {
        padding: 4px;
        text-align: left;
    }

        .fundsourceitem table.cntr &gt; tbody &gt; tr &gt; td.label {
            white-space: nowrap;
            text-align: right;
        }

        .fundsourceitem table.cntr &gt; tbody &gt; tr &gt; td.value {
            width: 100%;
        }

/* fund source user control*/
.fundsource table.cntr {
    border-spacing: 0;
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

    .fundsource table.cntr &gt; tbody &gt; tr &gt; td {
        padding: 4px;
        text-align: left;
    }

        .fundsource table.cntr &gt; tbody &gt; tr &gt; td.label {
            white-space: nowrap;
            text-align: right;
        }

        .fundsource table.cntr &gt; tbody &gt; tr &gt; td.value {
            width: 100%;
        }

/* organization information user control*/
.organizationinfo div.oi_section {
    text-align: left;
}

    .organizationinfo div.oi_section div.oi_label {
        display: inline-block;
        vertical-align: middle;
    }

    .organizationinfo div.oi_section div.oi_value {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
    }

.is_underconstruction {
    background-color: #FEEFB3;
    border: solid 1px #de9c38;
    background-image: url(/images/underconstruction1.gif);
    background-repeat: no-repeat;
    background-position: center;
    padding: 60px;
    margin: 10px 100px;
}

.top-sticky, .bottom-sticky {
    text-align: center;
}

.top-fixed, .bottom-fixed {
    position: fixed;
    background-color: whitesmoke;
    border: solid 1px #CCC;
    padding: 6px 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);
}

.top-fixed {
    top: 0;
    margin-top: 5px;
}

.bottom-fixed {
    bottom: 0;
    margin-bottom: 5px;
}

/* attachments*/
.attachment.list table.file-list,
.attachment.list table.file-filters-container,
.attachment.list table.file-filters,
.attachment.list table.file-popupinfo {
    border-spacing: 0;
    border-collapse: collapse;
    text-align: left;
    background-color: white;
    width: 100%;
}

.attachment.list table.file-info {
    border-spacing: 0;
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}

    .attachment.list table.file-info &gt; tbody &gt; tr &gt; td,
    .attachment.list table.file-popupinfo &gt; tbody &gt; tr &gt; td {
        text-align: left;
        padding: 2px;
    }

        .attachment.list table.file-info &gt; tbody &gt; tr &gt; td.item {
            font-size: smaller;
            color: gray;
        }

        .attachment.list table.file-popupinfo &gt; tbody &gt; tr &gt; td.label {
            white-space: nowrap;
            text-align: right;
            vertical-align: top;
        }

        .attachment.list table.file-popupinfo &gt; tbody &gt; tr &gt; td.value {
            width: 100%;
            text-align: left;
            font-style: italic;
            padding-left: 4px;
        }

.attachment.list table.file-filters-container &gt; tbody &gt; tr &gt; td {
    vertical-align: top;
    padding: 2px;
}

.attachment.list table.file-filters &gt; tbody &gt; tr &gt; td {
    text-align: left;
    padding: 4px;
}

.attachment.list table.file-list &gt; tbody &gt; tr.header {
    background-image: url('/images/table_header.jpg');
    font-size: 12px;
}

    .attachment.list table.file-list &gt; tbody &gt; tr.header &gt; td {
        border: solid 1px #CCC;
        padding: 4px;
    }

.attachment.list table.file-list &gt; tbody &gt; tr &gt; td {
    padding: 6px;
    text-align: left;
    vertical-align: top;
}

.attachment.details table.file-details {
    border-spacing: 0;
    border-collapse: collapse;
    text-align: left;
    background-color: white;
    width: 100%;
}

    .attachment.details table.file-details &gt; tbody &gt; tr.header {
        background-image: url('/images/table_header.jpg');
        font-size: 12px;
    }

        .attachment.details table.file-details &gt; tbody &gt; tr.header &gt; td {
            border-bottom: solid 1px #CCC;
            padding: 4px;
        }

    .attachment.details table.file-details &gt; tbody &gt; tr &gt; td {
        padding: 4px;
        text-align: left;
    }

        .attachment.details table.file-details &gt; tbody &gt; tr &gt; td.label {
            text-align: right;
        }

.attachment .tags .tag {
    padding: 4px;
}

.attachment .tags .not-added {
    color: gray;
}

.attachment .tags .not-added-status {
    font-size: smaller;
    margin-left: 4px;
}

.attachment .tags div.no.tag:has(.groupname) {
    font-variant: all-small-caps;
    background-color: gainsboro;
}

.attachment .tags div.no.tag:has(.sub.groupname) {
    margin: 0 8px;
}

.attachment .tags .added-icon,
.attachment .tags .not-added-icon,
.attachment .tags .required-icon,
.attachment .tags .important-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
    padding-left: 14px;
    margin: 4px;
}

.attachment .tags .added-icon {
    background-image: url('/images/check_circle_icon.png');
}

.attachment .tags .not-added-icon {
    background-image: url('/images/circle_icon.png');
}

.attachment .tags .required-icon {
    background-image: url('/images/error.png');
}

.attachment .tags .important-icon {
    background-image: url('/images/warning.png');
}

.attachment .tags .important {
    border-color: #DE9C38 !important;
    border: solid 1px;
    padding: 1px;
}

.attachment .tags .required {
    border-color: #F39389 !important;
    border: solid 1px;
    padding: 1px;
}

.attachment .tags .associated-files {
    padding: 4px;
}

/* grant management contacts */
.grantcontacts table.contacts {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    border: solid 1px #CCC;
    background-color: white;
}

    .grantcontacts table.contacts &gt; tbody &gt; tr &gt; td {
        text-align: left;
        padding: 4px;
        vertical-align: top;
        border: solid 1px #CCC;
    }

    .grantcontacts table.contacts &gt; tbody &gt; tr.header {
        background-image: url('/images/table_header.jpg');
        font-size: 12px;
    }

        .grantcontacts table.contacts &gt; tbody &gt; tr.header &gt; td {
            text-align: center;
        }

    .grantcontacts table.contacts &gt; tbody &gt; tr &gt; td.inactive {
        opacity: 0.5;
    }

    .grantcontacts table.contacts &gt; tbody &gt; tr &gt; td.page_user {
        text-align: center;
        vertical-align: middle;
        width: 68px;
    }

    .grantcontacts table.contacts &gt; tbody &gt; tr &gt; td.contact_info {
        vertical-align: middle;
        text-align: left;
    }

    .grantcontacts table.contacts &gt; tbody &gt; tr &gt; td.action {
        text-align: center;
        vertical-align: middle;
        width: 45px;
    }

    .grantcontacts table.contacts &gt; tbody &gt; tr &gt; td.period {
        text-align: center;
        vertical-align: middle;
        width: 260px;
    }

    .grantcontacts table.contacts &gt; tbody &gt; tr &gt; td.status {
        text-align: center;
        vertical-align: middle;
        width: 54px;
    }

/* user grant contacts settings */
.usergrantcontacts div.container {
    overflow: auto;
    max-height: 500px;
    padding: 6px;
    border: solid 1px #CCC;
}

.usergrantcontacts table.settings {
    border-collapse: collapse;
    text-align: left;
    background-color: white;
    width: 100%;
}

    .usergrantcontacts table.settings &gt; tbody &gt; tr &gt; td {
        padding-bottom: 15px;
    }

    .usergrantcontacts table.settings &gt; tbody &gt; tr:last-child &gt; td {
        padding-bottom: 0;
    }

.usergrantcontacts div.grant-number {
    padding: 4px;
    padding-bottom: 6px;
    border: solid 1px #CCC;
    border-bottom: 0;
}

.usergrantcontacts table.details {
    width: 100%;
    border-collapse: collapse;
}

    .usergrantcontacts table.details &gt; tbody &gt; tr &gt; td {
        padding: 4px;
        text-align: left;
        border: solid 1px #CCC;
    }

        .usergrantcontacts table.details &gt; tbody &gt; tr &gt; td.type-description {
            width: 180px;
        }

        .usergrantcontacts table.details &gt; tbody &gt; tr &gt; td.period {
            width: 200px;
        }

.usergrantcontacts .setting {
    text-align: center;
    padding: 8px;
    border: solid 1px;
}

    .usergrantcontacts .setting.active {
        background-color: #DFF2BF;
        border-color: #65ab19;
    }

    .usergrantcontacts .setting.inactive {
        opacity: 0.7;
        background-color: #EEEEEE;
        border-color: #808080;
    }

.copy-to-clipboard-icon {
    position: relative;
    top: 1px;
    border: 0;
    height: 12px;
    width: 12px;
    background-color: white;
}

.textteaser .t-title &gt; span {
    font-weight: bold;
    margin-bottom: 4px;
}

.textteaser .t-sub-title {
    padding: 0 4px;
}

.textteaser .t-container {
    margin-top: 4px;
    padding: 4px;
}

    .textteaser .t-container .t-controls {
        text-align: right;
        padding-bottom: 4px;
    }

.textteaser .t-text {
    border: solid 1px #CCC;
    overflow: auto;
    background-color: #F5F5F5;
    padding: 4px;
}


.auditlog-container {
    padding: 4px;
}

    .auditlog-container table.auditlog {
        border-collapse: separate;
        border-spacing: 0;
        text-align: left;
        border-top: 0;
        width: 100%;
    }

        .auditlog-container table.auditlog &gt; tbody &gt; tr &gt; th {
            background-color: #F0F0F0;
            border-bottom: solid 1px #CCC;
        }

        .auditlog-container table.auditlog &gt; tbody &gt; tr &gt; td {
            vertical-align: top;
            text-align: left;
            padding: 4px;
        }

    .auditlog-container.center {
        text-align: center;
    }

    .auditlog-container.left {
        text-align: left;
    }

    .auditlog-container .popupWSAonly {
        text-align: right;
        background-color: #EEEEEE;
        border: solid 1px #CCC;
        padding: 2px 4px;
        display: none;
        z-index: 3000;
    }

    .auditlog-container .auditlog-entry {
        padding: 4px;
    }

.auditlog-entry .gray {
    color: gray;
}

.auditlog-entry .action {
}

.auditlog-entry .by-whom {
    text-decoration: underline;
    text-decoration-color: lightblue;
}

.auditlog-entry .timestamp {
}

.auditlog-entry .comments {
    margin: 8px 0px 0 90px;
}

    .auditlog-entry .comments &gt; .details {
        text-align: left;
        border-top: solid 1px #CCC;
        padding: 4px 4px 4px 0;
        margin: 2px 4px 2px 0;
        color: black;
    }
</pre></body></html>