body 
{
}

.data {
    width: 100%;
    border: 0px;
    border-spacing: 1px;
}

.data td, .data th, .data caption {
    padding: 4px;
    vertical-align: top;
}

.data caption {
    box-sizing: border-box;
    width: calc(100% - 2px);
    left: 1px;
    position: relative;
}

.dataLabel
{
    font-weight: bold;
    text-align: right;
    width: 1%;
    white-space: nowrap;
    vertical-align: top;
    padding-right: 3px;
    font-size: small;
}

.StripedDataTable .dataLabel, .ODEDataGridItem .dataLabel, .ODEDataGridAltItem .dataLabel, textarea {
    font-size: 12px;
}

.important
{
    font-weight: bold;
}

.no-line-break {
    white-space: nowrap;
    display: inline-block;
}

.superImportant
{
    font-size: 16px;
    font-weight: bold;
    color: Red;
}

.previousValue 
{
    color: Red;
}

.NegativeNumber 
{
    color: Red;
}

.SubSection 
{
    padding-left: 20px;
}

.Timer
{
    text-align: center;
    font-size: small;
    background-color: #cce2f2;
    border-width: 1px;
    border-style: solid;
    border-color: #00467F;
    width: 155px;
    z-index: 2;
    position: fixed;
}

.ActiveTab 
{
    background-color: #00467F;
    color: White;
    text-align: center;
}

.InactiveTab 
{
    background-color: #cce2f2;
    color: Black;
    text-align: center;
}

.Calendar .ajax__calendar_container 
{
    background-color: #cce2f2;
    border-color: #78B2DC;
    border-width: 1px;
    border-style: solid;
    font-size: small;
}

.Calendar .ajax__calendar_days table tr td
{
    padding: 0px;
}

.Calendar .ajax__calendar_year
{
    width: 35px;
    height: 40px;
}

.Calendar .ajax__calendar_month 
{
    width: 35px;
    height: 40px;
}

.Calendar td { padding: 3px; }

.notesHeader 
{
    font-weight: bold;
}

.sectionLabel
{
    text-align: left;
    font-size: small;
}

.questionLabel 
{
    text-align: left;
    padding-left: 3px;
    font-size: x-small;
}

.budgetGridWidth
{
    min-width: 83px;
}

/* Temporary Hack until I can fix the themes */

