body{background:#6699cc;}

#actions{ 
	background:lightgray;
	position:fixed; 
	padding:20px;
	left:880px; 
	top:50px; 
	border:3px solid gray;
}

ul, li{margin:0;padding:0;list-style-type:none;}
ul.calendar{
	width:848px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.calendar li{float:left;}

li.month{margin:5px 10px;height:192px;color:white;font-size:0.875em;text-align:center;}
ul.month{width:192px;}
li.week_number, li.day, li.day_name{
	width:20px;
	height:20px;
	border:1px solid grey;
	margin:1px;
	font-size:0.8em;
	line-height:18px;
	color:black;
}

/*li.week_number, li.day, li.day_name, li.day.disabled{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}*/
li.week_number{background:orange;color:white;}	
li.day{background:lightgray;}	
li.day_name{color:white;background:cornflowerBlue;border-color:cornflowerBlue;}	
li.day_name.hidden{color:#6699cc;background:#6699cc;border-color:#6699cc;}	
li.day.disabled{opacity:.3;}	
li.day.booked{background:red;}
li.day.discount{background:#ccff33;}
li.day.booked-am{background:url(../images/booked-am.png);}
li.day.booked-pm{background:url(../images/booked-pm.png);}

li.day.hover{
	background:grey;
}

#actions li.hidden{display:none;}

.legend {margin-bottom:30px;}
.legend div{
	display:inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid grey;
	margin: 1px;
	font-size: 0.8em;
	line-height: 18px;
	position:relative;
	top:7px;
}

h2{color:#fff;}

.legend h3{color:#fff;margin-left:20px;}
.legend li{height:20px;margin: 5px;line-height:18px;display:inline;padding-left:10px;}
div.available{background:lightgray;}
div.booked{background:red;}
div.discount{background:#ccff33;}


option.available{background:lightgray;}
option.booked{background:red;}
option.discount{background:#ccff33;}