/***************************************************************************************
	Cascading Menu stylesheet

	Author: Dan Curren				
	Date:	1808.09.22				

	Description:
		Implements a single cascading menu with a maximum or 3 tiers via CSS.
		If you want additional cascading menues on the same page, then you
		must copy this .css and rename all of the "easy-horiz-menu" strings to
		a new name for the new menu.

		Note: due to IE not including Padding and Borders in size calculations
			we need to make sure we account for the extra pixels when
			we place the pullouts.

		For IE6 the <li> tags must include the following:
			<li onmouseover="this.className='cmhover';" onmouseout="this.className='';">
	Sample:
			<div id="easy-horiz-menu" class="cascadingmenu">
				<ul>
					<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 1</a><ul>
						<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 1.1 &gt;</a><ul>
							<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 1.1.1</a></li></ul></li>
						<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 1.2 &gt;</a><ul>
							<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 1.2.1</a></li>
							<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 1.2.2</a></li>
							<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 1.2.3</a></li></ul></li>
						<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 1.3</a></li></ul></li>
					<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 2 &gt;</a><ul>
						<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 2.1 &gt;</a><ul>
							<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 2.2.1</a></li>
							<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 2.2.1</a></li>
							<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 2.2.2</a></li>
							<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 2.2.4</a></li></ul></li>
						<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 2.2</a></li></ul></li>
					<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 3</a></li>
					<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 4</a></li>
					<li onmouseover="this.className='cmHover';" onmouseout="this.className='';"><a href="">Menu 5</a></li>
				</ul>
			</div>
 ***************************************************************************************/

/**********************************/
/* Div styles styles for the Menu */
/**********************************/
	/* Font for the Cascade Menu's top row. */
div.easy-horiz-menu {
	font-family: Arial;
	font-size: 10pt;
	height: 18px;		/* Height of the Menu's top row */
	width: auto;
      background: #ffffff;
	float: left;
	border: 0px solid #A1A1A1;
	border-bottom: 0px solid #A1A1A1;
	margin-left: auto;
	margin-right: auto;
}

	/* Margin and Padding for all sub-menus. */
div.easy-horiz-menu ul {
	margin: 0;
	padding: 0;
}

	/* Main Menu item settings */
div.easy-horiz-menu li {
	margin: 0;
	padding: 0;
	padding-right: 0px;
	list-style: none;
	white-space: nowrap;
	float: left;
	width: auto;
	border-right: 0px solid #A1A1A1;
}

	/* Main Menu item hyperlink settings */
div.easy-horiz-menu a:link,
div.easy-horiz-menu a:visited {
	margin: 0;
	display: block;
	padding: 0px;
	height: 18px;		/* Height of the Menu's top row */
	line-height: 18px;	/* Height of the Menu's top row */
	text-decoration: none;
	float: left;
	font-weight: normal;
}

	/* Alignment of the hyperlink tags in the menu */
div.easy-horiz-menu a {
	margin: 0;
	padding: 0px;
	text-decoration: none;
	cursor: pointer;
	background: none;
	font-weight: normal;
	float: left;
}

	/* Hyperlink Text location with a sub-menu item. */
.easy-horiz-menu li li a:link,
.easy-horiz-menu li li a:visited{
	background: none;
	padding: 0;
	text-indent: 10px;	/* Indent the sub-menu item text */
}

	/* Hyperlink Font within a sub-menu item. */
.easy-horiz-menu li li a:link,
.easy-horiz-menu li li a:visited {
	border: 0;
	font-size: 10pt;
	font-weight: normal;
}

	/* Background image for subitems with subitems */
.easy-horiz-menu ul li a.parentsubitem:link,
.easy-horiz-menu li li a.parentsubitem:visited  {
	background: url("/Balance/modules/mod_SuckerfishMenu/Arrow.gif") 100% 50% no-repeat;
}

	/* The formatting for items*/
