/*
 * ThemeJHFNC Style Sheet
 * by Ian Reyes and Heng Yuan
 */

.ThemeJHFNCMenu,.ThemeJHFNCSubMenuTable
{
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 8pt;

	color: white;
	background-color: #FF9900;

	cursor:		default;
	cursor:		hand !important;
	white-space:	nowrap;
}

.ThemeJHFNCSubMenuTable
{
	color: black;
}

.ThemeJHFNCSubMenu
{
	position:	absolute;
	display:	block;
	visibility:	hidden;
	overflow:	hidden;

	/* border:		1px outset #9C9A9C;*/
	/* border:		2px outset #AAA; */
	border:		1px solid black;
	background-color: white;
}

.ThemeJHFNCSubMenuTable
{
	border-collapse:	separate;
	opacity:	1.0;
	background-color:	white;
	text-align:		left;
	/*background-color:	#FF9900;*/
	/* background-color:	#1D6AB8; */
	/* background-color:	#CCC; */
	/* filter:Alpha(style=0,opacity=90); */
}

.ThemeJHFNCMenuItem,.ThemeJHFNCMenuItemHover,.ThemeJHFNCMenuItemActive
{
	cursor:		default;
	cursor:		hand !important;
	white-space:	nowrap;
}

.ThemeJHFNCMainItem,
.ThemeJHFNCMenuItem
{
	padding:	4px 5px 4px 5px;

	border:		0px solid #ffffff;
	/*background-color:	#035015;*/
	background-color:	#FF9900;
	font-weight: bold;
}

.ThemeJHFNCMainItem { color: black; }

.ThemeJHFNCMenuItem
{
	/*background-color:	#127AAE;*/
	/* background-color:	#CCC; */
	color:				black;
	background-color:	white;
	padding:	5px;
}

.ThemeJHFNCMenuItem div.options
{
	/*background-color:	#127AAE;*/
	/* background-color:	#CCC; */
	color:				black;
	background-color:	white;
}

.ThemeJHFNCMainItemHover,
.ThemeJHFNCMainItemActive
{
	padding:	4px 5px 4px 5px;
	
	border:		0px solid #ffffff;
	background-color:	#127AAE;
	font-weight: bold;
}

.ThemeJHFNCMenuItemHover,
.ThemeJHFNCMenuItemActive
{
	padding:	5px;
	border:		0px solid #ffffff;
	background-color:	#DDDDDD;
}

/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
/* there are simpler approaches, but the setting here allows me to
   set a background image for the menu without lines all over it */

.ThemeJHFNCMainFolderLeft,
.ThemeJHFNCMainItemLeft,
.ThemeJHFNCMainFolderText,
.ThemeJHFNCMainItemText,
.ThemeJHFNCMainItemRight,
.ThemeJHFNCMainFolderRight
{
	border: 0;
	background-color: inherit;
	white-space: nowrap;
}

.ThemeJHFNCMainItemText a
{
	font-size: 8pt;
	color: #127AAE;
	text-decoration: none;
}

.ThemeJHFNCMainItemText a:hover
{
	font-size: 8pt;
	color: #127AAE;
	text-decoration: underline;
}

.ThemeJHFNCMainFolderText a
{
	font-size: 8pt;
	color: #127AAE;
	text-decoration: none;
}

.ThemeJHFNCMainFolderText a:hover
{
	font-size: 8pt;
	color: #127AAE;
	text-decoration: underline;
}

/* sub menus sub components */

.ThemeJHFNCMenuFolderLeft,
.ThemeJHFNCMenuItemLeft
{
	padding:	3px 0px 3px 3px;
	border:		0;
	white-space:	nowrap;
	background-color:	inherit;
}

.ThemeJHFNCMenuItemLeft
{
	color: black;
	background-color: #EEE;
	padding:	3px;
}

