@charset "utf-8";
/*  CSS Document  */

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { /* box-sizing: border-box; */
}
/* Override for 960 default */
.paging_full_numbers {
    line-height: 18px;
}
    /* Override for dataTables default */
    .paging_full_numbers .ui-button {
        padding: 2px 0.5em;
        margin: 0;
        cursor: pointer;
        color: #333 !important;
    }
/* Override for dataTables theme default */
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    text-shadow: 1px 1px 1px #fff;
}

    .ui-state-disabled .ui-icon, .ui-widget-content .ui-state-disabled .ui-icon, .ui-widget-header .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35);
    }
/* IE <9 icon disabled state */
/*.ui-combobox .ui-button { margin-top: -1px; }  Fix bug: dropdown button doesn't line up with content in Chrome */
textarea, select, input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
    /*font-size: 1.1em; */
}

.RoundedCorners {
    border: 1px solid #aaa;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bankNoteCount {
    background: red;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: white;
    font-weight: bold;
    line-height: 1.6em;
    text-align: center;
    width: 1.6em;
    left: .8em;
    top: .8em;
    position: absolute;
    z-index: 1;
}

img.imgBankNotes {
    width: 20px;
    height: 20px;
    position: relative;
}

img.imgBankWarning {
    width: 20px;
    height: 20px;
}

.bankIcons {
    margin-left: 40px;
    vertical-align: middle;
}

#tiptip_content {
    max-height: 335px;
    text-overflow: ellipsis;
    overflow-y: hidden;
}

input:focus, button:focus, select:focus, textarea:focus, .ui-combobox a:focus, .jEditing INPUT:focus {
    -webkit-box-shadow: #06F 0 0 5px 0;
    -moz-box-shadow: #0066ff 0 0 5px 0;
    -o-box-shadow: #0066ff 0 0 5px 0;
    box-shadow: #06F 0 0 5px 0;
    -index: 1;
    outline: none;
}

.ui-progressbar {
    overflow: visible;
}

.ui-slider.ui-slider-horizontal, .ui-progressbar {
    height: 15px;
    display: block;
    background-color: #fff;
    border-color: #888;
}

.ui-slider-horizontal .ui-slider-range-min,
.ui-slider-horizontal .ui-slider-range-min,
#progressbar .ui-progressbar-value { /*background: #6BB87C none;  border-right-width: 0px; border: 0px solid #76A098; border-radius: 3px 0 0 3px; */
    box-shadow: 1px 0px 8px #B0C4DE;
}

.ui-slider-horizontal .ui-slider-handle,
.ui-slider-horizontal .ui-slider-handle {
    top: 1em;
    margin-left: -0.4em;
    width: 0.5em;
    height: 1.2em;
    border-radius: 5px 5px 2px 2px;
    box-shadow: 0px 0px 2px #FFA500;
    outline: none;
}

    .ui-slider-horizontal .ui-slider-handle.ui-state-focus,
    .ui-slider-horizontal .ui-slider-handle.ui-state-focus {
        border-radius: 5px 5px 2px 2px;
        box-shadow: 0px 0px 6px #FFA500;
    }


/* GLOBAL STYLES */
BODY {
    font-family: Tahoma, Geneva, sans-serif;
    padding: 0;
    height: auto;
    display: block;
    overflow-y: scroll;
    background-color: #aaa;
}

    BODY.masked {
        overflow: hidden;
        padding-right: 17px;
    }

    BODY .pageWrapper {
        min-height: 695px;
        display: block;
        position: relative;
        z-index: 100;
        padding: 8px 0 0;
        background-color: #efefef;
        background-image: url(img/bg_body.png);
        background-repeat: repeat-x;
        background-position: 100% 100%;
        background-attachment: scroll;
        background-size: 1px 695px;
    }

    BODY .pageWrapper { /* Gradient */
        background: #efefef -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#AAA), color-stop(0.47, #EFEFEF), color-stop(0.47, #EFEFEF), color-stop(0.675, #CCC), color-stop(0.95, #AAA)) repeat-x scroll 100% 100%;
        background: #efefef -moz-linear-gradient(0% 0% 270deg,#EFEFEF, #EFEFEF 47%,#EFEFEF 48%,#CCC 87.5%,#AAA 95%) repeat-x scroll 100% 100%;
        /*   background-image:      -ms-linear-gradient(top, #2F2727, #1a82f7);
background-image:       -o-linear-gradient(top, #2F2727, #1a82f7);
background-image:          linear-gradient(top, #2F2727, #1a82f7);
background-image:  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB);
background-size: 1px 100%;*/
    }

.pageWrapper div#tlg, .pageWrapper div#trg {
    position: absolute;
    z-index: -1;
    height: 491px;
    width: 481px;
    background: transparent no-repeat;
    top: 0;
}

.pageWrapper div#tlg {
    background-image: url('img/tlg.png');
    left: 0;
}

.pageWrapper div#trg {
    background-image: url('img/trg.png');
    right: 0;
}

.SmallSpacer {
    display: block;
    height: 10px;
}

.StandardSpacer {
    display: block;
    height: 20px;
}

.LargeSpacer {
    display: block;
    height: 30px;
}



A { /*color: #6dc0d2*/
}

ASIDE {
    background-color: #ececec; /*min-height: 440px;*/ /* min-height: 400px; height: 50%; overflow-x: hidden; overflow-y: hidden;*/
}

HEADER { /*background-color: #1c3c4e; color: #fff;*/
    display: block;
    background-color: transparent;
}

    HEADER A { /*display: inline-block;  color: #fff;*/
    }

        HEADER A:hover { /* color: #ddd;*/
        }

    HEADER .omega { /*text-align: right; */
    }

LABEL {
    line-height: 2em
}

UL {
}

LI {
    list-style: outside none;
    margin: 0;
    padding: 0;
}

.headerWrapper { /* border-color: #fff; border-width: 5px 5px 0; border-style: solid; box-shadow: 0px 2px 4px rgba(14, 45, 39, 0.5)*/
}

HEADER HGROUP {
    height: 54px;
}

HEADER H1 {
    display: inline-block;
    color: #fff;
    border: none;
    margin: 0; /*font-family: 'Oleo Script', cursive; */
    padding: .25em .25em .25em 0;
    background: transparent url(img/HilltopBancSystems.png) no-repeat scroll 50% 60%;
    overflow: hidden;
    position: absolute;
    width: 220px;
    height: 54px;
    font-size: 0;
    background-size: 174px 37px;
}

HEADER H6 {
    display: none;
}

HEADER NAV.global DIV {
    float: right;
    margin-top: 0.25em;
}

.global * {
    display: inline-block;
    line-height: 1.4em;
}

.global UL, .global LI {
    margin: 0;
    padding: 0;
}

    .global P, .global LI A {
        border-right: 1px solid #ececec;
        margin: 0.5em 0 0;
        padding: 0 1em;
    }

    .global LI:last-child A {
        border-right: none;
        padding: 0 0 0 1em;
    }

