@charset "utf-8";
/* CSS Document */

/* optional styling */


#loginControlDiv {
	font-size: 13px;
}
#navControlDiv {
	font-size: 16px;
	color:#242936;
	font-weight:bold;
	float:left;
	margin:10px;
	width:300px;
}
#yearHolder {
	display:none;
}
#navControlDiv input {
	border: none;
	font-size: 14px;
	color:#333333;
	background-color: #E8E3D1;
	cursor:pointer;
	width:50px;
}
#navControlDiv select {
	border: none;
	font-size: 14px;
	color:#333333;
	background-color: #E8E3D1;
	font-weight:bold;
}
#todayButtom {
	display:none;
}
#weekNav {
	width:400px;
}
#weekDuration {
	float:left;
	padding:2px 0 0 0;
	text-align:center;
	width:300px;
}
#nextWeek {
	float:right;
	width:50px;
}
#prevWeek {
	float:left;
	width:50px;
}
#monthHolder {
	float:left;
	width:100px;
	height:auto;
	margin-left:7px;
}
#todayButton {
	display:none;
}
#monthNav {
	float:right;
	width:150px;
	margin:0 0 0 0;
	padding:0 25px 0 0;
}
#prevMonth {
	float:left;
}
#nextMonth {
	float:right;
}
#viewControlDiv {
	float:right;
	width:200px;
	height:auto;
	margin:10px 10px 0 0;
}
#viewControlDiv input {
	border: none;
	font-size: 14px;
	color:#333333;
	background-color: #E8E3D1;
	width:100px;
	cursor:pointer;
}
#weekViewButton {
	float:right;
}
#monthViewButton {
	float:left;
}
#eventDisplayDiv {
	padding: 0px;
	color:#222;
	background-color:#E8E3D1;
	font-size: 12px;
	text-align: left;
}
#statusControlDiv {
	font-size: 12px;
	color:#333333;
	height: auto;
	margin:10px;
}
#title {
	font-size: 12px;
	font-weight:bold;
	color:#333333;
}
#details {
	font-size: 11px;
	color:#333333;
}
dl.calendar {
	list-style:none;
	margin:0;
	padding:10px;
	width:500px;
}
dl.calendar dt {
	color:#333333;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}
dl.calendar dd {
	color:#5F5F5F;
	font-size:12px;
	margin:0;
	padding:0;
}
dl.calendar dd.date {
	color:#333333;
}
dl.calendar dd.location {
	color:#333333;
	padding:0 0 5px 0;
}
dl.calendar dd.content {
	padding:0 0 5px 0;
}
#dmsg {
	font-size: 16px;
	color: #333333;
}
#dwindow {
	border: 2px solid #242936;
	padding: 6px;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	top: 63px;
	left: 536px;
	width: 600px;
	position: absolute;
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
	text-align: left;
}
#dwindow img {
	cursor:pointer;
}
#dwindow img:hover {
	background-color:#777777;
}
/* required styling */

.columnHeading {
	text-align: center;
	font-size: 12px;
	color: #333333;
	background-color: #E8E3D1;
	font-weight: bold;
}
#calendarBodyDiv {
	clear:both;
	margin:10px 10px 10px 15px;
	background-color:#E8E3D1;
	height:auto;
}
#calendarBodyDiv table {
	border-collapse:separate;
	border-spacing:2px;
}
.weekViewCell {
	width: 120px;
	height: 270px;
	border:1px solid #777777;
	text-align: left;
}
.monthViewCell {
	width: 120px;
	height: 120px;
	border:1px solid #777777;
	text-align: left;
	color:#333333;
}
.contentCell {
	padding: 2px;
	font-size: 10px;
	color:#242936;
}
.day2 {
	display:none;
}
.hideday {
	display:none;
}
.showday {
	display:inline;
}
.eventMouseOver {
	padding: 0px;
	font-size: 10px;
	color:#E8E3D1;
	background-color: #242936;
	cursor:pointer;
}
.eventMouseOut {
	padding: 0px;
	font-size: 10px;
	color:#333333;
}
