/* optional styling */
#loginControlDiv {
	font-size: 10px;
}

#navControlDiv {
	font-style: arial;
	font-size: 10px;	
}

#navControlDiv input {
	border: solid black 1px;
	font-style: arial;
	font-size: 10px;	
}

#navControlDiv select {
	border: solid black 1px;
	font-style: arial;
	font-size: 10px;	
}

#viewControlDiv input {
	border: solid black 1px;
	font-style: arial;
	font-size: 10px;	
}

#eventDisplayDiv {
	padding: 0px;
	color: black;
	background: #c30;
	font-size: 10px;
	text-align: left;
}

#statusControlDiv {
	font-size: 11px;
	color: red;
	height: 20px;
}

/* required styling */

.columnHeading {
	text-align: center;
	font-size: 11px; 
	color: black; 
	background: #f90; 
	border: solid f90 1px;
}

.weekViewCell {
	width: 110px;
	height: 270px;
	border: solid gray 1px;
	text-align: left;
}

.monthViewCell {
	width: 21px;
	height: 18px;
	border: solid gray 1px;
	text-align: center;
}

.contentCell {
	padding: 0px;
	font-size: 13px;
	color: black;
	font-family: arial;
}

.eventMouseOver {
	padding-bottom: 9px;
	font-size: 8px;
	color: #c30;	
	background: #c30;
	font-family: arial;
}

.eventMouseOut {
	padding-bottom: 9px;
	font-size: 8px;
	color: #c30;
	background: #c30;
	font-family: arial;
}