/* PV */

p.separator { /* separator between menu groups */
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: transparent;
/*	border-top-color: #F3F3F3;*/
}

div.sideThing { /* container for side items, menus ... */
/*	background-color: #F3F3F3;*/
	background-image: url(/images/bg.gif);
	background-repeat:repeat;
	width: 160px;
	border-top: 4px solid #8BAABF;
	border-bottom: 4px solid #496B86;
	margin-bottom: 2px;
	position: relative; /* for Tips */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
}
.sideThing p {
	padding:0px 0px 0px 10px;
	text-decoration: none;
	color: #336699;
	line-height: 1.2em;
}

/* - - - ADxMenu: BASIC styles - - - */

.sideMenu {
	width: 160px;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
	line-height: 2em;
}

.sideMenu, .sideMenu ul {	/* remove all list stylings */
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none !important;
	list-style-image: none !important;
	display: block;
}

.sideMenu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.sideMenu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.sideMenu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 5;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
	overflow:hidden; /* in case text go outside of menu*/
}

.sideMenu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	left: 100%;	/* and move them to the right of the item */
	overflow: visible; /* in case text go outside of menu*/
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.sideMenu:after, .sideMenu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.sideMenu, .sideMenu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.sideMenu ul {
	background-image: url(/images/_admin/empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

.sideMenu, .sideMenu ul li {
	background-image: url(/images/bg.gif);
	background-repeat:repeat;
	background-color: #FFF;
}

.sideMenu ul {
	width: 160px;
}

.sideMenu a {
	padding:0px 0px 0px 25px;
	text-decoration: none;
	color: #336699;
	display: block;
	background-repeat:no-repeat;
	background-position:2px .3em;
}

.sideMenu a:hover, .sideMenu li:hover>a {
	color: #FF6600;
	background-color: #FFFFFF;
}

.sideMenu li ul li {	/* side borders for submenus only */
	border: 1px solid #8BAABF;
}

.sideMenu li ul li a {	/* bg pos vertical center for submenus only */
	background-position:2px;
}

.sideMenu>li + li, .sideMenu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 1px solid #F3F3F3;
}

.sideMenu li:hover>ul {	/* inset submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

.sideMenu li#LI a {background-image:url(/images/_admin/x_LI.gif);}
.sideMenu li#LI a:hover {background-image:url(/images/_admin/x_LI-over.gif);}
.sideMenu li#FT a {background-image:url(/images/_admin/x_FT.gif);}
.sideMenu li#FT a:hover {background-image:url(/images/_admin/x_FT-over.gif);}
.sideMenu li#CA a {background-image:url(/images/_admin/x_CA.gif);}
.sideMenu li#CA a:hover {background-image:url(/images/_admin/x_CA-over.gif);}
.sideMenu li#PR a {background-image:url(/images/_admin/x_PR.gif);}
.sideMenu li#PR a:hover {background-image:url(/images/_admin/x_PR-over.gif);}
.sideMenu li#RN a {background-image:url(/images/_admin/x_RN.gif);}
.sideMenu li#RN a:hover {background-image:url(/images/_admin/x_RN-over.gif);}
.sideMenu li#MC a {background-image:url(/images/_admin/x_MC.gif);}
.sideMenu li#MC a:hover {background-image:url(/images/_admin/x_MC-over.gif);}
.sideMenu li#CM a {background-image:url(/images/_admin/x_CM.gif);}
.sideMenu li#CM a:hover {background-image:url(/images/_admin/x_CM-over.gif);}
.sideMenu li#MR a {background-image:url(/images/_admin/x_MR.gif);}
.sideMenu li#MR a:hover {background-image:url(/images/_admin/x_MR-over.gif);}
.sideMenu li#AP a {background-image:url(/images/_admin/x_AP.gif);}
.sideMenu li#AP a:hover {background-image:url(/images/_admin/x_AP-over.gif);}
.sideMenu li#EN a {background-image:url(/images/_admin/x_EN.gif);}
.sideMenu li#EN a:hover {background-image:url(/images/_admin/x_EN-over.gif);}
.sideMenu li#LK a {background-image:url(/images/_admin/x_LK.gif);}
.sideMenu li#LK a:hover {background-image:url(/images/_admin/x_LK-over.gif);}
.sideMenu li#SH a {background-image:url(/images/_admin/x_SH.gif);}
.sideMenu li#SH a:hover {background-image:url(/images/_admin/x_SH-over.gif);}
.sideMenu li#AU a {background-image:url(/images/_admin/x_AU.gif);}
.sideMenu li#AU a:hover {background-image:url(/images/_admin/x_AU-over.gif);}
.sideMenu li#CU a {background-image:url(/images/_admin/x_CU.gif);}
.sideMenu li#CU a:hover {background-image:url(/images/_admin/x_CU-over.gif);}
.sideMenu li#FH a {background-image:url(/images/_admin/x_FH.gif);}
.sideMenu li#FH a:hover {background-image:url(/images/_admin/x_FH-over.gif);}
.sideMenu li#SE a {background-image:url(/images/_admin/x_SE.gif);}
.sideMenu li#SE a:hover {background-image:url(/images/_admin/x_SE-over.gif);}
.sideMenu li#EV a {background-image:url(/images/_admin/x_EV.gif);}
.sideMenu li#EV a:hover {background-image:url(/images/_admin/x_EV-over.gif);}
.sideMenu li#VE a {background-image:url(/images/_admin/x_VE.gif);}
.sideMenu li#VE a:hover {background-image:url(/images/_admin/x_VE-over.gif);}

/* Fixed lesson right menu */
#lessonMenu {
	position: fixed;
	background-image: url(/images/bg.gif);
	background-repeat:repeat;
/*	background-color: #F3F3F3;*/
	height: 33em;
	border-top: 4px solid #8BAABF;
	border-bottom: 4px solid #496B86;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	overflow: hidden;
}
#lessonMenu p {
	color: #336699;
	font-size: 0.9em;
	font-style: italic;
	line-height: 1.2em;
}
#lessonMenu ul {
	list-style-type: none !important;
	list-style-image: none !important;
	padding: 0;
	margin: 0;
	border: 0;
}
#lessonMenu li a {
	background-repeat:no-repeat;
	padding:0 0 0 3em;
	background-position:left;
	color: #336699;
	text-decoration: none;
	display:block;
	line-height: 1.8em;
}
#lessonMenu li a:hover {
	color: #FF6600;
	background-color: #FFFFFF;
}
#lessonMenu li#int a {
	background-image:url(/images/_admin/icon_top.gif);
}
#lessonMenu li#dia a {
	background-image:url(/images/_admin/icon_dialogo2_s.gif);
}
#lessonMenu li#com a {
	background-image:url(/images/_admin/icon_commento3_s.gif);
}
#lessonMenu li#gra a {
	background-image:url(/images/_admin/icon_cuore3_s.gif);
}
#lessonMenu li#cul a {
	background-image:url(/images/_admin/icon_stella3_s.gif);
}
#lessonMenu li#att a {
	background-image:url(/images/_admin/icon_attivita4_s.gif);
}
#lessonMenu li#ese a {
	background-image:url(/images/_admin/icon_esercizi3_s.gif);
}
#lessonMenu li#esa a {
	background-image:url(/images/_admin/icon_esame3_s.gif);
}
#lessonMenu li#rec a {
	background-image:url(/images/_admin/icon_rec.png);
}
#lessonMenu li#pro a {
	background-image:url(/images/_admin/icon_pronuncia.png);
}
#lessonMenu li#pre a {
	background-image:url(/images/_admin/icon_previous_lesson.gif);
}
#lessonMenu li#nxt a {
	background-image:url(/images/_admin/icon_next_lesson.gif);
}
