/*
Colour charts:
#FD9800 = orange
#FF6500 = orange
#D4D0C8 = grey (windows-like application colour)
#999999 = grey (light)
#343434 = dark brown
*/

.SubMenuItem, .SubMenuItemHover, .SubMenuItemDisabled, .SubMenuItemActive, .SubMenuHome, .SubMenuItemHoverDisabled, .SubMenuItemActiveDisabled, .SubMenuItemNew, .SubMenuItemExisting, .SubMenuItemActiveNew, .SubMenuItemActiveExisting
{
    width: 170px;
    white-space: pre-wrap;
    text-align: left;
    padding: 3px 20px 3px 10px;
    margin: 0 0 0 0;
    cursor: default;
    font-size: 12px;
    background-color: #F3F2F1;
    border-left: solid 1px White; /*border-top: solid 1px #F3F2F1;*/
}
.SubMenuItemDisabled, .SubMenuItemHoverDisabled, .SubMenuItemActiveDisabled
{
}
.SubMenuItemActiveDisabled, .SubMenuItemHoverDisabled
{
    color: White;
}
.SubMenuItem, .SubMenuHome, .SubMenuItemDisabled, .SubMenuItemExisting
{
    background: #E6E4E0;
    border-top: solid 1px #E6E4E0;
    border-bottom: solid 1px #E6E4E0;
}
.SubMenuItemHover, .SubMenuItemActive
{
    cursor: pointer;
    background-color: #F3F2F1;
    border-top: solid 1px White;
    border-bottom: solid 1px White;
}
.SubMenuItemHoverDisabled, .SubMenuHome
{
    cursor: default;
}
.StaffSubAddCategoryItem, .StaffSubMoveCategoryItem, .StaffSubEditCategoryItem, .StaffSubViewCategoryItem, .StaffSubViewPublicMenuCategoryItem
{
    font-family: Verdana;
    font-size: 11px;
    padding: 5px 5px 4px 27px;
    background-position: 5px;
    background-repeat: no-repeat;
    cursor: pointer;
    border-left: solid 1px White;
    width: 98px;
}
.StaffSubMoveCategoryItem
{
    color: #FFF;
    background-color: #555;
    background-image: url(/Images/arrow_up.png);
}
.StaffSubEditCategoryItem
{
    color: #000;
    background-color: #888;
    background-image: url(/Images/page_white_edit.png);
}
.StaffSubViewCategoryItem
{
    color: #000;
    background-color: #AAA;
    background-image: url(/Images/page_white_text.png);
}
.StaffSubAddCategoryItem
{
    color: #000;
    background-color: #DDD;
    background-image: url(/Images/page_white_add.png);
}
.StaffSubViewPublicMenuCategoryItem
{
    color: #000;
    background-color: #DDD;
    background-image: url(/Images/application_view_tile.png);
}
.SubMenuItemNew, .SubMenuItemExisting, .SubMenuItemActiveNew, .SubMenuItemActiveExisting
{
    font-style: italic;
    background: #CCC;
    color: #000;
    cursor: pointer;
}
.SubMenuItemArrow, .SubMenuItemHoverArrow, .SubMenuItemDisabledArrow, .SubMenuItemActiveArrow, .SubMenuHomeArrow, .SubMenuItemHoverDisabledArrow, .SubMenuItemActiveDisabledArrow, .SubMenuItemNewArrow, .SubMenuItemExistingArrow, .SubMenuItemActiveNewArrow, .SubMenuItemActiveExistingArrow
{
    width: 170px;
    white-space: pre-wrap;
    text-align: left;
    cursor: pointer;
    font-size: 12px;
    padding: 3px 20px 3px 10px;
    background: #E6E4E0;
    border-left: solid 1px white;
}
.SubMenuItemArrow td, .SubMenuItemExistingArrow td, .SubMenuItemNewArrow td
{
    padding-left: 10px;
    position: relative;
    vertical-align:middle;
}
.SubMenuItemArrow img, .SubMenuItemExistingArrow img, .SubMenuItemNewArrow img
{
    position: relative;
    right: 7px;
    float: right;
    padding: 10px 0 0px 7px;
}
.SubMenuItemHoverArrow
{
    cursor: pointer;
    background: #F3F2F1;
}
.SubMenuItemHoverArrow td
{
    padding-left: 10px;
}
.SubMenuItemHoverArrow td, .SubMenuItemExistingHoverArrow td, .SubMenuItemNewHoverArrow td
{
    padding-left: 10px;
    position: relative;
}
.SubMenuItemHoverArrow img
{
    position: relative;
    left: -7px;
    top: 7px;
}
.SubMenuItemActiveArrow
{
    cursor: pointer;
    background: #F3F2F1;
}
.SubMenuItemActiveArrow td
{
    padding-left: 10px;
    vertical-align: middle;
}
.SubMenuItemActiveArrow img
{
    float: right;
    position: relative;
    top: 5px;
}
.SubMenuItemArrow, .SubMenuItemHoverArrow, .SubMenuItemActiveArrow
{
    width: 184px;
}
.SubMenuItemHoverArrow td
{
    padding-left: 10px;
    vertical-align: middle;
}