/*	include_anlys_drop_down_menu.css	2007-05-03
 *	created from	http://www.htmldog.com/articles/suckerfish/dropdowns/
 *			http://www.htmldog.com/articles/suckerfish/dropdowns/example/vertical.html
 *
 *
 *	2021-02-04	- added z-index for auth0
 *
 *	*/

/*body {
/*	font-family: arial, helvetica, serif;
/*}
 */

	/* referenced in spont target phoneme locator  /cgi-bin/include_anlys_drop_down_menu.pl  */
.dropDownMenuDivClass	{
	border-color		:	#0a0a0a		;
	border-style		:	solid		;
	border-width		:	thin		;
	cursor			:	pointer		;
	font-size		:	20px		;
	height			:	26px		;
	padding-left		:	4px		;	/* move character over a little to the right */
	text-decoration		:	none		;	/* dont underline or highlight the 'links' */
	width			:	50px		;
}

#myAnlysDropDownMenuDiv	{
	border			:	2px solid blue		;
	display			:	none			;
	background-color	:	#666666			;
	width			:	150px			;
	position		:	absolute		;
		/*
	z-index			:	50			;
		/* 2021-02-04 */
}


#nav, #nav ul { /* all lists */
	padding			: 0		;
	margin			: 0		;
	list-style		: none		;
	line-height		: 1.75		;
	text-decoration		: none		;
	width			: 4em		;	/* this line of code does the vertical rather than horizontal alignment! */
}

#nav a:link {
	display			:	block		;
	text-decoration		:	none		;
	width			:	08em		;
}

#nav a:hover {
	display			:	block		;
	text-decoration		:	underline	;
	width			:	08em		;
}

#nav li { /* all list items */
	float		:	left		;
	width		:	08em		; /* width needed or else Opera goes nuts */
	border		:	thin solid #ff0000	; /* added by mark */
}



#nav li ul
{ /* second-level lists */
	position	:	absolute	;
	width		:	08em		;
	left		:	-999em		;
		/* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top	:	-1.75em		;
	margin-right	:	0		;
	margin-bottom	:	0		;
	margin-left	:	05em		;
	background	:	#888888		;
}

#nav li ul		/* each of these below dont show up until hovered over! */
{
}

#nav li ul ul
{
	background	:	#aaaaaa		;
}

#nav li ul ul ul
{
	background	:	#ccc		;
}

#nav li ul ul ul ul
{
	background	:	#eee		;
}


	#nav li ul ul
,	#nav li ul ul ul
,	#nav li ul ul ul ul
,	#nav li ul ul ul ul ul
,	li ul ul ul
,	li ul ul ul ul
,	li ul ul ul ul ul
,	li ul ul ul ul ul ul
{ 					/* third-and-above-level lists */
	margin-top	:	-1.75em	;
	margin-right	:	0	;
	margin-bottom	:	0	;
	margin-left	:	05em	;
}

	#nav li:hover ul ul
,	#nav li:hover ul ul ul
,	#nav li:hover ul ul ul ul 
,	#nav li:hover ul ul ul ul ul
,	#nav li.sfhover ul ul
,	#nav li.sfhover ul ul ul
,	#nav li.sfhover ul ul ul ul
,	#nav li.sfhover ul ul ul ul ul
{
	left: -999em;
}


	#nav li:hover ul
,	#nav li li:hover ul
,	#nav li li li:hover ul
,	#nav li li li li:hover ul
,	#nav li.sfhover ul
,	#nav li li.sfhover ul
,	#nav li li li.sfhover ul
,	#nav li li li li.sfhover ul
,	#nav li li li li.sfhover ul
{
/* lists nested under hovered list items */
	left: auto;
}

	#nav li ul li img
,	#nav li ul li ul li img
,	#nav li ul li ul li ul li img
{
	text-align			:	right		;
	margin				:	2px		;
	border-color			:	#00ff00		;
	border				:	1px solid	;
	padding				:	1px		;
}


#content {
	clear: left;
	color: #ccc;
}

/****
/*#myDropDownMenuCloseLink	{				/* link at bottom of drop down to manually close this window */
/*	margin			:	1px			;
/*	border			:	1px solid black		;
/*	padding			:	1px			;
/*	position		:	absolute		;
/*	bottom			:	-20px			;
/*	left			:	+10px			;
/*	text-align		:	right			;
/*	font-size		:	9px			;
/*	color			:	white			;
/*	background-color	:	red			;
/*}
*****/