/* define background image for special states - I use one single image that holds all the colors */
.cal_month ul li.booked_am,
.cal_month ul li.booked_pm,
.cal_month ul li.booked_pr_am,
.cal_month ul li.booked_pr_pm	{	background-image:none; color: #59DAFF;}	

#cal_wrapper{
	font: 11px/1.6 Arial, sans-serif;
	color: #444;
	width:250px;
	height:440px;
	padding:10px 0 10px 10px;
	margin:20px auto;
	background-color:#f3f3f3;
	overflow:hidden;
	}
#the_months{
	float:left; 
	}
.clear{	clear:both;}
#ajax_message{
	text-align:center;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background: #FFFFEE;
	float:left;
	margin-left:10px;
	width:260px;
	}
/* month loading animation - push to center*/
.img_loading_month{
	margin:50px;
	}
/*
calendar key
***************************/

#key_wrapper{
	float:left;
	text-align:center;
	margin-left: 10px;
	display:none;
	}
#key{
	width:122px;
	background: #EEE;
	color:#111;
	}
#key .cal_title{
	color:#FFF;
	}
#key ul{
	text-align:left;
	}
#key ul li{
	float:none;
	}
#key ul li span{
	margin-left:24px;
	width:100px;
	text-align:left;
	display:block;
	}
#key #footer_data{
	font-size:0.7em;
	clear:both;
	}

/*
calendar controls (back and next)
***************************/
#cal_controls{
	margin-bottom:3px;
	float:right;
	width:100px;
	height:50px;
	}
#cal_controls #cal_prev{
	float:left;
	background:url(../img/icons/calendar_left.png) 0 0 no-repeat;
	width:50px;
	height:50px;
	}
#cal_controls #cal_next{	
	float:left;
	background:url(../img/icons/calendar_right.png) 0 0 no-repeat;
	width:50px;
	height:50px;
	}
#cal_controls #cal_admin{
	float:left;
	margin-left:10px;
	}

/*
calendar month styles
***************************/
.cal_month{
	/* month div*/
	width:140px;
	line-height:20px;
	float:left;
	height: 50px;
	
	}
	

.cal_month .cal_title{	
font-size: 24px;
	line-height: 55px;
	color: #59daff;
	background: url("../img/bg/underline_big.png") no-repeat bottom left;
	font-family: Lekton, Arial, Sans-serif;	
}

	
#key .cal_title,{
	border-bottom: 1px solid #CCC;
	padding:2px;
	text-align:center;
	color:#000;
	font-size:12px;
	}	
.cal_month ul{
	clear:both;
	list-style:none;
	margin:0px;
	padding:4px;
	margin:auto;
	width:250px;
	color:#FFF;
	
	}
.cal_month ul li{
	float:left;
	/*width:38px;*/
	width: 32px;
	height:38px;
	margin-right:1px;
	margin-bottom:1px;
	text-align:center;
	color:#444;
	font-family: Lekton, Arial, Sans-serif;
	font-size:17px;
	line-height:38px;
	}

/* day titles (m,t,w etc. */
.cal_month ul.cal_weekday li{	
color: #59daff;
/* background-color: #006699; */
/* border: 1px solid #006699; */
/* display: none; */
font-weight: normal;
	}
/* no month date */
.cal_month ul li.cal_empty{		
	background-color:none;
	border:none;
	color:#f3f3f3;
	}

.cal_month ul li.booked {
color: #59daff;	
}		/* complete day booked */
.cal_month ul li.booked_pr		{	
color: #59daff;
	}		/* complete day provisionally booked */

.cal_month ul li.past		{	opacity: 1;	}		/* ajoute la transparence au dates passées */


/*
calendar date styles
class name must be the same as defined in admin panel
***************************/

.cal_month ul li.offer			{	color: #59daff;		}
.cal_month ul li.changeover		{	color: #59daff;		}
	
/* position background image for each state - adjust to your image */
.cal_month ul li.booked_am		{	color: #59daff;	}
.cal_month ul li.booked_pm		{	color: #59daff;	}
.cal_month ul li.booked_pr_am	{	color: #59daff;	}
.cal_month ul li.booked_pr_pm	{	color: #59daff;	}

.cal_month ul li.weekend		{	}
.cal_month ul li.today			{	border:1px solid #59daff;
width:36px;
height:36px;


	}	/* current date - MUST be defined last otherwise other classes might overwrite it*/
/*.cal_month ul li:hover{	background:#006699; color:#FFF;}*/

.tips{
	background: #000;
	padding:6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#FFF;
	border:2px solid #666;
}