/*
BD 2017-02-15 Disabled here and in actionPane.js
.psObject
{
    cursor: default;
}
*/

.ActionPopup {
    background: url('images/buttonright.png') no-repeat right top;
    height: 35px;
    padding-right: 4px;
    position: absolute;
    z-index: 1;
}

.ActionPopupContainer {
    background: url('images/ButtonPointLeft.png') no-repeat left top;
    position: relative;
    padding: 4px 0 0 0;
    height: 35px;
}

    .ActionPopupContainer img {
        margin-left: 4px;
        cursor: pointer;
        height: 16px;
    }

.apActionPane {
    /* font: 11px Verdana, Arial, Helvetica, sans-serif; BD 2016-07-14 */
    position: absolute;
    border-top: 1px solid #6593CF;
    border-left: 1px solid #6593CF;
    border-bottom: 1px solid #6593CF;
    background: #FFFFFF; /*background: #BFDBFF url('images/actionpaneback.png') repeat-y top right;*/
    width: 210px;
    top: 3px;
    right: -211px;
    z-index: 100;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.apPinned .apActionPane {
    top: 3px;
    right: 0;
    z-index: auto;
}

.apCollapsedTab {
    position: absolute;
    top: 5px;
    left: -24px;
    height: 63px;
    width: 23px;
    background: url('/Static/Images/ActionPane/ActionPane_Tab.png') no-repeat top left;
    /* transform: rotate(-90deg); Left */
}

    .apCollapsedTab:hover {
        background: url('/Static/Images/ActionPane/ActionPane_TabOver.png') no-repeat top left;
    }

.apPinned .apCollapsedTab {
    display: none;
}

.apPinButton {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 1px;
    right: 1px;
    background: url('/Static/Images/Menu/unpinned.gif') no-repeat top left;
    cursor: pointer;
}

.apPinned .apPinButton {
    background: url('/Static/Images/Menu/pinned.gif') no-repeat top left;
}

#psContent {
    margin-right: 23px;
}

.apPinned #psContent {
    margin-right: 211px;
}

.apActionPaneHeader {
    font-weight: bold;
    font-size: 12px;
    color: #8B0000;
    background-color: var(--psColorSchemeWCAG-BGLight,#E1E1E1);
    padding: 2px 5px;
    height: 16px;
    border-top-left-radius: 5px;
}

.apSectionHeader {
    font-weight: bold;
    background-color: var(--psColorSchemeWCAG-BGLight,#E1E1E1);
    position: relative;
    padding: 3px 2px 3px 5px; /* was 6px 5px */
    border-top: solid 1px #888888;
    border-bottom: solid 0.5px #888888;
}

/*.TopSection .apSectionHeader {
    border-top: none;
}*/

.apSectionContent {
    padding: 0;
    min-height: 24px;
}

    .apSectionContent hr {
        margin: 0;
        height: 1px;
        border-top: #d6d3ce 1px solid;
        border-right: none;
        border-bottom: none;
        border-left: none;
    }

.apItem {
    display: block;
    width: 100%;
    min-height: 24px;
    padding: 0;
    margin: 0;
    position: relative;
    cursor: pointer;
}

    .apItem img /* this should be made identical to a.imgSpan which is current standard */ {
        position: absolute;
        bottom: 4px;
        left: 5px;
        max-height: 16px;
        max-width: 16px;
    }

    .apItem span {
        position: absolute;
        bottom: 6px;
        left: 28px; /* color: black; BD 2017-08-27 */
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        width: 170px;
        display: inline-block;
    }

    .apItem:hover span {
        text-decoration: underline;
    }

    .apItem.EmptySection {
        color: #222;
        font-style: italic;
        cursor: default;
    }

        .apItem.EmptySection span {
            text-decoration: none;
        }

    .apItem[disabled] span2 {
        color: Gray;
    }

    .apItem[disabled] img2 {
        opacity: 0.4;
        filter: alpha(opacity=40); /* For IE8 and earlier */
    }

@media print {
    .apActionPane {
        display: none;
    }

    .apPinned #psContent {
        margin-right: 0px;
    }
}

/*
    APPLICATION PANE - PINNABLE PANE THAT FLOATS/COLLAPSES TO LEFT
*/
.ApplicationPane.appPinned .ApplicationPaneTab {
    display: none;
}

.PaneTabText {
    padding: 4px 8px;
    font-family: Verdana;
    font-weight: normal;
    font-size: 12px;
    background-color: #BFDBFF;
}

.ApplicationPaneTab {
    position: absolute;
    transform: rotate(90deg); /* Left */

    border-top: 1px solid #6593CF;
    border-left: 1px solid #6593CF;
    border-right: 1px solid #6593CF;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.appActionPaneHeader {
    position: absolute;
    font-weight: bold;
    background-color: var(--psColorSchemeWCAG-BGLight,#E1E1E1);
    padding: 2px 5px;
    height: 14px;
    top: -18px;
    border-left: solid 1px gray;
    border-right: solid 1px gray;
    font-size: 11px;
}

.ApplicationPane .appPinButton {
    z-index: 9;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    right: 2px;
    background: url('/Static/Images/Menu/unpinned.gif') no-repeat top left;
    cursor: pointer;
}

/*
    When collapsed, we no longer have the resizable double-border
*/
.ApplicationPane:not(.appPinned) {
    border-right: solid 1px;
}

/*
    AppPane Title bar expands when pinned - it stretches over double-border
*/
/*.ApplicationPane:not(.appPinned) .appActionPaneHeader {
        padding-right: 2px;
    }
.ApplicationPane.appPinned .appActionPaneHeader {
    padding-right: 5px;
}*/

/*
    Expand the header out over the double border
        - When expanding a resizble div with a double border
*/
.ApplicationPane.appPinned .appActionPaneHeader.psDoubleResizeBorder {
    padding-right: 8px;
}

.ApplicationPane.appPinned .appPinButton {
    background: url('/Static/Images/Menu/pinned.gif') no-repeat top left;
}

/*
    Special rules for section content inside a AppPanel
    Turn off border so we don't double the border with the app panel
*/
.ApplicationPane:not(.appPinned) > div.SectionHeader {
    border-right: none;
}

.ApplicationPane:not(.appPinned) > div.SectionContent {
    border-right: none;
}

/*
    Title bar shrinks when collapsed due to double-border getting removed
    Push pin to left to account for exta padding shrinking the title bar
*/
.ApplicationPane:not(.appPinned) .appPinButton {
    right: 2px;
}