.calendarContainer {
	background:#000;
	width:150px;
	height:145px;
	position:relative;
	border:1px solid #555;
}

.calendarContainer a,
.calendarContainer a:link,
.calendarContainer a:visited,
.calendarContainer a:hover,
.calendarContainer a:active {
	text-decoration:none;
	border:none;
}

/*** calendar controls ***/
	.calendarControls {
		background:#000 url(../images/button-bg.gif) left top repeat-x;
	}
	.calendarControls span {
		display:inline;
	}
	.calendarControls .calendarIndicator {
		display:block;
		position:relative;
		padding:5px 0 0 0;
		text-align:center;
		width:150px;
		top:2px;
		font-size:11px;
	}
	.calendarControl {
		display:block;
		position:absolute;
		text-align:center;
		height:15px;
		width:15px;
		top:2px;
		color:#fff;
	}

	/*** styling common to year and month navigation ***/
		.calendarControls .previousMonth,
		.calendarControls .nextMonth,
		.calendarControls .previousYear,
		.calendarControls .nextYear {
			top:5px;
			font-size:13px;
			color:#bbb;
		}
		.calendarControls .previousMonthOver,
		.calendarControls .nextMonthOver,
		.calendarControls .previousYearOver,
		.calendarControls .nextYearOver {
			color:#ddd;
			text-decoration:none;
		}
		.calendarControls .previousMonthActive,
		.calendarControls .nextMonthActive,
		.calendarControls .previousYearActive,
		.calendarControls .nextYearActive {
			color:#fff;
			text-decoration:none;
		}
		.calendarControls .previousMonthGrayed,
		.calendarControls .nextMonthGrayed,
		.calendarControls .previousYearGrayed,
		.calendarControls .nextYearGrayed {
			color:#333;
			text-decoration:none;
		}

	/*** styling specific to month navigation ***/
		.calendarControls .previousMonth {
			left:19px;
		}
		.calendarControls .nextMonth {
			right:19px;
		}

	/*** styling specific to year navigation ***/
		.calendarControls .previousYear,
		.calendarControls .nextYear {
			font-size:18px;
			top:1px;
		}
		.calendarControls .previousYear {
			left:4px;
		}
		.calendarControls .nextYear {
			right:4px;
		}

/*** grid ***/
	div.calendarGrid {
		text-align:center;
	}
	div.calendarGrid td, .calendarGrid th {
		padding:3px 5px;
		font-size:11px;
	}
	.calendarGrid th {
		background:#30363f;
		border:1px solid #555;
	}
	div.calendarGrid td a:hover {
		background-color:#666;
		color:#fff;
	}
	div.calendarGrid td.selected a {
		background-color:#ffa200;
		color:#000;
	}
	div.calendarGrid td.grayed {
		color:#444;
	}
	table.calendarGrid {
		margin:10px auto;
		width:130px;
		border-collapse:collapse;
	}
	table.calendarGrid td {
		border:0px;
		padding:0;
	}