/* ThemePanelVertMenu Style Sheet */

.ThemePanelVertMenu,.ThemePanelVertSubMenuTable
{
	font-family:	arial, verdana, sans-serif;
	font-size:		12px;
	font-weight: 	bold;
	cursor:			pointer;
	white-space:	nowrap;
	width: 100%;
	/*background-image: 	url(left-menu-bg.gif);*/
}

.ThemePanelVertSubMenu
{
	z-index:	0;
	position:	absolute;
	visibility:	hidden;
	display:	block;
	overflow:	hidden;
	border:		0;
	margin:		2px 1px 2px -10px;
}

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

.ThemePanelVertSubMenuBorder
{
	border:				1px solid #9C9A9C;
	margin:				0px 2px 2px 0px;
}

.ThemePanelVertSubMenuTable
{
	border-collapse:	separate;
    background-color:	#383838;
}

.ThemePanelVertMenuItem,.ThemePanelVertMenuItemHover,.ThemePanelVertMenuItemActive
{
	cursor:			pointer;
	white-space:	nowrap;
}

.ThemePanelVertMenuItem,
.ThemePanelVertMainItem
{
	white-space:		nowrap;
    /*background-color:	#383838;*/
}

.ThemePanelVertMainItemHover,
.ThemePanelVertMainItemActive,
.ThemePanelVertMenuItemHover,
.ThemePanelVertMenuItemActive
{
	white-space:		nowrap;
	background-color: 	#555555;
}

/* 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 */

