/* CSS Document for calendar styling */

#calendarWrapper {
	margin:0 0 12px 0px;
	padding:0 0 8px 0;
	background-image:url(../images/rightcolumn-dotted-divide.gif);
	background-repeat:no-repeat;
	background-position:bottom left
}

.currentmonthtext {
	color:#c4161d;
	font-size:14px;
	font-weight:bold;
	/*padding:0 0 0 20px;*/
	text-align: center;
	padding: 0 0 8px 0;
}

#calendar {
	padding:20px 0 0 0;
	margin:0;
	background-image:url(/images/calendar-weekdays-bg.jpg);
	background-repeat:no-repeat;
	background-position:-14px 4px;
}

* html #calendar {
	height:100%;
}

*+html #calendar {
	height:100%;
}

.day, .day-hover, .blank {
	float:left;
	/*display:block;*/
	font-size:11px;
	padding:0px 15px 0 0;
	margin:0 1px 1px 0;
	text-align:right;
	color:#000000;
	/*position:relative;*/
	
	width:31px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:15px;
}

.day, .day-hover {
	/*cursor:pointer;*/
}

.has-events, .has-events-hover {
	background-color:#fcf3e0;
}

.day:hover, .day-hover {
	color:#C4161D;
}

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

.day div.datehover, .day-hover .datehover {
	position:absolute;
	top:auto;
	left:auto;
	display:none;
	text-align:left;
	width:450px;
	margin:-28px 0 0 -454px;
	z-index:8;
}

*+html .day div.datehover, *+html .day-hover .datehover {
	margin:-12px 0 0 -470px;
}

.day:hover div.datehover, .day-hover .datehover {
	
	display:block;
}

.day .datehover .repeater, .day-hover .datehover .repeater {
	background-image:url(../images/calendar-hover-bg.png);
	background-repeat:no-repeat;
	
	padding:18px 29px 4px 18px;
	width:450px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:403px;
}

.day .datehover .footer, .day-hover .datehover .footer {
	width:450px;
	height:12px;
	background-image:url(../images/calendar-hover-bg.png);
	background-position:bottom left;
}

.day .datehover .repeater p.date, .day-hover .datehover .repeater p.date {
	font-size:14px;
	color:#fcb216;
	font-weight:bold;
	padding-bottom:8px;
}

.day .datehover .repeater p, .day-hover .datehover .repeater p {
	color:#FFFFFF;
	font-size:11px;
}

.day .datehover .repeater p span, .day-hover .datehover .repeater p span {
	display:block;
}

#monthselector {
	text-align:center;
	padding-top: 4px;
}

#monthselector a {
	color:#313393;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
}

#monthselector a:hover {
	text-decoration:underline;
}