/* ThemeMenu Style Sheet */

.ThemeMenu,.ThemeSubMenuTable {
	font-family:verdana, arial, sans-serif;
	font-size:13px;
	padding:0;
	white-space:nowrap;
	cursor:default;
}

.ThemeSubMenu {
	position:absolute;
	visibility:hidden;
	padding:2 1 2 1;
	/* Netscape/Mozilla renders borders by increasing their z-index.  The following line is necessary to cover any borders underneath */
	z-index:100;
	border:0;
	background:#F6F6F6 url(menubg.gif) repeat scroll 0%;
	overflow:visible;
	border:1px solid #002D96;
}

.ThemeSubMenuTable { overflow:visible; }

.ThemeMainItem,.ThemeMainItemHover,.ThemeMainItemActive {
	border:0;
	cursor:default;
	white-space:nowrap;
}

.ThemeMainItem { background-color:#A1C0F5; }

.ThemeMainItemHover,.ThemeMainItemActive { background:url(mainmenubg.gif); }

.ThemeMenuItem { background-color:transparent; }

.ThemeMenuItemHover,.ThemeMenuItemActive { background-color:#FFEEC2; }


/* horizontal main menu */

.ThemeMainItem {
	padding:2 2 2 2;
	border:0;
}

td.ThemeMainItemHover,td.ThemeMainItemActive {
	padding:1 1 1 1;
	border:1px solid #000080;
}

.ThemeMainFolderLeft,.ThemeMainItemLeft,
.ThemeMainFolderText,.ThemeMainItemText,
.ThemeMainFolderRight,.ThemeMainItemRight
{
	background-color:inherit;
}

/* vertical main menu sub components */

td.ThemeMainFolderLeft,td.ThemeMainItemLeft {
	padding:0 2 0 0;
	border-top:1px solid #000080;
	border-bottom:1px solid #000080;
	border-left:1px solid #000080;
	background-color:inherit;
}

td.ThemeMainFolderText,td.ThemeMainItemText {
	padding:0 5 0 5;
	border-top:1px solid #000080;
	border-bottom:1px solid #000080;
	background-color:inherit;
	white-space:nowrap;
}

td.ThemeMainFolderRight,td.ThemeMainItemRight {
	padding:0 0 0 0;
	border-top:1px solid #000080;
	border-bottom:1px solid #000080;
	border-right:1px solid #000080;
	background-color:inherit;
}

tr.ThemeMainItem td.ThemeMainFolderLeft,
tr.ThemeMainItem td.ThemeMainItemLeft
{
	padding:0 2 0 1;
	white-space:nowrap;
	border:0;
	background-color:inherit;
}

tr.ThemeMainItem td.ThemeMainFolderText,
tr.ThemeMainItem td.ThemeMainItemText
{
	padding:0 5 0 5;
	border:0;
	background-color:inherit;
}

tr.ThemeMainItem td.ThemeMainItemRight,
tr.ThemeMainItem td.ThemeMainFolderRight
{
	padding:0 1 0 0;
	border:0;
	background-color:inherit;
}

/* sub menu sub components */

.ThemeMenuFolderLeft,.ThemeMenuItemLeft {
	padding:0 3 0 1;
	border-top:1px solid #000080;
	border-bottom:1px solid #000080;
	border-left:1px solid #000080;
	background-color:inherit;
	white-space:nowrap;
}

.ThemeMenuFolderText,.ThemeMenuItemText {
	padding:0 5 0 5;
	border-top:1px solid #000080;
	border-bottom:1px solid #000080;
	background-color:inherit;
	white-space:nowrap;
}

.ThemeMenuFolderRight,.ThemeMenuItemRight {
	padding:0 0 0 0;
	border-top:1px solid #000080;
	border-bottom:1px solid #000080;
	border-right:1px solid #000080;
	background-color:inherit;
	white-space:nowrap;
}

.ThemeMenuItem .ThemeMenuFolderLeft,
.ThemeMenuItem .ThemeMenuItemLeft
{
	padding:1 3 1 2;
	white-space:nowrap;
	border:0;
	background-color:transparent;
}

.ThemeMenuItem .ThemeMenuFolderText,
.ThemeMenuItem .ThemeMenuItemText
{
	padding:1 5 1 5;
	border:0;
	background-color:inherit;
}

.ThemeMenuItem .ThemeMenuFolderRight,
.ThemeMenuItem .ThemeMenuItemRight
{
	padding:1 1 1 0;
	border:0;
	background-color:inherit;
}

/* menu splits */

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

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

.ThemeMenuItem img.seq1 { display:inline; }

.ThemeMenuItemHover seq2,
.ThemeMenuItemActive seq2
{
	display:inline;
}

.ThemeMenuItem .seq2,
.ThemeMenuItemHover .seq1,
.ThemeMenuItemActive .seq1
{
	display:none;
}
