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

*/
/*
body
{
	font-family: Verdana;
}
*/

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

.calendarTitle
{
	font-weight: bold;
	font-size: 9pt;
/*	color: aqua; */
/*	background-color: #6666ff; */
	color: White;
	background-color: Maroon;
}

.calendarTitle,
.calendarTitle td
{
	font-weight: bold;
	font-size: 9pt;
/*	color: aqua; */
/*	background-color: #6666ff; */
	color: White;
	background-color: Maroon;
}

.calendarNextPrev, .calendarNextPrev a:link
{
/*	color: aqua; */
	color: White;
	font-size: 8pt;
	padding: 0px .5em;
}

.calendarNextPrev a, .calendarNextPrev a:visited, .calendarNextPrev a:hover
{
/*	color: aqua; */
	color: White;
	font-size: 8pt;
	padding: 0px .5em;
}

.calendarDayHeader
{
	font-weight: bold;
/*
	font-size: 7pt;
	font-family: Verdana;
*/
	font-size: 8pt;
	background-color: silver;
}

.calendarDay, .calendarDay td
{
/*	font-size: 7pt; */
   font-size: 8pt;
	color: #000000;
/*	font-family: Verdana; */
	font-family: Arial;
	text-align: left;
}

.calendarDay a,
.calendarDay a:visited,
.calendarDay a:hover
{
/*
	color: #0000ff;
	text-align: left;
	font-size: 7pt;
	font-family: Verdana;
*/
	color: Maroon;
	text-align: left;
	font-size: 8pt;
	font-family: Arial;	
}

/* Spacing between entries  */
td.calendarDay a {	
	/* How the FUCK do you do this? */
	
}

.calendarOtherMonthDay
{
	color: #808080;
	background-color: gainsboro;
}

.calendarOtherMonthDay a, .calendarOtherMonthDay a:visited, .calendarOtherMonthDay a:hover
{
	color: #808080;
	background-color: gainsboro;
}


.calendarWeekendDay
{
	/* background-color: WhiteSmoke; */
}

.calendarTodayDay
{
   /*
	border-right: red 2px solid;
	border-top: red 2px solid;
	border-left: red 2px solid;
	border-bottom: red 2px solid;
	*/
	border-right: Green 2px solid;
	border-top: Green 2px solid;
	border-left: Green 2px solid;
	border-bottom: Green 2px solid;
}

.calendarSelectedDay
{
	/*
	background-color: "LightCyan";
	color: "Red";
	font-weight: bold;
	*/
	/* background-color: #CCFFCC; */
	color: Maroon;
	font-weight: bold;
	border: solid thin Maroon;
}

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

.calendarSelector
{
	background-color: #99CC99;
}

.calendarSelector a,
.calendarSelector a:visited,
.calendarSelector a:hover
{
	color: Maroon;
	text-decoration: none;
}