/* ThemeNewPanelMenu Style Sheet */

.ThemeNewPanelMenu,.ThemeNewPanelSubMenuTable
{
	font-family:	verdana, arial, sans-serif;
	font-size:	13px;
	
 padding: 0;

	cursor:		default;
	white-space:	nowrap;
}

.ThemeNewPanelSubMenu
{
	 position: absolute;
 visibility: hidden;

 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 1px;
 padding-right: 1px;

 /*
    Netscape/Mozilla renders borders by increasing
    their z-index.  The following line is necessary
    to cover any borders underneath
 */
 z-index: 100;
 border:  0;
 background: #F5F5F5 url(menubg.gif) repeat scroll 0%;

 overflow: visible;
}

.ThemeNewPanelSubMenuTable
{
	overflow: visible;
}

.ThemeNewPanelMenuItem,.ThemeNewPanelMenuItemHover,.ThemeNewPanelMenuItemActive
{
	cursor:		default;
	white-space:	nowrap;
}

.ThemeNewPanelMainItem,
.ThemeNewPanelMenuItem
{
	background-color:	#dfecff;
}

/*
.ThemeNewPanelMainItemHover,
.ThemeNewPanelMainItemActive,
.ThemeNewPanelMenuItemHover,
.ThemeNewPanelMenuItemActive
{
	background-color:	#C6C6C3;
}
*/
.ThemeNewPanelMainItemHover,.ThemeNewPanelMainItemActive
{
 background:  url(mainmenubg.gif);
}

.ThemeNewPanelMenuItem
{
 background-color: transparent;
}

.ThemeNewPanelMenuItemHover,.ThemeNewPanelMenuItemActive
{
 background-color: #FFEEC2;
}

/* horizontal main menu sub components */
/* NewPanel doesn't really support horizontal menus */

.ThemeNewPanelMainFolderLeft,.ThemeNewPanelMainItemLeft,
.ThemeNewPanelMainFolderText,.ThemeNewPanelMainItemText,
.ThemeNewPanelMainFolderRight,.ThemeNewPanelMainItemRight
{
	border:		0;
	background-color:	inherit;
	white-space:	nowrap;
}

/* vertical main menu sub components */
TD.ThemeNewPanelMainFolderLeft,TD.ThemeNewPanelMainItemLeft
{
	padding-left:	0px;
	padding-right:	0px;

	border-left:	1px solid #9C9A9C;

	white-space:	nowrap;
	background-color:	inherit;
}

TD.ThemeNewPanelMainFolderLeft,TD.ThemeNewPanelMainItemLeft,
TD.ThemeNewPanelMainFolderText,TD.ThemeNewPanelMainItemText,
TD.ThemeNewPanelMainFolderRight,TD.ThemeNewPanelMainItemRight
{
	padding-top:	2px;
	padding-bottom:	2px;
	border-top:	1px solid #9C9A9C;
	border-bottom:	1px solid #9C9A9C;

	background-color:	inherit;
}

TD.ThemeNewPanelMainFolderLeft,TD.ThemeNewPanelMainItemLeft
{
	padding-right:	0px;
	padding-left:	0px;
	border-left:	1px solid #9C9A9C;

	background-color:	inherit;
	white-space:	nowrap;
}

TD.ThemeNewPanelMainFolderText,TD.ThemeNewPanelMainItemText
{
	padding-right:	10px;
	padding-left:	10px;

	background-color:	inherit;
	white-space:	nowrap;
}

TD.ThemeNewPanelMainFolderRight,TD.ThemeNewPanelMainItemRight
{
	padding-right:	0px;
	padding-left:	0px;
	border-right:	1px solid #9C9A9C;

	background-color:	inherit;
	white-space:	nowrap;
}

TR.ThemeNewPanelMainItem TD.ThemeNewPanelMainFolderLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	1px;
	padding-right:	0px;

	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeNewPanelMainItem TD.ThemeNewPanelMainItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	1px;
	padding-right:	0px;

	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeNewPanelMainItem TD.ThemeNewPanelMainFolderText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	10px;
	padding-right:	10px;

	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeNewPanelMainItem TD.ThemeNewPanelMainItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	10px;
	padding-right:	10px;

	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeNewPanelMainItem TD.ThemeNewPanelMainItemRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeNewPanelMainItem TD.ThemeNewPanelMainFolderRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}

/* sub menus sub components */

.ThemeNewPanelMenuFolderLeft,.ThemeNewPanelMenuItemLeft
{
	padding-left:	0px;
	padding-right:	0px;

	border-left:	1px solid #9C9A9C;

	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeNewPanelMenuFolderLeft,.ThemeNewPanelMenuItemLeft,
.ThemeNewPanelMenuFolderText,.ThemeNewPanelMenuItemText,
.ThemeNewPanelMenuFolderRight,.ThemeNewPanelMenuItemRight
{
	padding-top:	2px;
	padding-bottom:	2px;
	border-top:	1px solid #9C9A9C;
	border-bottom:	1px solid #9C9A9C;

	background-color:	inherit;
	white-space:	nowrap;
}

.ThemeNewPanelMenuFolderLeft,.ThemeNewPanelMenuItemLeft
{
	padding-right:	0px;
	padding-left:	2px;
	border-left:	1px solid #9C9A9C;

	background-color:	inherit;
	white-space:	nowrap;
}

.ThemeNewPanelMenuFolderText,.ThemeNewPanelMenuItemText
{
	padding-right:	3px;
	padding-left:	5px;

	background-color:	inherit;
	white-space:	nowrap;
}

.ThemeNewPanelMenuFolderRight,.ThemeNewPanelMenuItemRight
{
	padding-right:	0px;
	padding-left:	0px;
	border-right:	1px solid #9C9A9C;

	background-color:	inherit;
	white-space:	nowrap;
}

TR.ThemeNewPanelMenuItem TD.ThemeNewPanelMenuFolderLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	3px;
	padding-right:	0px;

	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeNewPanelMenuItem TD.ThemeNewPanelMenuItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	3px;
	padding-right:	0px;

	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeNewPanelMenuItem TD.ThemeNewPanelMenuFolderText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-right:	3px;
	padding-left:	5px;

	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeNewPanelMenuItem TD.ThemeNewPanelMenuItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-right:	3px;
	padding-left:	5px;

	border:	0;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeNewPanelMenuItem TD.ThemeNewPanelMenuItemRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

TR.ThemeNewPanelMenuItem TD.ThemeNewPanelMenuFolderRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeNewPanelMenuSplit
{
	margin:		2px;
	height:		1px;
	overflow:	hidden;
	background-color:	inherit;
	border-top:	1px solid #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" />
*/

.ThemeNewPanelMenuItem img.seq1
{
	display:	inline;
}

.ThemeNewPanelMenuItemHover seq2,
.ThemeNewPanelMenuItemActive seq2
{
	display:	inline;
}

.ThemeNewPanelMenuItem .seq2,
.ThemeNewPanelMenuItemHover .seq1,
.ThemeNewPanelMenuItemActive .seq1
{
	display:	none;
}

