.SidebarIntial {
    display: block;
    overflow: hidden;
    max-width: 311px;
    width: 311px;
    vertical-align: top;
}

.SideBarInvisible {
    display: none;
}

.SideBarVisible /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    display: block;
    overflow: hidden;
    max-width: 311px;
    width: 311px;
    vertical-align: top;
    -webkit-transition: max-width .5s ease, opacity .5s ease-in;
    -moz-transition: max-width .5s ease, opacity .5s ease-in;
    -o-transition: max-width .5s ease, opacity .5s ease-in;
    transition: max-width .5s ease, opacity .5s ease-in;
    opacity: 1;
}

.SideBarHidden {
    display: block;
    overflow: hidden;
    max-width: 6px;
    width: 311px;
    vertical-align: top;
    -webkit-transition: max-width .5s ease, opacity .5s ease;
    -moz-transition: max-width .5s ease, opacity .5s ease;
    -o-transition: max-width .5s ease, opacity .5s ease;
    transition: max-width .5s ease, opacity .5s ease;
    opacity: 0;
}

    .SideBarHidden ul {
        max-height: 32px;
    }

.SideBarCollapseShown {
    width: 1px;
    border-right: 1px solid var(--ModalBackgroundColour);
    position: relative;
}

.SideBarCollapseShowndiv {
    width: 17px;
    height: 17px;
    left: -10px;
    top: -18px;
    position: absolute;
}

    .SideBarCollapseShowndiv span {
        display: none;
    }

    .SideBarCollapseShowndiv:hover span {
        display: inline-block;
        position: absolute;
        height: 30px;
        width: 100px;
        background-color: var(--MainBackgroundColour);
        border: 1px solid var(--MainForeColour);
        padding: 2px;
        text-align: center;
        vertical-align: middle;
        top: 18px;
        left: -110px;
        z-index: 1000;
        font-size: small;
        color: var(--MainForeColour);
    }

.SideBarCollapseHidden {
    width: 1px;
    border-right: 1px solid var(--ModalBackgroundColour);
    position: relative;
}

.SideBarCollapseHiddendiv {
    width: 17px;
    height: 17px;
    left: -10px;
    top: -18px;
    position: absolute;
}

    .SideBarCollapseShowndiv.img,
    .SideBarCollapseHiddendiv.img {
        color: var(--GridBorderColour);
        font-size: 10px;
        background-color: var(--MainBackgroundColour);
        border-radius: 50%;
        border-color: var(--GridBorderColour);
        border-style: solid;
        border-width: thin;
    }

        .SideBarCollapseShowndiv.img::before,
        .SideBarCollapseHiddendiv.img::before {
            position: relative;
            top: 2px;
            left: 5px;
        }

        .SideBarCollapseShowndiv.img:hover,
        .SideBarCollapseHiddendiv.img:hover {
            color: var(--MainBackgroundColour);
            cursor: pointer;
            background-color: var(--Pink);
            border-radius: 50%;
            border-color: var(--Pink);
        }

    .SideBarCollapseHiddendiv span {
        display: none;
    }

    .SideBarCollapseHiddendiv:hover span {
        display: inline-block;
        position: absolute;
        height: 30px;
        width: 100px;
        background-color: var(--MainBackgroundColour);
        border: 1px solid var(--MainForeColour);
        text-align: center;
        vertical-align: middle;
        padding: 2px;
        top: 18px;
        left: 22px;
        z-index: 1000;
        font-size: small;
        color: var(--MainForeColour);
    }

.ContentMasterNavButtons {
    padding-left: 5px;
    display: none;
    cursor: pointer;
}

    .ContentMasterNavButtons .img {
        font-size: 32px;
        color: var(--MainBackgroundColour);
    }

.ContentMasterNavTabBar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    border-collapse: collapse;
    border-left: 2px solid var(--LightGrey);
    background-position: bottom;
    background-repeat: repeat-x;
    background-image: url('data:image/jpg;base64,/9j/4AAQSkZJRgABAgEAYABgAAD//gECAAAAAAEAAAAAEAAAAAAAAAAAAAABAAAAABAAAAAAAAAAAAAAAQAAAAAQAAAAAAAAAAAAAAEAAAAAEAAAAAAAAAAAAAABAAAAABAAAAAAAAAAAAAAAQAAAAAQAAAAAAAAAAAAAAEAAAAAEAAAAAAAAAAAAAABAAAAABAAAAAAAAABAAAAAQAAAAAQAAAAAAAAAQAAAAEAAAAAEAAAAAAAAAEAAAABAAAAABAAAAAAAAABAAAAAQAAAAAQAAAAAAAAAQAAAAEAAAAAEAAAAAAAAAEAAAABAAAAABAAAAAAAAABAAAAAQAAAAAQAAAAAAAAAQAAAAEAAAAAEAAAAAAAAP/AABEIAAIAAQMBIgACEQEDEQH/2wCEAAUDAwQDAwUEBAQFBQUGBw0IBwcHBxALDAkNExAUExIQEhIVFx4ZFRYcFhISGiMaHB8gISIhFBklJyQgJx4hISABBQUFBwYHDwgIDyAVEhUVICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIP/EAaIAAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKCxAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6AQADAQEBAQEBAQEBAAAAAAAAAQIDBAUGBwgJCgsRAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/aAAwDAQACEQMRAD8A+mqKKKAP/9k='); 
}

