/* Generic/Common/Global calendar styles */
#middle #primaryContent .calendar ul.tools {margin: 0 0 10px;}
#middle #primaryContent .calendar ul.calendar {margin: 0;}
	#middle #primaryContent .calendar li {
		background: none;
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
		text-align: center;
	}
	#middle #primaryContent .calendar li li {
		border: 1px solid #fff;
		border-width: 0 1px 1px 0;
		font-size: 1em;
		width: 14%;
	}
	#middle #primaryContent .calendar ul.tools li.arrow {width: 14%; text-align: left;}
	#middle #primaryContent .calendar ul.tools li.next  {text-align: right;}
	#middle #primaryContent .calendar ul.tools li.month {
		color: #4f2882;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		width: 70%;
	}
		#middle #primaryContent .calendar ul.tools li a {
			display: block;
			font-weight: bold;
			height: 15px; 
		}
	#middle #primaryContent .calendar li ul, #middle #primaryContent .calendar li ol {display: block; margin: 0;}
	#middle #primaryContent .calendar li ol.headers li {
		background: #01679a;
		color: #fff;
		font-weight: bold;
		height: 15px;
		line-height: 15px;
	}
	#middle #primaryContent .calendar li ol.dates li {background: #ddd;}
	#middle #primaryContent .calendar li ol.dates li .date {
		display: block;
		width: 100%;
	}
		#middle #primaryContent .calendar li ol.dates li .date .monthName {display: none;}
	#middle #primaryContent .calendar li ol.dates li.blank {background: #ccc;}
	#middle #primaryContent .calendar li ol.dates li.today {
		background: #f90;
		color: #fff;
		font-weight: bold;
	}
	#middle #primaryContent .calendar li ol.dates li.event {
		background: #88bbd4;
		color: #1b76a4;
		cursor: pointer;
		font-weight: bold;
		position: relative;
	}
		#middle #primaryContent .calendar li ol.dates li.event ol.events {
			left: 2px;
			position: absolute;
			right: 20px;
			top: 2px;
		}
			#middle #primaryContent .calendar li ol.dates li.event ol.events li {
				border: none;
				display: block;
				float: none;
				max-height: 2.5em;
				_height: expression(this.clientHeight > 2.5em ? '2.5em':'auto');
				margin: 0 0 1px;
				padding: 0;
				text-align: left;
				width: 100%;
			}
			#middle #primaryContent .calendar li ol.dates li.event ol.events li.overflow {display: none;}
				#middle #primaryContent .calendar li ol.dates li.event ol.events li h3 {
					font: normal 0.857em/1.25em Arial, Helvetica, sans-serif;
					height: auto;
					max-height: 2.5em;
					_height: expression(this.clientHeight > 2.5em ? '2.5em':'auto');
					margin: 0;
					overflow: hidden;
					text-overflow: ellipses;
					padding: 0 2px;
				}
				#middle #primaryContent .calendar li ol.dates li.event ol.events li div {display: none;}
		#middle #primaryContent .calendar li ol.dates li.event a.moreLink {
			bottom: 1em;
			font: bold 0.857em/1em Arial, Helvetica, sans-serif;
			left: 0;
			position: absolute;
			text-align: center;
			width: 100%;
		}
/* Size/Layout specific calendar styles */
#middle #primaryContent .big {width: 588px;}
	#middle #primaryContent .big ul.tools li a {padding: 3px 5px;}
	#middle #primaryContent .big ul.tools li.arrow {width: 83px;}
	#middle #primaryContent .big ul.tools li.month {width: 422px;}
	#middle #primaryContent .big li li {width: 83px;}
	#middle #primaryContent .big li ol.dates li {
		height: 75px;
		padding: 2px 2px 0 0;
		text-align: right;
		width: 81px;
	}
#middle #primaryContent .small {width: 33%;}
	#middle #primaryContent .small ul.tools li a {padding: 1px;}
	#middle #primaryContent .small li ol.dates li, #middle #primaryContent .small li ol.dates li .date {height: 50px; text-align: right;}
	#middle #primaryContent .small li ol.dates li.event ol.events {height: 15px;}
#middle #primaryContent .list {
	margin: 2em 0 0;
	width: 100%;
}
	#middle #primaryContent .list ul.calendar {border: none;}
	#middle #primaryContent .list ol.headers, #middle #primaryContent .list li ol.dates li {display: none;}
	#middle #primaryContent .list ul.calendar li {text-align: left; float: none;}
	#middle #primaryContent .list li li {width: 100%; border: none;}
	#middle #primaryContent .list li ol.dates li.event {
		background: none;
		display: block;
		margin: 0;
	}
		#middle #primaryContent .list li ol.dates li.event .date {
			display: block;
			float: left;
			text-align: center;
			width: 20px;
		}
		#middle #primaryContent .list li ol.dates li.event ol.events {
			float: left;
			left: 0;
			position: relative;
			right: 0;
			top: 0;
			width: auto;
		}
			#middle #primaryContent .list li ol.dates li.event ol.events li {
					border: none;
					display: block;
					height: auto;
					margin: 0 0 5px;
					text-align: left;
					width: 100%;
				}
					#middle #primaryContent .list li ol.dates li.event ol.events li h3 {
						color: #000;
						cursor: default;
						font: normal 0.857em/1.25em Arial, Helvetica, sans-serif;
						height: auto;
						margin: 0;
						overflow: visible;
					}
/* Dialog (popup) specific calendar styles */
.ui-dialog li.ui-dialog-content {padding: 0;}
.ui-dialog li.flyout ol.events li,
.ui-dialog li.single {
	border: 1px solid #aaaaaa;
	list-style-type: none;
	margin: 0.5em;
	padding: 5px 10px 10px;
}
	li.flyout h1 {
		font: bold 0.9em/1em Arial, Helvetica, sans-serif;
		margin: 0 0 0.125em 0;
		padding: 0;
	}
	li.flyout div {
		font: normal 0.8em/1.25em Arial, Helvetica, sans-serif;
	}
	li.flyout div.extras {position: relative;}
		li.flyout div.extras a.iCalLink img {
			position: absolute;
			right: 0;
		}
.ui-dialog .ui-dialog-titlebar h1 {
	float: left;
	font: bold 1.025em/1.25em Arial, Helvetica, sans-serif;
}
.ui-dialog .ui-dialog-buttonpane {
	margin: 0;
	padding: 0 1em 0 0;
}
	.ui-dialog .ui-dialog-buttonpane button {margin: 0.5em 0;}