/*

    Too change the basic colour scheme do a global find and replace 
    using the the text below from the # to the final / as the search term
    and an identical replace term with only the 6 hex chanracter changed to the desired values
    
*/


/*    Light Background Colour    #E0EBF4/*   Light Background Colour*/
/*    Medium Border Colour     #679EC9/*   Medium Border Colou*/

.TopGroup {
    background-color: var(--DarkBackgroundColour);
    background-position: center;
    background-repeat: repeat-x;
    border: solid 1px #57566F;
    cursor: default;
    font-size: x-small;
    width: 100%;
}

.MenuGroup {
    background-color: var(--MainBackgroundColour);
    border: solid 0px #679EC9 /*   Medium Border Colou*/;
    cursor: default;
    padding-left: 4px;
}

.MenuGroup_1 {
    background-color: var(--OldLightBackgroundColour);
    cursor: default;
}

.MenuGroup_Two {
    background: #D4D4E2 url(images/vertical_1px.png);
    background-repeat: repeat-y;
    border: solid 1px #679EC9 /*   Medium Border Colou*/;
    cursor: default;
}

.FreestockCustomerMenuItem {
    border-style: none;
    color: #00025C;
    cursor: default;
    padding: 0;
    width: 50px;
}

    .FreestockCustomerMenuItem td {
        white-space: nowrap;
    }

.FreestockCustomerMenuItemHover {
    background-color: #57566F;
    color: #333333;
    border: solid 1px #57566F;
    border-top-color: #9190AC;
    border-left-color: #9190AC;
    cursor: default;
    width: 100%;
}

    .FreestockCustomerMenuItemHover td {
        white-space: nowrap;
    }

.FreestockCustomerItemExpanded {
    background-color: var(--Yellow);
    color: #333333;
    border: solid 1px #9190AC;
    border-top-color: #57566F;
    border-left-color: #57566F;
    cursor: default;
}

    .FreestockCustomerItemExpanded td {
        white-space: nowrap;
    }

.FreestockCustomerItemActive {
    color: #333333;
    background-color: #FBE694;
    border: solid 1px #BB5503;
    cursor: default;
}

    .FreestockCustomerItemActive td {
        white-space: nowrap;
    }

.FreestockCustomerSelectedItem {
    background-color: Silver;
}

    .FreestockCustomerSelectedItem td {
        white-space: nowrap;
    }

.FreestockCustomerMenuItemDisabled {
    border: solid 1px #F5F5F5;
    color: var(--DisabledColour);
    cursor: default;
    padding: 3px 12px 4px 18px;
}

    .FreestockCustomerMenuItemDisabled td {
        white-space: nowrap;
    }


.FreestockCustomerMenuItemRedBold {
    border-style: none;
    color: #FF0000;
    cursor: default;
    padding: 0;
    width: 50px;
    font-weight: bold;
}

    .FreestockCustomerMenuItemRedBold td {
        white-space: nowrap;
    }

.FreestockMenuDiv {
    overflow: auto;
    padding-left: 10px;
    padding-top: 10px;
    background-color: var(--MainBackgroundColour);
}

.CustomerMenu {
    border-style: none;
}

.TopMenuItem {
    color: var(--MainBackgroundColour);
    font-size: small;
    font-weight: bold;
    padding: 20px;
    cursor: default;
    white-space: nowrap;
}

.TopMenuItemHover {
    color: var(--MainBackgroundColour);
    background-color: #679EC9 /*   Medium Border Colou*/;
    font-size: small;
    font-weight: bold;
    cursor: default;
    white-space: nowrap;
}

.MenuItem {
    border: solid 1px var(--OldLightBackgroundColour);
    color: #00025C;
    cursor: default;
}

    .MenuItem td {
        white-space: nowrap;
    }

.MenuItemExpanded {
    background-color: var(--Yellow);
    color: #333333;
    border: solid 1px #9190AC;
    border-top-color: #57566F;
    border-left-color: #57566F;
    cursor: default;
}

    .MenuItemExpanded td {
        white-space: nowrap;
    }

.AccountMenuItem {
    border-style: none;
    color: #00025C;
    cursor: default;
    padding: 0;
    width: 50px;
}

    .AccountMenuItem td {
        white-space: nowrap;
    }

.AccountMenuItemRedBold {
    border-style: none;
    color: #FF0000;
    cursor: default;
    padding: 0;
    width: 50px;
    font-weight: bold;
}

    .AccountMenuItemRedBold td {
        white-space: nowrap;
    }

.AccountContextMenuItem {
    border-style: none;
    color: #00025C;
    cursor: default;
    padding: 0;
    height: 15px;
    width: 140px;
}

    .AccountContextMenuItem td {
        white-space: nowrap;
    }

