/* Highlighted events listing on the homepage */
div.vcalendar1
{
	font: 12px/18px Arial, Helvetica, sans-serif;
	background-color: #e9f9dc;
	/*width: 214px;*/
	padding: 10px;
}
.vcalendar1 ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.vcalendar1 li
{
	margin-bottom: 1em;
}
.vcalendar1 a, .vcalendar1 a:visited
{
	color: #060;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}
.vcalendar1 a:hover
{
	text-decoration: underline;
}
.vcalendar1 p
{
	margin-bottom: 0;
}
.vcalendar1 p.more a, .vcalendar1 p.more a:visited
{
	font-size: 11px;
	text-decoration: underline;
}

/* The calendar showing the entire month like a traditional calendar */
div.vcalendar2
{
	/*width: 650px;*/
	text-align: center;
}
.vcalendar2 .calendar
{
	border: 1px solid #000;
	width: 600px;
	font: 9px/12px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}
.vcalendar2 .calendar td 
{
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0;
}
.vcalendar2 .caption td
{
	font-size: 17px;
	font-weight: bold;
	padding: 6px;
	width: 100%;
	text-align: center;
	border: none;
}
.vcalendar2 .calendar th {
	background-color: #060;
	color: #fff;
	margin: 0;
	}
.calendarDay /*.vcalendar2 td, .vcalendar2 th*/
{
	width: 75px;
	height: 75px;
	vertical-align: top;
}

td.calendarDay
{
	text-align: left;
	background-color: #e9f9dc;
	padding: 5px;
}

.vcalendar2 a, .vcalendar2 a:visited
{
	color: #060;
	text-decoration: none;
}
.vcalendar2 a:hover, .vcalendar2 a:visited:hover
{
	text-decoration: underline;
}
.vcalendar2 p
{
	margin: 0 0 10px;
}
.vcalendar2 p.date
{
	float: right;
	margin: 0 0 3px 3px;
}

/* The calendar in a tabled list view */
div.vcalendar3
{
	font: 12px/18px Arial, Helvetica, sans-serif;
	background-color: #fff;
	/*width: 600px;*/
	padding: 10px;
}
.vcalendar3 a, .vcalendar3 a:visited
{
	color: #060;
	text-decoration: none;
}
.vcalendar3 a:hover, .vcalendar3 a:visited:hover
{
	text-decoration: underline;
}
.vcalendar3 table
{
	border: 1px solid #999;
	margin-top: 15px;
}
.vcalendar3 tr.even
{
	background-color: #e9f9dc;
}
.vcalendar3 td, .vcalendar3 th
{
	padding: 5px;
}
.vcalendar3 th
{
	background-color: #060;
	color: #fff;
}

/* Details of an event */
div.vcalendar4
{
	font: 12px/18px Arial, Helvetica, sans-serif;
	background-color: #e9f9dc;
	width: 450px;
	padding: 10px;
}
.vcalendar4 h2
{
	color: #060;
	margin: 0 0 .25em;
	font-size: 18px;
}
.vcalendar4 h2 + p
{
	margin-top: 0;
}
.vcalendar4 span.dt
{
	font-weight: bold;
}
img
{
	border: none;
}
/* To distinguish that only the thumbnail image gets floated to the right. We need the image buttons to remain floated to the left. */
img.event-th
{
	float: right;
	margin: 0 0 10px 10px;
}