/* styles for the menu */
.menu
{   
    border-collapse:collapse;    
}
.StaticMenuStyle
{
    background:none;   
    border-collapse:collapse;  
}
.StaticMenuItemStyle
{      
    background-color:Transparent;   
}
.StaticMenuItemStyle a
{
   width:100%;  
   display:inline-block;   
   padding:0px;
   font-weight:bold;
   background-color: var(--menu-item-bg);
   color: var(--menu-item-fg);   
   text-decoration:none; 
   cursor: pointer !important;        
   font-size:30px !important;
}
    .StaticMenuItemStyle a:hover, .StaticMenuItemStyle td:hover a {
        color: var(--menu-item-hover-fg);
    }
.StaticHoverStyle a {
    background-color: var(--menu-item-hover-bg);
    color: var(--menu-item-hover-fg);
}
.StaticHoverStyle {
    background-color: var(--menu-item-hover-bg);
    color: var(--menu-item-hover-fg);
}
.DynamicMenuStyle
{        
    padding:0px 0px 0px 0px; 
    z-index:1000;            
}
.DynamicHoverStyle {
    background-color: var(--menu-drop-item-hover-bg);
    color: var(--menu-drop-item-hover-fg);
    width: 100%;
}

.DynamicMenuItemStyle {
    background-color: var(--menu-drop-item-bg);
    border-bottom: solid 1px #CCC;
 /*   text-transform: uppercase;*/
}

.DynamicMenuItemStyle a {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 20px;
    padding-right: 15px;
    font-weight: normal;
    color: var(--menu-drop-item-fg);
    display: inline-block;
    text-decoration: none;
    width:100%;
}

.DynamicMenuItemStyle a:hover {
    background-color: var(--menu-drop-item-hover-bg);
    color: var(--menu-drop-item-hover-fg);
}