/*
This style sheet is used for instance menu horizontal flyout navigation.

<!--- ---------------------------------------------------------------------
'Sites Style Sheet              CompuCraft Software Solutions (c) 1999-2006
'Date --- Init Reason------------------------------------------------------
'03/05/06 DB created new CSS to suit CDGV42 new multi-level instance menu
'---------------------------------------------------------------------- --->

note: comments starting with cw- are used by the ComWeb Style Sheet Theme (colour) Editor.
Where more than one such comment is on consecutive lines, this is for backwards compatibility.
The first of these such lines is the latest label for the Style sheet editor to display and
the latter entries are older or redundant labels.
*/

/*high level of specificity, to override the master css treatment of bulleted lists, and tighten up the spacing*/
#upperNavigation #instanceNav ul {
	list-style-type: none;
	margin: 0;
}


/*override global margin settings from within master.css to create default spacing in navigation lists*/  
#instanceNav li, 
#instanceNav a {
	margin-bottom: 0;
}




/*HORIZONTAL INSTANCE NAVIGATION MENU WITH FLYOUTS*/

/*the overall menu strip shape*/
#upperNavigation #instanceNav { 
	font-family: Arial, Verdana, sans-serif;
	position: absolute;
	left:0;
	top: 0;
	padding:  0px;
	margin: 0;
	font-size: .9em;/*safeguard in case an item is not a link, remains same size as links*/
	font-weight: bold;
	line-height: 1.3em;
	width: 100%;
	overflow: visible;/*to allow the flyouts to be seen outside the div*/
	margin-left: 0px;/*specific override*/
/* cw-Horizontal Menu Border Bottom */
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	z-index: 100;
}

  /*Targetting IE only, requires padding on all sides, whereas other browsers didn't need padding-bottom*/
* html #upperNavigation #instanceNav { 
	padding: 0px;
}

/*the overall ul  */
#upperNavigation #instanceNav ul  {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

/*each submenu ul */
#upperNavigation #instanceNav ul ul { 
/* cw-Horizontal Menu Individual Borders */
	border-color: #49494B;
	/*the top border of the submenus*/
	border-top-width: 1px;
	border-top-style: solid;
	padding: 0;
	margin: 0;
	list-style-type: none;/*for all rows subsequent to top row*/
}

/* all list items */
#upperNavigation #instanceNav li { 
	float:left;/*allows the list items to display horizontally*/
	position:relative;/*to assist with positioning of flyouts */
/*Navigation Background, keep transparent */
	background: #444444
	url(extraLargeRounded.gif) 0px -20px;
/* cw-Horizontal Menu Individual Borders */
	border-top-width: 4px;
	border-top-style: solid; 
	margin-right: 2px;/*spacing between the top-level items, is reversed for subsequent list items in a subsequent rule*/
/* cw-Horizontal Menu top-level nav top border */
	border-top-color: #FF0000; 
	margin-top:0;
	display:block;
	height: 40px;
}

#upperNavigation #instanceNav li.lastItem { 
	margin-right: 0;
}

/* all list items hover */
#upperNavigation #instanceNav li.iehover,
#upperNavigation #instanceNav li:hover {  /*list pseudo-class necessary for nav with no explicit link, but still needs the same rollover background color. Good for evry browser other than IE*/
/* cw-Horizontal Menu Links Hover */
	color: #FFFFFF;
/*nav hover colour, 1 of 2 places, see further declaration*/
/* cw-Horizontal Menu Links Background Hover */
	background-color: #333333;
	/*the trailing colour in IE, pseudo class still supports colour*/

}

/* all submenus */
#upperNavigation #instanceNav ul ul { 
	position: absolute;
/* cw-Horizontal Menu Submenu Background */
	background-color: #49494B;
	left: -999em; /* hides all submenus until required (upon rollover), using left positioning to hide menus instead of display attribute, because display:none isn't read by screen readers */
	padding:0;
	margin:0;
}

 /*Targetting IE only, not a bug, IE seems to be correct, see the rule in the immediately preceeding line above*/
* html #upperNavigation #instanceNav ul ul { /* all submenu levels beyond first level unordered lists */
	padding-right: 0px ;
}

 /* all levels of submenu, individual list items */
#upperNavigation #instanceNav ul ul li {
	border-top: none;
	padding:0;
	margin:0;
	/* cw-Horizontal Menu Submenu Items Background */
	background: #49494B 
	url(navGradient.gif) 0 0 repeat-y;
	clear:left;
	
	
	
	border-right: none;
	height: auto;
}

/* all levels of submenu, individual list items hover */
#upperNavigation #instanceNav ul ul li:hover,
#upperNavigation #instanceNav ul ul li.iehover { 
/* cw-Horizontal Menu Submenu Items Background Hover*/
	background-color: #333333;
	/*the trailing colour in IE, pseudo class still supports colour*/
	height: auto;
}

