/*
 * Widget.css - ManagePath 8 Widget-Specific Styles including ExpandableSections 
 *
 * Houses CSS classes specific to the control known as 'Widget' and 'ExpandableSection
 *
 * TABLE OF CONTENTS
 * =================
 *
 * WIDGETS .................................................... Widget framework (headers, panels, columns, options, drag)
 * GENERAL EXPANDABLE SECTIONS ................................ Expandable section headers, rows, alternating colors
 * EXPENSE & INCOME MANAGEMENT ................................ Expense/income/payable/receivable/percent rent tables
 * --EXPANDABLE EXPENSES ........................................ Expandable Expenses widget styles
 * --EXPANDABLE INCOME .......................................... Expandable Income widget styles
 * DASHBOARD WIDGETS (My Projects, Impact Chart, Tasks) ....... My Projects, Impact Chart, Tasks widgets
 * IMPACT WIDGETS ............................................. Impact widget styles
 * TODAY WIDGETS .............................................. Misc Today widget styles
 * -- QUICK SEARCH WIDGET ........................................ Quick Search widget styles

* COMMON PREFIXES
 * =================
 * .abt = Abstraction Template
 * .mp = ManagePath (typically on things like mpEdit, mpComposite, mpChooser, etc.)
 * .wl = Weblist


 */


.DataDetailWidgetContainer {
    padding: 6px;
    padding-left: 12px;
}



/* ============================================================
   WIDGETS
   ============================================================ */

.widgetHeaderPanelDragCollapse {
    float: left;
}

.widgetHeaderPanelIcons {
    float: right;
}

.widgetBase img, p, h1, h2, h3, h4, h5, h6, ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
}

.column {
    float: left;
    /* Min-height: */
    min-height: 400px;
    height: auto !important;
    height: 400px;
}

/* 49815 - Unused? */
/*.columnLeft {
    margin: 10px 5px 0 10px;
}

.columnRight {
    margin: 10px 10px 0 5px;
}*/

.widget {
    margin: 5px 6px 10px 6px;
    border-width: 1px;
    border-style: solid;
    border-color:#D1CFCF;
    min-width: 202px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}


.widgetHeaderPanel {
    overflow: hidden;
    width: 100%;
    height: 28px;
    line-height: 27px;
    white-space: nowrap;
    background-color:#004200;
    color:#FFFFFF;
}

.widgetHeaderSection {
    overflow: hidden;
    height: 33px;
    line-height: 33px;
    white-space: nowrap;
    position: relative;
    float: left;
}

.WidgetContentShadowColor {
    background-color:#FFFFFF;
    color:#000000;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    line-height: 1.2em;
    overflow: hidden;
    min-height: 100px;
}

.widgetContentSection {
    background-color:#FFFFFF;
    color:#000000;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    line-height: 1.2em;
    overflow: hidden;
    min-height: 100px;
}

.widgetContentInitialize {
    background-color: White;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    min-height: 32px;
}

div.widgetContent {
    position: relative;
}

div.todayWidgetContent {
    min-height: 180px;
}

td.todayWidgetFirstTd {
    padding-left: 9px;
}

.editPageContentInitialize,
.expandableItemContentInitialize {
    background: #000;
    background-color:#FFFFFF;
    background-image:url(/mp8images/wait24trans.gif);;
    background-position: 12px 12px;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    min-height: 46px;
}

.pageContentDisable,
.editPageContentSubmit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:rgba(255,255,255,0.40);
}

.widgetInnerWrapper {
}

.widgetContentDisable {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:#FFFFFF;
}

/* End Columns section */

.widget-placeholder {
    border: 2px dashed #999;
    margin: 5px 5px 0 5px;
    min-height: 28px;
}

.widgetCollapsedIcon,
.widgetExpandedIcon,
.widgetExpandIcon {
    margin: 6px 6px 6px 2px;
    cursor: pointer;
}

.widgetOptionsInputCheck,
.widgetOptionsInputRadio {
    margin-left: 15px;
}