NAV.mcpNav {
    background: #781308 url(img/ui-bg_highlight-soft_55_781308_1x100.png) 50% 50% repeat-x;
    position: relative;
    border-top: 1px solid #fff;
    display: block; /* margin-bottom: 1em;*/
    border-color: #fff;
    border-width: 5px 5px 0;
    border-style: solid;
    box-shadow: 0px 2px 4px rgba(14, 45, 39, 0.5);
    left: -5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.primaryNav {
    position: absolute;
    bottom: 100%;
    left: 0px;
    margin: 0;
}

    .primaryNav LI {
        display: inline-block;
        vertical-align: middle; /*background-color: #22413A;  border: solid #888; border-width: 1px 1px 0;*/
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        margin: 0;
        padding: 0; /*border-radius: 6px 6px 0 0;*/
        *float: left;
    }

        .primaryNav LI A { /* line-height: 1.5em; padding: 0.25em 1em 0; */
            line-height: 1.75em;
            padding: 0em 1em;
            border-bottom: 5px solid #fff;
            display: block; /*color: #ccc;*/
            color: #888;
            text-decoration: none;
            font-size: 1.2em;
        }

        .primaryNav LI:hover,
        .primaryNav LI.currentView { /* font-weight: bold;  border: solid #fff; border-width: 1px 1px 0; background-color: #781308;*/
            background: #781308 url(img/ui-bg_highlight-soft_55_781308_1x100.png) 50% 50% repeat-x;
        }

        .primaryNav LI A:hover {
            color: #fff;
            cursor: pointer;
        }

        .primaryNav LI.currentView A {
            color: #fff;
            cursor: default;
        }

            .primaryNav LI.currentView A:hover { /*color: #fff;*/
                cursor: pointer;
            }

.secondaryNav { /*background-color: #22413A; border: 1px solid #fff;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    padding: 0;
    display: none !important;
}

    .secondaryNav.currentView {
        display: inline !important;
    }

    .secondaryNav UL {
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .secondaryNav LI {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        padding: 0;
        *float: left;
    }

        .secondaryNav LI A {
            color: #fff;
            padding: 0 1.5em;
            line-height: 2em;
            font-size: 1.1em;
            display: block;
            text-decoration: none;
        }

            .secondaryNav LI A:hover {
                background-color: #8A3931;
            }

        .secondaryNav LI.currentView {
            font-weight: bold;
        }

            .secondaryNav LI.currentView A {
                text-decoration: none !important;
                cursor: default;
                background-color: #B82819;
            }

                .secondaryNav LI.currentView A:hover { /*color: #fff;*/
                }

.secondaryNavSub {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    background-color: #781308;
    z-index: 9999;
}

    .secondaryNavSub LI {
        background-color: #781308;
    }

    .secondaryNavSub LI {
        background-color: #781308;
        width: 100%;
    }

    .secondaryNavSub UL {
        margin: 0;
        padding: 0;
        text-align: left;
    }

.secondaryNav LI.currentView .secondaryNavSub LI A {
    background-color: #781308;
    cursor: pointer;
    font-weight: normal;
}

    .secondaryNav LI.currentView .secondaryNavSub LI A:hover {
        background-color: #8A3931;
    }

.secondaryNav LI.currentView .secondaryNavSub LI.currentView A {
    background-color: #B82819;
    cursor: default;
    font-weight: bold;
}

.tertiaryNav {
    text-align: right;
    padding-top: 0.5em;
}

    .tertiaryNav UL {
        width: 100%;
    }

    .tertiaryNav LI {
        display: inline-block;
    }

        .tertiaryNav LI A {
            display: block;
            line-height: 4em;
            vertical-align: middle;
            padding: 0 1em 0 4em;
            border: 1px solid transparent;
            color: #000;
            background: transparent no-repeat scroll 0.5em 50%;
        }

            .tertiaryNav LI A[href="#ReportList"] {
                background-image: url('img/icon_grid-000.png');
            }

            .tertiaryNav LI A[href="#ReportConsole"] {
                background-image: url('img/icon_clock-000.png');
            }

            .tertiaryNav LI A[href="#FileUpload"] {
                background-image: url('img/icon_upload.png');
            }

            .tertiaryNav LI A[href="#FileQueue"] {
                background-image: url('img/icon_list-000.png');
            }

            .tertiaryNav LI A[href="#ReportConsole"] {
                background-image: url('img/icon_clock-000.png');
            }

            .tertiaryNav LI A[href="#EntitiesView"] {
                background-image: url('img/icon_tree-000.png');
            }

            .tertiaryNav LI A[href="#PositionsView"] {
                background-image: url('img/icon_list-000.png');
            }

            .tertiaryNav LI A[href="#downloadFileSection"] {
                background-image: url('img/icon_tree-000.png');
            }

            .tertiaryNav LI A[href="#downloadFilesSection"] {
                background-image: url('img/icon_list-000.png');
            }

            .tertiaryNav LI A[href="#HistoryView"] {
                background-image: url('img/icon_clock-000.png');
            }

            .tertiaryNav LI A[href="#UploadView"] {
                background-image: url('img/icon_upload.png');
            }

            .tertiaryNav LI A:hover {
                border: 1px dotted #B82819;
            }

        .tertiaryNav LI.currentView A {
            border: 1px solid #B82819;
        }

#autoHideNav {
    background: #781308 url(img/ui-bg_highlight-soft_55_781308_1x100.png) 50% 50% repeat-x;
    position: relative;
    display: block;
    color: #fff;
    border-top: 1px solid #fff;
    border-color: #fff;
    border-width: 5px 5px 0;
    border-style: solid;
    box-shadow: 0px 2px 4px rgba(14, 45, 39, 0.5);
    left: -5px;
    z-index: 5;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}


.warningWrapper,
.noScript { /* border: thick red solid; font-size: 1.25em; color: red; */
    display: none;
    position: absolute;
    top: 8px;
    left: 0%;
    right: 0%; /* width: 400px;*/
    z-index: 1000;
    padding: 0;
}

.noScript {
    display: block;
}

.ui-state-error {
    padding: 1.25em;
    box-shadow: 0 4px 22px #B82819;
    border-width: 2px;
}

    .ui-state-error .ui-icon-alert {
        float: left;
    }

.warningWrapper P {
    margin: 0;
}

.warningWrapper SPAN.alertMessage DIV {
    display: inline;
}

.contentWrapper {
    background-color: #fff;
    border-color: #fff;
    border-width: 0 5px 5px;
    border-style: solid;
    padding: 0.25em 0;
    box-shadow: 0px 2px 4px #708090;
    min-height: 430px;
    position: relative;
    z-index: 10;
}

.contentHeader > DIV, .contentHeader > NAV {
    margin: 0 0 0.25em;
}

    .contentHeader > DIV > UL, .contentHeader > NAV > UL {
        margin: 0;
    }

.contentHeader > .calendar {
    background-color: transparent;
    background: no-repeat scroll; /*background-position: 0.5em 1em; padding: 1em 0 0.5em 0.5em;*/
    background-image: url(img/icon_calendar-header.png);
    position: relative;
}

    .contentHeader > .calendar > UL {
        background-color: transparent;
        background: no-repeat scroll;
        background-position: 90px 14px;
        padding: 1em 0 0 0.5em;
        background-image: url(img/icon_calendar-expand_light.png);
        width: 190px;
    }

        .contentHeader > .calendar > UL:hover {
            background-image: url(img/icon_calendar-east_active.png);
        }

        .contentHeader > .calendar > UL > LI {
            width: 60%;
            text-align: center;
            display: block;
        }

            .contentHeader > .calendar > UL > LI > H2, .contentHeader > .calendar > UL > LI > H4 {
                margin: 0;
                padding: 0;
                color: #5A5B5D;
            }

        .contentHeader > .calendar > UL.readonly {
            background-image: none !important;
        }

            .contentHeader > .calendar > UL.readonly:hover {
                background-image: none !important;
            }

    .contentHeader > .calendar > .selectRunDate {
        display: none;
        position: absolute; /*top: 1em; left: 0.5em; */
        top: 0em;
        left: 0em;
        width: 320px;
        border: 1px solid #666;
        padding: 0;
        z-index: 100001;
        box-shadow: 0 2px 4px rgba(14, 45, 39, 0.5);
        background: #fff no-repeat scroll;
        background-position: 0 0; /*padding: 1em 0 0.5em 0.5em;*/
        background-image: url(img/icon_calendar-header.png);
    }

        .contentHeader > .calendar > .selectRunDate * {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
        }

        .contentHeader > .calendar > .selectRunDate > UL {
            display: block;
            width: 100%;
            margin: 0;
            padding: 0.5em;
        }

            .contentHeader > .calendar > .selectRunDate > UL LI {
                display: inline-block;
                padding: 0.25em 0;
                color: #333; /*background-color: #ececec;*/
                margin: 2px;
                text-align: center;
                cursor: pointer;
                *float: left;
            }


        .contentHeader > .calendar > .selectRunDate .scrollYear {
            background: transparent no-repeat scroll;
            background-position: 50% 50%;
            padding: 1em 0 0.5em 0.5em;
            background-image: url(img/icon_calendar-west_active.png);
        }

            .contentHeader > .calendar > .selectRunDate .scrollYear.inactive {
                background-image: url(img/icon_calendar-west_dark.png);
            }

            .contentHeader > .calendar > .selectRunDate .scrollYear.last {
                background-image: url(img/icon_calendar-east_active.png);
            }

            .contentHeader > .calendar > .selectRunDate .scrollYear.inactive.last {
                background-image: url(img/icon_calendar-east_dark.png);
            }

            .contentHeader > .calendar > .selectRunDate .scrollYear SPAN {
                visibility: hidden;
            }

        .contentHeader > .calendar > .selectRunDate .selectRunDateYear {
            float: left;
            clear: both;
            width: 100%;
            padding-bottom: 0;
        }

            .contentHeader > .calendar > .selectRunDate .selectRunDateYear > LI.scrollYear {
                width: 15%;
                float: left;
                position: relative;
            }

            .contentHeader > .calendar > .selectRunDate .selectRunDateYear > LI.listYears {
                width: 66%;
                float: left;
                position: relative;
                height: 2.4em;
                overflow: hidden;
                padding: 0;
            }

            .contentHeader > .calendar > .selectRunDate .selectRunDateYear .listYears UL {
                margin: 0;
                padding: 0;
                width: auto;
                display: block;
                position: absolute;
                height: 20px;
                left: 0;
                white-space: nowrap;
            }

            .contentHeader > .calendar > .selectRunDate .selectRunDateYear .listYears LI {
                width: 68px;
                display: inline-block;
                margin: 0;
                padding: 0;
                font-size: 2em;
                background-color: transparent;
            }

        .contentHeader > .calendar > .selectRunDate .selectRunDateMonth {
            float: left;
        }

            .contentHeader > .calendar > .selectRunDate .selectRunDateMonth LI {
                width: 32%;
                float: left;
                height: 22px;
            }

                .contentHeader > .calendar > .selectRunDate .selectRunDateMonth LI.row2:first-child {
                    clear: left;
                }

        .contentHeader > .calendar > .selectRunDate > UL LI.selected,
        .contentHeader > .calendar > .selectRunDate > UL LI.selected.hover,
        .contentHeader > .calendar > .selectRunDate .selectRunDateYear .listYears LI.selected,
        .contentHeader > .calendar > .selectRunDate .selectRunDateYear .listYears LI.selected.hover {
            background-color: #6D82A1;
            color: #fff;
        }

        .contentHeader > .calendar > .selectRunDate > UL LI.hover,
        .contentHeader > .calendar > .selectRunDate .selectRunDateYear .listYears LI.hover {
            background-color: #ececec;
        }

        .contentHeader > .calendar > .selectRunDate > UL LI.inactive,
        .contentHeader > .calendar > .selectRunDate > UL LI.inactive.hover,
        .contentHeader > .calendar > .selectRunDate .selectRunDateYear .listYears LI.inactive.hover {
            color: #ccc;
            cursor: default;
            text-shadow: 1px 1px 1px #fff;
            background-color: transparent;
        }

        .contentHeader > .calendar > .selectRunDate > UL LI.highlighted {
            font-weight: bold;
        }