.ForwardMenuItem {
    border: none 1px #57566F;
    color: #00025C;
    cursor: default;
    height: 15px;
    width: 250px;
    margin: 1px
}

    .ForwardMenuItem td {
        white-space: nowrap;
    }

.ForwardMenuItemHover {
    background-color: #57566F;
    color: #333333;
    border: solid 1px #57566F;
    border-top-color: #9190AC;
    border-left-color: #9190AC;
    cursor: default;
    width: 250px;
    height: 15px;
}

    .ForwardMenuItemHover td {
        white-space: nowrap;
    }

.MailContextMenuItem {
    border: none 1px #57566F;
    margin-left: 1px;
    margin-right: 1px;
    color: #00025C;
    cursor: default;
    height: 23px;
    width: 220px;
}

    .MailContextMenuItem td {
        white-space: nowrap;
    }

.MailContextMenuItemHover {
    background-color: #57566F;
    color: #333333;
    border: solid 1px #57566F;
    border-top-color: #9190AC;
    border-left-color: #9190AC;
    cursor: default;
    width: 220px;
    height: 23px;
}

    .MailContextMenuItemHover td {
        white-space: nowrap;
    }

.ListingManagerContextMenuItem {
    border: solid 1px transparent;
    color: #00025C;
    cursor: default;
    height: 15px;
    width: 220px;
}

    .ListingManagerContextMenuItem td {
        white-space: nowrap;
    }

.ListingManagerContextMenuItemHover {
    background-color: #57566F;
    color: #333333;
    border: solid 1px #57566F;
    border-top-color: #9190AC;
    border-left-color: #9190AC;
    cursor: default;
    width: 220px;
    height: 15px;
}

    .ListingManagerContextMenuItemHover td {
        white-space: nowrap;
    }

.ListingManagerItemDisabled {
    border: solid 1px #F5F5F5;
    color: var(--DisabledColour);
    cursor: default;
    padding: 3px 12px 4px 18px;
}

    .ListingManagerItemDisabled td {
        white-space: nowrap;
    }

.ListingManagerMenuSeparator {
    background-color: silver;
    width: 100%;
    height: 1px;
}

.MailMenuSeparator {
    background-color: silver;
    width: 100%;
    height: 1px;
}

.AccountContextMenuItemHover {
    background-color: #57566F;
    color: #333333;
    border: solid 1px #57566F;
    border-top-color: #9190AC;
    border-left-color: #9190AC;
    cursor: default;
    width: 140px;
    height: 15px;
}

    .AccountContextMenuItemHover td {
        white-space: nowrap;
    }

.MenuItemHover {
    background-color: var(--Yellow);
    color: #333333;
    border: solid 1px #57566F;
    border-top-color: #9190AC;
    border-left-color: #9190AC;
    cursor: default;
}

    .MenuItemHover td {
        white-space: nowrap;
    }

.AccountMenuItemHover {
    background-color: #57566F;
    color: #333333;
    border: solid 1px #57566F;
    border-top-color: #9190AC;
    border-left-color: #9190AC;
    cursor: default;
    width: 100%;
}

    .AccountMenuItemHover td {
        white-space: nowrap;
    }

.AccountMenuItemDisabled {
    border: solid 1px #F5F5F5;
    color: var(--DisabledColour);
    cursor: default;
    padding: 3px 12px 4px 18px;
}

    .AccountMenuItemDisabled td {
        white-space: nowrap;
    }

.MenuItemActive {
    color: #333333;
    background-color: #FBE694;
    border: solid 1px #BB5503;
    cursor: default;
}

    .MenuItemActive td {
        white-space: nowrap;
    }

.ScrollItem {
    background-color: #F5F5F5;
    border: solid 1px #757495;
    text-align: center;
    cursor: default;
}

.ScrollItemH {
    background-color: var(--Yellow);
    border: solid 1px #757495;
    text-align: center;
    cursor: default;
}

.ScrollItemA {
    background-color: #FBE694;
    border: solid 1px #BB5503;
    text-align: center;
    cursor: default;
}

.TopMenuItemDisabled {
    color: var(--DisabledColour);
    font-size: small;
    font-weight: bold;
    padding: 20px;
    cursor: default;
    white-space: nowrap;
}

.MenuItemDisabled {
    border: hidden;
    color: var(--DisabledColour);
    cursor: default;
}

    .MenuItemDisabled td {
        white-space: nowrap;
    }

.SelectedItem {
    background-color: Silver;
}

    .SelectedItem td {
        white-space: nowrap;
    }

#divNavigationContainer .RadPanelBar .SelectedItem {
    background-color: Silver !important;
    cursor: not-allowed !important;
}

