/*
	Needs:
	base color: _ in this instance _ #999999
	active day background color: _ in this instance _ #FFFFFF;
	inactive day background color: _ in this instance _ #FFFFCC;
	null day background color: _ in this instance _ #FFCCCC;
	calendar link color: _ in this instance _ #FF0000;
*/

.cal {
	background-color: #000000; /*base color*/
	color: #999999; /*base color*/
   margin: 8px;
}

.calHead {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF; /*active day background color*/
}

a.calHead, a:link.calHead, a:active.calHead, a:hover.calHead, a:visited.calHead {
	text-decoration: none;
	color: #FFFFFF; /*active day background color*/
}

.calNum {
	font-size: 11px;
	font-weight: bold;
}

.calDay {
	background-color: #FFFFFF; /*inactive day color*/
	font-size: 10px;
}

.calActiveDay {
	background-color: #FFFFFF; /*active day color*/
	font-size: 10px;
}

.calNullDay {
	background-color: #CCCCCC; /*null day color*/
}

a.calEvent, a:link.calEvent {
	color: #0000FF;
}

a:visited.calEvent {
	color: #9900FF;
}

a:hover.calEvent {
	color: #FF0000;
}

a:active.calEvent {
	color: #0000FF;
}

.calEventTitle {
	font-size: 14px;
	font-weight: bold;
}

.calEventDetail {
	border: #999999 1px solid; /*base color*/
	background: #FFFFCC; /*inactive day color*/
}
@import "custom.css";