#calendar
{
	border: 2px solid #000000;
	background-color: #DBE9AD;
	padding: 10px;
	width: 140px;
	text-align: center;
	position: absolute;
}

#year, #month, #day
{
	display: inline;
}

#day, #month, #year
{
	font-weight: 700;
}

.decrement
{
	float: left;
}

.increment
{
	float: right;
}

#monthViewHeader div
{
	float: left;
	width: 20px;
	background-color: #C7Ca96;
}
.dayOfMonth, .dayOfMonthSpacer
{
	float: left;
	width: 20px;
}

.selectedDate
{
	background-color: #8A6B4C;
	color: #DBE9AD;
}
.button
{
	clear: both;
	float: right;
	width: 40px;
	border: 1px solid black;
	background-color: #1B4994;
	color: #00ADEF;
	font-weight: 700;
}
.button:hover
{
	background-color: #00A650;
	color: #FFFFFF;
}
.decrement, .increment, .button, .dayOfMonth
{
	cursor: pointer;
}

.decrement:hover, .increment:hover, .dayOfMonth:hover
{
	background-color: #C7Ca96;
}