.ThemePanelVertMainFolderLeft,
.ThemePanelVertMainItemLeft
{
	padding:	6px 0px 3px 18px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemePanelVertMainFolderText,
.ThemePanelVertMainItemText
{
	padding:	6px 3px 3px 3px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemePanelVertMainItemRight,
.ThemePanelVertMainFolderRight
{
	padding:	6px 3px 3px 0px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

/* hoover and active border */
.ThemePanelVertMainItemHover .ThemePanelVertMainFolderLeft,
.ThemePanelVertMainItemActive .ThemePanelVertMainFolderLeft,
.ThemePanelVertMainItemHover .ThemePanelVertMainItemLeft,
.ThemePanelVertMainItemActive .ThemePanelVertMainItemLeft,
.ThemePanelVertMainItemHover .ThemePanelVertMainFolderText,
.ThemePanelVertMainItemActive .ThemePanelVertMainFolderText,
.ThemePanelVertMainItemHover .ThemePanelVertMainItemText,
.ThemePanelVertMainItemActive .ThemePanelVertMainItemText,
.ThemePanelVertMainItemHover .ThemePanelVertMainFolderRight,
.ThemePanelVertMainItemActive .ThemePanelVertMainFolderRight,
.ThemePanelVertMainItemHover .ThemePanelVertMainItemRight,
.ThemePanelVertMainItemActive .ThemePanelVertMainItemRight
{
	/*border-color:	#b4fa12;
	color: #eb9939;
	background-color: #b4fa12;
	*/
	cursor:		pointer;
	color: 		#97c5ff;
}

.ThemePanelVertMainItemHover .ThemePanelVertMainFolderLeft,
.ThemePanelVertMainItemActive .ThemePanelVertMainFolderLeft,
.ThemePanelVertMainItemHover .ThemePanelVertMainItemLeft,
.ThemePanelVertMainItemActive .ThemePanelVertMainItemLeft
{
	/*border-width:	1px 0px 1px 1px;
	border-style:	solid;
	padding:		12px 0px 12px 2px;*/
}

.ThemePanelVertMainItemHover .ThemePanelVertMainFolderText,
.ThemePanelVertMainItemActive .ThemePanelVertMainFolderText,
.ThemePanelVertMainItemHover .ThemePanelVertMainItemText,
.ThemePanelVertMainItemActive .ThemePanelVertMainItemText
{
	/*border-width:	1px 0px 1px 0px;
	border-style:	solid;
	padding:		12px 3px 12px 5px;*/
}

.ThemePanelVertMainItemHover .ThemePanelVertMainFolderRight,
.ThemePanelVertMainItemActive .ThemePanelVertMainFolderRight,
.ThemePanelVertMainItemHover .ThemePanelVertMainItemRight,
.ThemePanelVertMainItemActive .ThemePanelVertMainItemRight
{
	/*border-width:	1px 1px 1px 0px;
	border-style:	solid;
	padding:		12px 0px 12px 0px;*/
}

/* sub menus sub components */

.ThemePanelVertMenuFolderLeft,
.ThemePanelVertMenuItemLeft
{
	padding:	5px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemePanelVertMenuFolderText,
.ThemePanelVertMenuItemText
{
	padding:	5px;

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

.ThemePanelVertMenuItemRight,
.ThemePanelVertMenuFolderRight
{
	padding:	5px;

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

/* hoover and active border */
.ThemePanelVertMenuItemHover .ThemePanelVertMenuFolderLeft,
.ThemePanelVertMenuItemActive .ThemePanelVertMenuFolderLeft,
.ThemePanelVertMenuItemHover .ThemePanelVertMenuItemLeft,
.ThemePanelVertMenuItemActive .ThemePanelVertMenuItemLeft,
.ThemePanelVertMenuItemHover .ThemePanelVertMenuFolderText,
.ThemePanelVertMenuItemActive .ThemePanelVertMenuFolderText,
.ThemePanelVertMenuItemHover .ThemePanelVertMenuItemText,
.ThemePanelVertMenuItemActive .ThemePanelVertMenuItemText,
.ThemePanelVertMenuItemHover .ThemePanelVertMenuFolderRight,
.ThemePanelVertMenuItemActive .ThemePanelVertMenuFolderRight,
.ThemePanelVertMenuItemHover .ThemePanelVertMenuItemRight,
.ThemePanelVertMenuItemActive .ThemePanelVertMenuItemRight
{
	color: #97c5ff;
}

.ThemePanelVertMenuItemHover .ThemePanelVertMenuFolderLeft,
.ThemePanelVertMenuItemActive .ThemePanelVertMenuFolderLeft,
.ThemePanelVertMenuItemHover .ThemePanelVertMenuItemLeft,
.ThemePanelVertMenuItemActive .ThemePanelVertMenuItemLeft
{
	/*border-width:	1px 0px 1px 1px; padding: 12px 0px 2px 2px; border-style:	solid;*/ /*submenu hover*/
	padding:	5px;
}

.ThemePanelVertMenuItemHover .ThemePanelVertMenuFolderText,
.ThemePanelVertMenuItemActive .ThemePanelVertMenuFolderText,
.ThemePanelVertMenuItemHover .ThemePanelVertMenuItemText,
.ThemePanelVertMenuItemActive .ThemePanelVertMenuItemText
{
	/*border-width:	1px 0px 1px 0px;*/ /*submenu hover*/
	border-style:	solid;
	padding:	5px;
}

.ThemePanelVertMenuItemHover .ThemePanelVertMenuFolderRight,
.ThemePanelVertMenuItemActive .ThemePanelVertMenuFolderRight,
.ThemePanelVertMenuItemHover .ThemePanelVertMenuItemRight,
.ThemePanelVertMenuItemActive .ThemePanelVertMenuItemRight
{
	/*border-width:	1px 1px 1px 0px;*/ /*submenu hover*/
	border-style:	solid;
	padding:	5px;
}

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

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

	border-style:	solid;
	border-width:	0px 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" />
*/

.ThemePanelVertMenuItem img.seq1
{
	display:	inline;
}

.ThemePanelVertMenuItemHover seq2,
.ThemePanelVertMenuItemActive seq2
{
	display:	inline;
}

.ThemePanelVertMenuItem .seq2,
.ThemePanelVertMenuItemHover .seq1,
.ThemePanelVertMenuItemActive .seq1
{
	display:	none;
}