﻿div#calendar {
	width:465px;
	/*width:365px;*/
	padding:10px 0 25px 0;
	margin:0 auto;
	border-bottom:1px solid #D8DADC;
	position:relative;
	margin-bottom:16px;
}
div#calendar img{
	display:block;
}
div#calendar h2 {
	width:100%;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	position:absolute;
	bottom:3px;
	left:0;
}
div#calendar ul {
	width:100%;
	list-style:none;
	font-size:14px;
	position:absolute;
	bottom:3px;
	left:0;
}
div#calendar li {
	width:30%;
	padding:0 10px;
}
div#calendar ul a {
	text-decoration:none;
	color:#969696;
}
div#calendar li.prev-month {float:left; text-align:left;}
div#calendar li.next-month {float:right; text-align:right;}

div#calendar table {
	width:100%;
	border:1px solid #D8DADC;
	border-collapse:collapse;
	text-align:center;
}
div#calendar th, div#calendar td {
	padding:1px 5px;
	border:1px solid #D8DADC;
	text-align:center;
	color:#969696;
}
div#calendar th {
	color:#022340;
}
div#calendar td.over {
	background:#F6F6F6 url(calendar-over.gif);
}
div#calendar td.event {
	color:black;
	cursor:pointer;
}
div#calendar td div {
	position:relative;
}
div#calendar td span {
	display:none;
	padding:2px 4px;
	background-color:white;
	border:1px solid #D8DADC;
	white-space:nowrap;
	position:absolute;
	z-index:50;
	top:80%;
	right:10%;
}
* html div#calendar td span {
	top:72%;
	right:50%;
}
div#calendar td.event:hover span {
	display:block;
}
div#calendar td.event-1 {background-color:#E0FFAB;}
div#calendar td.event-2 {background-color:#C8EEFF;}
div#calendar td.event-3 {background-color:#CC9999;}
img#calendar_photo {display:block;}