.widgetCustomButton {
    float: right;
    background-repeat: no-repeat;
    border-style: none;
    cursor: pointer;
    margin-right: 0px;
}

.widgetOptionButtonsContainer {
    float: right;
    margin-right: 1em;
    position: relative;
    top: -2px;
}

.widgetOptionContentContainer {
    padding: 3px;
    padding-bottom: 1em;
}

.widgetOptionPanelButton {
    float: right;
}

.searchWidgetButton {
    background: url(/mp8Images/searchbtn.png);
    margin-right: 4px;
}

.viewAllLeasesButton {
    background: url(/mp8images/xprev.png);
    margin-right: 4px;
}

.widgetOptionsPanel {
    overflow: hidden;
    padding: 5px 5px 12px 7px;
    background-color:#F0F1F4;
    cursor: default;
    min-height: 100px;
}

.widgetOptionsPanelBorder {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color:#D1CFCF;
}

.widgetOptionsSectionHeader {
    padding-top: 10px;
    font-weight: bold;
    min-width: 200px;
    width: 90%;
}

.widgetOptionsControlDiv {
    padding-left: 8px;
    padding-top: 8px;
    clear: left;
    min-width: 200px;
    width: 90%;
}

.widgetOptionsTopPadding {
    padding-top: 5px;
}

.widgetOptionsBottomPadding {
    padding-bottom: 5px;
}

.widgetOptionsLeftPadding {
    padding-left: 10px;
}

.widgetTableRightItem {
    float: right;
}

.widgetGraphPadding {
    padding: 10px;
}

