/* CSS Document */
#eventsWrapper {
	float:left;
	border:1px solid #cecece;
	background-color:#eeeeee;
	padding:4px 0px 4px 4px;
	width:197px;
	height:343px;
}

#eventsWrapper h3 {
	font-size:14px;
	color:#333333;
	font-weight:bold;
	padding:6px 4px;
}

#eventsWrapper form {
	padding:0 0 0 0;
}

#eventsWrapper div.ruleoff {
	height:1px;
	line-height:1px;
	font-size:1px;
	border-top:1px solid #cccccc;
	padding:0 0 12px 0;
	margin:9px 4px 0 0;
}
 
#eventsWrapper label {
	display:block;
	font-size:10px;
	font-weight:bold;
	padding:0 0 0 0;
	height:24px;
}

#eventsWrapper label span {
	display:block;
	padding:0 5px 0 0;
	width:55px;
	text-align:right;
	float:left;
	line-height:18px;
	height:20px;
}

#eventsWrapper label select {
	width:133px;
	height:20px;
	display:block;
	float:left;
	line-height:20px;
	font-size:10px;
}


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

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

div.currentmonthtext {
	display:block;
	float:left;
	width:149px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	font-variant:small-caps;
	padding:5px 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;
	background-color:#e1e1e1;
}

div.day a.hidden, div.day-hover a.hidden, div.blank a.hidden, div.has-events a.hidden, div.has-events-hover a.hidden {
	position:absolute;
	top:-1000px;
	left:-1000px;
}

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

div.datehover {
	position:absolute;
	top:auto;
	left:-9000px;
	margin:0 0 0 30px;
	width:216px;
	z-index:2;
}

*+html div.datehover {
	margin:0 0 0 16px;
}

* html div.datehover {
	margin:0 0 0 16px;
}

div.has-events div.footer, div.has-events-hover div.footer  {
	padding:0px 6px 8px 32px;
	background-image:url(../images/calendar-hover-bg.png);
	margin:0 0 22px 0;
	background-position:bottom center;
}

div.has-events div.repeater, div.has-events-hover div.repeater {
	background-image:url(../images/calendar-hover-bg.png);
	height:6px;
}

* 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);
}

.showpage div.datehover {
	position:absolute;
	top:auto;
	left:-9000px;
	margin:0 0 0 -228px;
	width:216px;
	z-index:2;
}

*+html .showpage div.datehover {
	margin:0 0 0 -240px;
}

* html .showpage div.datehover {
	margin:0 0 0 -240px;
}

.showpage div.has-events div.footer, .showpage div.has-events-hover div.footer  {
	padding:0px 26px 8px 12px;
	background-image:url(../images/calendarshowpage-hover-bg.png);
	margin:0 0 22px 0;
	background-position:bottom center;
}

.showpage div.has-events div.repeater, .showpage div.has-events-hover div.repeater {
	background-image:url(../images/calendarshowpage-hover-bg.png);
	height:6px;
}

* html .showpage div.has-events div.footer, 
* html .showpage div.has-events-hover div.footer,
* html .showpage div.has-events div.repeater, 
* html .showpage div.has-events-hover div.repeater {
	background-image:url(../images/calendarshowpage-hover-bg.gif);
}

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

div.datehover p.date {
	display:block;
	font-size:12px;
	font-weight:bold;
}

div.datehover div.show {
	padding:8px 3px;
	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:12px;
	line-height:13px;
	
}

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

div.datehover div.show p.info {
	font-size:11px;
	padding:0;
	line-height:13px;
}

#calendar {
	margin:4px 0 0 0;
	padding:18px 1px 2px 3px;
	background-image:url(../images/calendar-weekdays.gif);
	background-repeat:no-repeat;
	background-position:2px 0;
}

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

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

div.blank {
	background:none;
}

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