/* ThemePanelMenu Style Sheet */
.ThemePanelMenu,.ThemePanelSubMenuTable
{
 font-family: verdana, arial, sans-serif;
 font-size: 13px;
 cursor: pointer;
 white-space: nowrap;
}

.ThemePanelSubMenu
{
 position: absolute;
 visibility: hidden;
 /*
    Netscape/Mozilla renders borders by increasing
    their z-index.  The following line is necessary
    to cover any borders underneath
 */
 z-index: 100;
 border:  0;
 padding: 0;
 /* the following property is only useful in IE */
 filter:progid:DXImageTransform.Microsoft.Shadow(color=#DEDEDE,Direction=135,Strength=4);
}

/* Subnavigation */
.ThemePanelSubMenuTable
{
 color: black;
}

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

/* Hauptnavigation */
.ThemePanelMainItem
{
 font-weight: bold;
}

/* Hauptvigation */
.ThemePanelMainItem
{
 background-image: url(../nav/navbg_standard.gif);
 text-align: left;
}
/* Subnavigation */
.ThemePanelMenuItem
{
 background-image: url(../nav/subnavbg_standard.gif);
 text-align: left;
}

/* Hauptnavigation Aktiv */
.ThemePanelMainItemHover,
.ThemePanelMainItemActive
{
 text-align: left;
 color: #696969;
 font-weight: bold;
 background-image: url(../nav/navbg_standard.gif);
}
/* Subnavigation Aktiv */
.ThemePanelMenuItemHover,
.ThemePanelMenuItemActive
{
 text-align: left;
 color: #696969;
 background-image: url(../nav/subnavbg_standard.gif);
}

/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
.ThemePanelMainFolderLeft,.ThemePanelMainItemLeft,
.ThemePanelMainFolderText,.ThemePanelMainItemText,
.ThemePanelMainFolderRight,.ThemePanelMainItemRight
{
 border: 0;
 white-space: nowrap;
}

/* vertical main menu sub components */
TD.ThemePanelMainFolderLeft,TD.ThemePanelMainItemLeft
{
 padding-left: 0px;
 padding-right: 0px;
 white-space: nowrap;
}

TD.ThemePanelMainFolderLeft,TD.ThemePanelMainItemLeft,
TD.ThemePanelMainFolderText,TD.ThemePanelMainItemText,
TD.ThemePanelMainFolderRight,TD.ThemePanelMainItemRight
{
 padding-top: 3px;
 padding-bottom: 3px;
 white-space: nowrap;
}

/* Element links Aktiv */
TD.ThemePanelMainFolderLeft,TD.ThemePanelMainItemLeft
{
 padding-right: 0px;
 padding-left: 0px;
 white-space: nowrap; 
 border-top: solid 1px #F9D616; 
 background-image: none;
 background-color: #D7B400;
}

/* Hauptnavigation Aktiv */
TD.ThemePanelMainFolderText,TD.ThemePanelMainItemText
{
 padding-right: 10px;
 padding-left: 10px;
 white-space: nowrap; 
 border-top: solid 1px #F9D616; 
}

/* Element rechts Aktiv */
TD.ThemePanelMainFolderRight,TD.ThemePanelMainItemRight
{
 padding-right: 0px;
 padding-left: 0px;
 white-space: nowrap; 
 border-top: solid 1px #F9D616;
 background-image: none;
 background-color: #F9D616;
}

/* Element links mit Subnavigation */
TR.ThemePanelMainItem TD.ThemePanelMainFolderLeft
{
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 1px;
 padding-right: 0px;
 border: 0;
 white-space: nowrap;
 border-top: solid 1px #F9D616;
 background-image: none;
 background-color: #D7B400; 
}

/* Element links ohne Subnavigation */
TR.ThemePanelMainItem TD.ThemePanelMainItemLeft
{
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 1px;
 padding-right: 0px;
 border: 0;
 white-space: nowrap;
 border-top: solid 1px #F9D616; 
 background-image: none;
 background-color: #D7B400; 
}

/* Hauptnavigation mit Subnavigation */
TR.ThemePanelMainItem TD.ThemePanelMainFolderText
{
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 10px;
 padding-right: 10px;
 border: 0;
 white-space: nowrap;
 border-top: solid 1px #F9D616; 
}

/* Hauptnavigation ohne Subnavigation */
TR.ThemePanelMainItem TD.ThemePanelMainItemText
{
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 10px;
 padding-right: 10px;
 border: 0;
 white-space: nowrap;
 border-top: solid 1px #F9D616; 
}

/* Element rechts mit Subnavigation */
TR.ThemePanelMainItem TD.ThemePanelMainItemRight
{
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 0px;
 padding-right: 1px;
 border: 0;
 white-space: nowrap;
 border-top: solid 1px #F9D616; 
 background-color: #F9D616;  
}
/* Element rechts ohne Subnavigation */
TR.ThemePanelMainItem TD.ThemePanelMainFolderRight
{
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 0px;
 padding-right: 1px;
 border: 0;
 white-space: nowrap;
 border-top: solid 1px #F9D616; 
 background-color: #F9D616;  
}

/* sub menus sub components */
.ThemePanelMenuFolderLeft,.ThemePanelMenuItemLeft
{
 padding-left: 0px;
 padding-right: 0px;
 white-space: nowrap;
}

.ThemePanelMenuFolderLeft,.ThemePanelMenuItemLeft,
.ThemePanelMenuFolderText,.ThemePanelMenuItemText,
.ThemePanelMenuFolderRight,.ThemePanelMenuItemRight
{
 padding-top: 3px;
 padding-bottom: 3px;
 white-space: nowrap;
}

/* Element links */
.ThemePanelMenuFolderLeft,.ThemePanelMenuItemLeft
{
 padding-right: 0px;
 padding-left: 3px;
 white-space: nowrap;
 background-image: none;
 background-color: #FAD716;
}

.ThemePanelMenuFolderText,.ThemePanelMenuItemText
{
 padding-right: 3px;
 padding-left: 5px;
 white-space: nowrap;
}

/* Element rechts */
.ThemePanelMenuFolderRight,.ThemePanelMenuItemRight
{
 padding-right: 0px;
 padding-left: 0px;
 white-space: nowrap;
 background-image: none;
 background-color: #FAD716;
}

/* Element links mit Subnavigation */
TR.ThemePanelMenuItem TD.ThemePanelMenuFolderLeft
{
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 3px;
 padding-right: 0px;
 border: 0;
 white-space: nowrap; 
}

/* Element links ohne Subnavigation */
TR.ThemePanelMenuItem TD.ThemePanelMenuItemLeft
{
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 3px;
 padding-right: 0px;
 border: 0;
 white-space: nowrap; 
}

/* Hauptnavigation ohne Subnavigation */
TR.ThemePanelMenuItem TD.ThemePanelMenuFolderText
{
 padding-top: 3px;
 padding-bottom: 3px;
 padding-right: 3px;
 padding-left: 5px;
 border: 0;
 white-space: nowrap;
}

/* Hauptnavigation mit Subnavigation */
TR.ThemePanelMenuItem TD.ThemePanelMenuItemText
{
 padding-top: 3px;
 padding-bottom: 3px;
 padding-right: 3px;
 padding-left: 5px;
 border: 0;
 white-space: nowrap;
}

/* Element rechts ohne Subnavigation */
TR.ThemePanelMenuItem TD.ThemePanelMenuItemRight
{
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 0px;
 padding-right: 1px;
 border:  0;
 white-space: nowrap;
}

/* Element rechts mit Subnavigation */
TR.ThemePanelMenuItem TD.ThemePanelMenuFolderRight
{
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 0px;
 padding-right: 1px;
 border:  0;
 white-space: nowrap;
}

.ThemePanelMenuSplit
{
 margin:  2px;
 height:  1px;
 overflow: hidden;
}

/* image shadow animation */
/*
 seq1: image for normal
 seq2: image for hover and active

 To use, in the icon field, input the following:
 <img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.ThemePanelMenuItem img.seq1
{
 display: inline;
}

.ThemePanelMenuItemHover seq2,
.ThemePanelMenuItemActive seq2
{
 display: inline;
}

.ThemePanelMenuItem .seq2,
.ThemePanelMenuItemHover .seq1,
.ThemePanelMenuItemActive .seq1
{
 display: inline;
}