/* ================================
    CSS STYLES FOR Module Calendar
   ================================

*/
.calendar {
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	font-size: 7pt;
	border-left: lightgrey 1px solid;
	color: black;
	border-bottom: lightgrey 1px solid;
	/*font-family: Verdana;*/
}

.calendarTitle {
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	font-weight: bold;
	font-size: 12pt;
}

.calendarTitle,
.calendarTitle td {
	font-weight: bold;
	font-size: 12pt;
	
}

.calendarNextPrev, .calendarNextPrev a:link {
	font-size: 8pt;
	padding: 2px 2px;
}

.calendarNextPrev a, .calendarNextPrev a:visited, .calendarNextPrev a:hover {
	font-size: 8pt;
	padding: 2px 2px;
}

.calendarDayHeader {
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	font-size: 9pt;
}

/*.calendarDay, .calendarDay td*/
.calendarDay, .calendarDay {
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	font-size: 7pt;
	color: #000000;
	text-align: left;
	height: 50px;
	color: Red;
}


.calendarDay a,
.calendarDay a:visited,
.calendarDay a:hover {
	text-align: left;
	font-size: 7pt;
	color: Red;
}

.calendarOtherMonthDay {
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;

	background-color: #dfdfdf;
}

.calendarOtherMonthDay a, .calendarOtherMonthDay a:visited, .calendarOtherMonthDay a:hover {

}


.calendarWeekendDay {
	background-color: #efefef;
}

.calendarTodayDay {
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	background-image: url(gray_gradient_vertical.gif);
	background-repeat: repeat-x;
}

.calendarSelectedDay {
	background-color: #efefef;
	color: Red;
	font-weight: bold;
}

.calendarSelectedDay a,
.calendarSelectedDay a:visited,
.calendarSelectedDay a:hover {
	color: Red;
	font-weight: bold;
}

.calendarSelector {

}

.calendarSelector a,
.calendarSelector a:visited,
.calendarSelector a:hover {
	color: #0000ff;
	text-decoration: none;
}