#WhatsOn_Calendar{
    margin: 0 0 0 230px;
}

.calendarSeason{
	font-family:	Verdana;
	font-size:		x-small;
	border:			0px solid #FFF;
	margin:			0 0 20px 0;
}

	.calendarSeason td{
		margin:			0;
		padding:		0;
	}
	
	.theatreMarkCalendar{
		float:			left;
		background:		url(../images/theatre-show-season-icon.gif) top left no-repeat;
		width:			11px;
		height:			11px;
		font-size:		1px;
	}
	
	.exhibitionMarkCalendar{
		float:			left;
		background:		url(../images/exhibition-season-icon.gif) top left no-repeat;
		width:			11px;
		height:			11px;
		font-size:		1px;
	}
	
	.learnMarkCalendar{
		float:			left;
		background:		url(../images/learn-season-icon.gif) top left no-repeat;
		width:			11px;
		height:			11px;
		font-size:		1px;
	}
	
	.calendarSeason .dayStyle
	{
		text-align:		left;
		border:			1px solid #CCC;
		height:			60px;
		vertical-align:	top;
		font-weight:	bold;
		font-size:		larger;
		cursor:			pointer;
		padding:		5px;
		background:		#F5F5F5;
		color:			#555;
	}

	.calendarSeason .selectedDayStyle{
	}

	.calendarSeason .selectorStyle{
	}

	.calendarSeason .weekendDayStyle{
		background:		#F5FCFE;
		color:			#555;
	}

	.calendarSeason .todayDayStyle{
		background:		#8AD0FF;
		color:			#FFF;
	}

	.calendarSeason .otherMonthDayStyle{
		text-align:		left;
		border:			1px solid #CCC;
		height:			60px;
		vertical-align:	top;
		font-weight:	bold;
		font-size:		larger;
		cursor:			pointer;
		padding:		5px;
		background:		#FFF;
		color:			#555;
	}

	.calendarSeason .nextPrevStyle{
	}

	.calendarSeason .dayHeaderStyle{
		padding:		5px 0 5px 0;
		border:			1px solid #CCC;
		border-width:	0px 1px 0px 1px;
	}

	.calendarSeason .titleStyle{
		background:		#FFF url(../images/whatson-season-title.jpg) top left no-repeat;
		color:			#4D98D3;
		font-size:		x-large;
		height:			41px;
		border-width:	0px;
	}

	.calendarSeason .dayStyleHighlight{
		background:		#D5EEFF !important;
		color:			#555;
	}
	
	.calendarSeason .daySummary
	{
		display:		none;
	}
	
	.daySummaryBlock{
		width:			211px;
		background:		#fff;
		position:		fixed;
		top:			220px;
	}
	
		.daySummaryBlock h2{
			background:		url(../images/sidebar-title-wide.png) top left no-repeat;
			margin:			0px;
			padding:		3px 0px 3px 40px
		}
		
		.daySummaryBlock .notes{
			font-style:		italic;
			font-size:		x-small;
			border:			solid #CCC;
			border-width:	0 1px 0 1px;
			text-align:		center;
		}
		
		#daySummaryText{
			border:			solid #CCC;
			border-width:	0 1px 1px 1px;
			padding:		10px 3px 3px 3px;
		}

			#daySummaryText ul{
				list-style:		none;
				margin:			0px;
				padding:		0px;
			}
			
				#daySummaryText ul li{
					border-top:		1px solid #EEE;
					margin:			2px;
					padding:		3px;
				}
				
				#daySummaryText ul .theatreMarkListTitle,
				#daySummaryText ul .exhibitionMarkListTitle,
				#daySummaryText ul .learnMarkListTitle{
					color:				#4D98D3;
					font-weight:		bold;
					border:				0px solid #FFF;
					padding:			10px 0 0 12px;
				}
				
				#daySummaryText ul .theatreMarkListTitle{
					background:			url(../images/theatre-show-season-icon.gif) left 14px no-repeat;
				}
				
				#daySummaryText ul .exhibitionMarkListTitle{
					background:			url(../images/exhibition-season-icon.gif) left 14px no-repeat;
				}
				
				#daySummaryText ul .learnMarkListTitle{
					background:			url(../images/learn-season-icon.gif) left 14px no-repeat;
				}

				.theatreMarkList{
					padding:			3px;
					
				}
				
				.exhibitionMarkList{
					padding:			3px;
				}
				
				.learnMarkList{
					padding:			3px;
				}