/* ThemePanelMenu Style Sheet */



.ThemePanelMenu,.ThemePanelSubMenuTable
{
    font-family:    trebuchet, verdana, arial, sans-serif;
    font-size:  12px; /* this does not take effect due to the #divSideMenu container in the base.css but the sloppy base css does make it look like the original site so leave it jv*/
    font-weight: bold;
    color: #bb160f;
    cursor:     default;
    white-space:    nowrap;
    text-align: right;
        vertical-align: middle;
}

.ThemePanelSubMenu
{
    z-index:    0;
    position:   absolute;
    visibility: hidden;
    display:    block;
    overflow:   hidden;
text-align: left;
border: 0;
    background-color: inherit;
}

.ThemePanelSubMenuShadow
{
    z-index:    -1;
    position:   absolute;
    top:        3px;
    left:       3px;
    width:      100%;
    height:     300em;
    background-color:   #666;
    opacity:    0.5;
    border:     0;
    margin:     0;
}

.ThemePanelSubMenuBorder
{
    border-bottom:     none;
    background-color:  #D7D7D7;
    padding:    1px;
    margin:     0px 3px 3px 0px;
}

.ThemePanelSubMenuTable
{
    border-collapse:    separate;
}

.ThemePanelMenuItem,.ThemePanelMenuItemHover,.ThemePanelMenuItemActive
{
    cursor:     default;
    white-space:    nowrap;

}

.ThemePanelMainItem,
.ThemePanelMenuItem
{
    background-color:   #ECECEC;
    white-space:    nowrap;

}

.ThemePanelMainItemHover,
.ThemePanelMainItemActive,
.ThemePanelMenuItemHover,
.ThemePanelMenuItemActive
{
    background-color:   #3B91D3;
    white-space:    nowrap;
    color: #FFF;
}


/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
/* there are simpler approaches, but the setting here allows me to
   set a background image for the menu without lines all over it */

.ThemePanelMainFolderLeft,
.ThemePanelMainItemLeft
{
    padding:    3px 0px 3px 3px;
    border:     0;
    white-space:    nowrap;
    background-color:   inherit;
}

.ThemePanelMainFolderText,
.ThemePanelMainItemText
{
    padding:    3px 3px 3px 5px;
    /*border-bottom: 2px white solid;  JV added to get the white bottom border on the top level left menu but renounced as it created jumping and was way too much trouble*/
    white-space:    nowrap;
    background-color:   inherit;
}

.ThemePanelMainItemRight,
.ThemePanelMainFolderRight
{
    padding:    3px 1px 3px 0px;

    border:     0;
    white-space:    nowrap;
    background-color:   inherit;
}

/* hover and active border */


.ThemePanelMainItemHover .ThemePanelMainFolderLeft,
.ThemePanelMainItemActive .ThemePanelMainFolderLeft,
.ThemePanelMainItemHover .ThemePanelMainItemLeft,
.ThemePanelMainItemActive .ThemePanelMainItemLeft,
.ThemePanelMainItemHover .ThemePanelMainFolderText,
.ThemePanelMainItemActive .ThemePanelMainFolderText,
.ThemePanelMainItemHover .ThemePanelMainItemText,
.ThemePanelMainItemActive .ThemePanelMainItemText,
.ThemePanelMainItemHover .ThemePanelMainFolderRight,
.ThemePanelMainItemActive .ThemePanelMainFolderRight,
.ThemePanelMainItemHover .ThemePanelMainItemRight,
.ThemePanelMainItemActive .ThemePanelMainItemRight
{
    border-width:   1px 0px 1px 1px;
    border-style:   solid;
    padding:    2px 0px 2px 2px;
}

.ThemePanelMainItemHover .ThemePanelMainFolderLeft,
.ThemePanelMainItemActive .ThemePanelMainFolderLeft,
.ThemePanelMainItemHover .ThemePanelMainItemLeft,
.ThemePanelMainItemActive .ThemePanelMainItemLeft
{
    border-width:   1px 0px 1px 1px;
    border-style:   solid;
    padding:    2px 0px 2px 2px;
}