.widgetHeaderText {
    float: left;
    color: White;
    font-weight: bold;
    margin: 0;
    margin-left: 8px;
    padding: 0;
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.widgetHeaderWarningText {
    float: left;
    color: Red;
    font-weight: bold;
    margin: 0;
    margin-left: 8px;
    padding: 0;
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.widgetOptionsText {
    margin-left: 5px;
    font-weight: bold;
}

.widgetOptionsHeader {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color:#D1CFCF;
    padding-bottom: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    clear: both;
    width: 100%;
}

.widgetOptionsFooter {
    border-top-style: solid;
    border-top-width: 1px;
    border-color:#D1CFCF;
    padding-top: 5px;
    margin-top: 5px;
    clear: both;
}

.widgetOptionsSave {
    margin-right: .5em;
}

.widgetOptionsCancel {
    margin-right: 1em;
}

.widgetSectionSingleColumn {
    width: 100% !important;
    clear: both;
}

.widgetSectionControlContainer {
    margin-right: 10px;
}

.widgetColumnLinksContainer {
    position: relative;
    float: right;
    margin-right: 15px;
}

.widgetColumnSelectContainer {
    position: relative;
    float: left;
    text-decoration: none;
    cursor: pointer;
    font-size: .75em;
    padding: 1px 3px 1px 3px;
}

.widgetColumnSelectContainerSelected {
    background-color:#004200;
    color:#FFFFFF;
    cursor: default;
}

.widgetSection {
    overflow: auto;
    width: 100%;
}

.widgetSectionSettingsLink {
    position: relative;
    font-size: .75em;
    float: right;
    text-decoration: none;
    color:#000000;
}

.widgetSectionColumnLink {
    position: relative;
    font-size: .75em;
    text-decoration: none;
}

.widgetControlCluster {
    position: relative;
    float: right;
    white-space: nowrap;
}

.widgetDragHandleIcon {
    background-image: url(/mp8images/DragStrip.png);
    background-repeat: no-repeat;
    width: 7px;
    height: 28px;
    margin: 0px 2px 0px 0px;
    cursor: move;
    position: relative;
    float: left;
}

.widgetDragHandleDisabledPlaceholder {
    width: 10px;
    height: 28px;
    margin: 0px 1px 0px 0px;
    cursor: default;
    position: relative;
    float: left;
}

.widget_HeaderIcon {
    cursor: pointer;
    display: inline;
    line-height: 0.3em !important;
    padding: 6px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 1px;
    height: 15px;
}

    .widget_HeaderIcon:hover {
        background-color: rgba(0,0,0,0.30);
    }

.widgetheadericonright {
    font-size: 13px;
    float: right;
    top: 0px;
    padding: 6px;
    padding-top: 7px;
    height: 14px;
    cursor: pointer;
}

    .widgetheadericonright:hover {
        background-color: rgba(0,0,0,0.30);
    }

.widgetGlyphiconToHalfling {
    position: relative;
    top: 1px;
}

    .widgetGlyphiconToHalfling::before {
        padding: 0 !important;
    }

.widgetCaptionContainer {
    display: inline-block;
}

.widgetSectionEditContainer {
    display: flex;
    flex-wrap: wrap;
}

.widgetSectionEditCurrentWrapper {
    flex-grow: 2;
}

.widgetSectionEditAddWrapper {
    flex-shrink: 1;
}

.widgetSelectionContainer,
.BindableWidgetSectionContainer,
.TodayWidgetSectionContainer {
    padding-top: 5px
}

.widgetSectionEditDropdownWrapper {
    padding-top: 5px;
    padding-left: 4px;
}

.widgetSectionEditSpanHeader {
    padding-left: 10px;
    font-weight: bold;
}

.widgetDataViewRefreshIcon {
    margin-left: 10px;
}

.widgetIconToggleOff {
    opacity: 0.4;
}

.widgetIconToggleOn {
    opacity: 1;
}

.widgetIconDisabled {
    opacity: 0.4;
    pointer-events: none;
}

div.widgetMaxDataEllipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* ============================================================
   GENERAL EXPANDABLE SECTIONS
   ============================================================ */

.ExpandableSection_Header {
    background-color:#E5E3E3;
    color:#000000;
}

    .ExpandableSection_Header a {
        color:#000000;
    }

        .ExpandableSection_Header a:visited {
            color:#000000;
        }

.ExpandableSection_Table {
    border-width: 2px;
    border-style: solid;
    border-color:#D1CFCF;
}

.ExpandableSection_DataPanel {
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color:#D1CFCF;
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color:#D1CFCF;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color:#D1CFCF;
}

.ExpandableSection_HeaderTitle {
    font-weight: bold;
    color:#FFFFFF;
}

    .ExpandableSection_HeaderTitle a {
        font-weight: bold;
        color:#FFFFFF;
    }

        .ExpandableSection_HeaderTitle a:visited {
            font-weight: bold;
            color:#FFFFFF;
        }

.ExpandableSection_HeaderData {
    color:#FFFFFF;
}

    .ExpandableSection_HeaderData a {
        color:#FFFFFF;
    }

        .ExpandableSection_HeaderData a:visited {
            color:#FFFFFF;
        }

.ExpandableSection_HeaderButtons {
    float: right;
}

.ExpandableSection_ColumnHeaderRow,
.ExpandableSection_ColumnFooterRow {
    background-color:#E5E3E3;
    color:#000000;
}

    .ExpandableSection_ColumnHeaderRow a {
        color:#000000;
    }

        .ExpandableSection_ColumnHeaderRow a:visited {
            color:#000000;
        }

.ExpandableSection_GroupHeaderRow {
    background-color:#C0D0C0;
    color:#000000;
}

    .ExpandableSection_GroupHeaderRow a {
        color:#000000;
    }

        .ExpandableSection_GroupHeaderRow a:visited {
            color:#000000;
        }

.ExpandableSection_DarkItemRow {
    white-space: nowrap;
    background-color:#F0F1F4;
    color:#000000;
}

    .ExpandableSection_DarkItemRow .mpCaptionColor {
        color:#6B6B6B;
    }

    .ExpandableSection_DarkItemRow .HTMLLinkTxt {
        color:#000000;
    }

        .ExpandableSection_DarkItemRow .HTMLLinkTxt:hover {
            color:#000000;
        }

.ExpandableSection_ItemRow,
.ExpandableSection_LightItemRow {
    background-color:#FFFFFF;
    color:#000000;
}

.ExpandableSection_YellowItemRow {
    background-color: #FFFFAA;
    color: black;
}

.ExpandableSection_SingleItemRow {
    background-color:#FFFFFF;
    color:#000000;
}

tr.rowHoverEnabled:hover,
tr.rowAlternatingHoverEnabled:hover,
tbody.rowHoverEnabled:hover,
tbody.rowAlternatingHoverEnabled:hover {
    background-color:#d4d4d9;
}

tr.recentItemsTodayWidgetRow:hover {
    background-color: #dedee0;
}

.ExpandableSection_SingleAlternateItemRow,
.ExpandableSection_ArchivedLightItemRow {
    background-color:#F0F1F4;
    color:#000000;
}

.weblist tbody tr.ExpandableSection_RowSelectedItemRow div.rowExpand_BtnsGlyphicon,
.ExpandableSection_RowSelectedItemRow,
.ExpandableSection_ArchivedDarkItemRow {
    background-color:#DCEADC;
}

.ExpandableSection_DataSection {
    height: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.ExpandableSection_Progress {
    background-color:#004200;
}

.ExpandableSection_NotesContainer {
    white-space: normal;
    padding: 10px 60px 20px !important;
}


.expandableItemColumnHeader {
    text-align: left;
    border-width: 0;
}

.expandableItemHeaderText {
    float: left;
    color:#FFFFFF;
    font-weight: bold;
    margin: 0;
    margin-left: 8px;
    padding: 0;
    border: none;
}

.expandableItemHeaderTextCount {
    font-size: 1em;
    margin-left: 5px;
}

.expandableItemHeaderTextTaskInfo {
    font-size: .8em;
    display: inline;
    float: left;
}

.expandableItemHeaderTextLeaseListInfo {
    font-size: .8em;
    display: inline;
    float: right;
    margin-right: 10px;
}

.expandableItemTopCheckboxTasks,
.expandableItemTopCheckboxTaskTemplates,
.expandableItemTopCheckboxRoleTemplates {
    float: left;
    padding-left: 3px;
    margin-top: -1px;
}

.expandableTasksBodyCheckbox {
    margin-left: 8px;
}


.impactChartInfoHeader,
.bodyDialogVisible,
.expandableItemDocumentInfoHeader,
.expandableItemNoteInfoHeader,
.gridWrapperWidgetExpandableSectionDocuments tbody td,
.expandableItemTaskInfoHeader,
.expandableItemTaskTemplateInfoHeader,
.expandableItemRoleTemplateInfoHeader,
.myProjectsInfoHeader {
    overflow: hidden;
}

.expandableItemHeaderTextDocumentInfo,
.expandableItemHeaderTextNoteInfo {
    font-size: 1em;
    display: inline;
    float: left;
}

.expandableItemTopCheckbox {
    float: left;
    padding-left: 7px;
    margin-top: -1px;
}

.expandableItemHeaderTextImpactInfo {
    font-size: .8em;
    display: inline;
    float: left;
}

.expandableItemContentSection {
    background-color:#FFFFFF;
    color:#000000;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    overflow: hidden;
    min-height: 25px;
}

.expandableSectionFlyoutButton {
    margin-left: 4px !important;
    cursor: pointer;
}


.expandableSectionHeaderGlyphicon {
    cursor: pointer;
    width: 26px;
    color:#FFFFFF;
}

.expandableItemColumnHeaderCheckbox {
    border-width: 0;
    padding-right: 4px;
}


.wl_ExpandableNavBar {
    height: 18px;
    white-space: nowrap;
    background-color:#E5E3E3;
    color:#000000;
    cursor: default;
    padding-top: 2px;
    padding-bottom: 1px;
    border-top: solid 1px;
    border-color:#D1CFCF;
}

.wl_ExpandableNavBarBottom {
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom-width: 0px;
}

.expandableNotesControlCluster,
.expandableTaskTemplatesControlCluster,
.expandableRoleTemplatesControlCluster {
    margin: 1px 5px 0px 0px;
    float: right;
}

.expandableButtonContainer {
    float: left;
    margin-left: 5px;
    margin-top: -1px;
}

.expandableButtonContainerNoFloat {
    margin-left: 5px;
    position: relative;
    top: -3px;
}

.expandableCommissionDeleteButtonContainer {
    margin-left: 10px;
}

.expandableTasksControlCluster,
.myProjectsControlCluster,
.impactChartControlCluster,
.expandableDocumentsControlCluster,
.expandableRolesControlCluster,
.expandableContactsControlCluster {
    margin: 0px;
    margin-right: 5px;
    width: 200px;
    min-width: 200px;
    min-height: 15px;
    float: left;
}


.expandableTasksText {
    float: left;
    display: inline;
}

.expandableTaskIcon,
.expandableTaskIconPlanned,
.expandableTaskIconRevised,
.expandableTaskIconActual {
    width: 16px;
    height: 16px;
    background-image: url(/mp8images/task_unassigned.png);
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    display: inline;
    margin-left: .5em;
    margin-right: .5em;
    margin-top: 1px;
}

.expandableTaskIconComplete {
    width: 16px;
    height: 16px;
    background-image: url(/mp8images/task_checked.png);
    cursor: default;
}

.expandableTaskIconCompletePlanned,
.expandableTaskIconCompleteRevised {
    background-image: url(/mp8images/task_future.png);
    cursor: default;
}

.expandableTaskIconFuture {
    background-image: url(/mp8images/task_future.png);
}

.expandableTaskIconWarn {
    background-image: url(/mp8images/task_warn.png);
}

.expandableTaskMilestone {
    background-image: url(/mp8images/mileston.gif);
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
}

.expandableTaskDocument {
    background-image: url(/mp8images/doc2.gif);
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.expandableNotesControlClusterBottom,
.expandableTasksControlClusterBottom,
.expandableDocumentsControlClusterBottom {
    float: right;
}

.expandableNotesViewButtonNote {
    cursor: pointer;
    background-image: url(/mp8images/note.gif);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.expandableNotesViewButtonReply {
    cursor: pointer;
    background-image: url(/mp8images/view_thread.gif);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

.expandableAppropriationAdditionFooter {
    background-color:#004200;
    color:#FFFFFF;
    border-top: solid 1px;
    border-color:#D1CFCF;
}

.expandableShortcutsIconLink {
    top: 2px;
    left: 1px;
    cursor: pointer;
}

/* ============================================================
   EXPENSE & INCOME WIDGETS
   ============================================================ */

table.weblist.expenseList tbody:first-child tr:first-child td {
    border-top: none;
}

.expenseList {
    max-height: none;
}

.expenseList tbody td {
    border-width: 0 0 0 0;
    border-style: solid;
    white-space: normal;
}

.expenseListCPIInfoGlyphicons:before {
    padding: 3px 4px !important;
}

.IncreaseReviewCalcTable {
    width: 100%;
}

    .IncreaseReviewCalcTable tbody td {
        text-align: center;
    }

wl_NavBar.wl_NavExpenseList {
    width: initial;
}

.wl_NavExpenseList {
    margin-right: 0px;
}

.FutureExpenseItemRow {
    background-color:#C0D0C0;
}

.replicateExpenseInstruction {
    font-weight: bold;
    height: 2.5em;
}

.payableButtonCluster {
    display: inline;
    float: left;
}

.wl_NavPayableItemList {
    margin-right: 0px;
}

.markPayableContainer {
    display: inline;
    float: left;
}

.payableMarkTable {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.batchStatus,
.changeStatus,
.expenseStatus {
    display: inline-block;
    margin-left: 10px;
    padding-top: 2px;
    font-style: italic;
    opacity: 0.8;
    max-width: 70%;
}

.ContentFooterRow {
    background-color:#004200;
    color:#FFFFFF;
    min-height: 1.5em;
    font-weight: bold;
}

.expandableCommissionFooterRow,
.expandableIncomeFooterRow,
.expandableDetailFieldListFooterRow {
    background-color:#004200;
    color:#FFFFFF;
    min-height: 1.5em;
}

/* ============================================================
   EXPANDABLE EXPENSES
   ============================================================ */

.expandableExpenseTable {
    width: 100%;
    border-style: none;
    border-top-style: solid;
    border-top-width: 1px;
    border-color:#D1CFCF;
}

.expandableExpenseHeaderRow {
    background-color:#004200;
    color:#FFFFFF;
}

.expandableExpenseFooterRow {
    background-color:#004200;
    color:#FFFFFF;
    min-height: 1.5em;
}

.expandableExpenseType1 {
    min-height: 1.5em;
}

.expandableExpenseType2 {
    line-height: 0.75em;
}

.expandableExpenseView {
    margin-left: 5px;
}

.expandableExpenseAdd {
    margin-left: 5px;
}

.expenseExpandableHeaderDetail {
    display: inline;
    float: left;
    margin-left: 50px;
    margin-right: 40px;
}

.expenseExpandableHeaderDetailItem {
    display: inline;
    margin-left: 40px;
}

.expandableExpenseHeader {
    min-width: 700px;
}

.expense_nav_button {
    background-repeat: no-repeat;
    background-position: center;
    background-color: Transparent;
    width: 6px;
    height: 11px;
    white-space: normal;
    cursor: pointer;
    float: left;
    position: relative;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.expense_next_enabled {
    background-image: url(/mp8Images/whtarrowR.png);
    margin-left: 5px;
}

.expense_prev_enabled {
    background-image: url(/mp8Images/whtarrowL.png);
}

.expandableExpenseRateHeader,
.expandableExpenseMonth,
.expandableExpenseYear {
    float: right;
}

.expandableExpenseMonthCenter {
    float: left;
    margin-left: 5px;
    min-width: 70px;
    text-align: center;
}

.expandableExpenseYearCenter {
    float: left;
    margin-left: 5px;
    min-width: 35px;
    text-align: center;
}

.expandableExpenseTableHeaderText {
    position: relative;
    margin-bottom: 2px;
    white-space: nowrap;
}

.expandableExpenseToday {
    float: left;
    cursor: pointer;
}

.expandableExpenseAmount {
    cursor: pointer;
}

.expandableExpenseRateCell {
    padding-right: 20px;
    padding-left: 10px;
    white-space: nowrap;
}

.expandableIncomeMonthCell,
.expandableExpenseMonthCell {
    width: 220px;
}

.expandableIncomeYearCell,
.expandableExpenseYearCell {
    width: 200px;
}

.weblist tbody td.expandableExpenseFirstCell {
    padding-left: 10px;
}

.expandableExpenseLastCell {
    padding-right: 10px;
}

/* ============================================================
   EXPANDABLE INCOME
   ============================================================ */

.expandableIncomeToday {
    float: left;
    cursor: pointer;
}

.expandableIncomeMonth,
.expandableIncomeYear,
.expandableIncomeRateHeader {
    float: right;
}

.expandableIncomeMonthCenter {
    float: left;
    margin-left: 5px;
    min-width: 70px;
    text-align: center;
}

.expandableIncomeYearCenter {
    float: left;
    margin-left: 5px;
    min-width: 35px;
    text-align: center;
}

.income_nav_button {
    background-repeat: no-repeat;
    background-position: center;
    background-color: Transparent;
    width: 6px;
    height: 11px;
    white-space: normal;
    cursor: pointer;
    float: left;
    position: relative;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

.income_next_enabled {
    background-image: url(/mp8Images/whtarrowR.png);
    margin-left: 5px;
}

.income_prev_enabled {
    background-image: url(/mp8Images/whtarrowL.png);
}

.expandableIncomeRateCell {
    padding-right: 20px;
    padding-left: 10px;
    white-space: nowrap;
}

.expandableIncomeLastCell {
    padding-right: 10px;
}

.incomeExpandableHeaderDetail {
    display: inline;
    float: left;
}

.incomeExpandableHeaderDetailItem {
    display: inline;
    margin-left: 40px;
}

.incomeARAging {
    color: Red;
    font-size: .9em;
    margin-left: 10px;
}

.incomeARLink {
    cursor: pointer;
}

.expandableIncomeTable {
    width: 100%;
    border-style: none;
    margin-top: 1px;
}

.expandableIncomeHeaderRow {
    background-color:#004200;
    color:#FFFFFF;
}

.weblist tbody .expandableIncomeFirstCell {
    padding-left: 10px;
}

.expandableIncomeLastCell {
    padding-right: 10px;
}

.expandableIncomeTableHeaderText {
    position: relative;
    margin-bottom: 2px;
    white-space: nowrap;
}

/* ============================================================
   DASHBOARD WIDGETS (My Projects, Impact Chart, Tasks)
   ============================================================ */

.myProjectsRow,
.impactChartRow {
    height: 20px;
}

.myProjectsOrgDDL,
.impactChartOrgDDL {
    margin-left: 15px;
    margin-top: 5px;
}

.myProjectsWeblistOuter,
.impactChartWeblistOuter {
    margin-bottom: 0px;
    margin-right: 1px;
    margin-left: 1px;
    min-width: 400px;
}

.myProjectsNavBar,
.impactChartNavBar {
    min-width: 250px;
}

.myTasksOrgDDL {
    padding-left: 4px;
    padding-top: 4px;
}

.myProjectsButtonStripOuter {
    margin-left: 6px;
}

.widgetDataViewList {
    margin-top: 7px;
    opacity: 0.4;
    color:#FFFFFF;
}

.widgetDataViewSelectedList {
    cursor: default;
    opacity: 1;
    color:#FFFFFF;
}

.widgetDataViewChart {
    opacity: 0.4;
    color:#FFFFFF;
    margin-top: 1px;
}

.widgetDataViewSelectedChart {
    opacity: 1;
    cursor: default;
    color:#FFFFFF;
}

.widgetDataViewSelectedMap {
    background: url(/mp8images/map.png);
    cursor: default;
}


/* ============================================================
   IMPACT WIDGET
   ============================================================ */

.impactExpandableHeader,
.impactExpandableFooter {
    background-color:#004200;
    color:#FFFFFF;
}

.weblist tbody td.impactcol1 {
    padding-left: 10px;
}

.weblist tbody td.impactalignright {
    text-align: right;
    padding-right: 8px;
}


.weblistExpandable tbody .impactExpandableHeader > td {
    border-top: solid 1px #FCFCFC;
}

/* ============================================================
   TODAY WIDGETS
   ============================================================ */

table.TodayWidgetConentTable {
    width: 100%;
    color:#000000;
}

    table.TodayWidgetConentTable td {
        padding: 5px 8px;
        border-top: 1px solid;
        border-color:#D1CFCF;
    }

td.todayWidgetFirstTdTabbed {
    padding-left: 35px;
}

div.propertiesTodaySqftRow {
    display: flex;
    justify-content: space-between;
    padding: 3px;
}

span.propertiesTodayCnt {
    display: inline-block;
    text-align: right;
    text-decoration: inherit;
}

span.propertiesTodayTabbedCnt {
    display: inline-block;
    min-width: 35px;
    text-align: right;
    text-decoration: inherit;
}

.propertiesTodayWeblistRow {
    border-left-width: 0px;
    border-right-width: 0px;
    padding: 4px;
    padding-left: 6.3px;
    white-space: nowrap;
}

/* ============================================================
   QUICK SEARCH WIDGET
   ============================================================ */

td.quickSearchCaption {
    white-space: nowrap;
    min-width: 100px;
}

td.quickSearchInputContainer {
    width: 100%;
    padding-left: 10px;
}

.quickSearchInput {
    display: block;
    width: 90%;
    max-width: 350px;
    box-sizing: border-box;
}