/*****************************/
/***** Calendar Styling *****/
/***************************/
#calendarOuterWrapper {
	padding:0 0 8px 0;
}

#calendarWrapper {
	width:189px;
}

#monthselector {
	line-height:33px;
	height:33px;
	width:186px;
	background-image:url(../Images/Header-Bg.gif);
	background-repeat:repeat-x;
	border:1px solid #ebe8e2;
	margin:0 0 3px 0;
}

a#previousMonthButton, a#nextMonthButton {
	display:block;
	float:left;
	padding:10px 0 0 10px;
	width:9px;
	height:0px;
	overflow:hidden;
	background-image:url(../images/arrows-bg.gif);
	background-repeat:no-repeat;
	background-position:10px 0;
	margin:12px 0 0 0;
}

a#nextMonthButton {
	background-position:-9px 0;
}


.currentmonthtext {
	display:block;
	float:left;
	width:148px;
	text-align:center;
	line-height:33px;
	/*
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	padding:0;
	
	*/
	
}


div.day, div.day-hover, div.blank, div.has-events, div.has-events-hover {
	float:left;
	width:26px;
	height:26px;
	line-height:26px;
	font-size:10px;
	text-align:center;
	padding:0;
	/*margin:1px 1px 0 0;*/
	margin: 0;
	border-top: 1px solid white;
	border-right: 1px solid white;
	background-color:#ebe8e2;
}

div.has-events, div.has-events-hover {
	cursor:pointer;
	background-color:#505050 !important;
	color:#FFFFFF;
}

div.datehover {
	position:absolute;
	top:auto;
	left:-1000px;
	/*left:auto;*/
	margin:-25px 0 0 30px;
	width:210px;
	z-index:2;
}


*+html div.datehover {
	margin:-5px 0 0 15px;
}

* html div.datehover {
	margin:-5px 0 0 15px;
}

div.has-events div.repeater, div.has-events-hover div.repeater  {
	padding:8px 4px 0px 12px;
	background-image:url(../Images/Calendar-Hover-Bg.png);
	background-position:top center;
}

div.has-events div.footer, div.has-events-hover div.footer {
	background-image:url(../Images/Calendar-Hover-Bg.png);
	height:8px;
	background-position:bottom center;
}

* html div.has-events div.footer, 
* html div.has-events-hover div.footer,
* html div.has-events div.repeater, 
* html div.has-events-hover div.repeater {
	background-image:url(../images/Calendar-Hover-Bg.gif);
}

div.has-events-hover div.datehover {
	left:auto;
}

div.datehover p.date {
	display:block;
	font-size:12px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0 0 3px 0;
	margin:0;
	line-height:13px;
	border-bottom:1px dotted #FFFFFF;
	color:#FFFFFF;
}

div.datehover div.show {
	padding:8px 0;
	text-align:left;
}

div.datehover div.show img {
	float:left;
	padding:0 3px 0 0
}

div.datehover div.show p.title {
	padding:0 0 4px 0;
	font-variant:small-caps;
	font-weight:bold;
	font-size:11px;
	line-height:13px;
	color:#FFFFFF;
}

div.datehover div.show p.times {
	font-size:10px;
	padding:0 0 2px 0;
	line-height:13px;
	font-weight:bold;
	color:#FFFFFF;
}

div.datehover div.show p.info {
	font-size:10px;
	padding:0;
	line-height:13px;
	color:#FFFFFF;
}

div.datehover div.show img, div.datehover div.show a {
	position:absolute;
	top:-10000px;
	left:-10000px;
}

#calendar {
	clear:both;
	padding:26px 0 0 0;
	background-image:url(../Images/Calendar-Weekdays.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

div.welsh {
	background-position:0 -27px !important;
}

* html #calendar {
	/*height:134px !important;*/
	height:100%;
}

*+html #calendar {
	/*height:134px !important;*/
	height:100%;
}

div.blank {
	background-color: #ebe8e2;
}

.datetext {
	position:absolute;
	top:-1000px;
	left:-1000px;
}

#calendarShroud {
	position: fixed;
	z-index: 999998;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

* html #calendarShroud {
	position: absolute;
	top: expression( ( ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' )
}

#calendarClickWrapper {
	position:fixed;
	top:50%;
	left:50%;
	padding:70px 10px 10px 10px;
	background-image:url(/Images/Calendar-Click-Bg.gif);
	background-repeat:no-repeat;
	border:3px solid #000000;
	margin:0 0 0 -158px;
	width:300px;
	background-color:#FFFFFF;
	overflow:auto;
	z-index:999999;
}

* html #calendarClickWrapper {
	position:absolute;
}

#calendarClickWrapper p.date {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
}

#calendarClickWrapper ul {
	display:block;
	padding:0;
	margin:0;
	width:300px;
	list-style:none;
}

#calendarClickWrapper ul li {
	display:block;
	float:left;
	width:300px;
	padding:4px 0 4px 0;
	border-bottom: 1px solid #f2f1ec;
}

#calendarClickWrapper ul li img {
	display:block;
	width:66px;
	padding:0 6px 0 0;
	float:left;
}

#calendarClickWrapper ul li div {
	width:228px;
	float:left;
}

#calendarClickWrapper ul li p {
	display:block;
	font-size:11px;
}

#calendarClickWrapper ul li p.title {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-weight:bold;
	font-size:12px;
}

#calendarClickWrapper ul li p.times {
	font-weight:bold;
}

#calendarClickWrapper ul li a {
	
	display:block;
	float:left;
	width:80px;
	height:20px;
	line-height:20px;
	background-image:url(/Images/Button-BeigeBg.gif);
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
	margin:0 4px 0 0;
	padding:0;
	text-decoration:none;
	text-align:center;
}

div.key {
	padding:4px;
}

div.key div.day, div.key div.has-events, div.key div.has-events-hover {
	cursor:auto;
	
	border:1px solid #666666;
}

div.key p {
	display:block;
	float:left;
	line-height:28px;
	padding:0 0 0 4px;
	font-style:italic;
	font-size:10px;
}

div.key fieldset {
	border:1px dotted #666666;
	padding:8px 0 8px 8px;
}

div.key fieldset legend {
	font-size:11px;
	font-weight:bold;
	padding:0 4px;
	background-color:#FFFFFF;
}