.AddLocationMenuItem {
    border: none 1px #57566F;
    color: #00025C;
    cursor: default;
    height: 15px;
    width: 180px;
    margin: 1px
}

    .AddLocationMenuItem td {
        white-space: nowrap;
    }

.AddLocationItemHover {
    background-color: #57566F;
    color: #333333;
    border: solid 1px #57566F;
    border-top-color: #9190AC;
    border-left-color: #9190AC;
    cursor: default;
    width: 250px;
    height: 15px;
}

    .AddLocationItemHover td {
        white-space: nowrap;
    }

.MeetingCustomerMenu {
    background-color: var(--OldLightBackgroundColour);
}

.MeetingCustomerMenuItem {
    border-style: none;
    color: #00025C;
    cursor: default;
    padding: 0;
    width: 50px;
}

    .MeetingCustomerMenuItem td {
        white-space: nowrap;
    }

.MeetingCustomerMenuItemHover {
    background-color: #57566F;
    color: #333333;
    border: solid 1px #57566F;
    border-top-color: #9190AC;
    border-left-color: #9190AC;
    cursor: default;
    width: 100%;
}

    .MeetingCustomerMenuItemHover td {
        white-space: nowrap;
    }

.MeetingCustomerItemExpanded {
    background-color: var(--Yellow);
    color: #333333;
    border: solid 1px #9190AC;
    border-top-color: #57566F;
    border-left-color: #57566F;
    cursor: default;
}

    .MeetingCustomerItemExpanded td {
        white-space: nowrap;
    }

.MeetingCustomerItemActive {
    color: #333333;
    background-color: #FBE694;
    border: solid 1px #BB5503;
    cursor: default;
}

    .MeetingCustomerItemActive td {
        white-space: nowrap;
    }

.MeetingCustomerMenuItemDisabled {
    border: solid 1px #F5F5F5;
    color: var(--DisabledColour);
    cursor: default;
    padding: 3px 12px 4px 18px;
}

    .MeetingCustomerMenuItemDisabled td {
        white-space: nowrap;
    }


.MeetingCustomerMenuItemRedBold {
    border-style: none;
    color: #FF0000;
    cursor: default;
    padding: 0;
    width: 50px;
    font-weight: bold;
}

    .MeetingCustomerMenuItemRedBold td {
        white-space: nowrap;
    }

.MeetingMenuDiv {
    overflow: auto;
    padding-left: 5px;
    padding-top: 10px;
    background-color: var(--OldLightBackgroundColour);
    height: 600px;
    position: relative;
    z-index: 200;
    left: 0px;
    top: 0px;
}

.LogoutMenu {
    color: var(--DarkBlue);
    text-decoration: none;
    cursor: default;
    padding: 4px 15px;
}

    .LogoutMenu:hover {
        color: var(--MainBackgroundColour);
        text-decoration: none;
        cursor: default;
    }

.LogoutMenuDiv {
    position: relative;
    float: right;
    color: var(--MainBackgroundColour);
    font-weight: bold;
    font-size: small;
    z-index: 200;
    padding: 4px 0px 4px 0px;
    top: 2px;
}

    .LogoutMenuDiv:hover {
        background-color: #679EC9 /*   Medium Border Colou*/;
    }

.TopBarCollapse {
    position: relative;
    float: right;
    color: var(--MainBackgroundColour);
    font-weight: bold;
    font-size: small;
    z-index: 200;
    padding: 0px;
    top: 1px;
    cursor: pointer;
    height: 26px;
    width: 17px;
}

    .TopBarCollapse::before,
    .TopBarExpand::before {
        font-size: 17px;
    }

.TopBarExpand {
    position: relative;
    float: right;
    color: var(--DarkBlue);
    font-weight: bold;
    font-size: small;
    z-index: 200;
    padding: 0px;
    top: 1px;
    cursor: pointer;
    height: 26px;
    width: 17px;
}
    .TopBarExpand.img:hover {
        font-weight: 900;
        color: var(--Pink);
    }

.TopBarCollapse span {
    display: none;
    position: relative;
}

.TopBarCollapse:hover span {
    display: block;
    position: relative;
    right: 65px;
    height: 60px;
    width: 50px;
    top: 28px;
    color: var(--MainBackgroundColour);
    background-color: #5A94C3;
    font-size: 10px;
    padding: 6px;
    vertical-align: middle;
    text-align: justify;
}

.TopBarExpand span {
    display: none;
    position: relative;
}

.TopBarExpand:hover span {
    display: block;
    position: relative;
    right: 65px;
    height: 60px;
    width: 50px;
    top: 28px;
    color: var(--MainBackgroundColour);
    background-color: #5A94C3;
    font-size: 10px;
    padding: 6px;
    vertical-align: middle;
    text-align: justify;
}