fieldSet
{
    border-color: #00467F;
    border-style: solid;
    border-width: 2px;
    padding-right: 5px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

legend
{
    background-color: #f1f7fb;
    border-color: #00467F;
    border-style: solid;
    border-width: 2px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 5px;
}

/* from ode.css */
body
{
    font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    font-size: 12px;
    margin-left: 0px;
    margin-top: 0px;
}

td
{
    font-size: 12px;
}

hr 
{
    height:1pt;
    /*background-color: #78B2DC;*/
}

h1, h2, h3, h4, h5, h6, dt, th, thead, tfoot 
{
    /* 
   color: black; Commented out since it 
   interferes with GridView header color 
   - kevin.low 10/26/06
*/
    font-style: normal;
    text-decoration:    none;
}

h1 {
    font-weight: 700;
    font-size: 2em;
}

h2 {
    font-weight: 700;
    font-size: 1.75em;
}

h3 {
    font-size: 1.58em;
    font-weight: 500;
}

h4 {
    font-size: 1.33em;
    font-weight: 500;
}

h5, dt {
    font-size: 1em;
    font-weight: 700;
}

h6 {
    font-size: .8em;
    font-weight: 700;
}

tfoot, thead {
    font-size: 1em;
}

th {
    vertical-align:baseline;
    font-size: 1em;
    font-weight: bold;
}

small {
    font-size: .7em;
}

big {
    font-size: 1.17em;
}

blockquote, pre {
    font-family: Courier New, monospace;
}

ul li {
    list-style-type: square;
}

ul li li {
    list-style-type: disc;
}

ul li li li {
    list-style-type: circle;
}

ul li li li li {
    list-style-type: None;
}

ol li {
    list-style-type: decimal;
}

ol ol li {
    list-style-type: lower-alpha;
}

ol ol ol li {
    list-style-type: lower-roman;
}

/* -------------------------------------------------------- */
/* General A TAG for Generic Links ------------------------ */
/* -------------------------------------------------------- */
a:link {
    text-decoration: underline;
    color: Black;
}

a:visited {
    text-decoration: underline;
    color: Black;
}

a:active {
    text-decoration: underline;
    color: Black;
}

a:hover {
    text-decoration: none;
    color: Black;
}
table.StripedDataTable th:not([scope="row"]), table.StripedDataTable caption {
    background-color: #00467f;
    color: white;
    font-weight: bold;
}

    table.StripedDataTable th a {
        color: white;
    }

    table.StripedDataTable .sort th {
        text-decoration: underline;
    }

    table.StripedDataTable th a:link, table.data th a:visited, table.data th a:active {
        color: white;
    }
table.StripedDataTable th a:hover {
    color: #cce2f2;
}
table.StripedDataTable tbody tr:nth-child(odd) td, table.StripedDataTable tbody tr:nth-child(odd) th[scope='row'] {
    background-color: #f1f7fb;
    color: black;
}
table.StripedDataTable tbody tr:nth-child(odd) td a:link, table.data:nth-child(odd) td a:visited, table.data:nth-child(odd) td a:active {
    color: black;
    text-decoration: underline;
}
table.StripedDataTable tbody tr:nth-child(odd) td a:hover {
    color: #5A544B;
    text-decoration: none;
}
table.StripedDataTable tbody tr:nth-child(even) td, table.StripedDataTable tbody tr:nth-child(even) th[scope='row'] {
    background-color: #CCE2F2;
    color: black;
}
table.StripedDataTable tbody tr:nth-child(even) td a:link, table.data:nth-child(even) td a:visited, table.data:nth-child(even) td a:active {
    color: black;
    text-decoration: underline;
}
table.StripedDataTable tbody tr:nth-child(even) td a:hover {
    color: #5A544B;
    text-decoration: none;
}

table.sticky {
    width: 100%;
    border-collapse: separate;
}

    table.sticky > thead > tr > th {
        position: sticky;
        top: 0;
    }

    table.sticky > tbody > tr > td {
    }

    table.sticky th:first-child, table.sticky td:first-child {
    }

.ImportantODEDataGridHeader, .ImportantODEDataGridHeader td, .ImportantODEDataGridHeader th {
    background-color: #00467f !important;
    color: white !important;
    font-weight: bold !important;
}

.ODEDataGridHeader, .ODEDataGridHeader td, .ODEDataGridHeader th {
    background-color: #00467f;
    color: white;
    font-weight: bold !important;
}
.ODEDataGridHeader a:link, .ODEDataGridHeader a:visited, .ODEDataGridHeader a:active
{
    color: white;
}
.ODEDataGridHeader a:hover 
{
    color: #cce2f2;
}
.ODEDataGridSelectedItem 
{
    background-color:#78B2DC;
    color: black;
}
.ODEDataGridItem, .ODEDataGridItem > td
{
    background-color: #f1f7fb;
    color: black;
}
.ODEDataGridItem a:link, .ODEDataGridItem a:visited, .ODEDataGridItem a:active 
{
    color: black;
    text-decoration: underline;
}
.ODEDataGridItem a:hover
{
    color: #5A544B;
    text-decoration: none;
}
.ODEDataGridAltItem, .ODEDataGridAltItem > td 
{
    background-color: #CCE2F2;
    color: black;
}
tr.PageDataItem:hover > td 
{
    background-color:rgb(120, 178, 220) !important;
}
.ODEDataGridAltItem a:link, .ODEDataGridAltItem a:visited, .ODEDataGridAltItem a:active
{
    color: black;
    text-decoration: underline;
}
.ODEDataGridAltItem a:hover 
{
    color: #5A544B;
    text-decoration: none;
}
.ODEDataGridFooter 
{
    background-color: #00467F;
    color: black;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
}
.ODEDataGridPager, .ODEDataGridPager td 
{
    background-color: #00467F;
    color: White;
}
    .ODEDataGridPager a:link, .ODEDataGridPager a:visited, .ODEDataGridPager a:active
    {
        color: White;
    }
    .ODEDataGridPager a:hover 
    {
        color: #cce2f2;
    }

.ODEError
{
    color:Red;
    font-size: 12px;
    font-weight:bold;
}

.ODESave 
{
    color:#009900;
    font-size: 12px;
    font-weight:bold;
}

.ODETimer 
{
    color:#930000;
    font-size: 12px;
    font-weight:bold;
}

.ODETextBox100 {
    box-sizing: border-box;
    width: 100%
}

.GMSErrorMessage {
    color:Red;
    font-size: 16px;
    font-weight:bold;
}

/* this is the standard button style - kevin.low 07/12/07 */
.ODEButton 
{
    color:Black;
    background-color:Silver;
    border-style:Groove;
    font-family:Arial,Tahoma,Verdana,Helvetica,Sans-Serif;
}

/* Moved ODEColor# from basemaster.css - kevin.low 05/24/07 */
.ODEColor1 
{
    background-color: #00467F;
    color: white;
}

.ODEColor2 
{
    background-color: #78B2DC;
    color: black;
}

.ODEColor3 
{
    background-color: #cce2f2;
    color: black;
}

.ODEColor4
{
    background-color: #f1f7fb;
    color: black;
}

.ODEColor5
{
    background-color:#eeeeee;
}

/* Added color of the CompleteGridView headerstyle - 10/03/07 */
.ODEColor6 
{
    background-color:#5D7B9D;
    color: White;
}

/* used in GridView PagerStyle to prevent the color of Next and Prev displayed in black */
.ODEGridViewPagerStyle a:link, .ODEGridViewPagerStyle a:visited, .ODEGridViewPagerStyle a:active, .ODEGridViewPagerStyle a:hover 
{
    color: white;
}

/* used in GridView PagerStyle to prevent the color of Next and Prev displayed in black */
.ODEGridViewPagerStyle a:link, .ODEGridViewPagerStyle a:visited, .ODEGridViewPagerStyle a:active, .ODEGridViewPagerStyle a:hover {
    color: white;
}

#ODEMainNavigation 
{
    width:155px;
}

#ODEMainNavigation .ODEMenuItem ul li {
    min-height: 22px;
    height: auto;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    text-align: left;
    cursor: pointer;
    background-color: #78B2DC;
    color: black;
    list-style: none;
    /* Removing 'width:155px' makes menu cell widths fit their content, but makes the main column break */
    width: 155px;
}

