/* optional styling */
calendarBodyDiv {
	font-size: 12px;
	}

#loginControlDiv {
	font-size: 9px;
}

#navControlDiv {
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}

#navControlDiv input {
	border: solid #fff 1px;
	font-size: 9px;	
	padding-left: 2px;
	padding-right: 2px;
}
#navControlDiv .monthHolder {
	font-size:10px;
	font-weight:bold;
	color: #fff !important;
	}
	
#navControlDiv select {
	border: solid #fff 1px;
	font-style: georgia;
	font-size: 9px;	
}

#viewControlDiv input {
	border: solid #fff 1px;
	font-style: georgia;
	font-size: 12px;	
}

#eventDisplayDiv {
	padding: 0px;
	color: #fff;
/*	background: white; */
	font-size: 12px;
	text-align: left;
}

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

/* required styling */

.columnHeading {
	text-align: center;
	font-size: 9px; 
	color: white; 
	background: gray; 
	border: solid white 1px;
}

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

.monthViewCell {
	width: 20px;
	height: 20px;
	border: solid white 1px;
	text-align: left;
}

.contentCell {
	padding: 1px;
	font-size: 9px;
	color: #fff;
	font-family: arial;
	height: 18px;
}

.eventMouseOver {
	padding: 0px;
	height: 18px;
	font-size: 12px;
	color: blue;
	background: #fff;
	font-family: arial;
}

.eventMouseOut {
	height: 18px;
	padding: 0px;
	font-size: 10px;
	color: blue;
	background: white;
	font-family: arial;
	text-align: left;
}