.calendar {
	display: inline-block;
	background-color: #ffffff;
	padding: 5px;
	border-radius: 5px;
}

.calendarMonthTitle {
	display: block;
	margin-bottom: 5px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

.dayTitleBlock {
	width: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #003340;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	margin: 1px;
	border-radius: 3px;
}

.dayBlock {
	width: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-color: #eeeeee;
	color: #333333;
	text-align: center;
	display: inline-block;
	margin: 1px;
	border-radius: 3px;
}









a:link.monthChange, a:active.monthChange, a:visited.monthChange, a:hover.monthChange {
	text-decoration: none;
	background-color: #ffffff;
	color: #003340;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 3px;
	box-shadow: 0px 0px 3px hsla(0,0%,0%,0.3);
	display: inline-block;
	width: 70px;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;

	transition: box-shadow 0.3s ease-in-out;
}

a:hover.monthChange {
	box-shadow: 0px 0px 3px hsla(0,0%,0%,1);
}