/* these are used by the events calendar */

.month {
    font-family: Helvetica, Verdana, Arial, sans-serif;
	text-align:center;
	background: #ffffff;
	color:  black;
}

.day {
    text-align:center;
    height: 30px;
	width:  30px;
	background: #999999;
	color:  black;

}

.dayNormal {
    height: 30px;
	width:  30px;
	text-align:center;
	background: #88adcd;
	color:  black;
}

.dayHighlight {
    height: 30px;
	width:  30px;
	text-align:center;
	border:thin outset;
	background: #e5f3ff;
	color:  black;
}

.eventDay {
    height: 30px;
	width:  30px;
	text-align:center;
	border:thin outset;
	background: #83e3ff;
	color:  red;
	font-weight:    bold;
}

.dayUnused {
    height: 30px;
	width:  30px;
	text-align:center;
	background: #cccccc;
	color:  black;
}

.sideMonth {
    font-family: Helvetica, Verdana, Arial, sans-serif;
	text-align:center;
	background: #ffffff;
	color:  black;
}

.sideDay {

    height: 20px;
	width:  20px;
	text-align:center;
	background: #999999;
	color:  black;

}

.sideDayNormal {
    height: 20px;
	width:  20px;
	text-align:center;
	background: #88adcd;
	color:  black;
}

.sideDayHighlight {
    height: 20px;
	width:  20px;
	text-align:center;
	border: thin outset;
	background: #e5f3ff;
	color:  black;
}

.sideEventDay {
    height: 20px;
	width:  20px;
	text-align:center;
	border:thin outset;
	background: #83e3ff;
	font-weight:    bold;
}

.sideDayUnused {
    height: 20px;
	width:  20px;
	text-align:center;
	background: #cccccc;
	color:  black;
}