td.today	{
	cursor:pointer;
	background-color: #ccff99;
	font-weight: 900;
	}
td.status1	{						//booking
	cursor:pointer;
	background-color: #ff9999;
	font-weight: 900;
	}
td.status4	{						//school holidays
	cursor:pointer;
	color: #666600;
	font-weight: 900;
	}
td.status2	{						//public holidays
	cursor:pointer;
	color: #3333ff;
	font-weight: 900;
	}
td.weekend	{
	cursor:pointer;
	color: #003300;
	font-weight: 900;
	}
td.other	{
	cursor:pointer;
	}


/* == CSS for calendar============================ */
div.calendar,
div.legend	{
	display: -moz-inline-box; 	/* For FF<3 */ 
	-moz-box-orient: vertical; 	/* For FF<3 */ 
	display: inline-block; 		/* IE <8 needs this tripped back to display: inline; to work on block elements */ 
	vertical-align: middle; 	/* explicitly declare your preference as Moz inline-box auto aligns to top */ 
	border: 5px solid #999999;
	width:250px;
	height:auto;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	font-size: 90%;
	background: #ffffff;
	}
div.calendar,
div.legend	{
	*display:inline;			/* IE <8 - the all selector hides from other browsers */
	}
div.calendar div 	{
	display:block;
	}
div.calendar table,
div.legend table	{
	display:table;
	border-collapse: separate;
	border-spacing: 0px;
	width:250px;
	}
div.calendar table.navigation	{
	border-collapse: collapse;
	}
tr.navigation th	{
	font-weight: 900;
	text-align: center;
	border-bottom: 5px solid #ffffff;
	background-color: #cccccc;
	padding: 5px 5px 5px 5px;
	}
tr.navigation th.back	{
	cursor:pointer;
	text-align: left;
	border-bottom: 5px solid #ffffff;
	}
tr.navigation th.forward	{
	cursor:pointer;
	text-align: right;
	border: 0px solid #000000;
	border-bottom: 5px solid #ffffff;
	}
tr.navigation th.date	{
	border-bottom: 5px solid #ffffff;
	}
tr.navigation th a,
tr.navigation th a:visited	{
	color: #000000;
	}
tr.navigation th a:hover	{
	color: #ffffff;
	}
tr.days th	{
	border: 0px solid #000000;
	font-weight: 500;
	text-align: center;
	padding: 4px 4px 4px 4px;
	}
.calendar td		{
	border: 2px solid #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	width:40px;
	}
table.output	{
	cursor:default;
	border-collapse: collapse; 
	border-top: 3px solid #cccccc;
	border-left: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	border-right: 0px solid #cccccc;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
table.hidden	{
	display:none;
}
table.output td	{
	padding: 3px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	font-size: 80%;
	font-weight: 900;
	color: #999999;
}
table.output input	{
	font-size: 80%;
	color: #999999;
	cursor:default;
	border: 0px solid #cccccc;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	font-weight: 900;
}
.legend td	{
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 10px;
	}
.legend th	{
	font-size: 100%;
	font-weight: 900;
	border-bottom: 2px solid #999999;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	}
tr.legend td	{
	font-size: 90%;
	border: 1px solid #000000;
	text-align: left;
	width:auto;
	}