/* Anchor tag sits on top of rendered menu item allowing target="_blank" */
.ODEMenuItemExternalLink {
    z-index: 1;
    position: absolute;
    min-height: 22px;
    width: 155px;
}

#ODEMainNavigation .ODEMenuItem ul li.static {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
}

.ODEMenuItem.SVGT {
    display: none;
}

.ODEMenuItem ul.dynamic
{
    z-index:501 !important;
}

.ODEMenuItem li.dynamic 
{
    width: auto;
}

#ODEMainNavigation .ODEMenuItem li.static a:link,
#ODEMainNavigation .ODEMenuItem li.static a:visited {
    text-decoration: none;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    height: auto;
    min-height: 22px;
    white-space: normal;
    border-left: solid 1px #00467F !important;
}

#ODEMainNavigation .ODEMenuItem li.dynamic a:link,
#ODEMainNavigation .ODEMenuItem li.dynamic a:visited {
    white-space: nowrap;
    height: 22px;
}


/* Start handling all menu item borders.*/
.ODEMenuItem ul li {
    border-bottom: 1px solid #00467F !important;
    border-right: 1px solid #00467F !important;
    border-left: 1px solid #00467F !important;
}

#ODEMainNavigation .ODEMenuItem ul.level1 > li:first-of-type {
    border-top: 0px !important;
}

.ODEMenuItem ul li:first-of-type {
    border-top: 1px solid #00467F !important;
}

#ODEMainNavigation .ODEMenuItem ul li.has-popup ul {
    top: -1px !important;
}
/* End handling menu item borders*/

#ODEMainBody .ODEMenuItem ul li 
{
    min-height: 22px;
    height: 22px;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    text-align: left;
    cursor: pointer;
    background-color: #78B2DC;
    color: black;
    list-style: none;
    min-width: 133px;
}

div .ODEMenuItem  ul  li 
{
    margin:0;padding:0;
    list-style: none;
    border-style: none;
}

div .ODESubMenuItem  ul  li 
{
    margin:0;padding:0;
    list-style: none;
    border-style: none;
}

div .ODEMenuItem > ul > li > ul
{
    display: none;border-style: none;
}

div.ODESubMenuItem > ul > li > ul 
{
    display: none;border-style: none;
}



#ODEMainBody .ODEMenuItem a:link,
#ODEMainBody .ODEMenuItem a:visited {
    text-decoration:none;
    display: flex;
    align-items: center;
    height: 100%;
}

#ODEMainBody .ODEMenuItem li.has-popup > a:link,
#ODEMainBody .ODEMenuItem li.has-popup > a:visited {
    padding-right:15px;
}

.ODESubMenuItem {
    min-height: 22px;
    height: 22px;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    text-align: left;
    cursor: pointer;
    background-color: #cce2f2;
    color: white;
    text-decoration: none;
    white-space: nowrap;
    min-width: 135px;
    display: block;
    list-style: none;
    padding-left: 5px;
    padding-right: 5px;
}

#ODEMainNavigation .ODEMenuItem ul li.dynamic 
{
    width: auto;
}

/* This code causes the background and text color to stay when you move to a sub-menu */
#ODEMainNavigation .ODESubMenuItem .highlighted,
#ODEMainNavigation .ODEMenuItem .highlighted 
{
    background-color:#00467F;
    color:white;
    min-height:22px;
    height:100%;
}

#ODEMainBody .ODEMenuItem .highlighted
{
    color:white;
    min-height:22px;
    height:100%;
}

#ctl00_CCIPContentPlaceHolder_sgtBudget_mnuSaveAndGoTo
{
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

#ctl00_CCIPContentPlaceHolder_sgtSetAsideDetails_mnuSaveAndGoTo 
{
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    max-width: 150px;
}


#ODEMainBody .ODESubMenuItem .highlighted,
#ODEMainBody .ODEMenuItem .dynamic .highlighted 
{
    background-color:#00467F;
    color:white;
    min-height:22px;
    height:100%;
}



.ODESubMenuHover {
    min-height: 22px;
    height: auto !important;
    height: 22px;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    text-align: left;
    cursor: hand;
    cursor: pointer;
    border-bottom: solid 1px #00467F;
    border-right: solid 1px #00467F;
    background-color: #00467F;
    color:white;
    text-decoration:none;
    /*max-width: 350px;*/
    list-style:none;
}

.ODEPageTitle 
{
    color: #003366;
    font-size: 18px;
    font-weight:bold;
    text-decoration: none;
    margin-bottom: 2px;
}

.ODEModalUpdateProgressBackground 
{
    background-color:Gray;
    /*filter:alpha(opacity=60);
    opacity:0.6;*/
}

.ODEModalUpdateProgressPopup {
    background-color:#cce2f2;
    text-align:center;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    padding-top: 30px;
    width:200px;
    height:50px;
    font-size: 2em;
}

/* More hacking to get this thing to work -- source basemaster.css */

.ODEHidden {
    display: none;
    padding: 0px;
    margin: 0px;
}

blockquote, body {
    margin: 0px;
    padding: 0px;
    /*
		Commented out - handle by Blue.css - kevin.low 07/01/08
		font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	*/
}

#ODEPageWrapper {
    height: 100%;
    width: 100%;
    float: left;
    clear: both;
    min-width: 1075px;
}

