/* ThemeTRE3Menu Style Sheet */


.ThemeTRE3
{
	background-color:	#ECF2F6;
}

.ThemeTRE3Menu,.ThemeTRE3SubMenuTable
{
	font-family:	verdana;
	font-size:	   10px;
    font-weight:     bolder;
    color:  #78A9C9;
	background-color:	#ECF2F6;
	padding-top:5px;

    cursor:		hand;
	white-space:	nowrap;
	width:100px;
}

.ThemeTRE3SubMenu
{
	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);
}

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

.ThemeTRE3MenuItem,.ThemeTRE3MenuItemHover,.ThemeTRE3MenuItemActive
{
	cursor:		hand;
	white-space:	nowrap;
}

.ThemeTRE3MainItem,
.ThemeTRE3MenuItem
{
	background-color:	#ECF2F6;
}

.ThemeTRE3MainItemHover,
.ThemeTRE3MainItemActive,
.ThemeTRE3MenuItemHover,
.ThemeTRE3MenuItemActive
{
    color:  #1B608E;
	background-color:	#ECF2F6;
}


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

.ThemeTRE3MainFolderLeft,.ThemeTRE3MainItemLeft,
.ThemeTRE3MainFolderText,.ThemeTRE3MainItemText,
.ThemeTRE3MainFolderRight,.ThemeTRE3MainItemRight
{
	border:		0;
	background-color:	inherit;
	white-space:	nowrap;
}

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

	border-left:	1px solid #9C9A9C;

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

TD.ThemeTRE3MainFolderLeft,TD.ThemeTRE3MainItemLeft,
TD.ThemeTRE3MainFolderText,TD.ThemeTRE3MainItemText,
TD.ThemeTRE3MainFolderRight,TD.ThemeTRE3MainItemRight
{
	padding-top:	2px;
	padding-bottom:	2px;
	border-top:	1px solid #ECF2F6;
	border-bottom:	1px solid #ECF2F6;
	background-color:	inherit;
}

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

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

TD.ThemeTRE3MainFolderText,TD.ThemeTRE3MainItemText
{
	padding-right:	10px;
	padding-left:	10px;

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

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

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

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

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

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

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

TR.ThemeTRE3MainItem TD.ThemeTRE3MainFolderText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	10px;
	padding-right:	10px;

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

TR.ThemeTRE3MainItem TD.ThemeTRE3MainItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	10px;
	padding-right:	10px;

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

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

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

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

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

/* sub menus sub components */

.ThemeTRE3MenuFolderLeft,.ThemeTRE3MenuItemLeft
{
	padding-left:	0px;
	padding-right:	0px;

	border-left:	1px solid #DBE8F0;

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

.ThemeTRE3MenuFolderLeft,.ThemeTRE3MenuItemLeft,
.ThemeTRE3MenuFolderText,.ThemeTRE3MenuItemText,
.ThemeTRE3MenuFolderRight,.ThemeTRE3MenuItemRight
{
	padding-top:	2px;
	padding-bottom:	2px;
	border-top:	1px solid #DBE8F0;
	border-bottom:	1px solid #DBE8F0;

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

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

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

.ThemeTRE3MenuFolderText,.ThemeTRE3MenuItemText
{
	padding-right:	3px;
	padding-left:	5px;

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

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

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

TR.ThemeTRE3MenuItem TD.ThemeTRE3MenuFolderLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	3px;
	padding-right:	0px;

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

TR.ThemeTRE3MenuItem TD.ThemeTRE3MenuItemLeft
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-left:	3px;
	padding-right:	0px;

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

TR.ThemeTRE3MenuItem TD.ThemeTRE3MenuFolderText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-right:	3px;
	padding-left:	5px;

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

TR.ThemeTRE3MenuItem TD.ThemeTRE3MenuItemText
{
	padding-top:	3px;
	padding-bottom:	3px;
	padding-right:	3px;
	padding-left:	5px;

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

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

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

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

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

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


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

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

.ThemeTRE3MenuSpace
{
	margin:		0px;
	overflow:	hidden;
	height: 10px;
	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" />
*/

.ThemeTRE3MenuItem img.seq1
{
	display:	inline;
}

.ThemeTRE3MenuItemHover seq2,
.ThemeTRE3MenuItemActive seq2
{
	display:	inline;
}

.ThemeTRE3MenuItem .seq2,
.ThemeTRE3MenuItemHover .seq1,
.ThemeTRE3MenuItemActive .seq1
{
	display:	none;
}