/* ========================= Stili tabs ========================= */

/* navigazione tabs  */
.tabs { 
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	height: 31px;
}
.tabs li { 
	float:left;	 
	padding: 0 15px 0 0;
	margin: 0;
}
.tabs a { 
	position: relative;
	display: block;
	padding: 0 28px;
	border: 1px solid #c3c9cf;
	margin: 0;	
	height: 30px;
	font-family: "myriad-pro", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 30px;
 	text-align: center;	
	text-decoration: none;
}
.tabs a:active {
	outline: none;		
}
.tabs a:hover {
	color: #63699c
}
.tabs .current, .tabs .current:hover, .tabs li.current a {
	border-bottom: 1px solid #fff;
	cursor: default !important; 
	color: #c3c9cf !important;
}

/* area contenitori tabs */
.panes div {
	display: none;		
	padding: 14px;
	border: 1px solid #c3c9cf;
}
.panes .pane {
	display:none;		
}

/* ========================= Stili calendar ========================= */
.date {		
	float: left;
	display: block;
	border: 1px solid #ccc;
	background: #eee;
	cursor: pointer;
}
.date:focus {		
	background: #fff;
}
/* date input trigger element */
.caltrigger {
	display: block;
	margin: 5px 0 0 -25px;
	width: 30px;
	height: 30px;
	float: left;
	background: url(../img/calendar.png) no-repeat 0 0;
}
.caltrigger:focus {
	outline: 0;
}
.active .caltrigger {
	background-position: 0 -45px;		
}

/* calendar root element */
#calroot {
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	width: 350px;	
	background: #fff;
	z-index: 1000;
	-moz-box-shadow: 3px 3px 12px rgba(33,33,33,0.5);
	-webkit-box-shadow: 3px 3px 12px rgba(33,33,33,0.5);
	box-shadow: 3px 3px 12px rgba(33,33,33,0.5);
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
	position: relative;	
	height: 50px;
} 

#caltitle {
	position: absolute;
	left: 50px;
	top: 0;
	width: 250px;
	color: #333;	
	font-size: 18px;
	line-height: 50px;
	text-align: center;
}

#calnext, #calprev {
	display: block;
	width: 50px;
	height: 50px;
	cursor: pointer;
}
#calprev {
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url(../img/prev.png) 0 0 no-repeat;

}
#calnext {
	position: absolute;
	right: 0;
	top: 0;
	background: transparent url(../img/prev.png) 0 -50px no-repeat;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility: hidden;	
}

/* year/month selector */
#caltitle select {
}

/* names of the days */
#caldays {
	height: 30px;
	border-bottom: 1px solid #ccc;
}

#caldays span {
	display: block;
	float: left;
	width: 50px;
	height: 30px;
	font-size: 18px;
	text-align: center;
	color: #666;
}

/* container for weeks */
#calweeks {
	margin-top: 9px;
}

/* single week */
.calweek {
	clear: left;
	height: 50px;
}

/* single day */
.calweek a {
	display: block;
	float: left;
	margin: 1px;
	border: 1px solid #ccc;
	width: 46px;
	height: 46px;
	background: #ddd;
	color: #333;
	font-size: 18px;
	line-height: 46px;
	text-align: center;
	text-decoration: none;
} 

/* different states */
.calweek a:hover, .calfocus {
	border: 1px solid #f00;
	color: #f00;
}

/* sunday */
a.calsun {
	color: #bbb;		
}

/* offmonth day */
a.caloff {
	background: #f6f6f6;	
	color: #666;
}

a.caloff:hover {
	border: 1px solid #f00;
	color: #f00
}


/* unselecteble day */
a.caldisabled {
	border: 1px solid #ccc!important;
	background-color: #fff !important;
	color: #ccc	!important;
	cursor: default;
}


/* current date */
#calcurrent {
	border: 1px solid #c00;
	background-color: #f00;
	color: #fff;
}

/* today */
#caltoday {
	color: #f00;
}

/* stili validazione form */
.error {
	padding: 4px 10px;
	border: 1px solid #c00;
	height: 15px;
	background-color: #f00;
	font-size: 12px;
	color: #fff;
	display: none;	
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px; 
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topleft: 0;	
	-webkit-border-bottom-left-radius: 0; 
	-webkit-border-top-left-radius: 0;
}

.error p {
	margin:0;		
}