/*.ODEHeaderPageTitlePanel {
    margin-top: 10px;
}*/

.ODEHeaderPageTitle {
    color: #003366;
    font-size: 18px;
    font-weight:bold;
    text-decoration: none;
    margin-bottom: 2px;
}

/* Page Header */
.ODEHeader {
    width: 100%;
}

#ODEPageHeader {
    float: left;
    clear: both;
    height: 75px;
    background-color: #024780;
    width: 100%;
    min-width: 735px;
    margin-left:10px;
}

    #ODEPageHeader #ODELogo {
        background-color: #FFFFFF;
        background-image: url(images/NCLogoAlt_Corner.png);
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: contain;
        float: left;
        width: 397px;
        height: 75px;
        z-index: 1;
    }

    

@font-face {
    font-family: 'QlassikMediumRegular';
    src: url('Images/qlassik/Qlassik_TB-webfont.eot');
    src: url('Images/qlassik/Qlassik_TB-webfont.eot?#iefix') format('embedded-opentype'), 
        url('Images/qlassik/Qlassik_TB-webfont.ttf') format('truetype'), 
        url('Images/qlassik/Qlassik_TB-webfont.svg#QlassikMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'QlassikBoldRegular';
    src: url('Images/qlassik/QlassikBold_TB-webfont.eot');
    src: url('Images/qlassik/QlassikBold_TB-webfont.eot?#iefix') format('embedded-opentype'),
        url('Images/qlassik/QlassikBold_TB-webfont.ttf') format('truetype'), 
        url('Images/qlassik/QlassikBold_TB-webfont.svg#QlassikBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


    #ODEPageHeader #ODEHeaderBar {
        float: left;
        background-image: url(images/headertop.jpg);
        background-repeat: repeat-y;
        background-attachment: scroll;
        height: 75px;
        width: 409px;
    }

/* BreadCrumb */
.ODEBreadCrumb {
    float: left;
    clear: both;
    margin-top: 5px;
    background-color: #EEEEEE;
    height: 23px;
    width: 100%;
    /* Added to keep font/fontsize the same - kevin.low 07/01/08 */
    font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
}

.ODEBreadCrumb #ODEBCSpacer {
    float: left;
    background-color: #024780;
    width: 157px;
    height: 23px;
}

.ODEBreadCrumb #ODEBCText {
    height: 100%;
    margin-left: 145px;
    display: block;
}

.ODEBreadCrumb .ODESiteMapPanel {
    height: 100%;
    margin-left: 10px;
    position:relative;
    top: 3px;
}

.ODEBreadCrumb 
{
    background-color: White;
}

#hiddenErrorMessage span::selection {
    color: #d628b3;
}

#hiddenErrorMessage span::-moz-selection {
    color: #d628b3;
}

/* Center of Page */
#ODECenterSection {
    float: left;
    clear: both;
    width: 100%;
    min-height:500px;
    margin-bottom:40px;
}

/* Menues */
#ODECenterSection #ODEMainNavigation {
    float: left;
    width: 150px;
}

#ODECenterSection #ODEMainNavigation .ODENavMenu {
    width: 133px;
    /* Added to keep font/fontsize the same - kevin.low 07/01/08 */
    font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
    border-top: solid 1px #00467F;
}



/* Safe Login */
#ODESafe {
    background-color: #CCCCCC;
    min-height: 30px;
    width: 155px;
    border-bottom: 1px solid #555555;
    border-right: 1px solid #555555;
    border-left: 1px solid #555555;
    display: flex;
    align-items: center;
    position: relative;
}

#ODESafe #ODESafeImage {
    background-image: url(images/ODE_SafeLock.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    width: 15px;
    min-height: 15px;
    margin: 0px 5px 0px 2px;
    position: absolute;
    z-index: 0;
}

#ODESafe .ODESafeLogin {
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    min-height: 30px;
    vertical-align: middle;
    display: flex;
    flex: 1;
    align-items: center;
    padding-left: 22px;
    z-index: 1;
}

#ODEEnv {
    padding-top: 8px;
    text-align: center;
}

#ODEEnv a,
#ODEEnv a:link,
#ODEEnv a:active,
#ODEEnv a:hover,
#ODEEnv a:visited {
    text-decoration:none;
    color:Blue;
}

#ODEEnv b {
    font-size:11px;
    font-weightbold;
    color: Red;
}

