#calendar {
	margin: 10px 0 0 20px;
	padding: 0;
	width: 300px;
	font: 17px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	float: left;
}

#calendar_ct .pre {
	font: 17px Tahoma;
	font-weight: bold;
	color: #78A401;
	float: left;
}

.month {
	font: 17px Tahoma;
	text-transform: uppercase;
	font-weight: bold;
	color: #78A401;
	text-align: center;
	width: 115px;
	float: left;
	backgound-color: #aabbcc;
	padding-left: 30px;
}

#calendar_ct .next {
	font: 17px Tahoma;
	font-weight: bold;
	color: #78A401;
}

#box .title {
	margin: 1px;
	padding: 0;
	width:37px;
	height: 20px;
	float: left;
	font: 17px Tahoma;
	color: #333;
	text-transform: uppercase;
}

#box #square {
	margin: 1px;
	padding-top: 10px;
	width: 35px;
	height: 25px;
	background-color: #f4f4f4;
	float: left;
	font: 17px Tahoma;
	color: #333;
	border: 1px solid #cbcbcb;
}

#box #square :hover {
	margin: 1px;
	padding-top: 10px;
	width: 35px;
	height: 25px;
	background-color: #FF0000;
	float: left;
	font: 17px Tahoma;
	color: #fff;
	border: 1px solid #cbcbcb;
}

#box #square.yellow {
	margin: 1px;
	padding-top: 10px;
	width: 35px;
	height: 25px;
	background-color: yellow;
	float: left;
	font: 17px Tahoma;
	color: #fff;
	border: 1px solid #cbcbcb;
}

#box #square.green {
	margin: 1px;
	padding-top: 10px;
	width: 35px;
	height: 25px;
	background-color: green;
	float: left;
	font: 17px Tahoma;
	color: #fff;
	border: 1px solid #cbcbcb;
}

#box #square.orange {
	margin: 1px;
	padding-top: 10px;
	width: 35px;
	height: 25px;
	background-color: orange;
	float: left;
	font: 17px Tahoma;
	color: #fff;
	border: 1px solid #cbcbcb;
}

#box #square.red {
	margin: 1px;
	padding-top: 10px;
	width: 35px;
	height: 25px;
	background-color: red;
	float: left;
	font: 17px Tahoma;
	color: #fff;
	border: 1px solid #cbcbcb;
}

#box #square.blue {
	margin: 1px;
	padding-top: 10px;
	width: 35px;
	height: 25px;
	background-color: blue;
	float: left;
	font: 17px Tahoma;
	color: #fff;
	border: 1px solid #cbcbcb;
}