/* ThemeMenuMenu Style Sheet */

.ThemeMenuMenu /* root menu */
{
	font-family: verdana;
	font-size: 10px;
	font-weight:bold;
	padding: 0;
	white-space: nowrap;
	cursor: default;
	float: left;
	height:22px;
}
.ThemeMenuSubMenuTable /* Submenu styles */
{
	font-family: verdana;
	font-size: 10px;
	line-height: 22px;
	font-weight:bold;
	padding: 0;
	white-space: nowrap;
	cursor: default;
	border:1px solid white;
	text-align:left;
}

.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   /* DON'T CHANGE */
{
	border: 0;
	cursor: default;
	white-space: nowrap;}

.ThemeMenuMainItem /* root menu NORMAL (not text color, see below for text color) */
{
	font-family: verdana;
	font-size: 10px;
	color: #ffffff;
	padding-left:12px;
	padding-right:12px;
}

.ThemeMenuMainItemHover, .ThemeMenuMainItemActive
{
	font-family: verdana; /* root menu font ROLLOVER */
	color: #333333; /* root menu font color ROLLOVER */
	background-color:#ffffff;
	font-size: 10px;
	padding-left:12px;
	padding-right:12px;
}

.ThemeMenuMenuItem
{
	background-color: #c31200;
}

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

/* horizontal main menu */

.ThemeMenuMainItem
{
	border: 0;
	color: #ffffff; /* root menu text color NORMAL*/
}

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: #c31200; /* submenu left background color ROLLOVER*/
	white-space: nowrap;
}

.ThemeMenuMenuFolderText, .ThemeMenuMenuItemText
{
	background-color: #c31200; /* submenu text only background color ROLLOVER*/
	white-space: nowrap;
	color: #fff; /* submenu Text color ROLLOVER*/
	font-size: 10px; /* submenu text size ROLLOVER*/
}

.ThemeMenuMenuFolderRight, .ThemeMenuMenuItemRight
{
	background-color: #c31200; /* submenu rightside background color ROLLOVER */
	white-space: nowrap;
	padding-right: 10px; /* submenu rightside padding ROLLOVER*/
}

.ThemeMenuMenuItem .ThemeMenuMenuFolderLeft, .ThemeMenuMenuItem .ThemeMenuMenuItemLeft
{
	white-space: nowrap;
	border: 0;
	background-color: #000000; /* submenu leftside background color NORMAL*/

}

.ThemeMenuMenuItem .ThemeMenuMenuFolderText, .ThemeMenuMenuItem .ThemeMenuMenuItemText
{
	border: 0;
	background-color: #000000; /* submenu text background color NORMAL*/
	color: #fff;
	font-size: 10px;

}

.ThemeMenuMenuItem .ThemeMenuMenuFolderRight, .ThemeMenuMenuItem .ThemeMenuMenuItemRight /* right side of Submenu */
{
	border: 0;
	background-color: #000000; /* submenu rightside background color NORMAL*/

}

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