.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
/* These rules correspond to the "pure CSS menu" technique that have been evolving over the past several years. */ 
/* See WhitePaper.aspx for details. */

div.TopNavContainer
{
	height: 36px;
	display: block;
	
	background-position: bottom left;
	background-repeat: repeat-x;
	background-image: url(/_layouts/hpb/images/topnavgradientborder.gif);
	
	/*
	border-top: 1px solid #A1A1A1;
	border-bottom: 1px solid #A1A1A1;
	*/
}

ul.AspNet-Menu
{
	margin: 0px;
	padding: 0px;
}

ul.AspNet-Menu li
{
	list-style-type: none;
	padding: 0px;

	/*
	background-position: bottom left;
	background-repeat: repeat-x;
	background-image: url(/_layouts/hpb/images/topnavgradient.gif);
	*/
	
	border-top: 1px solid #A1A1A1;
	border-right: none;
	border-top: 1px solid #A1A1A1;
	border-left: none;
}

ul.AspNet-Menu span.AspNet-Menu-Bundler li,
ul.AspNet-Menu span.AspNet-Menu-Bundler:hover li,
ul.AspNet-Menu span.AspNet-Menu-Bundler-Hover li
{
	 direction: rtl; 
	/* to make the flyout go backwards */
}

ul.AspNet-Menu span.AspNet-Menu-Bundler li div
ul.AspNet-Menu span.AspNet-Menu-Bundler-Hover li div
{
	/* position: fixed; */
	/* margin-left: 100; */
	direction: rtl;
}

ul.AspNet-Menu li li
{
	background-image: none;
	background-color: white;
	border: none;
}

ul.AspNet-Menu li a 
{
	display: block;
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren 
{
	float: left;

	/* Put extra 1px padding on the sides to be removed when the borders are added so nothing moves */	
	padding: 0px 1px 0px 1px;
	
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren,
ul.AspNet-Menu li.AspNet-Menu-WithChildren-Hover,
ul.AspNet-Menu li.AspNet-Menu-Leaf,
ul.AspNet-Menu li.AspNet-Menu-Leaf-Hover
{
	line-height: 31px;
}

ul.AspNet-Menu li li.AspNet-Menu-Leaf,
ul.AspNet-Menu li li.AspNet-Menu-Leaf-Hover
{
	line-height: 20px;
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren a
{
	/* these pixels will vary with the font size */
	/* padding: 8px 19px 8px 19px; */
	padding: 0px 8px;
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren li.AspNet-Menu-Leaf
{
	padding: 0px;
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren:hover,
ul.AspNet-Menu li.AspNet-Menu-WithChildren-Hover,
ul.AspNet-Menu span.AspNet-Menu-Bundler:hover li.AspNet-Menu-WithChildren,
ul.AspNet-Menu span.AspNet-Menu-Bundler-Hover li.AspNet-Menu-WithChildren,
ul.AspNet-Menu span.AspNet-Menu-Bundler:hover li.AspNet-Menu-WithChildren:hover, /* don't know if these are necessary*/
ul.AspNet-Menu span.AspNet-Menu-Bundler:hover li.AspNet-Menu-WithChildren-Hover,
ul.AspNet-Menu span.AspNet-Menu-Bundler-Hover li.AspNet-Menu-WithChildren:hover,
ul.AspNet-Menu span.AspNet-Menu-Bundler-Hover li.AspNet-Menu-WithChildren-Hover
{
	float: left;
	
	/* 
		Remove the extra pixel from each side to make horizontal room for the border. 
		Add a few pixels to the bottom so there's no break between the li border and the div border.
	*/
	padding: 0px 0px 4px 0px;
	
	background-image: none;
	background-color: #FFFFFF;
	
	border-right: 1px solid #A1A1A1;
	/* if you override border-bottom with none or 0, firefox still displays inherited settings */
	/* border-bottom-style: none; */
	border-left: 1px solid #A1A1A1;
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren div 
{
	display: none;
	
	border-top: none;
	border-right: 1px solid #A1A1A1;
	border-bottom: 1px solid #A1A1A1;
	border-left: 1px solid #A1A1A1;
	
	background-color: #FFFFFF;
	margin: 4px 0px 0px -1px; /* to account for the 1px border so the line is unbroken */
	position: absolute;
	
	padding: 5px 10px 12px 0px;
}

/* don't know why, but the rtl flyout doesn't get pushed down as far */
ul.AspNet-Menu span.AspNet-Menu-Bundler li.AspNet-Menu-WithChildren div
{
	margin-top: 5px;
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren:hover div,
ul.AspNet-Menu li.AspNet-Menu-WithChildren-Hover div,
ul.AspNet-Menu span.AspNet-Menu-Bundler:hover li.AspNet-Menu-WithChildren div,
ul.AspNet-Menu span.AspNet-Menu-Bundler-Hover li.AspNet-Menu-WithChildren div
{
	display: block;
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren ul 
{
	float: left;
	margin: 0px 6px 0px 16px;
	padding: 0px;
}

ul.AspNet-Menu li.AspNet-Menu-Leaf img
{
	border: 0;
	vertical-align: middle; 	
	padding: 0px 0px 0px 2px;
	/* height: 26px; */
}

ul.AspNet-Menu li a 
{
	font-family: verdana;
	font-size: 14px;
	color: #7D7D7D;
	text-decoration: none;
}

ul.AspNet-Menu li.AspNet-Menu-WithChildren li a
{
	font-size: 12px;
	color: #7D7D7D;
	padding: 0px;
}

ul.AspNet-Menu li.AspNet-Menu-Current a 
{
	font-size: 11px;
	color: #0B2777;
	padding: 0px;
}

ul.AspNet-Menu li li.AspNet-Menu-Leaf a:hover,
ul.AspNet-Menu li li.AspNet-Menu-Leaf-Hover a:hover,
ul.AspNet-Menu li li.AspNet-Menu-Leaf a.AspNet-Menu-Link:hover
{
	color: #0B2777;
	text-decoration: underline;
}