/* HPCThemeMenu Style Sheet */

.HPCThemeMenu,.HPCThemeSubMenuTable
{

	white-space:	nowrap;

	cursor:		default;
	margin-left: 1px;

	z-index: 1000;
}

.HPCThemeSubMenu
{
	position:	absolute;
	visibility:	hidden;
	overflow:	hidden;
	padding:	3px 5px;
	background-color: #666666;
	margin-left: 1px;
	opacity: 0.9; 
	MozOpacity: 0.9; 
	KhtmlOpacity: 0.9; 
	filter: alpha(opacity=90); 
}

.HPCThemeSubMenuTable
{
	overflow:	hidden;
	color:#FFFFFF;
	font-weight:bold;
	font-size:	12px;
	letter-spacing: normal;

}

.HPCThemeMainItem,.HPCThemeMainItemHover,.HPCThemeMainItemActive,
.HPCThemeMenuItem,.HPCThemeMenuItemHover,.HPCThemeMenuItemActive
{
	cursor:		default;
	white-space:	nowrap;
}

.HPCThemeMainItem
{
	/*background-color:	#A1C0F5;*/
}

.HPCThemeMainItemHover,.HPCThemeMainItemActive
{
	/*background:		url(mainmenubg.gif);
	background-color: #FFFFFF;
	color: #2a288d;*/
	
}

.HPCThemeMenuItem
{
	background-color:	transparent;
}

.HPCThemeMenuItemHover,.HPCThemeMenuItemActive
{
	/*background-color:	#FFEEC2;*/
}


/* horizontal main menu */

.HPCThemeMainItem
{
	padding:	2px 0px 2px 3px;
	border:		0;
}

td.HPCThemeMainItemHover,td.HPCThemeMainItemActive
{
	margin-top: 2px;
	padding:	1px 0px 1px 3px;
	background-color: #323d32;
	/*border: 2px solid #9d8a5f;
	background: url(../HPCTheme/arrow.gif) no-repeat left center;*/
}

.HPCThemeMainFolderLeft,.HPCThemeMainItemLeft,
.HPCThemeMainFolderText,.HPCThemeMainItemText,
.HPCThemeMainFolderRight,.HPCThemeMainItemRight
{
	background-color:	inherit;
	padding: 0px 2px 0px 1px;
}

/* vertical main menu sub components */

td.HPCThemeMainFolderLeft,
td.HPCThemeMainFolderLeft,
td.HPCThemeMainItemLeft,
td.HPCThemeMainItemLeft
{
	padding:	1px 1px 1px 1px;

	border:		0;
	background-color:	inherit;
}

td.HPCThemeMainFolderText,
td.HPCThemeMainFolderText,
td.HPCThemeMainItemText,
td.HPCThemeMainItemText
{
	padding:	1px 5px 1px 5px;

	border:		0;
	background-color:	inherit;
}

td.HPCThemeMainItemRight,
td.HPCThemeMainFolderRight
{
	padding:	1px 1px 1px 1px;

	border:		0;

	background-color:	inherit;
}


tr.HPCThemeMainItemHover td.HPCThemeMainFolderLeft,
tr.HPCThemeMainItemActive td.HPCThemeMainFolderLeft,
tr.HPCThemeMainItemHover td.HPCThemeMainItemLeft,
tr.HPCThemeMainItemActive td.HPCThemeMainItemLeft
{
	padding:	0px 2px 0px 0px;

/*	border-width:	1px 0px 1px 1px;
	border-style:	solid;
	border-color:	#000080;*/

	color: #000099;
}

tr.HPCThemeMainItemHover td.HPCThemeMainFolderText,
tr.HPCThemeMainItemActive td.HPCThemeMainFolderText,
tr.HPCThemeMainItemHover td.HPCThemeMainItemText,
tr.HPCThemeMainItemActive td.HPCThemeMainItemText
{
	padding:	0px 5px 0px 5px;
	color: #000099;
	border: 0;
/*
	border-width:	1px 0px 1px 0px;
	border-style:	solid;
	border-color:	#000080;

	background-color:	inherit;*/
}

tr.HPCThemeMainItemHover td.HPCThemeMainFolderRight,
tr.HPCThemeMainItemActive td.HPCThemeMainFolderRight,
tr.HPCThemeMainItemHover td.HPCThemeMainItemRight,
tr.HPCThemeMainItemActive td.HPCThemeMainItemRight
{
	padding:	0px;

	/*border-width:	1px 1px 1px 0px;
	border-style:	solid;
	border-color:	#000080;

	background-color:	inherit;*/
	color: #000099;
}

/* sub menu sub components */

.HPCThemeMenuFolderLeft,.HPCThemeMenuItemLeft,
.HPCThemeMenuFolderText,.HPCThemeMenuItemText,
.HPCThemeMenuFolderRight,.HPCThemeMenuItemRight
{
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;

}


.HPCThemeMenuFolderLeft,
.HPCThemeMenuItemLeft
{
	padding:	3px 3px 3px 3px;
}

.HPCThemeMenuFolderText,
.HPCThemeMenuItemText
{
	padding:	3px 3px 3px 5px;
	white-space:	nowrap;
	text-align:left;
}

.HPCThemeMenuFolderRight,
.HPCThemeMenuItemRight
{
	padding:	3px 3px 3px 3px;
}

.HPCThemeMenuItemHover .HPCThemeMenuFolderLeft,
.HPCThemeMenuItemActive .HPCThemeMenuFolderLeft,
.HPCThemeMenuItemHover .HPCThemeMenuItemLeft,
.HPCThemeMenuItemActive .HPCThemeMenuItemLeft
{
	

	/*border-width:	1px 0px 1px 1px;
	border-style:	solid;
	border-color:	#000080;
	background: url(arrow.png) no-repeat left center;*/
}

.HPCThemeMenuItemHover .HPCThemeMenuFolderText,
.HPCThemeMenuItemActive .HPCThemeMenuFolderText,
.HPCThemeMenuItemHover .HPCThemeMenuItemText,
.HPCThemeMenuItemActive .HPCThemeMenuItemText
{
	/*adding:	2px 5px 3px 5px;*/
	color: #FFFFFF;
	background: url(../HPCTheme/arrow-1.gif) no-repeat left center;
	background-position: -3px center;	
/*	border-width:	1px 0px 1px 0px;
	border-style:	solid;
	border-color:	#000080;*/
}

.HPCThemeMenuItemHover .HPCThemeMenuFolderRight,
.HPCThemeMenuItemActive .HPCThemeMenuFolderRight,
.HPCThemeMenuItemHover .HPCThemeMenuItemRight,
.HPCThemeMenuItemActive .HPCThemeMenuItemRight
{
	

	/*border-width:	1px 1px 1px 0px;
	border-style:	solid;
	border-color:	#000080;*/
}

/* menu splits */

.HPCThemeMenuSplit
{
	margin:		0px;
	height:		1px;
	overflow:	hidden;
	background-color:	inherit;
	border-top:	1px solid #FFFFFF;
}

/* 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" />
*/

.HPCThemeMenuItem img.seq1
{
	display:	inline;
}

.HPCThemeMenuItemHover seq2,
.HPCThemeMenuItemActive seq2
{
	display:	inline;
}

.HPCThemeMenuItem .seq2,
.HPCThemeMenuItemHover .seq1,
.HPCThemeMenuItemActive .seq1
{
	display:	none;
}
