#calendar {
		margin: 0 auto;
		display:inline-block;
		overflow:auto;
		width:98%;	
	}
	
	#calendarTitle {
		width:100%;
		display:none;
		font-weight:bold;
		text-align:center;
	}

	#monthPicker  {
		padding:5px 8px;
		text-align:center;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
	}


	#eventTypeSelect {
		padding: 5px 8px;
		text-align:center;
		border-bottom: 1px solid #ddd;
	}

	#eventTypeSelect a, #monthPicker a  {
		color: #333;
		text-decoration:none;
		padding: 7px 8px;
		margin: 0px;
	}
	
	#eventTypeSelect a:hover, #monthPicker a:hover  {
		font-weight: bold;
		background-color: #eee;
	}


	#eventTypeSelect a.selected, #monthPicker a.selected    {
		font-weight:bold;
		background-color: #eee;
		padding:6px 8px;
		text-align:center;
	}
	
	.calendarRow  {
		display:table;
		height:inherit;
		width:100%;
	}

	.calendarRow div {
		display:table;
		border-top:1px solid #DDDDFF;
	}

	.calendarCategory  {
		height:20px;
		background: #EEE url(left.png) center right no-repeat;
		font-weight:bold;
		text-decoration:underline;
		padding: 5px;
	}

	.dateColumn  {
		width:18%;
		height:inherit;
		float:left;
		padding: 5px;
	}
	
	.descriptionColumn  {
		width:70%;
		height:inherit;
		float:left;
		padding: 5px 0;
	}


	.linkColumn  {
		width:9%;
		height:inherit;
		float:left;
		padding: 5px 0;
	}

	#calendarPopupDiv {
		position:absolute;
		text-align:left;
		z-index:10;
		width:200px;
		font-size: 12px;
		background:url(bg_image.gif) bottom right no-repeat;
		background-color:white;
		display:none;
		opacity: 0.8;
		border: 1px lightGrey solid;
	}

	#calendarPopupDiv .popupTitle {
		text-align:center;
		background:#EFEFEF;
		margin-bottom:5px;
		font-weight:600;
		padding: 3px;
	}

	#calendarPopupDiv .popupContent {
		text-align: left;
		margin-bottom:5px;
		padding: 3px;
	}