/*
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
''
''  CegmisStyleSheet.css
''   
''  Created on:      19-Feb-2003 11:20:04
''  Original author: Richard Chapman
''  
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
''  Modification history:
''  
''
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
'Source Control
'$Archive: /CAI eGrants Management System/EGMIS.WebUI/CegmisStyleSheet.css $
'$Date: 2/26/03 5:59a $
'$Modtime: 2/26/03 5:59a $
'$Author: Smallt $
'$Revision:  $
'$Workfile:  $
*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-style: italic;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-style: italic;
}

::-ms-input-placeholder { /* Microsoft Edge */
    font-style: italic;
}

.risk_level {
    font-weight: bold;
}

.dottedHR {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

.autocomplete_completionListElement {
    margin: 0;
    padding: 0;
    padding-left: 2px;
    width: 475px !important;
    overflow: auto;
    max-height: 160px;
    border: 1px solid Black;
    text-align: left;
    background-color: white;
}

.ValidationSummary {
    border: 1px solid Red;
    /*/*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/ */ color: Red;
    background-color: White;
    text-align: left;
    padding: 4px;
    height: 80px;
    width: 80%;
    overflow: auto;
}

.allignedCheckboxList td {
    text-align: left;
}

.addFlexField {
    color: White;
    text-decoration: underline;
}

.scrollHTML {
    border: 1px solid #000000;
    /*/*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/ */ color: black;
    background-color: #e5e5e5;
    padding: 6px;
}

.HoverLink {
    background-color: #F5F7F8;
    color: Blue;
    cursor: pointer;
}

.HoverLinkOver {
    background-color: Black;
    color: #F5F7F8;
}

.HoverMenu {
    position: absolute;
    visibility: hidden;
    background-color: #F5F7F8;
}

.frameText {
    width: 100px;
    height: 100px;
    overflow: auto;
    float: left;
    background-color: #ffffff;
    border-style: solid;
    border-width: 2px;
    border-color: Gray;
    font-family: Helvetica;
    line-height: normal;
}

.resizingText {
    padding: 0px;
    border-style: solid;
    border-width: 2px;
    border-color: #7391BA;
}

.handleText {
    width: 16px;
    height: 16px;
    background-image: url(../Images/HandleGrip.gif);
    overflow: hidden;
    cursor: nw-resize;
}

.captionCell {
    text-align: right;
    vertical-align: top;
}

.captionCellSmall {
    text-align: right;
    vertical-align: top;
    font-size: -2;
}

.dataCell {
    text-align: left;
    vertical-align: top;
}

.advancedOptions {
    border: 1px solid #00008b;
}

    .advancedOptions legend {
        color: #000000;
        font-weight: bold;
    }

.watermarkTextbox {
    /*/*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/ */ color: #d5d5d5;
    text-align: left;
}

Table {
    /*/*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/ */
}

P {
    /*/*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/ */
}
/*	Classes	 */
.borderlessTable {
    /*/*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/ */ width: 100%;
    border-style: none;
}

.dateSelection {
    padding: 0px;
    background-position: White;
    border: 1px solid #45464f;
    background: White;
    left: 0px;
    margin: 0px;
    color: #45464f;
    top: 0px;
    /*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/ width: 95%;
}

.body {
    padding: 0px;
    background-position: White;
    border: 1px solid #000080;
    background: White;
    left: 0px;
    margin: 0 auto auto auto;
    color: #000000;
    top: 0px;
    font: 12pt Arial, Verdana, Helvetica, sans-serif;
    width: 95%;
    min-width: 1024px;
}

.boldText {
    font-weight: bold;
}

.center {
    text-align: center;
}

.tableAlignCenter {
    margin-left: auto;
    margin-right: auto;
}

.spanAlignCenter {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.budgetControlGrey {
    width: 100%;
    border-top-style: double;
    border-right-style: double;
    border-left-style: double;
    background-color: White;
    border-bottom-style: double;
}

    .budgetControlGrey tr:first-child td {
        /* Your styles here */
        background-color: #102e47;
        font-weight: bold;
        margin-top: 15px;
        color: white;
        background-color: #102e47;
        text-align: center;
        border-bottom: 1px solid #dedede;
        border-left: 1px solid #dedede;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .budgetControlGrey td {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 7px;
        padding-bottom: 7px;
        border-style: solid;
        border-width: 0 0 1px 1px;
        border-color: #dedede;
    }

    .budgetControlGrey tr:not(:first-child):hover td {
        border-bottom-color: #5d9fb7;
        background-color: #f9f6f4 !important;
    }

.budgetControlWhite {
    width: 100%;
    border-top-style: double;
    border-right-style: double;
    border-left-style: double;
    background-color: white;
    border-bottom-style: double;
}

    .budgetControlWhite tr:first-child td {
        /* Your styles here */
        background-color: #102e47;
        font-weight: bold;
        margin-top: 15px;
        color: white;
        background-color: #102e47;
        text-align: center;
        border-bottom: 1px solid #dedede;
        border-left: 1px solid #dedede;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .budgetControlWhite td {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 7px;
        padding-bottom: 7px;
        border-style: solid;
        border-width: 0 0 1px 1px;
        border-color: #dedede;
    }

    .budgetControlWhite tr:not(:first-child):hover td {
        border-bottom-color: #5d9fb7;
        background-color: #f9f6f4 !important;
    }

.budgetControlHeader {
    /*font: bold 9pt Arial, Verdana, Helvetica, sans-serif;*/
    font-weight: bold;
    margin-top: 5px;
    color: white;
    background-color: #102e47;
    text-align: center;
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .budgetControlHeader a {
        text-decoration: underline;
        color: white;
    }

.budgetControlHeaderUppercase {
    /*font: bold 9pt Arial, Verdana, Helvetica, sans-serif;*/
    text-transform: uppercase;
    color: White;
    background-color: #102e47;
    text-align: center;
}

.budgetReadOnlyLabel {
    /*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/
    background-color: #b0c4de;
    text-align: right;
    border-style: inset;
    border-width: 2px;
}

.budgetReadOnlyTextbox {
    /*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/
    background-color: #b0c4de;
    text-align: right;
}

.debugHeaderStyle {
    font-weight: bold;
    margin-top: 5px;
    color: white;
    background-color: #102e47;
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

tr.dataGridHeaderStyle td, tr.dataGridHeaderStyle th, .dataGridHeaderStyle {
    /*font: bold 9pt Arial, Verdana, Helvetica, sans-serif;*/
    font-weight: bold;
    margin-top: 5px;
    color: white;
    background-color: #102e47;
    border-bottom: 1px solid #dedede;
    border-left: 1px solid #dedede;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .dataGridHeaderStyle a {
        text-decoration: underline;
        color: white;
    }

    .dataGridHeaderStyle td {
        border-bottom: 1px solid #dedede;
        border-left: 1px solid #dedede;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.dataGridItemStyle {
    /*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/
    color: black;
}

    .dataGridItemStyle:hover, .dataGridAlternatingItemStyle:hover {
        /*background-color: #FFFFCC;*/
        border-bottom-color: #5d9fb7;
        background-color: #f9f6f4 !important;
    }

    tr.dataGridItemStyle td, .dataGridItemStyle td {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .dataGridItemStyle > td, .dataGridItemStyle {
        border-style: solid;
        border-width: 0 0 1px 1px;
        border-color: #dedede;
    }


.dataGridAlternatingItemStyle {
    /*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/
    color: black;
    background-color: #ffffff !important;
}

    tr.dataGridAlternatingItemStyle td, .dataGridAlternatingItemStyle td {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .dataGridAlternatingItemStyle > td, .dataGridAlternatingItemStyle {
        border-style: solid;
        border-width: 0 0 1px 1px;
        border-color: #dedede;
    }


.dataGridItemStyleText {
    /*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/
    text-align: left;
}

.dataGridItemStyleGray {
    /*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/
    color: black;
    background: #d5d5d5;
}

.dataGridEditItemStyle {
    /*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/
    background-color: #F8EAA5;
}

    .dataGridEditItemStyle td {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

.dataGridFooterStyle {
    /*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/
    margin-top: 1px;
    margin-bottom: 1px;
    color: white;
    background-color: #102e47;
    font-weight: bold;
}

    .dataGridFooterStyle td {
        border-bottom: 1px solid #dedede;
        border-left: 1px solid #dedede;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
    }


.dataGridPagerStyle {
    /*font: 8pt Arial, Verdana, Helvetica, sans-serif;*/
    color: white;
    background-color: #102e47;
    text-align: left;
}

    .dataGridPagerStyle a {
        text-decoration: underline;
        color: white;
    }

    .dataGridPagerStyle td {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

.dataGridSelectedItemStyle {
    /*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/
    padding-top: 1px;
    padding-bottom: 1px;
    color: black;
    background-color: #FDDA27;
}

.footer {
    /*font: 8pt Arial, Verdana, Helvetica, sans-serif;*/
    color: #000000;
}

.MasterHeaderFill {
    background-image: url(../images/pccd_webbanner_fill.gif);
    background-repeat: repeat;
    height: 70px;
}

.header {
    /*font: italic bold 12pt Arial, Verdana, Helvetica, sans-serif;*/
    font-weight: bold;
    font-style: italic;
    color: black;
    background-color: white;
}

.highlight {
    font: 100% Arial, Verdana, Helvetica, sans-serif;
    color: #cc0033;
}

.navbar {
    /*background: #00008b;*/
    text-align: center;
}

.navBarLink {
    /*font: 8pt Arial, Verdana, Helvetica, sans-serif;*/
    color: #00629E; /*background-color: navy;*/
}

.navJSDisabledLink {
    /*font: 8pt Arial, Verdana, Helvetica, sans-serif;*/
    color: gray; /*background-color: navy;*/
}

.navBarSelectedLabel {
    /*font: bold 8pt Arial, Verdana, Helvetica, sans-serif;*/
    font-weight: bold;
    color: silver; /*background-color: navy;*/
}

.navSelectedLabel {
    /*font: bold 9pt Arial, Verdana, Helvetica, sans-serif;*/
    color: #00629E; /*background-color: navy;*/
    font-weight: bold;
}

.navNALabel {
    /*font: bold 9pt Arial, Verdana, Helvetica, sans-serif;*/
    color: gray; /*background: #d5d5d5;*/
}

.navBarSelectedLink {
    /*font: 8pt Arial, Verdana, Helvetica, sans-serif;*/
    color: #000000; /*background-color: gold;*/
}

.navBarBottomRowSelectedLink {
    /*font: bold 8pt Arial, Verdana, Helvetica, sans-serif;*/
    font-weight: bold;
    color: black;
}

.navBarSelected {
    /*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/
    color: #00629E; /*background-color: #ffff66;*/
}

.navBarBottomCell {
    padding: 5px 3px 5px 3px;
}

.normal {
    font: 80% Arial, Verdana, Helvetica, sans-serif;
    color: #000000;
}

.printfriendly {
    /*font: 8pt Arial, Verdana, Helvetica, sans-serif;*/
    color: #000000;
}

.redText {
    /*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/
    color: red;
}

.singleBorder {
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
}

.standardLink {
    /*font: 8pt Arial, Verdana, Helvetica, sans-serif;*/
    color: #00629E;
}

.standardText {
    /*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/
}

.standardTextRightAlign {
    /*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/
    text-align: right;
}

.rightAlign {
    text-align: right;
}

.tagline {
    font: italic 14pt Arial, Verdana, Helvetica, sans-serif;
    color: #ffffff;
}

.title {
    font: 700 italic 12pt Arial, Verdana, Helvetica, sans-serif;
    color: #000000;
}

.uppercaseText {
    /*font: 9pt Arial, Verdana, Helvetica, sans-serif;*/
    text-transform: uppercase;
}

.uppercaseBoldText {
    /*font: bold 9pt Arial, Verdana, Helvetica, sans-serif;*/
    text-transform: uppercase;
}

.confirmpopup {
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
    padding: 2px 3px;
    display: block;
    position: absolute;
}

.confirmcontainer {
    width: 325px;
    border: 1px solid #808080;
}

.confirmheader {
    background-color: Red;
    color: white;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 1px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
}

    .confirmheader .confirmmsg {
        font-weight: bold;
    }

.confirmbody {
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 30px;
}

    .confirmbody .confirmmsg {
        float: left;
        width: 100%;
    }

.confirmfooter {
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: none solid;
    border-width: 0px 1px;
    text-align: right;
    padding-bottom: 8px;
    padding-right: 8px;
}

.confirmBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalBackground30 {
    background-color: Gray;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}

.timeoutModalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 350px;
}

.dynamicModalContentFooter {
    text-align: center;
    padding: 3px;
    background-color: #00008b;
}

    .dynamicModalContentFooter a {
        /*font: bold 9pt Arial, Verdana, Helvetica, sans-serif;*/
        text-decoration: underline;
        color: white;
        font-weight: bold;
        display: inline-block;
        text-align: center;
    }

.dynamicModalContentHeader {
    /*font: bold 9pt Arial, Verdana, Helvetica, sans-serif;*/
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    background-color: #00008b;
}

.pointer {
    cursor: pointer;
}

.noCursor {
    cursor: default !important;
}

.imgHeaderLeft {
    padding: 0px;
    margin: 0px;
    height: 52px;
    width: 213px;
    display: block;
    float: right;
    cursor: pointer;
}

.imgHeaderCenter {
    padding: 0px;
    margin: 0px;
    height: 52px;
    width: 570px;
    display: block;
    float: right;
}

.imgHeaderRight {
    padding: 0px;
    margin: 0px;
    height: 52px;
    width: 161px;
    display: block;
    float: right;
}

.divHeaderCenter {
    text-align: center;
    padding: 0px;
    margin: 0px;
}

.divHeaderBottom {
    clear: both;
    min-width: 944px;
}

.divHeaderTop {
    min-width: 944px;
    background-image: url('../Images/cji_left.png');
    background-repeat: repeat-x;
    background-position: left;
    overflow: hidden;
}

.imgHeaderBottom {
    background-position: top right;
    padding: 0px;
    margin: 0px;
    display: block;
    float: right;
    width: 252px;
    height: 40px;
}

.imgFooterLeft {
    background: white url(../Images/footera.png) no-repeat top right;
}

.imgFooterCenter {
    background: white url('../Images/footerb.png') repeat-x 50% top;
    text-align: right;
}

.imgFooterRight {
    background: white url(../Images/footerc.png) no-repeat top left;
}

.flexFieldControlContainer {
    /*font: 10pt Arial, Verdana, Helvetica, sans-serif;*/
    background-color: white;
    width: 100%;
    border-style: none;
}

.fieldsetBorder {
    border: 1px solid #C0C0C0;
}

.PasswordStrength_Weak {
    color: Black;
    background-color: #dc143c;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    border-style: dashed;
    border-width: 1px;
    border-color: Black;
}

.PasswordStrength_Average {
    color: Black;
    background-color: Yellow;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    border-style: dashed;
    border-width: 1px;
    border-color: Black;
}

.PasswordStrength_Strong {
    color: Black;
    background-color: #6495ed;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    border-style: dashed;
    border-width: 1px;
    border-color: Black;
}

.PasswordStrength_Excellent {
    color: Black;
    background-color: #00ff7f;
    padding: 2px 2px 2px 2px;
    vertical-align: middle;
    border-style: dashed;
    border-width: 1px;
    border-color: Black;
}

.termsOfUseHeader {
    text-align: center;
    background-color: white;
    border-color: black;
}

.ExcelReportLaunchMsgBox {
    margin: 5px auto;
    border: 1px #00008b solid;
}


/*fieldset {
    padding: 0 5px 5px;*/
/*-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;*/
/*}*/

/*    fieldset.float {
        border: 2px groove #cccccc;
    }

    fieldset.travel {
        border: 1px solid #999999;
    }
*/
/*legend {
    padding: 2px 4px;
    font-weight: bold;
}
*/
.legendWhite {
    background: #ffffff;
}

.budgetYear {
    background: #eeeeee;
    padding: 0 5px;
    display: inline-block; /* Prevents full-width behavior */
    width: auto; /* Keeps it only as wide as the text */
    font-size: 12pt !important;
    position: absolute;
    top: -12px;
    left: 10px;
    margin-bottom: 20px;
}

.travel {
    margin-bottom: 20px;
}

.PageButtons {
    text-align: center;
    vertical-align: middle;
}

.hiddencol {
    display: none;
}

.tableCell {
    display: table-cell !important;
}

.txtClearRemove::-ms-clear {
    display: none;
}

input .budgetSourceInputBackground {
    background-color: #f0f3ff;
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem;
    color: #001849;
    font-size: 1rem;
    line-height: 1.5;
    padding-left: 1rem;
    padding-right: 1rem;
    outline: transparent solid 2px;
    outline-offset: 2px;
}

/* Styles for HTML5 fixes */
/* cp = cellpadding; cs = cellspacing */
.cp0_cs0 {
    border-collapse: separate;
    border-spacing: 0;
}

    .cp0_cs0 td, .cp0_cs0 th {
        padding: 1px
    }

.cp1_cs0 {
    border-collapse: separate;
    border-spacing: 1px;
}

    .cp1_cs0 td, .cp1_cs0 th {
        padding: 0px
    }

.cp1_cs1 {
    border-collapse: separate;
    border-spacing: 1px;
}

    .cp1_cs1 td, .cp1_cs1 th {
        padding: 1px
    }