/* ThemeMenuMenu Style Sheet */

.ThemeMenuMenu /* root menu */
{
	font-family: arial;
	font-size: 12px;
	line-height: 15px;
	height: 30px;
	padding: 0;
	white-space: nowrap;
	cursor: default;
	width: 612px;
	float: left;
}
.ThemeMenuSubMenuTable /* Submenu styles */
{
	font-family: arial;
	font-size: 12px;
	line-height: 21px;
	padding: 0;
	white-space: nowrap;
	cursor: default;
}

.ThemeMenuSubMenu
{
	position: absolute; /* DON'T CHANGE */
	visibility: hidden; /* DON'T CHANGE */ 
	/* Netscape/Mozilla renders borders by increasing their z-index.  The following line is necessary to cover any borders underneath */
	z-index: 100; /* DON'T CHANGE */
	border: 0; /* DON'T CHANGE */
	padding: 0; /* DON'T CHANGE */
	overflow: visible; /* DON'T CHANGE */ /* border: 1px solid #000;*/ 
	/* Whole submenu branch border */ 
	/* margin-top:4px; */ 
	/* moves sub menus down X pixels in standards based browsers*/ 
	/* margin-top:4px; */ 
	/* moves sub menus down X pixels in standards based browsers*/ 
	/* _margin-top:10px; */ 
	/* moves sub menus down X pixels in IE*/
	margin-left: 0; /* moves sub menus right X pixels */
}

.ThemeMenuSubMenuTable
{
	overflow: visible;
}

.ThemeMenuMainItem, .ThemeMenuMainItemHover, .ThemeMenuMainItemActive, .ThemeMenuMenuItem, .ThemeMenuMenuItemHover, .ThemeMenuMenuItemActive
{
	font-family: arial;
	font-size: 12px;
	border: 0;  /* DON'T CHANGE */
	cursor: default;  /* DON'T CHANGE */
	white-space: nowrap;  /* DON'T CHANGE */
}

.ThemeMenuMainItem /* root menu NORMAL (not text color, see below for text color) */
{
	background-color: #ffffff;
	font-family: arial;
	color: #004072;
}

.ThemeMenuMainItemHover, .ThemeMenuMainItemActive
{
	font-family: arial; /* root menu font ROLLOVER */
	color: #ffffff; /* root menu font color ROLLOVER */
	background-color: #8ecfae; /* root menu background ROLLOVER */
	padding-left: 20px;
}

.ThemeMenuMenuItem
{
	background-color: #c6e6d6;
}

.ThemeMenuMenuItemHover, .ThemeMenuMenuItemActive
{
	background-color: #8ecfae; /* submenu background ROLLOVER */
}

/* horizontal main menu */

.ThemeMenuMainItem
{
	border: 0;
	color: #004072; /* root menu text color NORMAL*/
	padding-left: 20px;
}

td.ThemeMenuMainItemHover, td.ThemeMenuMainItemActive
{
}

.ThemeMenuMainFolderLeft, .ThemeMenuMainItemLeft, .ThemeMenuMainFolderText, .ThemeMenuMainItemText, .ThemeMenuMainFolderRight, .ThemeMenuMainItemRight
{
	background-color: inherit; /* root TEXTONLY background color */
}

/* vertical main menu sub components */
/* ONLY APPLY TO VERTICAL MENU? */

td.ThemeMenuMainFolderLeft, td.ThemeMenuMainItemLeft
{
	background-color: inherit;
}

td.ThemeMenuMainFolderText, td.ThemeMenuMainItemText
{
	background-color: inherit;
	white-space: nowrap;
}

td.ThemeMenuMainFolderRight, td.ThemeMenuMainItemRight
{
	background-color: inherit;
}

tr.ThemeMenuMainItem td.ThemeMenuMainFolderLeft, tr.ThemeMenuMainItem td.ThemeMenuMainItemLeft
{
	white-space: nowrap;
	border: 0;
	background-color: inherit;
	width: 5px;
}

tr.ThemeMenuMainItem td.ThemeMenuMainFolderText, tr.ThemeMenuMainItem td.ThemeMenuMainItemText
{
	border: 0;
	background-color: inherit;
}

tr.ThemeMenuMainItem td.ThemeMenuMainItemRight, tr.ThemeMenuMainItem td.ThemeMenuMainFolderRight
{
	border: 0;
	background-color: inherit;
}

/* sub menu sub components
====================================================*/

.ThemeMenuMenuFolderLeft, .ThemeMenuMenuItemLeft
{
	background-color: #8ecfae; /* submenu left background color ROLLOVER*/
	white-space: nowrap;
	border-bottom:1px solid white;
}

.ThemeMenuMenuFolderText, .ThemeMenuMenuItemText
{
	background-color: #8ecfae; /* submenu text only background color ROLLOVER*/
	white-space: nowrap;
	color: #ffffff; /* submenu Text color ROLLOVER*/
	font-size: 12px; /* submenu text size ROLLOVER*/
	border-bottom:1px solid white;
	font-family: arial;
}

.ThemeMenuMenuFolderRight, .ThemeMenuMenuItemRight
{
	background-color: #8ecfae; /* submenu rightside background color ROLLOVER */
	white-space: nowrap;
	padding-right: 20px; /* submenu rightside padding ROLLOVER*/
	border-bottom:1px solid white;
}

.ThemeMenuMenuItem .ThemeMenuMenuFolderLeft, .ThemeMenuMenuItem .ThemeMenuMenuItemLeft
{
	white-space: nowrap;
	border: 0;
	background-color: #c6e6d6; /* submenu leftside background color NORMAL*/
	border-bottom:1px solid white;
}

.ThemeMenuMenuItem .ThemeMenuMenuFolderText, .ThemeMenuMenuItem .ThemeMenuMenuItemText
{
	border: 0;
	background-color: #c6e6d6; /* submenu text background color NORMAL*/
	color: #000000;
	font-size: 12px;
	border-bottom:1px solid white;
}

.ThemeMenuMenuItem .ThemeMenuMenuFolderRight, .ThemeMenuMenuItem .ThemeMenuMenuItemRight /* right side of Submenu */
{
	border: 0;
	background-color: #c6e6d6; /* submenu rightside background color NORMAL*/
	border-bottom:1px solid white;
}

/* menu splits */

.ThemeMenuMenuSplit
{
	margin: 2px;
	height: 1px;
	overflow: hidden;
	background-color: inherit;
	border-top: 1px solid #fff;
}

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

.ThemeMenuMenuItem img.seq1
{
	display: inline;
}

.ThemeMenuMenuItemHover seq2, .ThemeMenuMenuItemActive seq2
{
	display: inline;
}

.ThemeMenuMenuItem .seq2, .ThemeMenuMenuItemHover .seq1, .ThemeMenuMenuItemActive .seq1
{
	display: none;
}