/* ThemeTRE2Menu Style Sheet */

.ThemeTRE2Menu
{
	font-family:	verdana;
	font-size:	   10px;
    font-weight:     bolder;
    color:  #78A9C9;
	border:		1px thin #78A9C9;
	background-color:	#FFFFFF;
    cursor:		hand;
	white-space:	nowrap;
	width:100%;
	height:100%;
}

.ThemeTRE2SubMenuTable
{
	font-family:	verdana;
	font-size:	   10px;
    font-weight:     bolder;
    color:  #78A9C9;
	background-color:	#FFFFFF;
    cursor:		hand;
	white-space:	nowrap;
	width:200px;
	height:100%;
}
.ThemeTRE2SubMenu
{
	position:	absolute;
	visibility:	hidden;

	/*
	   Netscape/Mozilla renders borders by increasing
	   their z-index.  The following line is necessary
	   to cover any borders underneath
	*/
	z-index:	100;
	border:		0;
	padding:	0;

	/* the following property is only useful in IE */
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#DEDEDE,Direction=135,Strength=4);
}

.ThemeTRE2SubMenuTable
{
	border:		1px solid #78A9C9;
}

.ThemeTRE2MenuItem,.ThemeTRE2MenuItemHover,.ThemeTRE2MenuItemActive
{
	cursor:		hand;
	white-space:	nowrap;
}

.ThemeTRE2MainItem,
.ThemeTRE2MenuItem
{
	background-color:	#FFFFFF;
}

.ThemeTRE2MainItemHover,
.ThemeTRE2MainItemActive,
.ThemeTRE2MenuItemHover,
.ThemeTRE2MenuItemActive
{
    color:  #78A9C9;
	background-color:	#DBE8F0;
}


/* horizontal main menu sub components */
/* TRE2 doesn't really support horizontal menus */

.ThemeTRE2MainFolderLeft,.ThemeTRE2MainItemLeft,
.ThemeTRE2MainFolderText,.ThemeTRE2MainItemText,
.ThemeTRE2MainFolderRight,.ThemeTRE2MainItemRight
{
	border:		0;
	background-color:	inherit;
	white-space:	nowrap;
}

/* vertical main menu sub components */
TD.ThemeTRE2MainFolderLeft,TD.ThemeTRE2MainItemLeft
{
	padding-left:	10px;
	padding-right:	10px;

	border-left:	1px solid #9C9A9C;

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

TD.ThemeTRE2MainFolderLeft,TD.ThemeTRE2MainItemLeft,
TD.ThemeTRE2MainFolderText,TD.ThemeTRE2MainItemText,
TD.ThemeTRE2MainFolderRight,TD.ThemeTRE2MainItemRight
{
	padding-top:	2px;
	padding-bottom:	2px;
	border-top:	1px solid #DBE8F0;
	border-bottom:	1px solid #DBE8F0;
	background-color:	inherit;
}

TD.ThemeTRE2MainFolderLeft,TD.ThemeTRE2MainItemLeft
{
	padding-right:	0px;
	padding-left:	0px;
	border-left:	1px solid #DBE8F0;

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

TD.ThemeTRE2MainFolderText,TD.ThemeTRE2MainItemText
{
	padding-right:	10px;
	padding-left:	10px;

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

TD.ThemeTRE2MainFolderRight,TD.ThemeTRE2MainItemRight
{
	padding-right:	0px;
	padding-left:	0px;
	border-right:	1px solid #DBE8F0;

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

TR.ThemeTRE2MainItem TD.ThemeTRE2MainFolderLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	1px;
	padding-right:	0px;

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

TR.ThemeTRE2MainItem TD.ThemeTRE2MainItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	1px;
	padding-right:	0px;

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

TR.ThemeTRE2MainItem TD.ThemeTRE2MainFolderText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	10px;
	padding-right:	10px;

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

TR.ThemeTRE2MainItem TD.ThemeTRE2MainItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	10px;
	padding-right:	10px;

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

TR.ThemeTRE2MainItem TD.ThemeTRE2MainItemRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

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

TR.ThemeTRE2MainItem TD.ThemeTRE2MainFolderRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

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

/* sub menus sub components */

.ThemeTRE2MenuFolderLeft,.ThemeTRE2MenuItemLeft
{
	padding-left:	0px;
	padding-right:	0px;

	border-left:	1px solid #DBE8F0;

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

.ThemeTRE2MenuFolderLeft,.ThemeTRE2MenuItemLeft,
.ThemeTRE2MenuFolderText,.ThemeTRE2MenuItemText,
.ThemeTRE2MenuFolderRight,.ThemeTRE2MenuItemRight
{
	padding-top:	2px;
	padding-bottom:	2px;
	border-top:	1px solid #DBE8F0;
	border-bottom:	1px solid #DBE8F0;

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

.ThemeTRE2MenuFolderLeft,.ThemeTRE2MenuItemLeft
{
	padding-right:	0px;
	padding-left:	2px;
	border-left:	1px solid #9C9A9C;

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

.ThemeTRE2MenuFolderText,.ThemeTRE2MenuItemText
{
	padding-right:	3px;
	padding-left:	5px;

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

.ThemeTRE2MenuFolderRight,.ThemeTRE2MenuItemRight
{
	padding-right:	0px;
	padding-left:	0px;
	border-right:	1px solid #DBE8F0;

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

TR.ThemeTRE2MenuItem TD.ThemeTRE2MenuFolderLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	3px;
	padding-right:	0px;

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

TR.ThemeTRE2MenuItem TD.ThemeTRE2MenuItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	3px;
	padding-right:	0px;

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

TR.ThemeTRE2MenuItem TD.ThemeTRE2MenuFolderText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-right:	3px;
	padding-left:	5px;

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

TR.ThemeTRE2MenuItem TD.ThemeTRE2MenuItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-right:	3px;
	padding-left:	5px;

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

TR.ThemeTRE2MenuItem TD.ThemeTRE2MenuItemRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

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

TR.ThemeTRE2MenuItem TD.ThemeTRE2MenuFolderRight
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	0px;
	padding-right:	1px;

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

.ThemeTRE2MenuSplit
{
	margin:		0px;
	height:		1px;
	overflow:	hidden;
	background-color:	inherit;
	border-top:	1px solid #C7D9E4;
}

.ThemeTRE2MenuSplit2
{
	margin:		0px;
	height:		1px;
	overflow:	hidden;

	background-color:	inherit;
	border-top:	1px solid #78A9C9;
}

.ThemeTRE2MenuSpace
{
	margin:		0px;
	overflow:	hidden;
	background-color:	inherit;
}

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

.ThemeTRE2MenuItem img.seq1
{
	display:	inline;
}

.ThemeTRE2MenuItemHover seq2,
.ThemeTRE2MenuItemActive seq2
{
	display:	inline;
}

.ThemeTRE2MenuItem .seq2,
.ThemeTRE2MenuItemHover .seq1,
.ThemeTRE2MenuItemActive .seq1
{
	display:	none;
}