.contentHeader > .identification {
    padding: 0.5em 0 0 0.5em;
}

    .contentHeader > .identification UL {
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -o-box !important;
        display: box;
        -webkit-box-orient: vertical;
        -webkit-box-pack: center;
        -moz-box-orient: vertical;
        -moz-box-pack: center;
        -o-box-orient: vertical;
        -o-box-pack: center;
        box-orient: vertical;
        box-pack: center;
    }

    .contentHeader > .identification li { /*margin-bottom: 10px;*/
    }

    .contentHeader > .identification .ui-combobox input {
        padding-left: 10px;
    }

.configPortfolio {
    height: 1.85em;
    margin: 0px 0 0 2.2em;
    width: 2.2em;
}

.content SECTION.contentContainer {
    display: none;
}

    .content SECTION.contentContainer.currentView {
        display: block;
    }

.content > SECTION {
    background-color: #fff; /* margin-bottom: 1em;*/
}

.listContainer { /*	display : -moz-box; display : -webkit-box; display : box;*/
    background-color: #fff;
}

.sectionHeader .actionsList * { /*padding: 0.5em 0.25em;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.sectionHeader .actionsList UL {
    margin: 0;
    padding: 0 0.25em 0.35em;
    min-height: 2.9em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.sectionHeader .actionsList LI { /*opacity: .5; cursor: default; */
    display: inline-block;
    margin-right: .5em;
    font-size: 0.9em;
    *float: left;
}

