/* calendario */
#abcalendrier table {width:175px; border-collapse: collapse; margin: 0 auto}

table#abcal_table {margin-top: 5px;}
table#abcal_table td {height: 20px; border: solid 1px #BEC3C8; font-size: 13px; line-height: 20px;}


#abcalendrier{
text-align: center;
width: 250px;
padding-top: 38px;
}
#abcalendrier table tr{
	text-align:center;
}
#abcalendrier table th{
	width:14%;
	font-size: 11px; font-weight: bold;
}
#abcalendrier table td{
	vertical-align:top;
	font-size:12px;
}
/* classe del numero del giorno odierno*/
.today{
	text-decoration:none;
	font-weight:  bold;
	background: #fff;
}
table#events{
	width:90%;
	}
table#events td.date{
	text-align:left;
	vertical-align:top;
	white-space:nowrap;
	font-style:italic;
	font-size:100%;
	}
table#events td.eventtitle{
	text-align:left;
	vertical-align:top;
	}

#abcalendrier a:link, #abcalendrier a:active, #abcalendrier a:visited {
	background-color: transparent;
	background-image: none; 
	display: inline;
	border:none;
	margin:0;padding:0;
	font-size:11px;
	font-weight:bold;
	
}


#abcalendrier table a{
	font-weight:bold;
	text-decoration:none;
	color:#001E3A;
	font-size:11px;
}

#abcalendrier table a.evento_uno {background-color: #4989DE; width: 25px; height: 20px; font-size: 11px; font-weight: bold; display: block; color: #FFFFFF }


/*********************************************/

/*rimuoviamo le rientranze ed i punti elenco
e definiamo la larghezza delle  voci di menu.
*/
#abcalendrier ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align:left;
	/*width: 150px;
	border-bottom: 1px solid #ccc;*/
	}
/*
posizionamento voci elenco.
impostare la posizione come relative
per poi posizionare i sotto menu in modo assoluto.
*/
#abcalendrier ul li {
	position: relative;
	}
/*
sotto menu.
*/
#abcalendrier li ul {
	position: absolute;
	left: 20px;
	top: 0;
	display: none;
	width: 140px;
	}
/* comparsa su mouse over*/
#abcalendrier li:hover ul, #abcalendrier li.over ul {
	display: block; }

/*
collegamenti ipertestuali:
impostare display "block" in modo che ciascuno occupi una riga

Per uno strano bug in IE6, Bisongna impostare un sfondo a li a, altrimenti quando un sotto menu è più lungo del menu stesso, i collegamenti iniziano a sparire prima che abbiate il tempo di cliccarci sopra.

*/
/*primo livello*/
#abcalendrier ul.multievent li a, #abcalendrier ul.multievent li a:hover {
	text-decoration: none;
	color: #ffffff;
	display: block;
	background-color: #4989DE;
	background-image: none; 
	}
/*secondo livello*/
#abcalendrier .multievent ul li a{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #4989DE;
	padding: 5px;
	border: 0;
	background-image: none; 
	/*white-space:nowrap;*/
	}
	#abcalendrier ul.multievent li {text-align: center;}
	#abcalendrier ul.multievent li ul li {text-align: left; padding-left: 5px;}
	#abcalendrier ul.multievent li a {width: 100%;}
	#abcalendrier ul.multievent li a:hover {text-decoration: underline;}
	#abcalendrier ul.multievent li ul li a {width: 100%; color: #ffffff;}
	#abcalendrier ul.multievent li ul li a:hover {text-decoration: underline; color: #001E3A;}
/*
IE per Windows interpreta le interruzioni di riga presenti nel nostro codice HTML tra le voci dell'elenco come spazio bianco,
e di conseguenza in questo browser le voci non stanno correttamente una sotto l'altra. Ad ogni modo, c'è un modo per aggirare questo bug di IE:

Holly Hack: http://www.positioniseverything.net/
*/

/* Fix IE. Hide from IE Mac \*/
* html #abcalendrier ul li { float: left; height: 1%; }
* html #abcalendrier ul li a { height: 1%}
/* End */