.calendar {
	margin-top:10px;
	width:250px;
	display:inline;
	font:small/1.4em Arial,Helvetica,Sans-serif;
	padding-bottom:0px !important;
	margin-bottom:0px;
}
.calendar .header {
	background:#e8e7e7;
	font-weight:bold;
	text-align:center;
	margin:0px;
	padding:0px;
	height:auto;
	color:black;
}
.calendar .header a {
	color:black;
}
.calendar .header a.prev {
	float:left;
	background:url(../images/cal_arrows.gif) left center no-repeat;
	padding-left:14px;
	margin-left:4px;
}
.calendar .header a.next {
	float:right;
	background:url(../images/cal_arrows.gif) right center no-repeat;
	padding-right:14px;
	margin-right:4px;
}

.calendar table {
/*	border-collapse:separate !IMPORTANT;*/
	width:100%;
}

.caltable{
	border-spacing:2px;
}

/*Giorni della settimana*/
.calendar table th {
	font:bold 8pt Arial;
	text-align:center;
	padding:0px;
	height:20px;
	width:14%;
	color:#000000;
}

.calendar a { 
	color: #fff;
}

/* la colorazione del giono corrente è in calendario.aspx*/
/*bordo del giono settimana*/
.daystyle
{
	font-weight:bold!important;
	font-size:12px;
	height:8px;
	width:10px;
	border:solid 1px #6a0909!important;
	}


	
.calendar table td {
	/*Colore dell'header del calendario*/
	border:solid 1px #000000;
	text-align:center;
	padding:0px;
	/*Colore del mese principale*/
	color:white;
	height:22px;

	margin:5px;
	border-collapse:separate;
}
.calendar table {
	border-collapse:separate;
}

/*header del calendario mese successivo e prec*/
.calendar table td.NextPrevStyle
{
	background-color:#000000;
	border:1px solid #000000;
	font-size:14px;
	text-transform:capitalize;
	padding:0px 3px;
	width:5px;
}
.calendar table td.NextPrevStyle a .left,.calendar table td.NextPrevStyle a .right{
	margin-top:5px;
	}
	
.calendar table td.NextPrevStyle a .left{
	padding-left:10px;
	border:none;
	}
	
.calendar table td.NextPrevStyle a {
	border:none;
	/*colorazione dei mesi prec e succ*/
	color:#bb0a0a !important;
	font-weight:bold!important;
}

.calendar table td.otherday{
	color:#CCC !important;
	visibility:hidden;

		
}
.calendar table .TitleStyle
{
	background-color:#000000;
	border:1px solid #000000!important;
	text-transform:capitalize;
	font-size:14px!important;
	font-weight:bold!important;

		
}

/*giorni della settimana*/
.calendar table th.DayHeaderStyle{
	height:20px;
	margin-bottom:-2px;
	color:#fff;
	border-bottom:1px solid #6A0909;

}


.calendar table td.sel {
	border:solid 1px black;
	background:url(../images/cal_sel.gif) 0px 0px;
}
.calendar table td a {
	font-weight:normal;
	display:block;
	height:20px;
	line-height:20px;
	color:white;
}


#calendar_div, #calendar_div td, #calendar_div th {
	margin:0;
	padding:0;
}
#calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar {
	width:250px;
	border-collapse:separate;
	margin:0;
}

.calendar td {
	padding:0;
}
.calendar td a span{display: none}
.calendar td a:link, .calendar td a:hover,.calendar td a:visited
{
	text-decoration:none;
	color:#000 !important;
	position:relative; 
    z-index:24;
   }
	
.calendar td a:hover
{ 
	display: block; 
    z-index: 25;
    margin: 0;
	text-decoration:none;
	
	width:auto;
	height:auto;}
	

	
.calendar td a:hover span{ /*lo span verrà mostrato solo sullo stato :hover */
    display: block; 
    position:absolute;
    top: 2em; 
    left: 2em; 
    width: 180px;
    border: 1px solid #E8E7E7; /*
    background-color: #E2CDAB; */
    padding:8px;
    font-size: 12px;
    text-align: center;
    color:#f7f7f7}