.sectionHeader .actionsList > DIV {
    margin: 0;
    padding: 0 0.25em 0.35em;
    min-height: 2.9em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .sectionHeader .actionsList > DIV BUTTON { /*opacity: .5; cursor: default; */
        display: inline-block;
        margin-right: .5em;
        font-size: 0.9em;
        *float: left;
    }

.sectionHeader .actionsList DIV.page-toolbar {
    margin: 0;
    padding: 0 0.25em 0.35em;
    min-height: 2.9em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

    .sectionHeader .actionsList DIV.page-toolbar button { /*opacity: .5; cursor: default; */
        display: inline-block;
        margin-right: .5em;
        font-size: 0.9em;
        *float: left;
    }

    .sectionHeader .actionsList DIV.page-toolbar mcp-button { /*opacity: .5; cursor: default; */
        display: inline-block;
        margin-right: .5em;
        font-size: 0.9em;
        *float: left;
    }

.sectionHeader .actionsList LI#actionExport,
.sectionHeader .actionsList LI#actionPackage {
    display: none;
}

.sectionHeader .actionsList LI.actionSaveSet {
    float: right;
    margin-top: 4px;
}

.sectionHeader .actionsList LI.actionSaveSwap {
    float: left;
    margin-top: 4px;
}

.sectionHeader .actionsList LI.actionSearch {
    margin-left: 10px;
}

    .sectionHeader .actionsList LI.actionSearch input {
        width: 20em;
        line-height: 1.1em;
        vertical-align: middle;
    }

.ui-dialog .sectionHeader .actionsList,
.ui-tabs-panel .sectionHeader .actionsList {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .ui-dialog .sectionHeader .actionsList UL,
    .ui-tabs-panel .sectionHeader .actionsList UL {
        min-height: auto;
    }

    .ui-dialog .sectionHeader .actionsList LI,
    .ui-tabs-panel .sectionHeader .actionsList LI {
        font-size: 0.8em;
    }

.currentView + .dataTables_wrapper {
    margin-top: 10px;
}

/*.ui-tabs-panel .sectionHeader .actionsList LI { display: inline-block;}*/
/*.ui-tabs-panel .actionSaveSet.actionSave.actionButtons {;}*/


.ui-dialog .sectionHeader .actionsList,
.ui-tabs-panel .sectionHeader .actionsList {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .ui-dialog .sectionHeader .actionsList UL,
    .ui-tabs-panel .sectionHeader .actionsList UL {
        min-height: auto;
    }

    .ui-dialog .sectionHeader .actionsList LI,
    .ui-tabs-panel .sectionHeader .actionsList LI {
        font-size: 0.8em;
    }

/*
.sectionHeader .actionsList.dirtyState LI#actionSaveAs,
.sectionHeader .actionsList.dirtyState LI#actionSaveSet,
.sectionHeader .actionsList LI#actionDelete { opacity: 1; cursor: pointer; }

.sectionHeader .actionsList.systemSet LI#actionSaveSet,
.sectionHeader .actionsList.systemSet LI#actionDelete { opacity: .5; cursor: default; }

.sectionHeader .actionsList.selectedItem LI#actionExecute,
.sectionHeader .actionsList.selectedItem LI#actionExport,
.sectionHeader .actionsList.selectedItem LI#actionPackage,
.sectionHeader .actionsList.selectedItem LI#actionSaveAs { opacity: 1; cursor: pointer;}
*/

.sectionHeader {
    margin: 0;
    line-height: 30px;
    vertical-align: middle;
}

    .sectionHeader SELECT {
        line-height: 1.1em;
    }

.sectionHeader {
    width: 100%;
}

    .sectionHeader .currentSet {
        width: 50%;
        float: left;
    }

    .sectionHeader .setFilter {
        width: 49%;
        float: right;
    }

    /* HGROUP element is deprecated
.sectionHeader HGROUP.currentSet H3,
.sectionHeader HGROUP.currentSet H3 INPUT,
.sectionHeader HGROUP.currentSet SELECT { display:inline-block; vertical-align: middle; margin: 0.25em 0.75em 0.25em 0; line-height: normal; }

.sectionHeader HGROUP.currentSet H3 INPUT { border-color:#fff; font-size: .9em; margin: 0; padding-right: 12px; }
.sectionHeader HGROUP.currentSet H3 INPUT:focus,
.sectionHeader HGROUP.currentSet H3 INPUT:hover { border: 1px solid; border-color: #848484 #C1C1C1 #E1E1E1; margin-right:0;}
.sectionHeader HGROUP.currentSet H3 INPUT:hover { background: url('img/icon_edit-12x12.png') no-repeat scroll right 50%;}
*/

    .sectionHeader .currentSet H3,
    .sectionHeader .currentSet H3 INPUT,
    .sectionHeader .currentSet SELECT {
        display: inline-block;
        vertical-align: middle;
        margin: 0.25em 0.75em 0.25em 0;
        line-height: normal;
    }

        .sectionHeader .currentSet H3 INPUT {
            border-color: #fff;
            font-size: .9em;
            margin: 0;
            padding-right: 12px;
        }

            .sectionHeader .currentSet H3 INPUT:focus,
            .sectionHeader .currentSet H3 INPUT:hover {
                border: 1px solid;
                border-color: #848484 #C1C1C1 #E1E1E1;
                margin-right: 0;
            }

            .sectionHeader .currentSet H3 INPUT:hover {
                background: url('img/icon_edit-12x12.png') no-repeat scroll right 50%;
            }

    .sectionHeader .setFilter,
    .sectionHeader .setFilter * {
        display: inline-block;
        text-align: right;
        vertical-align: middle;
    }

    .dataTableActions .setFilter,
    .sectionHeader .setFilter {
        font-size: 0.9em;
    }

        .dataTableActions .setFilter UL,
        .sectionHeader .setFilter UL {
            margin: 0;
        }

        .dataTableActions .setFilter LI,
        .sectionHeader .setFilter LI {
            padding: 0 0 0 1em;
            margin: 0;
        }

            .dataTableActions .setFilter LI A.active,
            .sectionHeader .setFilter LI A.active {
                color: black;
                text-decoration: none;
                font-weight: bold;
            }


.dataTableActions {
    clear: both;
}

    .dataTableActions * {
        display: inline-block;
    }

    .dataTableActions .currentSet {
        float: left;
        width: 50%;
        text-align: left;
        padding: 4px 20px;
    }
    /*.dataTableActions .currentSet a { display: block; }*/
    .dataTableActions .setFilter {
        float: right;
        width: 49%;
        text-align: right;
    }

        .dataTableActions .setFilter ul {
            margin-right: 1px;
        }

.ui-tabs-panel .sectionHeader .setFilter li a, .ui-tabs-panel .dataTableActions .setFilter li a {
    display: inline-block;
    padding: 0;
    font-size: 1em;
}

.ui-tabs-panel .ui-tabs-panel .dataTableActions .setFilter li a {
    font-size: 1em;
}

.dataTableActions .setFilter > * {
    font-size: 1em;
}

.ui-tabs-panel .sectionHeader .setFilter > * {
    font-size: 1.1em;
}

.ui-tabs-panel .ui-tabs-panel .setFilter > * {
    font-size: 1.1em;
}

.currentSet.Properties.Container {
    background-color: inherit;
    padding-left: 0;
    padding-right: 0;
    vertical-align: middle;
}

.currentSet.Properties.Label {
    width: 150px;
}

.currentSet.Properties.Separator {
    height: 1px;
    width: 100%;
    background-color: #6D82A1;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

TABLE.gridify {
    border-collapse: separate;
    border-spacing: 1px;
    width: 100% !important;
}

.gridify > THEAD > TR > TH,
.gridify > TBODY > TR > TD,
.gridify > CAPTION { /* padding: 0; */
    vertical-align: middle;
    font-size: 0.9em;
}

.gridify tbody tr:nth-child(even) td,
.gridify tbody tr.even td {
    background: inherit;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

/* Ensure that font-size is consistent when dataTable is inside a tab */
.ui-tabs-panel .gridify > THEAD > TR > TH,
.ui-tabs-panel .gridify > TBODY > TR > TD,
.ui-tabs-panel .gridify > CAPTION {
    font-size: 0.8em;
}


TABLE.gridify CAPTION {
    display: none;
}

.row_selected TD
TD .deleteRow {
    background-color: #6D82A1 !important;
    color: #fff;
    border-color: #fff;
    cursor: default;
}

.deleteRow {
    position: absolute;
    left: -2em;
    margin-top: -3px;
    cursor: pointer;
    border-radius: 6px 0 0 6px;
    padding: 0 0.5em;
    height: 20px;
}

    .deleteRow SPAN {
        background-image: url(img/ui-icons_5a5b5d_256x240.png);
    }

        .deleteRow SPAN:hover {
            background-image: url(img/ui-icons_bd2e1b_256x240.png);
        }

table.dataTable tr.odd {
    background-color: #FFF;
}

table.dataTable tr.even {
    background-color: #F4F6F8;
}

table.dataTable tr.group {
    background-color: #6D82A1;
    color: #fff;
    border-color: #fff;
}

table.dataTable tr.odd td.sorting_1 {
    background-color: #f3f6fF;
}

table.dataTable tr.even td.sorting_1 {
    background-color: #e6e9eF;
}

table.dataTable tr td.cellright {
    text-align: right;
}

table.dataTable tr td.cellcenter {
    text-align: center;
}

table.dataTable tr:hover, table.dataTable tr:hover td.sorting_1 {
    background-color: #6D82A1;
    color: #fff;
    border-color: #fff;
    cursor: default;
}
    /*  !important */
    /* Override the hover link color effect in tables */
    table.dataTable tr:hover a {
        color: #fff;
    }
/* Override the hover effect if the table is in a dialog */
.ui-dialog table.dataTable.disableHover tr:hover, table.dataTable.disableHover tr:hover td {
    background-color: inherit;
    color: inherit;
}

table.dataTable.disableHover tr:hover a {
    color: #000 !important;
}
/* Override the hover effect for Pledging (Entities and Positions) */
#EntitiesView table.dataTable tr:hover {
    background-color: inherit;
    color: inherit;
    border-color: inherit;
    cursor: inherit;
}

#PositionsView table.dataTable tr:hover {
    background-color: inherit;
    color: inherit;
    border-color: inherit;
    cursor: inherit;
}

table.dataTable tr td.editable {
    background: url('img/icon_edit-12x12.png') no-repeat right center;
    background-origin: content-box;
}

.paging_full_numbers {
    white-space: nowrap;
}

.ui-dialog-content .gridify td {
    font-size: 0.8em;
}

span.clearFilter {
    cursor: pointer; /*font-size: 0;*/
    color: transparent;
    position: absolute; /* top: 9px; right: 9px; */
    top: .8em;
    right: .7em;
    display: block;
    width: 18px;
    height: 18px;
    background: transparent url('img/icon_clear-18x18.png') no-repeat scroll 50% 50%;
    background-size: 18px 18px;
    opacity: .25;
}

    span.clearFilter.near {
        opacity: 0.55;
    }

    span.clearFilter.hover {
        opacity: 1;
    }

.jEditing {
}

    .jEditing INPUT {
        width: inherit;
        border-width: inherit;
        line-height: 1.2em;
    }

    .jEditing SELECT {
    }

FOOTER {
    display: block;
    margin: 1em 0 2em;
    position: relative;
    bottom: 0px;
}

.copyright {
    font-size: .9em;
}

    .copyright P SPAN {
        display: inline-block;
        margin-right: .5em;
    }

.sitemap {
    text-align: right;
    font-size: .9em;
}

    .sitemap > UL > LI {
        display: inline-block;
        vertical-align: top;
        /*height: 10em;*/
        border-right: 1px solid #ccc;
        width: 18%;
        margin: 0 0.5em 0 1em;
        text-align: left;
    }

        .sitemap > UL > LI:last-child {
            border: 0;
        }

    .sitemap UL LI > UL { /*height: 12em; border-right: 1px solid #ccc; box-sizing: border-box;*/
    }

    .sitemap UL UL > LI {
        display: block;
    }

.socLogo {
    display: inline-block;
    color: #fff;
    border: none;
    margin: 0; /*font-family: 'Oleo Script', cursive; */
    padding: .25em .25em .25em 0;
    background: transparent url(img/SOC-ServiceOrg75px.png) no-repeat scroll 50% 60%;
    overflow: hidden;
    position: absolute;
    width: 75px;
    height: 69px;
}

FOOTER P SPAN {
    line-height: 1.8em;
    color: #5a5b5d;
    text-shadow: 0px 0px 8px #fff; /*filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=-1, OffY=-1, Color=#26453f);*/
}

.sitemap LI A {
    line-height: 1.8em;
    color: #5a5b5d;
    text-shadow: 0px 0px 8px #fff;
    text-decoration: none;
}

    .sitemap LI A:hover {
        color: #333;
        text-decoration: underline;
        text-shadow: 0px 0px 8px #fff;
    }

.loginWrapper .editor-label, .editor-label {
    display: inline-block;
    width: 25%;
    padding-right: 1em;
    font-weight: bold;
}

.loginWrapper .editor-field {
    display: inline-block;
    width: 60%;
    padding-right: 1em;
}

.loginWrapper fieldset {
    text-align: right;
}

.toastNotification {
    position: fixed;
    top: 100px;
    display: block;
    z-index: 10000;
}

    .toastNotification P {
        text-align: center;
        background-color: rgba(250, 250, 39, 0.95);
        color: #000;
        display: block;
        width: 250px;
        margin: 0 auto;
        border-radius: 4px;
        box-shadow: 0 2px 4px rgba(14, 45, 39, 0.25);
        padding: 1em 0.75em;
        border: 0px solid #ececec;
    }

.notvisible {
    display: none !important;
}

.spanlink {
    color: #06C;
    text-decoration: underline;
    cursor: pointer;
}

    .spanlink:hover {
        color: #09F;
    }

.padupper {
    padding-top: 7px
}

/* END GLOBAL STYLES */

/* REPORT STYLES */
SPAN.UploadDate {
    font-size: .9em;
    color: #999;
    padding: 0px 0px;
}

.savedSetsList UL {
    min-height: 200px;
    margin: 1em 0;
    padding-left: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.savedSetsList .ui-state-highlight {
    height: 37px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 2px dashed #AAA;
    border-radius: 10px 0 0 10px;
}

.savedSet {
    display: block;
    background-color: #CCC;
    margin: 0 0 2px;
    padding: 0.25em 1em 0.25em;
    border: 1px solid #ccc; /*border-width: 1px 0 1px 1px;*/
    border-radius: 4px 0 0 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    cursor: pointer !important; /*font-size: 1.2em;*/
    font-size: 0.9em;
    background: #ECECEC url(img/ui-bg_highlight-hard_100_ececec_1x100.png) 50% 50% repeat-x;
}

    .savedSet:hover {
        background-color: #ECECEC;
        background: #F6F6F6 url(img/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x;
    }

    .savedSet SPAN.ui-icon {
        visibility: hidden;
        line-height: 1.2em;
        float: left;
        vertical-align: text-bottom;
        margin: .5em 0 0 0;
    }

    .savedSet:hover SPAN.ui-icon {
        visibility: visible;
    }

.savedSetsList .savedSet.dirtyState {
    color: #B82819;
}

    .savedSetsList .savedSet.dirtyState:before {
        content:
    }

.savedSet EM {
    display: block;
    color: #999;
    padding-left: 0.5em;
    font-weight: normal;
}

.savedSet.active {
    display: block;
    background-color: #fff;
    font-weight: bold;
    border-width: 1px 3px 1px 1px;
    border-right-color: #fff;
    background-image: none;
}

.createSet {
    display: block; /*background-color: #6dc0d2;*/
    background-color: #ccc;
    margin: 0 auto;
    padding: 0.5em 0.25em;
    width: 50%;
    max-width: 8em;
    border: solid #fff;
    border-width: 1px 1px 0;
    border-radius: 4px 4px 0 0;
    text-align: center;
    cursor: pointer !important;
    text-decoration: underline;
    font-size: 0.9em;
    text-decoration: none;
}

    .createSet:hover {
        background-color: #B82819;
        color: #fff;
    }

.tabList { /*min-height: 350px; max-height: 400px; height: 50%; overflow-x: hidden; overflow-y: scroll;*/
}

    .tabList * {
    }

    .tabList LI A {
        font-size: 0.9em;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

    .tabList LI.dirtyState A {
        color: #B82819;
    }


.familyWrapper * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.reportFamilyList {
    min-height: 350px; /*max-height: 400px; height: 50%; overflow-x: hidden; overflow-y: scroll;*/
}

    .reportFamilyList * {
    }

    .reportFamilyList LI A {
        font-size: 0.9em;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

    .reportFamilyList LI.dirtyState A {
        color: #B82819;
    }

.reportFamilyItems { /* min-height: 50%; max-height: 400px;overflow-x: hidden; overflow-y: visible; */
}

    .reportFamilyItems UL {
        margin: 0;
        padding: 0;
    }

        .reportFamilyItems UL > LI {
            box-sizing: border-box;
            -moz-box-sizing: border-box; /*width: 49.5%; */
            width: 100%;
            position: relative;
            vertical-align: top;
        }

    .reportFamilyItems LI {
        display: inline-block;
        background: #ddd;
        padding: 0 0 0.5em;
        margin: 0 0 3px;
    }

        .reportFamilyItems LI LABEL {
            display: block;
            cursor: pointer;
            padding: .75em 2em 0;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none;
        }

    .reportFamilyItems > UL > LI.hidden {
        display: none;
    }

    .reportFamilyItems LI EM {
        display: inline-block;
        border-bottom: 1px dashed #666;
        color: #666;
        font-size: smaller;
        line-height: 1.4em;
        cursor: pointer;
        position: absolute;
        right: .5em;
        top: .5em;
        font-weight: lighter;
        display: none;
    }

    .reportFamilyItems LI P {
        display: block;
        font-size: smaller;
        line-height: 1.6em;
        cursor: pointer;
    }

    .reportFamilyItems > UL > LI:last-child { /*display: block; border: solid #ccc; border-width: 1px;*/
    }

    .reportFamilyItems P {
        margin: 0 1em 0 1.5em;
    }


.ui-widget .reportFamilyItems active {
    outline: none none;
}

.reportItem {
    position: relative;
}

    .reportItem P {
        display: none !important;
    }

    .reportItem .previewReportButton {
        position: absolute;
        top: -.25em;
        right: 0.25em;
    }

        .reportItem .previewReportButton SPAN {
            font-size: 0;
            width: 48px;
            height: 48px;
            display: block;
            cursor: pointer;
            float: left;
            background: transparent none no-repeat scroll 50% 50%;
            background-size: 27px 27px;
        }

            .reportItem .previewReportButton SPAN.previewDoc {
                background-image: url(img/icon_doc.png);
            }

                .reportItem .previewReportButton SPAN.previewDoc:hover {
                    background-image: url(img/icon_download-doc.png);
                }

            .reportItem .previewReportButton SPAN.previewXls {
                background-image: url(img/icon_xls.png);
            }

                .reportItem .previewReportButton SPAN.previewXls:hover {
                    background-image: url(img/icon_download-xls.png);
                }

            .reportItem .previewReportButton SPAN.previewPdf {
                background-image: url(img/icon_pdf.png);
            }

                .reportItem .previewReportButton SPAN.previewPdf:hover {
                    background-image: url(img/icon_download-pdf.png);
                }

.reportFamilyItems > UL > LI:focus, .reportFamilyItems > UL > LI:hover {
    background-color: #F0F0F0;
}

.reportFamilyItems > UL > LI.active,
.reportFamilyItems > UL > LI:active {
    border: 0px dotted #CCC;
    background-color: #F6F6F6;
    box-shadow: 0 0 8px rgba(176, 196, 222, 0.5);
    top: 0px;
    margin-top: 0px;
    margin-bottom: 3px;
}

.reportFamilyItems LI .reportGroup {
    display: block; /*left: -1000px; top: -1000px; z-index:0; position: absolute; */
    border-color: transparent darkgray darkgray #f6f6f6;
    border-style: solid;
    border-width: 0 1px 1px;
    margin: 0 0.5em;
}

.reportFamilyItems LI .groupOn {
    display: block;
    left: 0px;
    top: 90%;
    z-index: 1000;
}

.reportFamilyItems LI .reportGroup LI {
    background-color: transparent;
    border-width: 1px 0 0;
    border-color: #f6f6f6;
    border-style: solid;
    width: 100%;
}

    .reportFamilyItems LI .reportGroup LI:first-child {
        border-width: 0;
    }

.reportFamilyItems LI UL {
    background-color: #ececec;
    margin: 0;
    padding: 0 .5em;
}

.reportFamilyItems LI LI {
}

.reportOptionIndicator {
    position: absolute;
    top: 12px;
    display: block;
    opacity: .5;
}
    /*padding-left: 1.1em;*/
    .reportOptionIndicator:hover {
        opacity: .75;
    }

.reportOptionsDiv {
    display: inline-block;
    width: 80%;
    float: left;
}

    .reportOptionsDiv UL, .reportOptionsDiv LI {
        background-color: transparent !important;
        margin: 0;
    }

    .reportOptionsDiv LI {
        font-size: .9em;
    }

        .reportOptionsDiv LI LABEL {
            display: inline-block;
            width: 90px;
            padding: 0 1em;
            float: left;
            text-align: right;
            cursor: default;
        }

        .reportOptionsDiv LI INPUT {
            display: inline-block;
        }

        .reportOptionsDiv LI.optCheck LABEL {
            padding-left: 90px;
            margin-left: 2em;
            text-align: left;
            cursor: pointer;
        }

.reportGroupItem {
    position: relative;
}

    .reportGroupItem P {
        display: none !important;
    }

    .reportGroupItem .previewReportButton {
        position: absolute;
        top: -.25em;
        right: 0.25em;
    }

        .reportGroupItem .previewReportButton SPAN {
            font-size: 0;
            width: 48px;
            height: 48px;
            display: block;
            cursor: pointer;
            float: left;
            background: transparent none no-repeat scroll 50% 50%;
            background-size: 27px 27px;
        }

            .reportGroupItem .previewReportButton SPAN.previewDoc {
                background-image: url(img/icon_doc.png);
            }

                .reportGroupItem .previewReportButton SPAN.previewDoc:hover {
                    background-image: url(img/icon_download-doc.png);
                }

            .reportGroupItem .previewReportButton SPAN.previewXls {
                background-image: url(img/icon_xls.png);
            }

                .reportGroupItem .previewReportButton SPAN.previewXls:hover {
                    background-image: url(img/icon_download-xls.png);
                }

            .reportGroupItem .previewReportButton SPAN.previewPdf {
                background-image: url(img/icon_pdf.png);
            }

                .reportGroupItem .previewReportButton SPAN.previewPdf:hover {
                    background-image: url(img/icon_download-pdf.png);
                }

    /*//;*/
    .reportGroupItem .expandCollapseButton {
        position: absolute;
        top: -.25em;
        left: 0.5em;
    }

        .reportGroupItem .expandCollapseButton SPAN {
            position: absolute;
            display: block;
            width: 16px;
            height: 16px;
            background: transparent none no-repeat scroll 50% 50 %;
            top: 1.35em
        }
/*.reportGroupItem .expandCollapseButton SPAN.collapsed { background-image: url(img/button_expand_collapse.jpg); background-position: 0px 0px;}
.reportGroupItem .expandCollapseButton SPAN.expanded { background-image: url(img/button_expand_collapse.jpg); background-position: -23px 0px;}*/
/* END REPORT STYLES */



/* PLEDGING STYLES */

.ColVis {
    float: left;
    margin: 0 0 0 1em;
}

    .ColVis button.ColVis_Button {
        font-size: 0.9em;
        font-weight: bold;
        padding: 0 .5em;
        height: 2.3em;
    }

.ColVis_MasterButton SPAN {
    background: url('img/icon_column-button.png') no-repeat left -1px;
    padding-left: 1.8em;
    height: 2em;
    display: block;
    line-height: 2.2em;
}

div.ColVis_collection button.ColVis_Button {
    font-size: 0.9em;
    font-weight: normal;
    white-space: nowrap;
    display: block;
}

#entitiesTable > TBODY > TR > TD,
#positionsTable > TBODY > TR > TD {
    border: solid #fff;
    border-width: 2px 0 0;
}

/*
#entitiesTable TR.odd.overPledged TD { border-style: solid; border-color: #fff; background-color: #DCA673 ;}
#entitiesTable TR.even.overPledged TD { border-style: solid; border-color: #fff; background-color: #D19D6C ;}
#entitiesTable TR.odd.overPledged TD.sorting_1 {background-color: #D09D73;}
#entitiesTable TR.even.overPledged TD.sorting_1 { background-color: #C5946C;}

#entitiesTable TR.odd.underPledged TD { border-style: solid; border-color: #fff; background-color: #DC7D73 ;
#entitiesTable TR.even.underPledged TD { border-style: solid; border-color: #fff; background-color: #D1746C ; }
#entitiesTable TR.odd.underPledged TD.sorting_1 {background-color: #D07473; }
#entitiesTable TR.even.underPledged TD.sorting_1 { background-color: #C56B6C; }
*/

#entitiesTable TR.underPledged TD:nth-child(3) {
    color: #B82819
}


#entitiesTable TD.nullValue {
    color: #aaa;
    text-align: center;
}

#entitiesTable TR.openData TD,
#positionsTable TR.openData TD {
    border-color: #7B8AA1;
    font-weight: bold;
    padding: .5em 1em;
    font-size: 0.9em;
}

#entitiesTable TR.dirtyState TD,
#positionsTable TR.dirtyState TD {
    border-style: dotted;
    border-color: #888;
    border-bottom-width: 2px;
    font-weight: bold;
}

#entitiesTable TR.underPledged.dirtyState TD,
#entitiesTable TR.overPledged.dirtyState TD {
    border-color: #fff;
}