.ContentMasterNavTabBarSize /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
    font-size: small;
}

    .ContentMasterNavTabBarSize li /* Changes to this rule requires changes to _StyleItems in ContentMasterPage.js */ {
        padding: 5px 10px 7px 10px;
    }

.ContentMasterNavTabBar li {
    float: left;
    display: block;
    color: var(--DarkBlue);
    text-align: center;
    text-decoration: none;
    border-top: 6px solid var(--PaleGrey);
    border-right: 2px solid var(--PaleGrey);
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    padding-top: 1px;
    cursor: pointer;
}

    .ContentMasterNavTabBar li:hover {
        border-bottom: 2px solid var(--PaleGrey);
        border-right: 2px solid var(--PaleGrey);
        cursor: pointer;
        border-top: 6px solid var(--MidPurple);
    }

.ContentMasterActionDiv {
    padding: 4px 8px 0px 8px;
    position: absolute;
}

.ContentMasterNavTabBar li.ContentMasterNavTabBarSelected {
    border-top: 6px solid var(--DarkBlue);
    border-bottom: 2px solid White;
    background-color: transparent;
}

    .ContentMasterNavTabBar li.ContentMasterNavTabBarSelected:hover {
        border-top: 6px solid var(--DarkBlue);
        cursor: no-drop;
    }

.MenuDisabledCssClass {
    cursor: no-drop !important;
    background: -webkit-linear-gradient(#F8F8F8, #E0E0E0, #D0D0D0, #E0E0E0, #F8F8F8) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F8F8F8, #E0E0E0, #D0D0D0, #E0E0E0, #F8F8F8) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F8F8F8, #E0E0E0, #D0D0D0, #E0E0E0, #F8F8F8) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F8F8F8, #E0E0E0, #D0D0D0, #E0E0E0, #F8F8F8) !important;
    border: none !important;
}

.ContentMasterSidebarScrollHandle {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 5px;
    background-color: var(--SidebarColour);
    background-image: none !important;
}

    .ContentMasterSidebarScrollHandle:hover {
        background-color: var(--DarkBackgroundColour);
    }

.ContentMasterSidebarScrollHandleDrag {
    cursor: ns-resize;
}

.generalBorderRight {
    width: 14px;
    background-image: url('images/border_r.png');
}

.generalBorderLeft {
    width: 13px;
    background-image: url('images/border_l.png');
}

.generalBorderBottom {
    height: 14px;
    background-image: url('images/border_b.png');
}

.generalBorderTop {
    height: 14px;
    background-image: url('images/border_t.png');
    background-position: bottom;
}

.generalBorderTopRight {
    background-image: url('images/corner_tr.png');
    background-position: bottom;
}

.generalBorderBottomRight {
    background-image: url('images/corner_br.png');
}

.generalBorderTopLeft {
    background-image: url('images/corner_tl.png');
    background-position: bottom;
}

.generalBorderBottomLeft {
    background-image: url('images/corner_bl.png');
}

.ContentMaster_Title_Warning {
    background-color: var(--DarkBlue);
}

    .ContentMaster_Title_Warning table {
        border: 1px solid var(--MainForeColour);
        background-color: #FFF8B2;
    }

.ContentMaster_Title_Information {
    color: var(--MainBackgroundColour);
    background-color: var(--DarkBlue);
}

    .ContentMaster_Title_Information table {
        border: 1px solid var(--DarkBlue);
        background-color: var(--DarkBlue);
        color: var(--MainBackgroundColour);
    }

.ContentMaster_Title_Selection {
    background-color: var(--DarkBlue);
    color: var(--MainBackgroundColour);
}

    .ContentMaster_Title_Selection table {
        border: 1px solid var(--MainForeColour);
        background-color: var(--DarkBlue);
        color: var(--MainBackgroundColour);
        cursor: default;
    }

.ContentMaster_Title_Area {
    padding: 0px 10px;
    font-size: small;
    margin-top: 3px;
    text-align: center;
    background-color: transparent;
    vertical-align: middle;
    height: 38px;
    float: left;
    position: relative;
}

.ContentMasterShowClickable {
    display: none;
}

.ContentMaster_Title_Selection .ContentMasterShowClickable {
    display: table-cell;
    width: 19px;
    height: 28px;
    color: var(--MainForeColour);
    font-size: 19px;
}

    .ContentMaster_Title_Selection .ContentMasterShowClickable:hover {
        color: var(--GridBorderColour);
    }

.ContentMaster_Title_Area table {
    /*margin:5px auto;*/
    height: 28px;
    background-color: var(--MainBackgroundColour);
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.OnClick table {
    cursor: pointer;
}

.ContentMaster_Title_Area span {
    font-size: medium;
    white-space: nowrap;
    line-height: 24px;
}

.ContentMessageOff {
    display: none !important;
    padding: 0px !important;
}

.ContentMaster_Title_Area .img::before {
    font-size: 24px;
    padding: 0px 5px;
}

.ContentMasterMessageImg{
    color:var(--DarkBlue);
}

.ContentMasterMessageImg .actis-warning_48 {
    color: var(--SoftRed);
    /*padding:0px 5px;*/
}

.ContentMasterHeader {
    line-height: 40px;
    font-size: large;
    font-weight: bold;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ContentMasterMessageText {
    font-size: 16px;
    overflow: hidden;
    color: var(--MainForeColour);
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#ContentMasterImgClearDiv .img {
    font-size: 32px;
    color: var(--MainForeColour);
}