.ThemePanelMenu, .ThemePanelSubMenuTable{font-size:110%; cursor:default; white-space:nowrap; width:180px; color:#336}
.ThemePanelMenu{}

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

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

.ThemePanelSubMenuBorder{background-color:transparent; padding:1px; margin:1px 3px 3px 0px}

.ThemePanelSubMenuTable{border-collapse:separate}

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

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

tr.ThemePanelMainItem td{}

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

.ThemePanelMainFolderLeft, 
.ThemePanelMainItemLeft{border-width:1px 0px 1px 1px; border-style:solid; border-color:#FFF; padding:2px 0px 2px 2px}

.ThemePanelMainFolderText, 
.ThemePanelMainItemText{border-width:1px 0px 1px 0px; border-style:solid; border-color:#FFF; padding:2px 0px 2px 2px}

.ThemePanelMainItemRight, 
.ThemePanelMainFolderRight{border-width:1px 1px 1px 0px; border-style:solid; border-color:#FFF; padding:2px 0px 2px 2px}

.ThemePanelMainItemHover .ThemePanelMainFolderLeft, 
.ThemePanelMainItemActive .ThemePanelMainFolderLeft, 
.ThemePanelMainItemHover .ThemePanelMainItemLeft, 
.ThemePanelMainItemActive .ThemePanelMainItemLeft, 
.ThemePanelMainItemHover .ThemePanelMainFolderText, 
.ThemePanelMainItemActive .ThemePanelMainFolderText, 
.ThemePanelMainItemHover .ThemePanelMainItemText, 
.ThemePanelMainItemActive .ThemePanelMainItemText, 
.ThemePanelMainItemHover .ThemePanelMainFolderRight, 
.ThemePanelMainItemActive .ThemePanelMainFolderRight, 
.ThemePanelMainItemHover .ThemePanelMainItemRight, 
.ThemePanelMainItemActive .ThemePanelMainItemRight{background-color:#FCC; color:#933}

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

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

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

.ThemePanelMenuFolderLeft, 
.ThemePanelMenuItemLeft{border-width:1px 0px 1px 1px; border-style:solid; border-color:#FFF; padding:2px 0px 2px 2px}

.ThemePanelMenuFolderText, 
.ThemePanelMenuItemText{border-width:1px 0px 1px 0px; border-style:solid; border-color:#FFF; padding:2px 0px 2px 2px}

.ThemePanelMenuItemRight, 
.ThemePanelMenuFolderRight{border-width:1px 1px 1px 0px; border-style:solid; border-color:#FFF; padding:2px 0px 2px 2px}

.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:#933}

.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 0px 2px 2px}

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

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:#933}

/*
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:none}