#entitiesTable TR.openData TD,
#positionsTable TR.openData TD {
    border-width: 2px 0 0px;
}

#entitiesTable TD:first-child,
#positionsTable TD:first-child {
    border-left-width: 2px !important;
}

#entitiesTable TD:last-child,
#positionsTable TD:last-child {
    border-right-width: 2px !important;
}

.positionDetailAddEntity {
    display: none
}

#positionsTable .positionDetailAddEntity {
    display: block
}

.entityDetailContent,
.positionDetailContent {
    position: relative;
    display: none;
}

#entitiesTable .entityDetails,
#positionsTable .positionDetails {
    border: solid #7B8AA1;
    border-width: 0 2px 2px;
    padding: 0;
}

#entitiesTable tr.odd td,
#entitiesTable tr.even td,
#positionsTable tr.odd td,
#positionsTable tr.even td {
    cursor: pointer;
}

.entityDetails.dirtyState,
.positionDetails.dirtyState {
    border-style: dotted !important;
    border-color: #888;
}

#entitiesTable .entityDetailContent {
    position: relative;
    border: solid #fff;
    border-width: 0 2px 2px;
    display: block;
    min-height: 200px; /*175*/
}

#positionsTable .positionDetailContent {
    position: relative;
    border: solid #fff;
    border-width: 0 2px 2px;
    display: block;
    min-height: 155px; /*175*/
}