.easy-horiz-menu li a.active:link,
.easy-horiz-menu li a:link,
.easy-horiz-menu li a:visted,
.easy-horiz-menu li a.active:visited  {
	font-weight: normal;
}

	/* The width of sub-menu items. */
.easy-horiz-menu li li {
	background: none;
	padding: 0;
	width: auto;
}

	/* Basic Sub-Menu settings. */
.easy-horiz-menu ul ul a:link,
.easy-horiz-menu ul ul a:visited {
	display: block;
	text-decoration: none;
	width: auto;
	text-transform: none;
	background: none;
}

	/* Positioning of the top level menu items. */
.easy-horiz-menu ul li {
	position: relative;
	float: left;
}
	/* Positioning of sub-menues with parent menu items.
		Note: left: -999em is used to move the sub-menu off
		the page until we hover over it. */
.easy-horiz-menu li ul {
 	top: 18px;			/* Height of the menuitems. */
	position: absolute;
	z-index: 10;
	left: -999em;
	height: auto;
	width: auto;
	font-weight: normal;
	border-width: 0;
	margin: 0;
	padding: 0;
}

	/* Size of sub-menues. */
.easy-horiz-menu ul ul a:link,
.easy-horiz-menu ul ul a:visited {
	width: auto;
}

/*
	Margin for pullouts:
		-18px = the defined height of a menuitem.
		225px = the defined width of a menuitem.
 */
.easy-horiz-menu li ul ul {
	margin: -18px 0 0 125;
}

.easy-horiz-menu li ul li {
	margin: -1px;
}

/*********************************/
/* Color Formating styles for the Menu */
/*********************************/

	/* The formatting for items which are the currently active items*/
.easy-horiz-menu.cascadingmenu li a.active:link,
.easy-horiz-menu.cascadingmenu li a.active:visited  {
	color: #000000;
	background: #ffffff;
}

	/* The Text and Background colors of the menuitems in a menu
		when the mouse is not over them. */
.easy-horiz-menu.cascadingmenu a,
.easy-horiz-menu.cascadingmenu li {
	color: #000000;
	background: #ffffff;
}

	/* The Text and Background colors of the menuitems in a sub-menu
		 when the mouse is not over them. */
.easy-horiz-menu.cascadingmenu li li a,
.easy-horiz-menu.cascadingmenu li li {
	color: #000000;
	background: #ffffff;
	border-top: 1px solid #A1A1A1;
	border-bottom: 1px solid #A1A1A1;
	border-left: 1px solid #A1A1A1;
	border-right: 1px solid #A1A1A1;
}

	/* The Text and Background colors of the hyperlinks in a menu
		 when the mouse is over them. */
.easy-horiz-menu.cascadingmenu a:hover,
.easy-horiz-menu.cascadingmenu li a.active:hover,
.easy-horiz-menu.cascadingmenu li li:hover,
.easy-horiz-menu.cascadingmenu li li.cmHover {
	color: #000000;
	background: #ffffff;
	text-decoration: underline;
}

/*********************************/
/* Cascading styles for the Menu */
/*********************************/

.easy-horiz-menu li:hover ul ul, 
.easy-horiz-menu li:hover ul ul ul,
.easy-horiz-menu li:hover ul ul ul ul,  
.easy-horiz-menu li.cmHover ul ul, 
.easy-horiz-menu li.cmHover ul ul ul, 
.easy-horiz-menu li.cmHover ul ul ul ul 
{
	display: none;
/*	left: -999em;*/
}

.easy-horiz-menu li:hover ul, 
.easy-horiz-menu li li:hover ul, 
.easy-horiz-menu li li li:hover ul, 
.easy-horiz-menu li li li li:hover ul,
.easy-horiz-menu li.cmHover ul, 
.easy-horiz-menu li li.cmHover ul,
.easy-horiz-menu li li li.cmHover ul,
.easy-horiz-menu li li li li.cmHover ul
{
	left: 0;
	display: block;
}

.easy-horiz-menu li:hover,
.easy-horiz-menu li.cmHover {
	left: 0;
	display: block;
}