body {
	background-color: #DDDDDD;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
}

table, tr, td, th {
	padding: 0px;
	margin: 0px;
}

#calendarWrapperDiv {
	top: 10px;
	position: relative;
}

#calendarBodyDiv {

	border-style: solid;
	padding: 0px;
	margin: 0px;
}

#navControlDiv {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;

}

#viewControlDiv {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#navControlDiv input {
	border: none;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: black;
	color: white;
}

#navContainer {
	background-color: #000;
	padding: 12px 8px;
	margin: 0px;
}

#monthHolder, #weekDuration {
	color: white;
}


#navControlDiv select {
	border: none;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;	
}

#viewControlDiv input {
	border: none;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	background-color: black;

}

#eventDisplayDiv {
	padding: 10px;
	color: black;
	font-size: 12px;
	text-align: left;
	margin-top: 7px;
}

#statusControlDiv {
	visibility: collapse;
	display: none;
	height: 0;
}

#loginControlDiv {
	visibility: collapse;
	display: none;
	height: 0;
}

#todayButton {
	visibility:  collapse;
	display: none;
}


/* required styling */

.columnHeading {
	text-align: center;
	font-size: 13px; 
	color: white; 
	background: gray;
	padding: 3px;

}

.weekViewCell {
	width: 110px;
	height: 270px;
	text-align: left;
	background-color: white;
	padding: 5px;
}

.monthViewCell {
	width: 110px;
	height: 100px;
	text-align: left;
	background-color: white;
	padding: 2px;
}

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

.eventMouseOver {
	padding: 0px;
	font-size: 10px;
	color: white;	
	background: black;
	font-family: arial;
	margin: 0 0 1px;
}

.eventItem {
	padding: 0px;
	font-size: 10px;
	color: white;
	background: red;
	font-family: arial;
	margin: 0 0 1px;
}