/*--------------------------------------------
  CALENDAR
--------------------------------------------*/
#whats-on_date-control {
	font-size: 11px;
	text-align: center;
	min-height: 1px;
	width: 230px;
	margin: 20px 0 5px auto;
	}
	
	#whats-on_date-control:after {
		height: 0;
		visibility: hidden;
		clear: both;
		display: block;
		content: ".";
		}
		
	* html #whats-on_date-control {
		height: 1px;
		}
	
	#whats-on_date-control .bt_brown {
		clear: none;
		margin: 0 5px;
		}

.calendar {
	border-spacing:0px;
	border-collapse:collapse;
	border-top: 1px solid #ded6a8;
}

/* [ Header ] */
.calendar th {
	padding:10px 5px 5px;
	text-align:center;
	font-size:12px;
	color:#435018;
	height: 20px;
}

	.calendar th strong {
		display: block;
	}

	.calendar th em {
		font-style: normal;
		font-size: 10px;
		color: #a0a778;
		font-weight: normal;
		}
	
	
	.calendar th.active  {
		background:url(thead_active.gif) center 14px no-repeat;
	}

	.calendar th.active em{
		color:#FCFDD8;
		font-weight: bold;
	}

.calendar td {
	font-size:11px;
	margin:0px;
	padding: 0;
	border:1px solid #c0af77;
}


/* [ Footer ] */
.calendar tr.footer {
	position: relative;
	z-index: 1;
	}

.calendar tr.footer td {
	background: none;
	border: none;
	height: 41px;
	}
	
	.calendar tr.footer td.active strong {
		background: url(footer_active.png) no-repeat top right;
		display: block;
		position: relative;
		width: 120px;
		height: 41px;
		top: -3px;
		padding: 0;
		}

/* [ General Cells ] */

	.calendar .alt td {
		background:#EEF0BB;
	}
	
	.calendar td.active {
		background:#CCCE75;
	}

	.calendar .alt td.active {
		background:#DDDF98;
	}
	


.calendar td.time {
	border: none;
	text-align:right;
	background:none;
	font-size: 10px;
	white-space: nowrap;
	color: #717b48;
	height: 25px;
	vertical-align: top;
	padding: 3px 5px 0 0;
}

/* [ Event ] */
	.calendar .event {
		color: #000000;
		font-weight:normal;
		display: block;
		font-size: 10px;
	}
	
	.calendar .event .title {
		color: #443a16;
		font-weight: normal;
		display: block;
		height: 25px;
		padding: 2px 20px 2px 10px;
		border: 1px solid transparent;
		margin: -1px;
		background: url(event_title.gif) no-repeat right 5px;
		}
		
		
	/* Event hover */
	.calendar div.hover .title {
		border-top: 1px solid #99a353;
		border-left: 1px solid #99a353;
		border-right: 1px solid #545d12;
		border-bottom: 1px solid #545d12;
		background-color: #77841a;
		color: #EEF0BB;
		}
		
	/* Open */
	.calendar div.selected {
		position: relative;
		z-index: 10;
		}
		
	.calendar div.selected .title {
		color: #EEF0BB;
		background-image: url(close_bt.gif);
		background-position: right 3px;
		}
	
	.calendar div.selected .detail {
		display: block;
		color: #EEF0BB;
		}
	
/* [ Description ] */

.event .detail {
	position:absolute;
	width:225px;
	background:#484F0F;
	padding: 10px 10px 20px;
	top: 29px;
	left: 0;
	display: none;
	font-size: 11px;
}

	.event .where {
		margin: 0 0 15px 0;
		font-size: 10px;
		}
		
	.event .when {
		margin: 0 0 5px 0;
		font-size: 10px;
		}
		
	.event .description {

		}
	

.calendar tbody .hover {
	background:#FFFFFF url(../images/common/arrow_down_hover.gif) 96% center no-repeat !important;
	cursor:pointer;
}
.calendar tbody .selected {
	background:#484F0F;
	cursor:pointer;
}
.calendar tbody .selected strong {
	color:#EEF0BB;
	font-weight:bold;
}


/* [ Calendar Wrapper ] */

#calendar_wrapper {
  margin-right: -100px;
  min-height: 1px;
  position: relative;
}

* html #calendar_wrapper {
  height: 1px;
}