#positionsTable .positionDetailAddEntity {
    position: relative;
    border: solid #fff;
    border-width: 0 2px 2px;
    display: block;
    min-height: 35px
}

#entitiesTable .positionData THEAD *,
#positionsTable .positionData THEAD * {
    cursor: default;
}

#entitiesTable .positionData THEAD TH,
#positionsTable .positionData THEAD TH {
    width: 16.67%;
}

.entityDetails.underPledged,
.pledgePosition table.positionData.underPledged {
    border-color: #B82819;
}

.entityDetails.overPledged,
.positionDetails.overPledged {
    border-color: #BD6B1B;
}

.positionDetailAddEntity ASIDE,
.entityDetailContent ASIDE,
.positionDetailContent ASIDE { /*font-size: .9em;*/
    padding: .5em;
    background-color: #ccc;
    color: #000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 100%;
    width: 150px; /* float: left; */
    position: absolute;
    z-index: 100;
}

.positionDetailAddEntityView {
    height: 35px;
    position: relative;
    margin-bottom: 2px
}

.commitmentView {
    height: 155px;
    position: relative;
    margin-bottom: 2px;
}

    .commitmentView:first-child {
        height: 155px;
    }
    /*180*/
    .commitmentView ASIDE {
        min-height: 155px; /*180*/
        height: 100%;
        z-index: 200;
    }

    .commitmentView SECTION.pledgePosition {
        position: relative;
        top: 10%;
    }

    .commitmentView:first-child SECTION.pledgePosition {
        top: 25%;
    }

.entityDetailContent ASIDE HGROUP H4, .entityDetailContent ASIDE HGROUP H5,
.positionDetailContent ASIDE HGROUP H4, .positionDetailContent ASIDE HGROUP H5 {
    font-weight: bold;
    margin-bottom: 0;
}

.entityDetailContent ASIDE HGROUP P, .positionDetailContent ASIDE HGROUP P {
    text-align: right;
}

.entityDetailContent ASIDE P.addPosition, .positionDetailContent ASIDE P.addEntity {
    text-align: center;
    display: block;
    margin-bottom: .5em;
    padding-right: 0.3em;
}

SPAN.addButton {
    /*width: 100%;*/
    font-size: 1em;
}


.entityDetailContent ASIDE HGROUP,
.positionDetailContent ASIDE HGROUP {
    margin: 0 0 0.75em;
}

    .entityDetailContent ASIDE HGROUP P,
    .positionDetailContent ASIDE HGROUP P {
        margin: 0;
    }

ASIDE.underPledged, ASIDE.overPledged, ASIDE.nullBalance, ASIDE.evenPledge {
}
/*ASIDE.overPledged .positionPercent SPAN { color: #B82819; }*/
/* ASIDE.overPledged { background-color: #DCA673; } */
/* ASIDE.underPledged { color: #DC7D73; /*color: #fff;*/ }

*/
ASIDE.underPledged HGROUP.positionAmount P, ASIDE.underPledged HGROUP.positionPercent P {
    font-weight: bold;
    font-size: 1.2em;
}

