/*
-----------------------------------------------
Navigation
----------------------------------------------- */

/* navigation (horizontal subnavigation)
----------------------------------------------- */
ul.nav,
ul.nav * { margin:0;padding:0; /*font-size:12px;*/ }
ul.nav { position:relative; background:#222 url(../img/main_menu.gif) no-repeat top left; max-width:100%; height:2.5em; }
ul.nav li {	cursor:pointer; float:left; text-align:center; list-style-type:none; font-weight:normal; }
ul.nav li ul { cursor:default; width:100%; max-width:100%; position:absolute; height:auto; top:2.5em; background-position:0 0 !important; left:-9000px; }
ul.nav li ul li { padding:0; border:none; width:auto; max-width:none; }
ul.nav li a { color:#fff; background:#666; font-weight:bold; text-decoration:none; display:block; float:left; padding:0 1em; height:2.4em; line-height:2.5em; }
ul.nav li ul li a { position:relative !important; /* ie Mac */ cursor:pointer !important; white-space:nowrap; line-height:2em; height:2em; font-weight:normal; color:#666; background-position:0 50% !important; }

ul.nav li:hover a,
ul.nav li a:hover,
ul.nav li a:focus {color:#000; background:#ccc;}
ul.nav li a:active {color:#666; background:#fff;}
ul.nav li:hover ul {left:0;z-index:10}
ul.nav li ul,
ul.nav li {background:#ccc !important}
ul.nav li:hover ul li a {color:#444;}
ul.nav li:hover ul li a:hover {color:#000; background:#fff;}
ul.nav li:hover ul li a:active {color:#666; background:#fff;}

ul.nav li.current a {color:#666; background:#fff; cursor:default; font-weight:bold;}
ul.nav li.current ul {left:0;z-index:5}
ul.nav li.current ul,
ul.nav li.current {background:#ccc !important}
ul.nav li.current ul li a {color:#444; background:#ccc; font-weight:normal;}
ul.nav li.current ul li a:hover {color:#000; background:#fff;}
ul.nav li ul li.current a,
ul.nav li ul li.current a:hover,
ul.nav li.current:hover ul li a:active {color:#666; background:#fff;}


/* navigation (vertical subnavigation)
----------------------------------------------- */
ul.nav { /*background:#666;*/ background:#222 url(../img/main_menu.gif) no-repeat top left; }
ul.main li { position:relative; top:0; left:0; }
ul.main li ul { border-top:0; }
ul.main li ul li { float:left; }
ul.main li a { height:2.5em; line-height:2.5em; border:0; color:#fff; /*background:#666;*/ background:#222 url(../img/main_menu.gif) no-repeat top left; }
ul.main li ul li a { width:12em; line-height:2em; height:2em; text-align:left; color:#fff; border-top:1px solid #444; background:#444; }
ul.main li a:focus { color:#fff; background:#666; }
ul.main li ul li a:hover { color:#fff; background:#555; }
ul.main li:hover a { /*color:#fff;*/ background:#555; color:#ffcc33; }
ul.main li:hover ul li a { color:#fff; }
ul.main li:hover ul li a:hover { /*color:#fff;*/ background:#444; color:#ffcc33; }
ul.main li:hover a:active { background:#444; }
ul.main li:hover ul li a:active { color:#fff; background:#222; }


/* secondary list
----------------------------------------------- */
ul.nav li.secondary {
	float:right;
	color:#cde;
	background:transparent !important;
}
ul.nav li.secondary span.status {
	float:left;
	padding:0 1em;
	line-height:2.77em;
	height:2.77em;
  font-size:0.9em;
}
ul.nav li.secondary span.status a {
	float:none;
	display:inline;
	padding:0;
	height:auto;
	line-height:auto;
	color:#cde;
	background:transparent;
}
ul.nav li.secondary span.status a:hover {
	color:#fff;
	background:transparent;
}
ul.nav li.secondary span.status span {
	text-transform:capitalize;
}
ul.nav li.secondary:hover a {
	/*color:#fff;*/ color:#ffcc33;
	background:#666;
}
ul.nav li.secondary:hover a:hover {
	background:#555;
}
ul.nav li.secondary:hover a:active {background:#444;}