.ThemeJHFNCMenuItemLeft a
{
	color: black;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

.ThemeJHFNCMenuItemLeft a:hover
{
	color: black;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
}

.ThemeJHFNCMenuFolderText,
.ThemeJHFNCMenuItemText
{
	padding:	3px 3px 3px 5px;

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

.ThemeJHFNCMenuItemText a
{
	font-size: 8pt;
	color: #369;
	text-decoration: none;
}

.ThemeJHFNCMenuItemText a:hover
{
	font-size: 8pt;
	color: black;
	text-decoration: none;
}

.ThemeJHFNCMenuItemRight,
.ThemeJHFNCMenuFolderRight
{
	padding:	3px 1px 3px 0px;

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

/* hoover and active border */
.ThemeJHFNCMenuItemHover .ThemeJHFNCMenuFolderLeft,
.ThemeJHFNCMenuItemActive .ThemeJHFNCMenuFolderLeft,
.ThemeJHFNCMenuItemHover .ThemeJHFNCMenuItemLeft,
.ThemeJHFNCMenuItemActive .ThemeJHFNCMenuItemLeft,
.ThemeJHFNCMenuItemHover .ThemeJHFNCMenuFolderText,
.ThemeJHFNCMenuItemActive .ThemeJHFNCMenuFolderText,
.ThemeJHFNCMenuItemHover .ThemeJHFNCMenuItemText,
.ThemeJHFNCMenuItemActive .ThemeJHFNCMenuItemText,
.ThemeJHFNCMenuItemHover .ThemeJHFNCMenuFolderRight,
.ThemeJHFNCMenuItemActive .ThemeJHFNCMenuFolderRight,
.ThemeJHFNCMenuItemHover .ThemeJHFNCMenuItemRight,
.ThemeJHFNCMenuItemActive .ThemeJHFNCMenuItemRight
{
	border-color:	transparent;
}

.ThemeJHFNCMenuItemHover .ThemeJHFNCMenuFolderLeft,
.ThemeJHFNCMenuItemActive .ThemeJHFNCMenuFolderLeft,
.ThemeJHFNCMenuItemHover .ThemeJHFNCMenuItemLeft,
.ThemeJHFNCMenuItemActive .ThemeJHFNCMenuItemLeft
{
	border-width:	1px 0px 1px 1px;
	border-style:	solid;
	padding:	2px 0px 2px 2px;
	color: black;
}

.ThemeJHFNCMenuItemHover .ThemeJHFNCMenuItemLeft,
.ThemeJHFNCMenuItemActive .ThemeJHFNCMenuItemLeft
{
	border-width:	0px;
	padding:	3px;
	color: black;
}

.ThemeJHFNCMenuItemHover .ThemeJHFNCMenuFolderText,
.ThemeJHFNCMenuItemActive .ThemeJHFNCMenuFolderText,
.ThemeJHFNCMenuItemHover .ThemeJHFNCMenuItemText,
.ThemeJHFNCMenuItemActive .ThemeJHFNCMenuItemText
{
	border-width:	1px 0px 1px 0px;
	border-style:	solid;
	padding:	2px 3px 2px 5px;
}

.ThemeJHFNCMenuItemHover .ThemeJHFNCMenuFolderRight,
.ThemeJHFNCMenuItemActive .ThemeJHFNCMenuFolderRight,
.ThemeJHFNCMenuItemHover .ThemeJHFNCMenuItemRight,
.ThemeJHFNCMenuItemActive .ThemeJHFNCMenuItemRight
{
	border-width:	1px 1px 1px 0px;
	border-style:	solid;
	padding:	2px 0px 2px 0px;
}

td.ThemeJHFNCMenuSplit
{
	padding:	0px;
	margin:		0px;
	height:		5px;
	border:		0px;
	background-color:	inherit;
	overflow:	hidden;
}

div.ThemeJHFNCMenuSplit
{
	margin: 2px;
	height: 0px;
	overflow: hidden;
	background-color: inherit;
	border-bottom: 0px solid #EEE;
	border-top: 1px solid #AAA;
}
* html div.ThemeJHFNCMenuSplit { height: 0px; }
*:first-child+html div.ThemeJHFNCMenuSplit { height: 0px; }
/* 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" />
*/

.ThemeJHFNCMenuItem img.seq1
{
	display:	inline;
}

.ThemeJHFNCMenuItemHover seq2,
.ThemeJHFNCMenuItemActive seq2
{
	display:	inline;
}

.ThemeJHFNCMenuItem .seq2,
.ThemeJHFNCMenuItemHover .seq1,
.ThemeJHFNCMenuItemActive .seq1
{
	display:	none;
}