/* Main Menu (dropdown) styles -------------------------------------------------------------------------------------- */
.menu {			
	height:29px;
	text-align:left;		
	/* border: 1px solid #74a3d1;  */			
}

.menu ul {	
	/* display:inline; */
	list-style:none;
	list-style-type:none;
	list-style-position:outside;	
	white-space:nowrap;	
	/* padding:6px 0px 8px 0px; */ /* IE6 aligns submenus to THIS padding value (probably wrong) */	
	padding:2px 0px 0px 0px; /* Use this if image icons are included in menu headers */
	margin-top:-2px;
	margin-left:0px; /* Fixes 1px offset in FireFox 2 */
}
*html .menu ul { padding-top:1px; } /* IE6 override */

.menu.tabs ul { padding:6px 0px 8px 0px; }
*html .menu.tabs ul { padding-top:6px; } /* IE6 override */

.menu ul li {	
	position:relative;
	cursor:pointer;	
	display:inline;
	/* Text formatting */	
	padding:6px 8px 8px 8px; /* Firefox 2 requires this bottom padding */	
	border-right:1px solid #222244;	
}

*html .menu ul li.icon { padding-bottom:3px; padding-top:2px; } /* IE6 requires this bottom padding */
*:first-child+html .menu ul li.icon { padding-bottom:3px; padding-top:0px; } /* IE7 requires this bottom padding */

.menu.nobg ul li { border:none; }

.menu.tabs ul li {
	margin:2px;
}

/* Sub menus */
.menu ul ul { 
	position:absolute;	
	top:29px; /*100%; Opera calculates as nearly 50%!? */
	left:0px;
	padding:0px;		
	/* z-index:7777; */
}

.menu ul ul li {
	display:block;		
	padding:3px 10px 3px 10px;
}

/* Sub Sub Menus */
.menu ul ul ul { 		
	top:1px;
	left:100%;
	border-right:none;	
	/* z-index:8888; */
}
*html .menu ul ul ul { margin-left:-10px; } /* IE6 hack to align sub menus */
*:first-child+html .menu ul ul ul { top:0px; } /* IE7 fix (why this has to be here is unforgivable, Microsoft) */



/* User interaction controls */

.menu ul ul, /* Hide level 1 menu lists */
.menu ul li:hover ul ul, /* Hide level 1 menu lists when hovering over a different main menu item */
.menu ul ul li:hover ul ul,
.appmenu ul ul,
.appmenu ul li:hover ul ul, 
.appmenu ul ul li:hover ul ul {
	visibility:hidden;
	overflow:hidden; /* Opera only */	
}

.menu ul li:hover ul, 
.menu ul ul li:hover ul, 
.menu ul ul ul li:hover ul,
.appmenu ul li:hover ul, 
.appmenu ul ul li:hover ul, 
.appmenu ul ul ul li:hover ul { 
	visibility:visible;		
	overflow:visible; /* Required by Opera, else clipping occurs */
	/* z-index:8;	 */
}


/* Special Menu Items */

.menu .sep { /* Horizontal Separator, breaks IE b/c it considers the line "outside" the submenu */	
	cursor:pointer; /* Not the best solution */	
	border-width:0px;
	border-style:solid;
	border-top-width:1px;
	margin:0px;
	padding:0px;	
}

.menu .subtitle { /* Subtitle formatting, class format understood across all browsers */
	cursor:default;	
	/* padding:3px 20px 3px 0px; */
	white-space:nowrap; 			
	font-weight:bold;
}

.menu li.parent {
	background-image: url('../../images/StageSelect/subarrow.gif');
	background-position: right center;
	background-repeat:no-repeat;
}



/* ============================================================================================================================================
     Design Styles
   ========================================================================================================================================= */


/* FONT and COLOR Formatting ---------------------------------------------------------*/
.menu ul li,
.menu ul ul li { font-size:8pt; }

.menu.med ul li,
.menu.med ul ul li { font-size:10pt; }

.menu ul li { /* Main Menu Items */
	color:#ffffff;	
	font-weight:bold;
}

.menu ul li a { /* Menu Menu Hyperlinks */    
	color:#ffffff;
	text-decoration:none;
}

.menu ul ul {
	background-color:#303030;
	border:1px solid #999999;
}

.menu ul ul li { /* Submenu Items */
	color:#ffffff;						
	font-weight:normal;
}

.menu li.norm {
	border-top:1px solid;
	border-top:none;
	border-bottom:1px solid;
	border-bottom:none;
	border-right:none;		
}

.menu.tabs ul li.currtab {
	background-color:#777777;
	border:1px solid #aaaaaa;
	cursor:default;
}
.menu.tabs ul li.currtab a { cursor:default; color:#ffdc00; }

.menu .sep { 
	border-color: #cca900;
}

.menu li.alt { /* Alternate colored items (all levels) */
	cursor:pointer; /* IE6 switches cursor when over border */
	background-color: #3c3c3c;	
	border-top:1px solid;
	border-bottom:1px solid;
	/* border-left:none; */ /* Causes slight misalignment */
	border-right:none;
	border-color:#444444;
}

.menu .subtitle { /* Labeled Subtitles */
	color: #ffdc00;
	font: bold Arial, Helvetica, sans-serif;
}

.menu ul li:hover, /* Mouse Hover Design */
.appmenu ul li:hover {
	color:#ffdc00;
	background-color:#331188;
	overflow:visible; /* Required by Opera, else hover styles are not displayed */
}


/* BORDER design styles (primarily for debugging) */
/* .menu ul { border:1px solid #ff00ff; } */