/* ThemePanelMenu Style Sheet */
.ThemePanelMenu,.ThemePanelSubMenuTable {
	white-space: nowrap;
}

.ThemePanelMenu a:hover {
	cursor: default;
	white-space: nowrap;
}

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

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

.ThemePanelSubMenuBorder {
	border: 1px solid #9C9A9C;
	background-color: #F7F3F7;
	padding: 1px;
	margin: 0px 3px 3px 0px;
}

.ThemePanelSubMenuTable {
	border-collapse: separate;
}

.ThemePanelSubMenuTable .ThemePanelMenuItemHover {
	background-color:	#C6C6C3;  
}

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

.ThemePanelMainItem,.ThemePanelMenuItem {
	/* background-color:	#F7F3F7; */
	white-space: nowrap;
}

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

/* 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: 0;
	white-space: nowrap;
	background-color: inherit;
}

.ThemePanelMainItemRight,.ThemePanelMainFolderRight {
	padding: 3px 1px 3px 0px;
	border: 0;
	white-space: nowrap;
	background-color: inherit;
}


.ThemePanelMainItemHover {
	cursor: pointer;
}
/* hoover 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-color: #9C9A9C; 
}

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

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

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

/* 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;
	border: 0;
}

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

.ThemePanelMenuItemHover .ThemePanelMenuFolderText,.ThemePanelMenuItemActive .ThemePanelMenuFolderText,.ThemePanelMenuItemHover .ThemePanelMenuItemText,.ThemePanelMenuItemActive .ThemePanelMenuItemText
	{
/*	border-width: 1px 0px 1px 0px; */
		border: 0;
	
	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;
	border: 0;
/*	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;
}

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