#calendar {
	float: left;
	width: 420px;
	margin-right: 20px;
	height: 400px;
	position: relative;
	z-index: 1;
}
.ui-datepicker { height: 100%; }
.ui-datepicker-calendar { width: 100%; border-left: solid 1px #e1e1e1; border-top: solid 1px #e1e1e1; clear: left; }

.ui-datepicker-header { position: relative; z-index: 1; margin-bottom: 7px;}

.ui-datepicker-prev,
.ui-datepicker-next { 
	display: block; 
	height: 17px;
	background: transparent url(../../elements/skin/calendar_buttons.gif) no-repeat left top;
	text-indent: -9999%;
	cursor: pointer;
	margin-bottom: 7px;
	position: absolute;
	z-index: 1;
}

.ui-datepicker-prev { width: 21px; }
.ui-datepicker-next { width: 22px; background-position: -21px top; left: 21px; }


.ui-datepicker-title { font-weight: bold; font-size: 13px; text-align: center; }

.ui-datepicker-calendar th { text-align: center; height: 20px; }

.ui-datepicker-calendar th,
.ui-datepicker-calendar td { width: 60px; border-right: solid 1px #e1e1e1; border-bottom: solid 1px #e1e1e1; padding:0; }

.ui-datepicker-calendar td { height:60px; text-align: right; vertical-align: bottom; color: #a1a1a1; }


.ui-datepicker-calendar td.events { background-color: #014883; cursor: pointer; }
.ui-datepicker-calendar td.events a { color: #a1a1a1; }

.ui-datepicker-calendar td .ui-state-default { padding: 0 3px 3px 0; }

/*
.eventBox { width: 179px; height: 158px; position: absolute; z-index: 2; margin: -158px 0 0 -179px; background: transparent url(../../elements/skin/calendar_eventBox.png) no-repeat left top;}
*/

.eventBox {
	width: 363px;
	height: 294px;
	position: absolute; 
	z-index: 2;
	top: 40px;
	left: 30px;
	background: transparent url(../../elements/skin/calendar_eventBoxLarge.png) no-repeat left top;
}

.eventBox .close { 
	/*display: block; width: 10px; height: 10px; text-indent: -9999%; top: 2px; right: 5px; background-color: red; position: absolute; cursor: pointer; */
    background-image:url(../../elements/skin/apple-close.png); 
    position:absolute; 
    right:-10px; 
    top:-10px; 
    cursor:pointer; 
    height: 28px; 
    width: 28px;
	text-indent: -9999%;
}

.eventBox .eventDetails {
	height: 270px;
	overflow-y: auto;
	margin-top: 10px;
	margin-right: 8px;
	padding: 0 10px;
	font-size: 12px;
}

.eventBox .eventDetails .date {
	color: #a10421;
	display: block;
	font-size: 14px;
}

.eventBox .eventDetails .title {
	color: #024e99;
	display: block;
	font-size: 12px;
	padding-top: 5px;
	margin-top: 5px;
	border-top: solid 1px #e1e1e1;
}




#events {
	width: 248px;
	float: left;
	height: 400px;
	overflow-y:auto;
}


#events dt {
	font-weight: bold;
	color: #a10421;
	font-size: 1.16em; /* 1.4/1.2 */
}

#events dd {
	margin-bottom: 1.83em;}

#events dd strong {
	font-weight: bold;
	color: #024e99;
	display: block;
}