ASIDE.underPledged HGROUP * { /*color: #fff; */
}

ASIDE.underPledged HGROUP.positionPercent H5,
ASIDE.underPledged HGROUP.positionPercent P {
    color: #B82819;
    font-weight: bold;
}

SECTION.pledgePosition { /*border-bottom: 1px solid #ccc; margin: 0.5em 0;*/
    padding: 0.5em 0 0.75em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*float: left; margin-left: 154px; padding-right: 154px;*/
    margin-right: -154px;
    padding-left: 154px;
}

    SECTION.pledgePosition:nth-child(2n+1),
    .positionDetailContent:nth-child(2n+1) {
        background-color: #ececec;
    }

.commitPledging {
    clear: both;
}

    .commitPledging TD {
        overflow: visible !important;
    }

.pledgePosition TABLE.positionData {
    display: table;
    margin: 0; /*font-size: .9em; */
    white-space: nowrap;
}

.pledgePosition TABLE TH {
    background-color: transparent;
    border: 0 !important;
}

.pledgePosition TABLE TD {
    text-align: center;
}

.jumpToLink A {
    width: 100%;
    display: block;
    cursor: pointer;
    background: transparent url("img/icon_jumpToLink-10x10.png") scroll no-repeat right 50%;
}

    .jumpToLink A SPAN { /* background-image:url("img/ui-icons_6d82a1_256x240.png");*/
    }

    .jumpToLink A:hover {
    }

#entitiesTable SPAN.sliderPledge,
#positionsTable SPAN.sliderPledge {
    width: 100%;
    border: 1px solid #888;
    height: 15px;
    display: block;
    background: #B82819 url('img/ui-bg_diagonals-thick_10_de604f_40x40.png') repeat-x scroll;
    border-radius: 3px;
}

    #entitiesTable SPAN.sliderPledge DIV.sliderControl,
    #positionsTable SPAN.sliderPledge DIV.sliderControl {
        width: 50%;
        border: 0px solid #6D82A1;
        border-right-width: 1;
        height: 15px;
        display: block;
        background-color: #fff;
        border-radius: 3px 0 0 3px;
    }

        #entitiesTable SPAN.sliderPledge DIV.sliderControl.ui-slider-horizontal,
        #positionsTable SPAN.sliderPledge DIV.sliderControl.ui-slider-horizontal {
            border-radius: 3px 0 0 3px;
            border: 0px dotted #76A098;
            border-right-width: 0px;
        }

            #entitiesTable SPAN.sliderPledge DIV.sliderControl.ui-slider-horizontal .ui-slider-range-min,
            #positionsTable SPAN.sliderPledge DIV.sliderControl.ui-slider-horizontal .ui-slider-range-min {
                background: #6BB87C none;
                border-radius: 3px 0 0 3px;
                border: 0px solid #76A098;
                border-right-width: 0px;
                box-shadow: 1px 0px 8px #708090;
            }

            #entitiesTable SPAN.sliderPledge DIV.sliderControl.ui-slider-horizontal .ui-slider-handle,
            #positionsTable SPAN.sliderPledge DIV.sliderControl.ui-slider-horizontal .ui-slider-handle {
                top: 1em;
                margin-left: -0.4em;
                width: 0.5em;
                height: 1.2em;
                border-radius: 5px 5px 2px 2px;
                box-shadow: 0px 0px 2px #FFA500;
            }

                #entitiesTable SPAN.sliderPledge DIV.sliderControl.ui-slider-horizontal .ui-slider-handle.ui-state-focus,
                #positionsTable SPAN.sliderPledge DIV.sliderControl.ui-slider-horizontal .ui-slider-handle.ui-state-focus {
                    border-radius: 5px 5px 2px 2px;
                    box-shadow: 0px 0px 6px #FFA500;
                }

.gridify TD.graphCol {
    font-size: 0;
}

    .gridify TD.graphCol SPAN.graphBar {
        width: 100%;
        border: 1px solid #888;
        height: 10px;
        display: block; /*background:#B82819 url('img/ui-bg_diagonals-thick_10_de604f_40x40.png') repeat-x scroll*/
        background-color: #ccc;
    }

        .gridify TD.graphCol SPAN.graphBar SPAN.graphData {
            display: block;
            background-color: #6BB87C;
            height: 100%;
            width: 62.3343%;
            box-shadow: 1px 0px 8px #708090;
        }

            .gridify TD.graphCol SPAN.graphBar SPAN.graphData.negVal {
                background-color: #B82819;
                width: 100%;
            }

.rightLabel {
    text-align: right;
    width: 150px;
}


#entitiesTable tr.odd:hover td,
#entitiesTable tr.even:hover td,
#positionsTable tr.odd:hover td,
#positionsTable tr.even:hover td,
#entitiesTable tr.hover td,
#positionsTable tr.hover td,
tr.selected.odd td,
tr.selected.even td,
tr.selected {
    background-color: #6D82A1 !important;
    color: #fff;
    border-color: #fff;
    cursor: default;
}

/* END PLEDGING STYLES */


/* START POLICY STYLES */
#equityView div, #treasuryView div {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

#equityView #headersEquity, #sectorView #headersSector, #treasuryView #headers {
    font-weight: bold;
    text-align: left;
}

#treasuryView INPUT {
    width: 100%;
}

#equityView .ratingLevel, #equityView .maxAssets, #treasuryView .minRating {
    text-align: left;
}

    #treasuryView .minRating INPUT {
        width: 49%;
        display: inline-block;
        margin: 0 auto;
    }

#treasuryView .odd {
    background-color: #FFF;
}

#treasuryView .even {
    background-color: #F4F6F8;
}

#sectorView .minRating INPUT {
    width: 49%;
    display: inline-block;
    margin: 0 auto;
}

#sectorView INPUT {
    width: 100%;
}

#sectorView .odd {
    background-color: #FFF;
}

#sectorView .even {
    background-color: #F4F6F8;
}


/* END POLICY STYLES */

/* START PORTFOLIO UPLOAD STYLES */
.plupload_header_content {
    background-image: none !important;
    padding-left: 10px !important;
}

.plupload_buttons {
    font-size: 10px;
    padding: 0 0.25em 0.35em;
}

.plupload_button {
    margin-right: 8px;
    margin-left: -3px;
}

plupload_cell {
    padding: 4px 6px !important;
}
/* END PORTFOLIO UPLOAD STYLES */

/* START RELEASE NOTES STYLES */
.releaseNoteVersionHeader {
    border: 0px;
}

    .releaseNoteVersionHeader span {
        display: inline-block;
        vertical-align: middle;
        margin: 2px;
    }

.releaseNoteCategories {
    background: #ddd;
    padding: 0 0em 0.5em 1em;
    margin: 0 0 3px 0px;
}

.releaseNoteVersions {
    padding: 0px;
    margin: 0px
}

.releaseNoteCategories H5 {
    margin: 0px
}

.releaseNoteVersion {
    padding: 5px 0 0 0
}

    .releaseNoteVersion:first-child {
        padding: 0px
    }
/*.releaseNoteVersion { padding:20px }*/
.releaseNoteCategory {
    padding: 10px 0 5px 0
}

LI.releaseNote {
    list-style-type: disc;
}

.releaseIssueNumber {
    font-size: .7em;
}

.releaseNoteTitle {
    vertical-align: top;
}
/* END RELEASE NOTES STYLES */

/* Fix jQuery, jQuery UI, and 3rd party bugs  */
.plupload_header_title,
.plupload_header_text {
    font-family: inherit !important;
}

.chzn-container-single .chzn-single {
    height: 25px !important;
}

.content table.dataTable thead th {
    border-bottom: 1px solid black;
}

.ui-dialog table.dataTable thead th {
    border-bottom: 1px solid black;
}

    .ui-dialog table.dataTable thead th label {
        font-size: 0.9em;
        line-height: inherit;
    }

.dataTables_wrapper:before {
    clear: both;
}

/* Class to disable alt rows */
table.noAlternatingRows tr {
    background-color: #ffffff !important;
}

table.noAlternatingRows td {
    background-color: #ffffff !important;
}

/* Validation styles */
.validationElement {
    background: url('/Images/val_asterisk.png') no-repeat 98% center;
}

.validationElement-allocationOrder {
    border: 2px solid red !important;
}

.validationError {
    color: red;
}

/* Sortable list styles */
.sortable .ui-state-highlight {
    line-height: 2.3em;
    height: 2.3em;
}

    .sortable .ui-state-highlight span {
        color: white !important;
    }