/* End Safe Login */
#ODEMainBody {
    margin-left: 170px;
    min-width: 525px;
    display: block;
}

#ODEMainBody #ODEContentSection 
{
    margin-bottom: 5px;
    margin-right: 5px;
    float:left;
    clear:right;
    /* if width is not 98%, then scrollbar appears for IE6 - kevin.low 02/25/08 */
    width: 98%;
}

#ODEMainBody .ODEPfv{
    text-align: right;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    /* Added to keep font/fontsize the same - kevin.low 07/01/08 */
    font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
}

/* Footer */
.ODEFooter {
    float: left;
    clear: both;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 7px;
    background-color: #D1D2D4;
    text-align: center;
}

.ODEFooter #ODEFooterSpacer {
    float: left;
    width: 135px;
}

.ODEFooter #ODEBottomMenu {
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    font-size: 11px;
    width: 650px;
    display: block;
    /* Added to keep font the same. Note: fontsize is different at 11px. - kevin.low 07/01/08 */
    font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    text-align: center;
}

.ODEFooter #ODEBottomMenu a:link,
.ODEFooter #ODEBottomMenu a:visited,
.ODEFooter #ODEBottomMenu a:active {
    text-align: left;
    text-decoration: underline;
    color: Black;
    font-size: 11px;
}

.ODEFooter #ODEBottomMenu a:hover {
    text-decoration: none;
    color: Black;
}

.ODEMasterMenuItem {
    min-height:22px;
    height: 22px;
    font-size:11px;
    font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    text-align:left;
    cursor: hand;
    cursor: pointer;
    border-bottom: solid 1px #00467F;
    border-right: solid 1px #00467F;
    background-color:#78B2DC;
    color:Black;
    width: 134px;
}

.ODEMasterMenuItem a:link,
.ODEMasterMenuItem a:visited,
.ODEMasterMenuItem a:hover {
    color:Black;
    text-decoration:none;
    display: block;
    width: 100%;
    height: 100%;
}

.ODEMasterMenuItem a:hover {
    color:White;
}

.ODEMasterMenuHover {
    min-height: 22px;
    height: auto !important;
    height: 22px;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    text-align: left;
    cursor: hand;
    cursor: pointer;
    border-bottom: solid 1px #78B2DC;
    border-right: solid 1px #00467F;
    background-color: #00467F;
    color: white;
    text-decoration: none;
    width: 134px;
}

.ODEMasterMenuHover a:link,
.ODEMasterMenuHover a:visited,
.ODEMasterMenuHover a:hover {
    color: white;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
}

.ODEMasterSubMenuItem {
    min-height: 22px;
    height: auto !important;
    height: 22px;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    text-align: left;
    cursor: hand;
    cursor: pointer;
    border-bottom: solid 1px #00467F;
    border-right: solid 1px #00467F;
    background-color: #cce2f2;
    color: White;
    text-decoration:none;
    white-space:nowrap;
    min-width: 135px;
    /*max-width: 350px;*/
    display: block;
}

.ODEMasterSubMenuItem a:link,
.ODEMasterSubMenuItem a:visited,
.ODEmasterSubMenuItem a:hover {
    color:Black;
    text-decoration:none;
}

.ODEMasterSubMenuItem a:hover {
    color:white;
}

.ODEMasterSubMenuHover {
    min-height: 22px;
    height: auto !important;
    height: 22px;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
    text-align: left;
    cursor: hand;
    cursor: pointer;
    border-bottom: solid 1px #00467F;
    border-right: solid 1px #00467F;
    background-color: #00467F;
    color:White;
    text-decoration:none;
    /*max-width: 350px;*/
}

.FERChildNavigation 
{
    text-align: center;
    padding-bottom: 2px;
}

.FundRequestPrintOutBox 
{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin-top: 40px;
    margin-bottom: 0px;
    padding: 5px;
    font-size: 12pt;
}

.FundRequestPrintOutBox .data 
{
    text-align: center;
    margin: 10px auto 35px auto;
    border: 1px solid black;
    padding: 0px;
}

.FundRequestPrintOutBox .data td 
{
    border: 1px solid black;
    border-spacing: 0px;
    font-size: 12pt;
}

.underline 
{
    border-bottom: 1px solid black;
    width: 100%;
}

.GrayedOut 
{
    background-color: #BDBDBD;
}

.ReadOnlyEditorText 
{
    margin-bottom:5px;
}

.goal, .strategy, .action_step 
{
    border: 1px solid #00467f;
    padding: 5px 5px 0px 5px;
    margin-bottom: 5px;
}

.component, .details
{
    border: 1px solid #00467f;
    padding: 5px;
    margin-bottom: 5px;
}

.component .data, .details .data 
{
    border-collapse: collapse;
}

.component .data td, .component .data th, .details .data td, .details .data th 
{
    border: solid #9E9E9E 1px;
}

input[disabled], textarea[disabled],
select[disabled='disabled'], select[disabled], input[readonly]{
    -webkit-text-fill-color: #000000;
    -webkit-opacity: 1;
    color: #000000;
    background: #e3e3e3;
    background-color: #e3e3e3 !important; /* dropdown list background color override */
}