/* top-level submenus items requiring arrows */
#upperNavigation #instanceNav li.submenu { 
/*background: url(menuBulletArrowDown.gif) 100% 25%  no-repeat;*/
	}

/* second-level submenus requiring arrows */
#upperNavigation #instanceNav li.submenu li.submenu { 
	background: url(menuBulletArrow.gif) 100% center  no-repeat;
	}


	
/* all menu anchors*/
#upperNavigation #instanceNav a ,
#upperNavigation #instanceNav ul li.currentPage li a { 
	display: block;/*needed to get full 'padded' shape*/
	padding: 5px 1em;/*space above and to the sides of the anchor words*/
/* cw-Horizontal Menu Link Backgrounds */
	background-color: transparent;
	/*so that the arrows are visible in the lists behind them*/
/* cw-Horizontal Menu Links */
	color:#BBBBBB;
	text-decoration:none;
	white-space: normal;
	margin:0;
	font-weight: bold;
	/*width: auto;Firefox applies this as intended, IE fills 100% width of parent, so cannot be used, see next declaration*/
	width: 86px;/*underscore hack for IE only, send a fixed width. Additionally, IE < 7.0 always treats fixed widths as min-widths*/
	height: 30px;
}

/* menu anchors beyond top level */
#upperNavigation #instanceNav ul ul a {
	height: auto;
}


/* Highlighting the current page anchor*/
#upperNavigation #instanceNav ul li.currentPage a {
/* cw-MenuHorizontal Current Page Link Background */
	background: transparent;
/* cw-MenuHorizontal Current Page Link Text */
	color: #FFFFFF;
	font-weight: bold;
}

/* all menu anchors hover*/
#upperNavigation #instanceNav a:hover { 
/* cw-Horizontal Menu Links Hover */
	color: #FFFFFF;
	text-decoration: none;
/*nav hover colour, 2 of 2 places, see previous declaration*/
/* cw-Horizontal Menu Links Background Hover */
	background-color: #333333;

}

/* submenus requiring arrows */
#upperNavigation #instanceNav li.submenu a { 
	padding-right: 1em;/*use 1em if no bullets, or use 2em to give room for any bullet arrows*/
}

/* second-level submenus requiring arrows hover*/
#upperNavigation #instanceNav li.submenu ul li a:hover
{ /* hover on second level menu item anchor, showing any bullets or arrows */
	text-decoration: none;
/* cw-Horizontal Menu Links Background Hover */
	background-color: #333333;
/* cw-Horizontal Menu Links Hover */
	color: #FFFFFF;
	height: auto;
}

/* third-level-and-beyond lists */
#upperNavigation #instanceNav ul ul ul { 
	/*margin-top: -22px;positions the top of the flyout menus. Calculate by adding the point size plus the line height set within the initial #upperNavigation #instanceNav*/
}

/*hide all submenus until required (upon rollover)*/
#upperNavigation #instanceNav li:hover ul ul, 
#upperNavigation #instanceNav li:hover ul ul ul,
#upperNavigation #instanceNav li.iehover ul ul, 
#upperNavigation #instanceNav li.iehover ul ul ul {
	left: -999em; /* using left positioning to hide menus instead of display attribute, because display:none isn't read by screen readers */
}

 /* target submenus nested under hovered list items, ie. ALL lists from top level down */
#upperNavigation #instanceNav li:hover ul,
#upperNavigation #instanceNav li.iehover ul {
	left: 0;
}

/* target submenus nested under hovered list items, ie. ALL lists from top level down */
#upperNavigation #instanceNav li li:hover ul,
#upperNavigation #instanceNav li li li:hover ul,
#upperNavigation #instanceNav li li.iehover ul,
#upperNavigation #instanceNav li li li.iehover ul { 
	left: auto;
	top: -1px;/*a negative amount equivalent to the li border-tops, or else use 0*/
/*position how far the menu is placed to the right*/	
	margin-left: 15em;
}


/* Non-StandardV42 Additions
------------------------------------------------------------------------------------- */

/*to make the apparent width of the submenu consistent across many browsers:

/*for standards-compliant browsers*/
/*from the margin-left position of submenus, subtract  the sum of the left-padding of anchors, and the right-padding of submenu anchors*/
#upperNavigation #instanceNav ul ul a {
	width: 13em;
}

/*For ie5.x*/
/*Requires the 'comment hack' to target only ie5.x*/
/*assign the exact same width as the margin-left position of submenus*/
* html #upperNavigation #instanceNav ul ul a {
	width /**/ :15em;
}