.sortable .sort-placeholder {
    line-height: 2.3em;
    height: 2.3em;
    background: #cccccc;
    border: #bbbbbb;
}

.icon-summation {
    background: url('/Images/summation.png') no-repeat center;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.icon-placeholder {
    height: 16px;
    width: 16px;
}

/* DHTMLX toolbar styles */
.settingsPanel {
    width: 305px;
    height: 60px;
    background-color: White;
    font-size: 0.7em;
    padding: 5px 5px 5px 5px;
    -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    box-shadow: 0 4px 8px rgba(0,0,0,0.5);
    z-index: 999;
}

    .settingsPanel fieldset {
        border: 1px solid grey;
        padding: 10px 10px 10px 10px;
    }

        .settingsPanel fieldset label {
            margin-right: 10px;
        }
/* End DHTMLX toolbar styles */

.busySpinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url("../Images/busySpinner16.gif") no-repeat 0 center;
}

.pageTitleCR {
    clear: both;
    padding: 9px 18px;
    font-size: 1.5em;
}

.disableSelection {
    -ms-user-select: none; /* IE 10+ */
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/* Footer top border on view loans */
tr.borderTop > td {
    border-top: 1px solid grey;
}

/* Tab styles for dirty state */
.ui-tabs .ui-tabs-nav li {
    font-size: .9em;
}

    .ui-tabs .ui-tabs-nav li > a.dirtyState {
        color: red;
    }

        .ui-tabs .ui-tabs-nav li > a.dirtyState:after {
            content: " *";
        }

    .ui-tabs .ui-tabs-nav li > a:not(.dirtyState):after {
        content: "\a0\a0\a0";
    }

    /* Tab styles for required tabs */
    .ui-tabs .ui-tabs-nav li.required {
        background: lightyellow;
    }

.tabContainer {
    min-height: 550px;
}

div#addForecastScenarioDialog li,
div#editForecastScenarioDialog li,
div#promoteToBudgetDialog li {
    height: 30px;
}

/* Label & form styles */
div#addForecastScenarioDialog label,
div#editForecastScenarioDialog label,
div#promoteToBudgetDialog label {
    display: inline-block;
    float: left;
    clear: left;
    width: 175px;
    text-align: left;
    vertical-align: middle;
}

div#addForecastScenarioDialog input,
div#editForecastScenarioDialog input,
div#promoteToBudgetDialog input,
div#addForecastScenarioDialog select,
div#editForecastScenarioDialog select,
div#promoteToBudgetDialog select {
    display: inline-block;
    float: left;
    margin-left: 3px;
    margin-right: 3px;
    vertical-align: middle;
}

    div#addForecastScenarioDialog input[type='checkbox'],
    div#editForecastScenarioDialog input[type='checkbox'],
    div#promoteToBudgetDialog input[type='checkbox'] {
        height: 22px;
    }

/* Custom jQuery UI button loading icon */
.ui-icon-loading {
    width: 16px;
    height: 16px;
    background-image: url("../images/busySpinner16.gif") !important;
}

.event-heading {
    font-weight: bold;
    text-decoration: underline;
    padding-bottom: 10px;
}

.event-desc {
    font-size: .9em;
}

.event-status {
    font-size: .9em;
    padding-left: 20px;
    color: green;
}

.event-starting {
    color: blue;
}

/* Fix for jQuery UI datepicker z-index issue */
.hasDatepicker {
    position: relative;
    z-index: 9999;
}

/* Get some kind of styling on the forms for phase 3 */
div.portfolioManager form fieldset {
    border: 1px solid lightgrey;
    padding: 10px 10px 10px 10px;
    margin: 10px;
}

div.portfolioManager form legend {
    padding-left: 2px;
    padding-right: 2px;
    font-size: 1.0em;
    font-weight: bold;
    color: grey;
}

div.portfolioManager form label {
    color: grey;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    width: 120px;
    margin-top: 2px;
    margin-bottom: 2px;
}

div.portfolioManager form select {
    padding-top: 1px;
    padding-bottom: 1px;
}

.mcp-grid-autocomplete-item {
    height: 25px;
    font-weight: normal !important;
    border: 1px solid white;
}

.grid-toolbar {
    height: 32px;
    padding: 3px;
    font-size: 11px;
}

    .grid-toolbar * {
        vertical-align: middle;
        font-size: 11px;
    }

    .grid-toolbar label {
        font-size: 1.0em;
    }

    .grid-toolbar select {
        height: 26px;
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 1px;
        margin-right: 1px;
        margin-bottom: 1px;
    }

.grid-toolbar-left {
    float: left;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.grid-toolbar-right {
    float: right;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.grid-toolbar hbs-button > button {
    margin-bottom: 4px;
}

input.grid-toolbar-search {
    height: 20px;
    width: 200px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
}

/* Center master checkboxes in column headers for dhtmlx grid */
div.hdrcell input[type=checkbox] {
    margin-left: 8px;
    margin-top: 5px;
}

.hidden {
    display: none;
}

.pricingRuleForm input.ng-invalid.ng-touched, .pricingRuleForm textarea.ng-invalid.ng-touched {
    background-color: #FA787E;
}

.pricingRuleForm .requiredFormMessage {
    font-weight: bold;
    color: #781308;
}

.label-width-132px, .lw132px {
    width: 132px !important;
}

.input-width-80px, .iw80px, .lw80px {
    width: 80px !important;
}

.input-width-150px, .iw150px {
    width: 150px !important;
}

.margin-right-5px, .mr5px {
    margin-right: 5px;
}

.input-text-right-align, .itra {
    text-align: right;
}

.required-label, .rl {
    color: red;
    font-weight: bold;
}

.input-uppercase, .iu {
    text-transform: uppercase;
}

    .input-uppercase::-webkit-input-placeholder, .iu::-webkit-input-placeholder { /* WebKit browsers */
        text-transform: none;
    }

    .input-uppercase::-moz-placeholder, .iu::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        text-transform: none;
    }

    .input-uppercase:-moz-placeholder, .iu:-moz-placeholder { /* Mozilla Firefox 19+ */
        text-transform: none;
    }

    .input-uppercase:-ms-input-placeholder, .iu:-ms-input-placeholder { /* Internet Explorer 10+ */
        text-transform: none;
    }

.lit {
    color: white !important;
    width: auto !important;
    margin-right: 10px;
    margin-left: 10px;
}

.label-margin-left-5px, .lml5px {
    margin-left: 5px;
}

/*  //stackoverflow.com/questions/14499048/how-to-add-triangle-in-table-cell */
.triangle,
.note {
    position: relative;
    padding: 5px;
}

    .triangle:after,
    .note:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        display: block;
        border-left: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-top: 10px solid #f00;
    }

.selectWidth244px {
    width: 244px !important; /**/
}

.fiw250px {
    width: 250px;
}

.inlineBlock, .ilb {
    display: inline-block;
}

.autoCompleteGrid > div > .dhtmlxGrid {
    width: 100% !important;
    border: 1px solid lightgray !important;
}

    .autoCompleteGrid > div, .autoCompleteGrid > div > .dhtmlxGrid, .autoCompleteGrid > div > .dhtmlxGrid > .objbox {
        height: auto !important;
    }

.autoCompleteGridContainer {
    position: absolute;
    width: 400px;
    overflow: hidden;
    z-index: 1;
    padding-right: 2px;
}

.wordwrap {
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera <7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
}

.cbMt10Mb10 {
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
}

.notes-history {
    clear: both;
    margin: 5px 5px;
}

.hbs-note-content-container {
}

.hbs-note-avatar-container {
    float: left;
    width: 30px;
}

.hbs-note-time-content-container {
    float: left;
    width: 90%;
}

.hbs-note-buttons-container {
    text-align: right;
}

.note-user-time {
    margin-top: 5px;
    margin-left: .25em;
    font-size: smaller;
    font-style: oblique;
}

.note-content {
    clear: both;
    margin: 5px 0 10px 0px;
}

#filterBar .ui-toolbar.ui-widget.ui-widget-header {
    background-color: transparent;
}

p-fileupload > span.ui-button {
    overflow: initial;
}

p-fileupload > .ui-fileupload-choose input[type=file] {
    height: 100%;
    width: 100%;
    font-size: 1.0em;
}

.sb150px .ui-button {
    width: 155px;
    text-align: left;
}

.context-menu-list {
    margin-left: 5px !important;
}

.event-node-dialog .ui-scrollpanel-content {
    white-space: pre-line;
}

.cell-highlight {
    background-color: #FFFACD !important;
}