#calendar
{
	border: 2px solid #000000;
	background-color: #A77A56;
	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: #7c5f51;
}
.dayOfMonth, .dayOfMonthSpacer
{
	float: left;
	width: 20px;
}

.selectedDate
{
	background-color: #7c5f51;
	color: #FFFFFF;
}
.button
{
	clear: both;
	float: right;
	width: 40px;
	border: 1px solid black;
	background-color: #7c5f51;
	color: #000000;
	font-weight: 700;
}
.button:hover
{
	background-color: #CCCCCC;
	color: #000000;
}
.decrement, .increment, .button, .dayOfMonth
{
	cursor: pointer;
}

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