.AppMenuTable {
    background-color: var(--containerBGColor);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 100%;
}

.MenuContainer {
    vertical-align: top;
}

#divMenu ul {
    font-size: 100%;
    list-style: none;
}

    #divMenu ul li {
        margin: 2px 0 2px 0;
    }

li.MainMenuTopOpen, li.MainMenuTopClosed {
    background-color: var(--navMenuSubHeaderBGColor);
}

a.MainMenuTopOpen, a.MainMenuTopClosed {
    display: block;
    color: var(--textColorAlt);
    text-decoration: none;
    font-weight: bolder;
    padding: 5px;
}

#divMenu ul ul {
    background-color: var(--containerBGColor);
}

li.MainMenuMidOpen, li.MainMenuMidClosed {
    background-color: var(--containerBGColor);
}

A.MainMenuMidOpen, A.MainMenuMidClosed {
    display: block;
    color: var(--navMenuSubItemBGColor);
    text-decoration: none;
    padding: 2px;
}

li.MainMenuBotOpen {
    font-weight: bolder;
}

A.MainMenuBotOpen {
    display: block;
    color: var(--textColorTertiary);
    background-color: var(--wipTableEvenColor);
    text-decoration: none;
    padding: 2px;
}

.MainMenuBotClosed {
    display: block;
    color: var(--navMenuSubItemBGColor);
    text-decoration: none;
    padding: 2px;
}

.MainMenuMidOpen .MainMenuBotClosed {
    margin-left: 20px;
    background-color: #f6f6f6
}

.MainMenuMidOpen .MainMenuBotOpen {
    margin-left: 20px;
    background-color: var(--wipTableEvenColor)
}

.AppMenuTableHeader {
    TEXT-ALIGN: center;
    BACKGROUND-COLOR: var(--navMenuHeaderBGColor);
    COLOR: var(--textColorAlt);
    FONT-SIZE: 120%;
    TEXT-DECORATION: none;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
}

.AppMenuTableBody {
    BACKGROUND-COLOR: var(--containerBGColor);
    padding-bottom: 10px;
    height: 100px;
    width: 100%;
}

.has-sub {
    color: var(--textColorAlt);
    background: var(--textColorTertiary);
}