/*
Calendar elements
---------------------
*/

	#calendarArea {
		position: relative;
		width: 960px;
	}

	#calendarKey {
		float: right;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
		width: 180px;
		overflow: hidden;
	}
	#jsActive #calendarKey {
		margin-top: 58px;
	}
	#calendarKey dl {
		margin: 8px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	#calendarKey dd {
		display: block;
		position: relative;
		margin: 0px 0px 1px 0px;
		padding: 4px 5px 4px 5px;
		color: #ffffff;
	}

	div.calendarMonth {
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	.largePanel div.calendarMonth {
		width: 700px;
	}
	
	div.calendarMonth div.calDayColumn {
		display: block;
		float: left;
		width: 99px;
		margin: 5px 1px 1px 0px;
		padding: 1px 0px 1px 0px;
		background-color: #ffffff;
		color: #C7252C;
		text-align: center;
	}
	
	div.calendarMonth div.calDay {
		display: block;
		float: left;
		width: 99px;
		margin: 0px 1px 1px 0px;
		padding: 2px 0px 2px 0px;
		color: #ffffff;
		text-align: center;
	}
	
/*
Styles for calendar control
---------------------------
*/
	.calendarControlArea p.bigText {
		margin: 0px 0px 5px 0px;
	}
	.calendarKey {
		float: right;
		margin: 42px 0px 20px 0px;
		padding: 10px 0px 1px 0px;
		width: 270px;
		-webkit-border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-ms-border-radius: 5px 5px 5px 5px;
		-o-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		overflow: hidden;
		background-color: #c5001b;
		background-image: url("/images/themes/standard/panels/red-bg-tile.jpg");
	}
	.calendarKey h3 {
		margin: 0px 0px 5px 10px;
		display: block;
	}
	.calendarKey dl {
		margin: 8px 10px 9px 10px;
		padding: 0px 0px 0px 0px;
	}
	.calendarKey dd {
		display: block;
		position: relative;
		margin: 0px 0px 1px 0px;
		padding: 4px 5px 4px 5px;
		color: #ffffff;
	}
	
	.calendarHolder {
		width: 700px;
	}
	
	.calendarHolder div.calendarMonth {
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 436px;
	}
	.calendarHolder div.calendarMonth p.bigText {
		margin: 15px 0px 0px 0px;
	}
	.calendarHolder .calendarArea.wide div.calendarMonth {
		width: 730px;
	}
	#jsActive .calendarHolder div.calendarMonth {
		margin: 0px -10px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	/*div.calendarMonth h3 {
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #595959;
		font-size: 18px;
		line-height: 22px;
	}*/
	
	.calendarHolder div.calendarMonth div.calDayColumn {
		display: block;
		float: left;
		width: 57px;
		line-height: 19px;
		margin: 5px 1px 1px 0px;
		padding: 1px 0px 1px 0px;
		background-color: #474747;
		color: #ffffff;
		text-align: center;
	}
	.calendarHolder .calendarArea.wide div.calendarMonth div.calDayColumn {
		width: 102px;
	}
	
	#jsActive .calendarHolder div.calendarMonth div.calDayColumn {
		padding: 2px 0px 2px 0px;
	}
	
	.calendarHolder div.calendarMonth div.calDay {
		display: block;
		float: left;
		width: 57px;
		margin: 0px 1px 1px 0px;
		padding: 2px 0px 2px 0px;
		color: #ffffff;
		text-align: center;
	}
	.calendarHolder .calendarArea.wide div.calendarMonth div.calDay {
		width: 102px;
	}
	
	#jsActive .calendarHolder div.calendarMonth div.calDay {
		padding: 6px 0px 6px 0px;
	}