.RTBSetWidth 
{
    width: 100%;
}

[id*=RadEditor] p
{
    text-indent:0 !important;
}

.reToolZone {
    display:none;
}

.textPadding {
    padding: 3px;
}

        .ui-datepicker {
            width: 17em;
            padding: .2em 10px .2em .2em;

            display: none;
            background: border-box;
            border: 1px solid black;
            background-color: white;
        }
        .ui-datepicker .ui-datepicker-header {
            position: relative;
            padding: .2em 0;
        }
        .ui-datepicker .ui-datepicker-prev,
        .ui-datepicker .ui-datepicker-next {
            position: absolute;
            top: 2px;
            width: 1.8em;
            height: 1.8em;
        }
        .ui-datepicker .ui-datepicker-prev-hover,
        .ui-datepicker .ui-datepicker-next-hover {
            top: 1px;
        }
        .ui-datepicker .ui-datepicker-prev {
            left: 2px;
        }
        .ui-datepicker .ui-datepicker-next {
            right: 2px;
        }
        .ui-datepicker .ui-datepicker-prev-hover {
            left: 1px;
        }
        .ui-datepicker .ui-datepicker-next-hover {
            right: 1px;
        }
        .ui-datepicker .ui-datepicker-prev span,
        .ui-datepicker .ui-datepicker-next span {
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -8px;
            top: 50%;
            margin-top: -8px;
        }
        .ui-datepicker .ui-datepicker-title {
            margin: 0 2.3em;
            line-height: 1.8em;
            text-align: center;
        }
        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }
        .ui-datepicker select.ui-datepicker-month,
        .ui-datepicker select.ui-datepicker-year {
            width: 45%;
        }
        .ui-datepicker table {
            width: 100%;
            font-size: .9em;
            border-collapse: collapse;
            margin: 0 0 .4em;
        }
        .ui-datepicker th {
            padding: .7em .3em;
            text-align: center;
            font-weight: bold;
            border: 0;
        }
        .ui-datepicker td {
            border: 0;
            padding: 1px;
        }
            .ui-datepicker td span,
            .ui-datepicker td a {
                display: block;
                padding: .2em;
                text-align: right;
                text-decoration: none;
            }
        .ui-datepicker .ui-datepicker-buttonpane {
            background-image: none;
            margin: .7em 0 0 0;
            padding: 0 .2em;
            border-left: 0;
            border-right: 0;
            border-bottom: 0;
        }
        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }
        .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
            float: left;
        }

        /* with multiple calendars */
        .ui-datepicker.ui-datepicker-multi {
            width: auto;
        }
        .ui-datepicker-multi .ui-datepicker-group {
            float: left;
        }
        .ui-datepicker-multi .ui-datepicker-group table {
            width: 95%;
            margin: 0 auto .4em;
        }
        .ui-datepicker-multi-2 .ui-datepicker-group {
            width: 50%;
        }
        .ui-datepicker-multi-3 .ui-datepicker-group {
            width: 33.3%;
        }
        .ui-datepicker-multi-4 .ui-datepicker-group {
            width: 25%;
        }
        .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
        .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
            border-left-width: 0;
        }
        .ui-datepicker-multi .ui-datepicker-buttonpane {
            clear: left;
        }
        .ui-datepicker-row-break {
            clear: both;
            width: 100%;
            font-size: 0;
        }

        /* RTL support */
        .ui-datepicker-rtl {
            direction: rtl;
        }
        .ui-datepicker-rtl .ui-datepicker-prev {
            right: 2px;
            left: auto;
        }
        .ui-datepicker-rtl .ui-datepicker-next {
            left: 2px;
            right: auto;
        }
        .ui-datepicker-rtl .ui-datepicker-prev:hover {
            right: 1px;
            left: auto;
        }
        .ui-datepicker-rtl .ui-datepicker-next:hover {
            left: 1px;
            right: auto;
        }
        .ui-datepicker-rtl .ui-datepicker-buttonpane {
            clear: right;
        }
        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }
        .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
        .ui-datepicker-rtl .ui-datepicker-group {
            float: right;
        }
        .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
        .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
            border-right-width: 0;
            border-left-width: 1px;
        }

.overflowClass {
    display: inline-table;
    margin-bottom: 10px;
}

.imgEdit {
    float:left;
    padding:5px;
}

div[class^=modalOverlay] {
    background-color:rgba(0,0,0,0.75);
    position:fixed;
    width:500%;
    height:500%;
    top:-50%;
    left:-50%;
    z-index:10;
}

div.modalHeader {
    color: #003366;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 2px;
}

div.modalBody {
    padding-top:15px;
    padding-bottom:15px;
    font-size: 16px;
}

