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

#navControlDiv {
	font-style: arial, hevetica, sans-serif;
	font-size: 12px;	
}

#navControlDiv input {
  background-color: #CDC5BF;
	border: solid #505050 1px; 
	font-style: arial, hevetica, sans-serif;
	font-size: 12px;	
}

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

#viewControlDiv input {
  background-color: #CDC5BF;
	border: solid #505050 1px; 
	font-style: arial, hevetica, sans-serif;
	font-size: 12px;	
}

#eventDisplayDiv {
	padding: 0px;
	color: white;
	background-color: black;
	font-family: arial, hevetica, sans-serif;
	font-size: 12px;
	text-align: left;
}


#statusControlDiv {
	font-size: 14px;
	color: white;
  background-color: red;
}

/* required styling */

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

.weekViewCell {
	width: 120px;
	height: 270px;
	border: solid #505050 1px;
	text-align: left;
    /*background-color: #CDC5BF;*/
    background-color: white;
}

.monthViewCell {
	width: 100px;
	height: 95px;
	border: solid #505050 1px;
	text-align: left;
    /*background-color: #CDC5BF;*/
background-color: white

}

.contentCell {
	padding: 2px;
	font-size: 12px;
    border: solid black 0px;
	/*color: #CDC5BF;*/ 
	color: black;
	font-family: arial, hevetica, sans-serif;
	overflow: auto;
}

.eventMouseOver {
	color: black;	
	background-color: #FFCC33;
}

.eventMouseOut {
    /*color: #CDC5BF;
	background-color: black;*/
	color: black;
	/*background-color: #CDC5BF;*/
	background-color: white;
}