/* Calendar Box */
div#calendar {
	background:#0e0e0c;
	width:196px;
	padding:2px;
	margin:auto;
}
div#calendar div.title {
	clear:both;
	background:#3e617c;
	width:184px;
	padding:4px;
	margin:2px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:14pt;
}
div#calendar div.title a {
	color:#ffffff;
}
div#calendar div.week {
	position:relative;
	clear:both;
}
div#calendar div[class*=day] {
	position:relative;
	float:left;
	margin:2px;
	padding:4px;
	width:16px;
	background:#22333e;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:8pt;
}
div#calendar div.dayname {
	background:#3e617c;
}
div#calendar div.dayblank {
	background:none;
}
div#calendar div#today {
	padding:3px;
	border:1px solid #ffffff;
}
div#calendar div.dayon {
	background:#3e617c;
}
div.dayon div[class*=details] {
	position:absolute;
	right:-62px;
	width:150px;
	z-index:30;
	display:none;
}
div[class*=details] div {
	background:url(../images/caldetails.png);
	padding:5px;
	padding-bottom:2px;
	width:140px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-style:italic;
	text-align:left;
}
div[class*=detailstop] {
	bottom:18px;
	background:url(../images/caldetailsbottom.png) no-repeat bottom center;
}
div[class*=detailstop] div {
	margin-bottom:6px;
}
div[class*=detailsbottom] {
	background:url(../images/caldetailstop.png) no-repeat top center;
}
div[class*=detailsbottom] div {
	margin-top:6px;
}
div.detailstopright {
	background-position:bottom left;
	left:0px;
}
div.detailstopleft {
	background-position:bottom right;
	left:-126px;
}
div.detailsbottomright {
	background-position:top left;
	left:0px;
}
div.detailsbottomleft {
	background-position:top right;
	left:-126px;
}
div[class*=details] a, div[class*=details] a:visited, div[class*=details] a:hover {
	color:#ffffff;
	text-decoration:none;
}
div[class*=details] div p {
	margin:0px;
	padding-bottom:3px;
	border-bottom:1px dotted #ffffff;
	margin-bottom:3px;
}
div.dayon:hover div[class*=details], div[class*=details]:hover {
	display:block;
}

/* Calendar List */
div#calendarlist {
	margin-top:25px;
	border-top:1px dotted #ffffff;
}
div#calendarlist p.title {
	font-size:10pt;
}
div.callistitem {
	margin:10px 0px 20px 0px;
}