/* CHANGE THIS PATH ACCORDING TO YOUR THEME !!!!! */

/* 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	{	}	

#cal_wrapper{
	font: 11px/1.6 Arial, sans-serif;
	color: #444;
	width:419px;
	margin: 20px 0px;
	}
#the_months{
	float:left; 
	width:419px;
	}
.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;
	}
#key{
	background: none;
	color:#000;
	}
#key .cal_title{
	color:#FFF;
	}
#cal_wrapper #key ul{
	text-align:left;
	}
#cal_wrapper #key ul li{
	
	}
#cal_wrapper #key ul li span{
	margin-left:22px;
	width:90px;
	text-align:left;
	display:block;
	}
#key #footer_data{
	font-size:0.7em;
	clear:both;
	}


/*
calendar controls (back and next)
***************************/
#cal_controls{
	margin-bottom:10px;
	margin-right: 8px;
	}
#cal_controls #cal_prev{
	float:left;
	}
#cal_controls #cal_next{	
	float:right; 
	margin-left:2px;
	}
#cal_controls #cal_admin{
	float:left;
	margin-left:10px;
	}

/*
calendar month styles
***************************/
#cal_wrapper .cal_month{
	/* month div*/
	width:202px;
	background:#c0be9a;
	line-height:18px;
	padding-bottom:6px;
	float:left;
	margin-right:6px;
	margin-bottom:6px;
	min-height:194px;
	color:#fff;
	}
#key .cal_title,
.cal_month .cal_title{
	background:#c0be9a;
	padding:2px;
	text-align:right;
	padding-right: 10px;
	color:#FFF;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	}	
#cal_wrapper .cal_month ul{
	clear:both;
	list-style:none;
	margin:0px;
	padding:4px;
	margin:auto;
	width:202px;
	color:#FFF;
	}
#cal_wrapper .cal_month ul li{
	float:left;
	width:24px;
	height:18px;
	border:1px solid #c0be9a;
	margin: 0 0 1px 1px;
	text-align:center;
	background-color:#c0be9a;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-indent: 0;
	list-style-type:none;
	}
#cal_wrapper .cal_month_legend ul{
	clear:both;
	list-style:none;
	margin:0px;
	padding:4px;
	color:#FFF;
	}
#cal_wrapper .cal_month_legend ul li{
	float:left;
	width:18px;
	height:18px;
	border:1px solid #c0be9a;
	margin: 0 0 1px 1px;
	text-align:center;
	background-color:#c0be9a;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-indent: 0;
	list-style-type:none;
	margin-right: 70px;
	}
#cal_wrapper .cal_month ul li:before{
content:none;
}


/* day titles (m,t,w etc. */
#cal_wrapper .cal_month ul.cal_weekday li{	
	color:#FFF;
	background-color:#c0be9a;
	border:1px solid #c0be9a;
	}
/* no month date */
#cal_wrapper .cal_month ul li.cal_empty{		
	background-color:#c0be9a;
	border:1px solid #c0be9a;
	color:#c0be9a;
	}

#cal_wrapper .cal_month ul li.booked			{	background-color: #61a59b;	}		/* complete day booked */
#cal_wrapper .cal_month ul li.booked_pr		{	background-color: #eac340;	}		/* complete day provisionally booked */

#cal_wrapper .cal_month_legend ul li.booked			{	background-color: #61a59b;	}		/* complete day booked */
#cal_wrapper .cal_month_legend ul li.booked_pr		{	background-color: #eac340;	}		/* complete day provisionally booked */





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

#cal_wrapper .cal_month ul li.offer			{	background-color:lime;		}
#cal_wrapper .cal_month ul li.changeover		{	background-color:pink;		}




	
/* position background image for each state - adjust to your image */
#cal_wrapper .cal_month ul li.booked_am		{	background-position: 200px top;	}
#cal_wrapper .cal_month ul li.booked_pm		{	background-position: 230px top;	}
#cal_wrapper .cal_month ul li.booked_pr_am	{	background-position: 140px top;	}
#cal_wrapper .cal_month ul li.booked_pr_pm	{	background-position: 156px top;	}

#cal_wrapper .cal_month ul li.weekend		{	/*border:1px solid #3399CC;*//*altered via mootools*/}
#cal_wrapper .cal_month ul li.today			{	border:1px dotted #c0be9a;	}	/* current date - MUST be defined last otherwise other classes might overwrite it*/
/*.cal_month ul li:hover{	background:#c0be9a; color:#FFF;}*/


#cal_wrapper .tips{
	background: #000;
	padding:6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color:#FFF;
	border:2px solid #666;
}
#cal_wrapper .cal_month ul li.weeknum_spacer{
	width:4px;
	background-color:#FFFFEE;
	border:none;
	}
#cal_wrapper .cal_month ul li.weeknum{
	width:4px;
	background-color:green;
	}

#cal_wrapper .cal_month ul li.booked.first_day_book{
	background: transparent url("first_day_book.png") no-repeat center center;    
}

#cal_wrapper .cal_month ul li.booked.last_day_book{
	background: transparent url("last_day_book.png") no-repeat center center;    
}