.ThemePanelMainItemHover .ThemePanelMainFolderText,
.ThemePanelMainItemActive .ThemePanelMainFolderText,
.ThemePanelMainItemHover .ThemePanelMainItemText,
.ThemePanelMainItemActive .ThemePanelMainItemText
{
    border-width:   1px 0px 1px 0px;
    border-style:   solid;
    padding:    2px 3px 2px 5px;
}

.ThemePanelMainItemHover .ThemePanelMainFolderRight,
.ThemePanelMainItemActive .ThemePanelMainFolderRight,
.ThemePanelMainItemHover .ThemePanelMainItemRight,
.ThemePanelMainItemActive .ThemePanelMainItemRight
{
    border-width:   1px 1px 1px 0px;
    border-style:   solid;
    padding:    2px 0px 2px 0px;
}


/* sub menus sub components */
/* sub menus sub components */

.ThemePanelMenuFolderLeft,
.ThemePanelMenuItemLeft
{
    padding:    3px 0px 3px 3px;
    border:     0;
    white-space:    nowrap;
    background-color:   inherit;
}

.ThemePanelMenuFolderText,
.ThemePanelMenuItemText
{
    padding:    3px 3px 3px 5px;

    border:     0;
    white-space:    nowrap;
    background-color:   inherit;
}

.ThemePanelMenuItemRight,
.ThemePanelMenuFolderRight
{
    padding:    3px 1px 3px 0px;

    border:     0;
    white-space:    nowrap;
    background-color:   inherit;
}

/* hoover and active border */
.ThemePanelMenuItemHover .ThemePanelMenuFolderLeft,
.ThemePanelMenuItemActive .ThemePanelMenuFolderLeft,
.ThemePanelMenuItemHover .ThemePanelMenuItemLeft,
.ThemePanelMenuItemActive .ThemePanelMenuItemLeft,
.ThemePanelMenuItemHover .ThemePanelMenuFolderText,
.ThemePanelMenuItemActive .ThemePanelMenuFolderText,
.ThemePanelMenuItemHover .ThemePanelMenuItemText,
.ThemePanelMenuItemActive .ThemePanelMenuItemText,
.ThemePanelMenuItemHover .ThemePanelMenuFolderRight,
.ThemePanelMenuItemActive .ThemePanelMenuFolderRight,
.ThemePanelMenuItemHover .ThemePanelMenuItemRight,
.ThemePanelMenuItemActive .ThemePanelMenuItemRight
{
    border-color:   #9C9A9C;
}

.ThemePanelMenuItemHover .ThemePanelMenuFolderLeft,
.ThemePanelMenuItemActive .ThemePanelMenuFolderLeft,
.ThemePanelMenuItemHover .ThemePanelMenuItemLeft,
.ThemePanelMenuItemActive .ThemePanelMenuItemLeft
{
    border-width:   1px 0px 1px 1px;
    border-style:   solid;
    padding:    2px 0px 2px 2px;
}

.ThemePanelMenuItemHover .ThemePanelMenuFolderText,
.ThemePanelMenuItemActive .ThemePanelMenuFolderText,
.ThemePanelMenuItemHover .ThemePanelMenuItemText,
.ThemePanelMenuItemActive .ThemePanelMenuItemText
{
    border-width:   1px 0px 1px 0px;
    border-style:   solid;
    padding:    2px 3px 2px 5px;
}

.ThemePanelMenuItemHover .ThemePanelMenuFolderRight,
.ThemePanelMenuItemActive .ThemePanelMenuFolderRight,
.ThemePanelMenuItemHover .ThemePanelMenuItemRight,
.ThemePanelMenuItemActive .ThemePanelMenuItemRight
{
    border-width:   1px 1px 1px 0px;
    border-style:   solid;
    padding:    2px 0px 2px 0px;
}

td.ThemePanelMenuSplit
{
    padding:    0px;
    margin:     0px;
    height:     7px;
    border:     0px;
    background-color:   inherit;
    overflow:   hidden;
}

div.ThemePanelMenuSplit
{
    display:    block;
    margin:     3px;
    height:     1px;
    width:      100%;
    overflow:   hidden;
    background-color:   inherit;

    border-style:   solid;
    border-width:   1px 0px 0px 0px;
    border-color:   #9C9A9C;
}