/* Datepicker
----------------------------------*/
.ui-datepicker { width: 220px; /*padding: .2em .2em 0; */position:relative;}
.ui-datepicker .ui-datepicker-header { position:relative; clear:both; height: 1.9em; padding: 0.2em 0 0.2em 10px; width:210px; }
.ui-datepicker .ui-datepicker-header { _width:230px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { /*position:absolute;*/ top: 2px; width: 1.8em; height: 1.8em; cursor:pointer; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px;float:left; }
.ui-datepicker .ui-datepicker-next { right:2px; float:right; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title a{color: #FFFFFF; text-transform: uppercase; font-weight: bold; font-size: 1.2em;}
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 220px; font-size: .9em; border-collapse: collapse; margin:0 10px; }
.ui-datepicker th { padding: 1em 0; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 0.1em 0;width:30px; }

/*.ui-datepicker td span,*/ 
.ui-datepicker td a { display:block;margin:3px 5px;padding:3px;text-align:center;text-decoration:none; }

.ui-datepicker td a div{
	font-size:9px;color:#888 !important;line-height:12px; padding: 0 0 0 15px; position: relative; z-index: 10001;
}
.ui-datepicker td a div span.titolo{
	font-size:13px;color:#FFF;font-style: normal;line-height: 16px; margin-left:-5px
}

.ui-datepicker td a div span.titolo span.spanner,
.legend span.spanner{display:block;float:left;width:14px;height:14px;margin-right:10px;margin-bottom:32px;background:#42627D url(../images/day_events_inv.png) no-repeat scroll right bottom;}
.orange{background:#fda908 url(../images/day_events_inv.png) no-repeat scroll right bottom !important}
.grey{background: #e4e8eb url(../images/day_events.png) no-repeat scroll right bottom !important;color:#0b2a3f !important}

.spanblue{background:#42627D url(../images/day_events_inv.png) no-repeat scroll right bottom;}
.spanorange{background:#fda908 url(../images/day_events_inv.png) no-repeat scroll right bottom;}
.spangrey{background:#e4e8eb url(../images/day_events.png) no-repeat scroll right bottom;}
.spangrey span.dayy{color:#42627D !important}

a.ui-state-default{
	z-index:10;
	position:relative;
	top:0;
	left:0;
}
a.ui-state-default:hover{
	z-index:100;
}			
a.ui-state-default div{
	display: none;
	text-align: left;
}
a.ui-state-default:hover{
	background:#333333 !important;
	color:#E5E8EA !important;
}

a.spangrey:hover span.dayy{
	color:#FFF !important;
}
a.ui-state-default:hover div{
	display:block;
	position:absolute;
	float:left;
	bottom:0px;
	right:18px;
	background:#333333;
	border:1px solid #444;
	color:#fff;
	padding:8px 12px;
	z-index:10;		
	width: 247px;
	font-family: georgia;
}

td.ui-datepicker-current-day a{
	border:0;  
}
td.ui-datepicker-current-day a span{
	color:#000 !important; 
}
td.ui-datepicker-current-day a.ui-state-active span{
	color:#0b2a3f !important;
}
td.ui-datepicker-current-day a.ui-state-hover span{
	color:#fff !important;
}
.ui-datepicker-calendar th span{color:#0b2a3f}
.ui-datepicker-calendar td span{color:#fff}
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}