.ThemeTDTMenu,.ThemeTDTSubMenuTable
{
	padding:0;
	color: #FFFFFF;
	font-weight:bold;
	cursor:		default;
	cursor:		pointer !important;
	white-space:	nowrap;
}

.ThemeTDTSubMenu
{
	position:	absolute;
	display:	block;
	visibility:	hidden;
	overflow:	hidden;
	border:		1px outset #24905C;
	background-color: transparent;
}

.ThemeTDTSubMenuTable
{
	border-collapse:	separate;
	opacity:	0.9;
	filter:Alpha(style=0,opacity=90);
}

.ThemeTDTMenuItem
{
	padding:	4px 20px 4px 4px;
	color: #FFFFFF;
	/*border:		5px solid #ffffff; */
	background-color:	#30AB72;
}

.ThemeTDTMenuItemHover,
.ThemeTDTMenuItemActive
{
	cursor:		default;
	cursor:		pointer !important;
	white-space:	nowrap;
}

.ThemeTDTMainItem
{
	padding:	0px 0px 0px 0px;
	color: #FFFFFF;
	border:		0px solid #ffffff;
	background-color:	#00732e;
}

.ThemeTDTMainItemHover
{
	padding:	0px 0px 0px 0px;
	color:		#FFFFFF;
	border:		0px solid #ffffff;
	background-color:	#00732e;
}

.ThemeTDTMainItemActive
{
	padding:	0px 0px 0px 0px;
	color: #FFFFFF;
	border:		0px solid #ffffff;
	background-color:	#00732e;
}

.ThemeTDTMenuItemHover
{
	padding:	5px;	
	/*border:		0px solid #ffffff;*/
	background-color:	#00732e;
	color: #FFFFFF;
}

.ThemeTDTMenuItemActive
{
	padding:	5px;
	border:		0px solid #ffffff;
	background-color:	#00732e;
	color: #FFFFFF;
}

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

.ThemeTDTMainFolderLeft,
.ThemeTDTMainItemLeft,
.ThemeTDTMainFolderText,
.ThemeTDTMainItemText,
.ThemeTDTMainItemRight,
.ThemeTDTMainFolderRight
{
	border: 0;
	background-color: inherit;
	white-space: nowrap;
	color: #FFFFFF;
}

/* sub menus sub components */

.ThemeTDTMenuFolderLeft,
.ThemeTDTMenuItemLeft
{
	padding:	3px 0px 3px 3px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
	color: #FFFFFF;
}

.ThemeTDTMenuFolderText,
.ThemeTDTMenuItemText
{
	padding:	3px 3px 3px 5px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
	color: #FFFFFF;
}

.ThemeTDTMenuItemRight,
.ThemeTDTMenuFolderRight
{
	padding:	3px 1px 3px 0px;

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

/* hoover and active border */
.ThemeTDTMenuItem .ThemeTDTMenuFolderLeft,
.ThemeTDTMenuItem .ThemeTDTMenuItemLeft,
.ThemeTDTMenuItem .ThemeTDTMenuItemText,
.ThemeTDTMenuItem .ThemeTDTMenuItemRight,

.ThemeTDTMenuItemHover .ThemeTDTMenuFolderLeft,
.ThemeTDTMenuItemActive .ThemeTDTMenuFolderLeft,
.ThemeTDTMenuItemHover .ThemeTDTMenuItemLeft,
.ThemeTDTMenuItemActive .ThemeTDTMenuItemLeft,
.ThemeTDTMenuItemHover .ThemeTDTMenuFolderText,
.ThemeTDTMenuItemActive .ThemeTDTMenuFolderText,
.ThemeTDTMenuItemHover .ThemeTDTMenuItemText,
.ThemeTDTMenuItemActive .ThemeTDTMenuItemText,
.ThemeTDTMenuItemHover .ThemeTDTMenuFolderRight,
.ThemeTDTMenuItemActive .ThemeTDTMenuFolderRight,
.ThemeTDTMenuItemHover .ThemeTDTMenuItemRight,
.ThemeTDTMenuItemActive .ThemeTDTMenuItemRight
{
	border-color:	#EBE8EA;
	color: #FFFFFF;
}

.ThemeTDTMenuItem .ThemeTDTMenuFolderLeft,
.ThemeTDTMenuItem .ThemeTDTMenuItemLeft,

.ThemeTDTMenuItemHover .ThemeTDTMenuFolderLeft,
.ThemeTDTMenuItemActive .ThemeTDTMenuFolderLeft,
.ThemeTDTMenuItemHover .ThemeTDTMenuItemLeft,
.ThemeTDTMenuItemActive .ThemeTDTMenuItemLeft
{
	border-width:	1px 0px 1px 1px;
	border-style:	solid;
	padding:	2px 0px 2px 2px;
	color: #FFFFFF;
}

.ThemeTDTMenuItem .ThemeTDTMenuFolderText,
.ThemeTDTMenuItem .ThemeTDTMenuItemText,

.ThemeTDTMenuItemHover .ThemeTDTMenuFolderText,
.ThemeTDTMenuItemActive .ThemeTDTMenuFolderText,
.ThemeTDTMenuItemHover .ThemeTDTMenuItemText,
.ThemeTDTMenuItemActive .ThemeTDTMenuItemText,
{
    color:		#FFFFFF;
	border-width:	1px 0px 1px 0px;
	border-style:	solid;
	padding:	2px 3px 2px 5px;
}

.ThemeTDTMenuItem .ThemeTDTMenuFolderRight,
.ThemeTDTMenuItem .ThemeTDTMenuItemRight,

.ThemeTDTMenuItemHover .ThemeTDTMenuFolderRight,
.ThemeTDTMenuItemActive .ThemeTDTMenuFolderRight,
.ThemeTDTMenuItemHover .ThemeTDTMenuItemRight,
.ThemeTDTMenuItemActive .ThemeTDTMenuItemRight
{  
	border-width:	1px 1px 1px 0px;
	border-style:	solid;
	padding:	2px 0px 2px 0px;
	color: #FFFFFF;
}

td.ThemeTDTMenuSplit
{
	padding:	0px;
	margin:		0px;
	height:		5px;
	border:		0px;
	background-color:	inherit;
	overflow:	hidden;
	color: #FFFFFF;
}

div.ThemeTDTMenuSplit
{
	margin: 2px;
	height: 1px;
	overflow: hidden;
	background-color: inherit;
	border-top: 1px solid #F4F4F4;
	color: #FFFFFF;
}

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

/*.ThemeTDTMenuItem img.seq1
{
	display:	inline;
}

.ThemeTDTMenuItemHover seq2,
.ThemeTDTMenuItemActive seq2
{
	display:	inline;
}

.ThemeTDTMenuItem .seq2,
.ThemeTDTMenuItemHover .seq1,
.ThemeTDTMenuItemActive .seq1
{
	display:	none;
}
*/