/* --------------------------------------------------------------------------

	(c) 2005-2007 U.S. Robotics Corporation.

	-------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------

	Vertical dropdown menus:
	http://www.htmldog.com/articles/suckerfish/dropdowns/


	More resources:
	http://www.alistapart.com/articles/horizdropdowns/

	http://www.alistapart.com/articles/dropdowns/
	http://www.htmldog.com/articles/suckerfish/example/

	Fix for bug where IE always displays <select>s as top layer:
	http://tanny.ica.com/ica/tko/tkoblog.nsf/dx/Select-tag-overlap-in-IE?opendocument&comments
	http://www.milonic.com/menusample24.php
	http://69.236.149.4/test/fixed/default.asp
	(slow) http://www.yxscripts.com/menuG5/
	(x) http://www.aplus.co.yu/adxmenu/four-variants-of-drop-down-menu/

------------------------------------------------------------------------ */

/*

	M E C H A N I C S

	These classes provide the barebones mechanisms for hiding the first-level
	submenus and displaying them when the cursor hovers over the menu bar.
	This code requires any tags following the menu bar to be enclosed in
	a DIV with the id of "idContent."
*/

DIV#idContent
{
	clear:	left;	/* required because we're floating menus */
}

/*
	get rid of list decorations
*/
UL#idMenu, UL#idMenu UL
{
	padding:		0;
	margin:		0;
	list-style:	none;
}

/*
	put top-level items next to each other in a bar
*/
UL#idMenu LI
{
	float:	left;
}
/*
	This style fixes the IE7 bug where, after clicking anywhere on the page,
	the menus become "sticky"--they don't disappear after appearing.
	http://www.builtfromsource.com/2007/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/
*/
UL#idMenu LI:hover
{
	position:	static;
}

/*
	"Lock" width of menu elements (menu bar: LABEL, menu item: A)

	LI's width is required for Opera.
	LI UL's width is required for Firefox.
		(But it's set below so we delete "UL#idMenu LI UL" from here.)
	This seems unnecessary for UL#idMenu LABEL and UL#idMenu A--at least on IE.
		(But it's set below so we delete "UL#idMenu A" from here.)
*/
UL#idMenu LI, UL#idMenu LABEL
{
	width:	7em;	/* this is overridden in the MenuBar ctor */
}


UL#idMenu LABEL, UL#idMenu A
{
	display:	block;
}

/*
	hide submenu items (second-level lists)
*/
UL#idMenu LI UL
{
	position:	absolute;
	/*
		Can't use display:none|block because it breaks screen readers and
		menu won't display over SELECT in IE6. (IE7 is okay.)
	*/
	left:			-999em;
}
/*
	Display dropdown menu when menu bar item is hovered over.
	(Include class used by IE workaround.)
*/
UL#idMenu LI:hover UL, UL#idMenu LI.clsIEhover UL
{
	left:			auto;
}


/*

	P R E T T Y   F O R M A T T I N G

	These classes provide the formatting for USR menus.

*/

UL#idMenu
{
	height:				1.6em;				/* without this, height is 0px; Firefox must be accurate; for two-line menus, use 2.8 */
	border-top:			1px solid #8C8C8C;
	border-bottom:		1px solid #8C8C8C;
	background-color:	white;

	/* Specify font for menu bar and dropdown items.
		(Can override locally below.) */
	font-family:		Verdana, Arial, sans-serif;
	font-size:			x-small;
}

/*
	Override width of the dropdown menu and its contents so
	that the menu's wide enough for the widest (bold) item.

	"UL#idMenu LI UL" and "UL#idMenu A" are required for the 
*/
UL#idMenu LI UL, UL#idMenu LI UL LI, UL#idMenu LI UL LI A
{
	width:		15em;		/* this is overridden in the MenuDropdown ctor */

	/* override general specification for dropdown items */
	font-size:	x-small;
}

/*
	menu bar items
*/
UL#idMenu LI.clsMenuBarItem
{
	padding:			0px 5px;
	/* right border of top-level menu names */
	border-right:	1px solid #8C8C8C;
}

UL#idMenu LI LABEL
{
	padding:				3px 0px 2px 5px;
	white-space:		nowrap;

	font-weight:		bold;
	text-transform:	uppercase;
	text-align:			left;				/* "right" if right-aligned */
}

/*
	dropdown menu
*/
UL#idMenu LI UL
{
/*	margin-top:		1px;		this would put a horiz line between menu command and dropdown */
	margin-left:	-6px;		/* compensate for LABEL (5px) padding */
	/*
		If we put the left/right borders here,
		the underlying IE iframe isn't under the left border.
		So we use the individual menu items for left/right borders.
	*/
}

/*
	Turn off the border inherited from UL#idMenu LI.
	It's not supposed to be inherited, but IE6 does anyway.
*/
UL#idMenu LI UL LI
{
	border-right-width:	0;
}

/*
	dropdown menu items
*/
UL#idMenu LI UL LI A
{
	padding:				3px 5px 3px 10px;
	white-space:		nowrap;
	text-decoration:	none;

	/* left and right borders of dropdown menu */
	border-left:		1px solid #8C8C8C;
	border-right:		1px solid #8C8C8C;
	/*
		The UL's bottom border isn't aligned properly on some browsers,
		probably due to the padding, so we put a bottom border on each LI.
		If this isn't desirable, we can create a clsLastLI style.
	*/
	border-bottom:		1px solid #8C8C8C;

	color:				black;
	background-color:	white;
	text-align:			left;				/* "right" if right-aligned */
}
UL#idMenu LI UL LI A:hover
{
	color:				red;
	cursor:				pointer;
}