/* ================================
    CSS STYLES FOR Module Calendar
   ================================

*/
body
{
	font-family: Verdana;
}

.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
{
	font-weight: bold;
	font-size: 9pt;
	color: White;
	background-color: #C70220;
}

.calendarTitle,
.calendarTitle td
{
	font-weight: bold;
	font-size: 7pt;
	color: White;
	background-color: #C70220;
}

.calendarNextPrev, .calendarNextPrev a:link
{
	color: White;
	font-size: 7pt;
	padding: 0px .5em;
}

.calendarNextPrev a, .calendarNextPrev a:visited, .calendarNextPrev a:hover
{
	color: White;
	font-size: 7pt;
	padding: 0px .5em;
}

.calendarDayHeader
{
	font-weight: bold;
	font-size: 7pt;
	font-family: Verdana;
	background-color: silver;
}

.calendarDay, .calendarDay td
{
	font-size: 7pt;
	color: #000000;
	font-family: Verdana;
	text-align: left;
}

.calendarDay a,
.calendarDay a:visited,
.calendarDay a:hover
{
	color: #C70220;
	text-align: left;
	font-size: 7pt;
	font-family: Verdana;
}

.calendarOtherMonthDay
{
	color: #808080;
	background-color: gainsboro;
}

.calendarOtherMonthDay a, .calendarOtherMonthDay a:visited, .calendarOtherMonthDay a:hover
{
	color: #FFEFD5;
	background-color: gainsboro;
}


.calendarWeekendDay
{
	background-color: WhiteSmoke; 
}

.calendarTodayDay
{
	border-right: 2px solid #CC3300;
	border-top: 2px solid #CC3300;
	border-left: 2px solid #CC3300;
	border-bottom: 2px solid #CC3300;
	background-color: #FFDDA7;
}

.calendarSelectedDay
{
	background-color: transparent;
	color: #CC3300;
	font-weight: bold;
}

.calendarSelectedDay a,
.calendarSelectedDay a:visited,
.calendarSelectedDay a:hover
{
	color: #C70220;
	font-weight: bold;
}

.calendarSelector
{
	background-color: #DCDCDC;
}

.calendarSelector a,
.calendarSelector a:visited,
.calendarSelector a:hover
{
	color: Gray;
	text-decoration: none;
}	

