@charset "UTF-8";

/* navigation.css
$Revision: 1.0 $
(c) 2008 Fortinet. All rights reserved. 
*/


/* Navigation Styles ------------------------------------------- */
#nav_bar {
	clear: both;
	background: url(../../images/fortinet/menu_bkrd.jpg) repeat-x;
	height: 26px;
	width: 100%;
}
#navigation {
	padding: 0 0 0 10px;
}
#nav, #nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	padding: 0 0 0 0; /* 0 0 0 0.5em; */
	margin: 0; /* 0 0 1em 0; */
	/* border: solid 1px #33FF00; /* (Green) remove this item after testing */
	width:auto;
}

#nav a {
	font: 11px/12px Tahoma, Arial, Helvetica, Verdana, sans-serif;
	color: #6a737b;
	display: block;
	width: 150px; /* 6em; 3em; 10em -- 150px*/
	text-decoration: none;
	padding: 7px 10px 4px 6px; /* 0.5em 3.5em 0.2em .5em; 0.4em 0 0.2em 0; // 0.4em 2em 0.2em 2em; // 0.5em 2em; */
	 margin: 0px; /* 0.5em 2em;  uncommented - fixes extra space on right for IE  0 0 0 1px */
	/* border: solid 1px #FF0000; /* (Red) remove this item after testing */
}

#nav a.top_nav {
	font: 12px Arial, Helvetica, sans-serif;
	color: #6a737b;
	text-align: center;
	width: 90px;
	margin: 0;
	padding: 6px 0 4px 0;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap; /*  */
}

#nav a.nav_parent {
	background: url(../../images/fortinet/rightarrow.gif) center right no-repeat;
	/* white-space: nowrap; /*  */
	/* border: solid 1px #FFFF00; /* (yellow) remove this item after testing */
}

#nav li {
	/*float: left;*/
	padding: 0;
	/* width: 150px; /* 7.5em; 10em; 12em  178px; this has no affect whatsoever */
	/* border: solid 1px #FFFF00; /* (yellow) remove this item after testing */
}

#nav li.top_nav {
	width: 90px; /* 7.5em; 10em; 12em*/
	float: left;
	padding: 0;
	/* border: solid 1px #0000FF; /* (blue) remove this item after testing */
}

#nav li ul {
	position: absolute;
	z-index: 100;
	left: -999em;
	height: auto;
	 width: 160px; /* 14.4em;  175px*/
	font-weight: normal;
	/* border-width: 0.25em; /* remove the comments after testing...  maybe not needed */
	margin: 0; 
	background: #cfd4d8;
	/* border: solid 1px #CC00FF; /* (hot pink) remove this item after testing */
}

#nav li ul a {
	text-align: left;
}

#nav li li {
	/* padding-right: 4px !important; /* 1em */
	padding-right: 2px; /* 1em */
	 width: auto; /* 164px; */
	/* border: solid 1px #003300; /* (dark green) remove this item after testing */
	 border: solid 1px #cfd4d8; /*  this fixes an odd IE spacing issue */
}

#nav li ul a {
	width: 138px;
	/* width: 138px !important; /* firefox/chrome */
	/* width: 158px; /* IE */
	/* border: solid 1px #FFFFCC; /* (ivory) remove this item after testing */
}

#nav li ul ul {
	margin: -24px 0 0 158px !important;
	margin: -24px 0 0 154px;
	/* margin: -23px 0 0 175px; /* -1.75em 0 0 14em; */
	/* border: solid 1px #00FFFF; /* (cyan) remove this item after testing */
}

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

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #ccc; /* #cfd4d8*/
}
#nav a:hover{ /* New Item Added */
	color: #ef4035;
}
#nav li.nav_separator {
/*	border-bottom: solid 1px #6a737b; */
	margin: 2px 0 2px 0;
}