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

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

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

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

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

#eventDisplayDiv {
	padding: 0px;
	color: #5d5d5d;
	background: white;
	font-size: 75%;
	text-align: left;
}

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

/* required styling */

.columnHeading {
	height: 20px;
	text-align: center;
	font-size: 12px;
	color: white;
	background: url(../images/calendar_fill.gif) top left repeat-x #f68926;
	border: solid white 1px;
}

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

.monthViewCell {
	width: 100px;
	height: 80px;
	border: solid gray 1px;
	text-align: left;
}

.contentCell {
	padding: 2px;
	font-size: 75%;
	color: black;
	font-family: arial;
}

.eventMouseOver {
	padding: 0px;
	font-size: 100%;
	color: white;
	background: #f68926;
	font-family: arial;
}

.eventMouseOut {
	padding: 0px;
	font-size: 100%;
	color: #5d5d5d;
	background: white;
	font-family: arial;
}