.modalButton {
    border-width: 1px !important;
    border-style: none !important;

    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #003366);
    background-image: -moz-linear-gradient(top, #3498db, #003366);
    background-image: -ms-linear-gradient(top, #3498db, #003366);
    background-image: -o-linear-gradient(top, #3498db, #003366);
    background-image: linear-gradient(to bottom, #3498db, #003366);
    -webkit-border-radius: 20;
    -moz-border-radius: 20;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 3px #666666;
    -moz-box-shadow: 0px 0px 3px #666666;
    box-shadow: 0px 0px 3px #666666;
    color: #ffffff;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    margin:10px;
}

.modalButton:hover {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #3498db);
    background-image: -moz-linear-gradient(top, #3498db, #3498db);
    background-image: -ms-linear-gradient(top, #3498db, #3498db);
    background-image: -o-linear-gradient(top, #3498db, #3498db);
    background-image: linear-gradient(to bottom, #3498db, #3498db);
    text-decoration: none;
}

div.modal {
    background-color: #eeeeee;
    border-color: rgba(0,0,0,0.75);
    border-style: solid;
    border-width: 2px;
    position: fixed;
    text-align: center;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index: 99;
    min-height:200px;
    min-width:75%;
    overflow: auto;
    padding: 10px;
    border: 5px solid #003366
}

.modalWrapper {
    position:relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.modalButtons {
    position:relative;
    display: inline-flex;
}

.headerTextBox {
    text-align: left;
}

.imgEdit:hover {
    cursor: pointer;
}

.displayValue {
    height:150px;
    max-width:inherit;
    overflow-y:auto;
    border-style:solid;
    border-width:1px;
    border-color:darkgray;
    padding-left:5px;
    padding-right:5px;
    background-color:white;
    cursor:text;
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: normal;
    white-space: normal;
}

    .displayValue.readonly {
        height: 100%;
        min-height: 150px;
    }

.dialog {
    display: none;
}

/* Hides the 'x' close button on dialogs */
.dialog .ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog {
    position: fixed !important;
}
.ui-widget-header {
    background: #00467f !important;
    color: white !important;
}

tr.ChecklistDataItem:hover > td 
{
    background-color:rgb(120, 178, 220) !important;
}

.InvalidCalendarInput 
{
    color:red;
    border-style:solid;
    border-width:2px;
    border-color:red;
}

.previewNew 
{
    border-style: solid;
    border-width: 3px;
    border-color: green;
}

.previewUpdate 
{
    border-style: solid;
    border-width: 3px;
    border-color: red;
}

.previewNewCheckboxMultiSelect
{
    --border: 3px solid green;
}

.previewUpdateCheckboxMultiSelect {
    --border: 3px solid red;
}

.previewBanner { 
       position: fixed; 
       top: 0; 
       left: 0; 
       background-color: #00467f; 
       width: 100%;
       z-index: 999; 
     }
.previewBannerContent { 
    width: 800px; 
    margin-top: 4px;
    margin-right: auto;
    margin-bottom: 4px;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    text-align: center;
    z-index: 999;
}

.previewText {
    color: white;
    vertical-align: top;
    font-size: 12px;
    font-family: arial;
}

.previewBannerLegend{
    position:relative;
    left:150px;
    display:inline-block;
    text-align:left;
    border: solid;
    border-color: white;
    padding: 4px;
}

.previewBannerLegendBox{
    width:25px;
    height:25px;
    display:inline-block;
}

.previewBannerButtons{
    position:relative;
    top:-25px;
    left:80px;
    display:inline-block;
}

.SectionApplicationStatusLabel, .SectionApplicationRevisionInitiatedByLabel {
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
    width: 125px;
}

.SectionApplicationStatus{
    font-weight: bold;
    vertical-align: top;
}

.SectionApplicationChangeStatusLabel{
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
    width: 125px;
}

.SectionApplicationChangeStatus{
}



/*Cherry-picked Bootstrap CSS for thead Copy Document Library Links*/
.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible;
}

    .tooltip.in {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000000;
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000000;
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }

.offscreen 
{
    clip-path: inset(100%);
    clip: rect(1px 1px 1px 1px); /* IE 6/7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap; /* added line */
    width: 1px;
}

.ui-tooltip {
    max-width: 650px !important;
}

.dialogPanel {
    position: absolute;
    text-align: left;
    padding: 10px;
    min-height: unset;
    min-width: 110px;
    background-color: #ffffff;
    border-color: #003366;
    border-width: 2px;
    border-style: solid;
    left: 5px;
    top: 15px;
    z-index: 50;
}

div.dialogPanel table td {
    border-width: 0;
}

.fullWidth {
    width: 100%;
}

.horizontalAlignLeft {
    text-align: left;
}

.messagePanelCritical {
    color: red;
    font-size: 12px;
    font-weight: bold;
    display: block;
}

.messagePanelError {
    color: #930000;
    font-size: 12px;
    font-weight: bold;
    display: block;
    transition: opacity 1s ease;
}

.messagePanelWarning {
    color: orange;
    font-size: 12px;
    font-weight: bold;
    display: block;
    transition: opacity 1s ease;
}

.messagePanelInfo {
    color: #205493;
    font-size: 12px;
    font-weight: bold;
    display: block;
    transition: opacity 1s ease;
}

.messagePanelSave {
    color: #008000;
    font-size: 12px;
    font-weight: bold;
    display: block;
    transition: opacity 1s ease;
}

.monitoring-results-score-wrapper {
    margin-bottom: 5px;
    padding-bottom: 2px;
    border-bottom: 1px dashed #9e9e9e;
}

.monitoring-results-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #9e9e9e;
}

    .monitoring-results-table > tbody > tr > td,
    .monitoring-results-table > tbody > tr > th {
        border: 1px solid #9E9E9E;
        padding: 3px;
        vertical-align: top;
    }

td.monitoring-results-table-header-cell {
    text-align: center;
    font-weight: bold;
    background-color: #f2f2f2
}

.compliance-item-action-step-table {
    width: 100%;
    padding: 10px 20px;
}

.compliance-item-action-step-table > tbody {
    width: 100%;
}

    .compliance-item-action-step-table > tbody > .header-row {
        width: 100%;
    }

        .compliance-item-action-step-table > tbody > .header-row > td:first-child {
            width: 85%;
        }

.compliance-item-action-step-table > tbody > tr > td,
.compliance-item-action-step-table > tbody > tr > th {
    vertical-align: top;
    padding-top: 5px;
    border-top: 1px dashed #d8d8d8;
}

.compliance-item-action-step-table > tbody > tr.header-row > td,
.compliance-item-action-step-table > tbody > tr.header-row > th {
    font-weight: bold;
    padding-top: unset;
    border-top: unset;
}

.compliance-item-action-step-separator {
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #9e9e9e;
}

.light-box {
    display: block;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .8);
    margin-bottom: 15px;
}

.light-box-content-wrapper {
    position: relative;
    background-color: none;
    margin: auto;
    padding: 50px 0px 50px 0px;
    width: 90%;
    max-width: 1200px;
}

.light-box-content {
    padding: 10px;
    background-color: #f6f6f6;
}

.inline, .inline div {
    display: inline;
}

.reLayoutWrapper td {
    padding: 0px;
}

.icon {
    margin-left: 2px;
    margin-right: 2px;
}

.modal-window-background {
    position: fixed;
    z-index: 996;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #eeeeee;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.6;
}

.modal-window-wrapper {
    position: fixed;
    z-index: 997;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.modal-window-content {
    z-index: 998;
    margin: 150px auto;
    padding: 5px;
    border: 1px solid #aaaaaa;
    background-color: #ffffff;
}

.notification-menu-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

    .notification-menu-item div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1;
        min-height: 22px;
        box-sizing: border-box;
        padding: 1px 5px 1px 0;
    }

    .notification-menu-item span {
        display: inline-block;
        min-width: 13px;
        font-size: 11px;
        text-align: center;
        color: white;
        background-color: #00467F;
        padding: 2px;
        border-radius: 3px;
        align-self: center;
        box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;
        -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    }

.modal-window-background {
    position: fixed;
    z-index: 996;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #eeeeee;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.6;
}

.modal-window-wrapper {
    position: fixed;
    z-index: 997;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.modal-window-content {
    z-index: 998;
    margin: 150px auto;
    padding: 5px;
    border: 1px solid #aaaaaa;
    background-color: #ffffff;
}

.inlineWarning {
    font-size: 12px;
    font-weight: bold;
    display: inline;
    transition: opacity 1s ease;
}

.inlineError {
    font-size: 12px;
    font-weight: bold;
    display: inline;
    transition: opacity 1s ease;
}

.ui-icon-expand {
    background-image: url('Images/expand.gif') !important;
}

.ui-icon-collapse {
    background-image: url('Images/collapse.gif') !important;
}

.email-atch-container ul li {
    display: inline;
}

.section .sectionHeader {
    padding: 4px;
    background-color: #00467f;
    font-weight: bold;
    color: white;
}

.commentsImage {
    cursor: pointer;
}

.commentsPanel {
    position: absolute;
    text-align: left;
    padding: 10px;
    min-height: unset;
    min-width: 600px;
    background-color: #ffffff;
    border-color: #003366;
    border-width: 2px;
    border-style: solid;
    top: 15px;
    right: 5px;
    z-index: 50;
    right: 100%
}

.hidden {
    display: none;
}

.detailItemTable {
    width: 100%;
}

.commentIconCell {
    text-align: right;
    vertical-align: top;
    position: relative;
    width: 1%;
}

.pnlLnkClose {
    text-align: right;
}

select:not([disabled]):not([multiple]) {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contactInformationPanel {
    position: absolute;
    padding: 6px;
    text-align: left;
    background-color: white;
    border: solid #9E9E9E 1px;
    box-shadow: 0px 0px 5px #888888;
    z-index: 10;
}

.contactInformationPanel .data {
    border-collapse: collapse;
}

.contactInformationPanel .data td {
    border: solid #ffffff 1px;
}

.skip-navigation-link {
    background: #ffff;
    height: 30px;
    left: 50%;
    padding: 8px;
    position: absolute;
    transform: translateY(-1000%);
    transition: transform 0.3s;
}

.skip-navigation-link:focus {
    transform: translateY(0%);
}

.table-filter {
    padding: 4px;
    background-color: #00467f;
}

.table-filter-label {
    background-color: #00467f !important;
    color: white !important;
    font-weight: bold !important;
}