/* controlla le liste */
ul.vertical, ul.vertical li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%; /* sistema il bug di IE su win che scala il testo in modo non lineare */
	}


/* navbar list */
ul.vertical {
	position:absolute;
	z-index:1000;
	cursor:default;
	
	/* navbar width:6em */
		/* larghezza binario sinistro - border-left */
	width: 6em;

	/* navbar left e top
	   non include la compensazione di 1px
	   al TOP, per la caduta del bordo di list-item 
	   (1px di solito è circa 0.05em) 
	left:1em;
	uso border-left anziché left
	top:4.05em;
	uso margin-top anziché top
	*/
	border-left:65px solid #222; /* scosta il menu da sx x fare spazio al puntatore 						SFONDO MENU */
	margin-top:5px;
	
	float: left;
	font-family: Tahoma, Verdana, Sans-serif; /* FrnkGothITC Bk BT, Franklin Gothic Book, */
	font-size: 0.8em;
	color: #fff;
	background-color: #222;	/*																		 		SFONDO MENU */
	}

/* navbar list-items */
ul.vertical li {
	position:relative;
	text-align:left;
	cursor:pointer;
	cursor:hand;
	
	/* duplico navbar width */
	width:6em;
	
	/* shift dei list-items per coprire i bordi verticalmente */
	margin:-1px 0 0 0;
	}


/* menu lists */
ul.vertical ul {
	z-index:1020;
	cursor:default;
	position:absolute;
	background-color: #444;	/* 															 				SFONDO SUBMENU */
	
	/* menu width */
	width:15em;
	
	/* menu offset, che già comprende 1px di compensazione 
	   sul TOP, per la caduta di bordo dei list-item */
	margin:-0.5em 0 0 4.5em;
	/* sovrapporre i menu migliora l'usabilità */
	
	/* 
	metto il menu fuori dallo schermo per nasconderlo 
	perché usando display, visibility, overflow o clip,
	lo nasconderei anche agli screenreader 
	*/
	top:-100em;
	
	/* sposto il menu to recuperare i bordi di navbar->menu */
	left:-1px;
	
	/* compensa la caduta di bordo del list-item */
	padding:1px 0 0 0;
	border-left:solid 0.5em #444;	/* 															 				SFONDO SUBMENU */
	}
	
/* menu list-items */
ul.vertical ul li {
	/* duplico la width del menu */
	width:15em;
	border-left: solid 1em #444;	/* 															 				SFONDO SUBMENU */
	background-color: #444;			/* 															 				SFONDO SUBMENU */
	}
	
ul.vertical ul li.subTit {
	font-weight: bold;
	padding-top: 2px;
	margin-left: -1em;
	color: #fff;
	background-color: #444;			/* 															 				SFONDO SUBMENU */
}

/* offset di ulteriore submenu */
ul.vertical ul ul {
	/* comprende già 1px di compensazione 
	   per la caduta del bordo del list-item */
	margin:-0.5em 0 0 7.7em;
	/* sovrappongo x usabilità */
	}


/* menu triggers -- riportare i menu sullo schermo 
   li nasconde da safari < 1.2 a causa del noto bug "sticky hover" 
   che renderebbe difficile o impossibile chiudere i menu 
   quindi lo nascondo usando l'hack "@media with Media Type in Mixed Case"
   info: http://www.dithered.com/css_filters/css_only/media_mixed_case.html */
@media Screen, Projection { 
	ul.vertical li:hover > ul { top:0; }
	}


/* links */
ul.vertical a, ul.vertical a:visited {
	display:block;
	cursor:hand;
	background:#222;			/* 															 				SFONDO MENU */
	border:1px solid #222;		/* 															 				SFONDO MENU */
	padding: 0px;
	text-decoration: none;
	color:#fff;
	}
	
/* rollover delle pseudo-classi, e persistenza della classe di script */
ul.vertical a:hover, ul.vertical a:focus, ul.vertical a.rollover, ul.vertical a.rollover:visited {
	background:#222;			/* 															 				SFONDO MENU */
	color:#ff1493;
	}

/* i due sopra... per il sublevel */
			/* links */
			ul.vertical ul a, ul.vertical ul a:visited {
				display:block;
				cursor:hand;
				background:#444;		/* 													 				SFONDO SUBMENU */
				border:1px solid #444;	/* 													 				SFONDO SUBMENU */
				padding: 0px;
				text-decoration: none;
				color:#fff;
				}
				
			/* rollover delle pseudo-classi, e persistenza della classe di script */
			ul.vertical ul a:hover, ul.vertical ul a:focus, ul.vertical ul a.rollover, ul.vertical ul a.rollover:visited {
				background:#444;		/* 													 				SFONDO SUBMENU */
				color:#ff1493;
				}


/* hack per win/ie per risolvere il bug 'excess hidden margins' */
@media screen, projection {
	* html ul.vertical li {
		/* x ie5.0 */
		display:inline; 
		/* x ie5.5+ */
		f\loat:left; 
		/* questo risolve il bug 'events fall through the menu' in ie6 */
		background:#ffffff; 
		}
	}
	
/* uso posizionamenti comparativi differenti for ie, 
   per evitare problemi con il posizionamento z-ordering */
* html ul.vertical li { position:static; }
* html ul.vertical a { position:relative; }

/* nascondo i menu a konqueror < 3.2 */
ul[class^="vertical"] ul { display:none; }
ul[class^="vertical"] ul { displa\y:block; }