/* template header and footer */
#calendarheader {
	background:#859D29 url(../../img/template_topright.gif) no-repeat top right;
	padding:0;
}
#calendarheader span {
	background:url(../../img/template_topleft.gif) no-repeat top left;
	padding:8px 20px 4px;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	display:block;
	text-transform:uppercase;
}
#calendarbody {
	border-left:solid 1px #859D29;
	border-right:solid 1px #859D29;
	border-bottom:solid 1px #c2ce94;
}
#calendarmonths {
	background-color:#e7ebd4;
	border-bottom:solid 1px #c2ce94;
	text-align:center;
	color:#000;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	padding:3px 6px;
}
#prev-month {
	float:left; padding:2px;
}
#next-month {
	float:right; padding:2px;	
}
#prev-month a, #next-month a { 
	font-size:12px; color:#859D29;
	text-decoration:none;	
}
#prev-month a:hover, #next-month a:hover { 
	color:#000;	
}
#prev-month a { 
	padding:0 3px 2px 20px;background:url(../../img/button-prev.gif) top left no-repeat;
}
#next-month a { 
	padding:0 20px 2px 3px;background:url(../../img/button-next.gif) top right no-repeat;
}

#calendarfooter {
	background:#859D29 url(../../img/template_bottomright.gif) no-repeat top right;
	padding:0;
}
#calendarfooter span {
	background:url(../../img/template_bottomleft.gif) no-repeat top left;
	padding:8px 20px 7px;
	display:block;
}

#backtotop {
	float:right;
}
#backtotop a {
	background:url(../../img/backtotop.gif) no-repeat left;
	padding:6px 2px 4px 22px;
	color:#F66F00;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
#backtotop a:hover {
	color:#F66F00;
	text-decoration:none;
}

#calendar-table td {
	border-left:solid 1px #c2ce94;
	border-top:solid 1px #c2ce94;
	padding:5px;
	height:100px;
	vertical-align:top;
}

th.dayofweek {
	color:#c2ce94;
	text-align:center;
	padding:10px 0 5px;
}

.first-day-of-week {
	border-left:none !important;
}
.today {
	background-color:#e7ebd4;
}
.not-this-month {
	background-color:#859D29;
	background-position:top left;
	background-repeat:no-repeat;
}
.day-number {
	font-weight:bold;
	font-size:13px;
	color:#859D29;
}
.not-this-month .day-number {
	color:#eee;
}
.event {
	position:relative;
	font-size:12px;
}
.event a {
	text-decoration:none;
	color:#000;
}
.event-more-info {
	position:absolute;
	display:none;
	width:150px;
	left:-162px;
	top:0px;
	padding:5px;
	text-align:left;
	text-decoration:none;
	border:solid 1px #859D29;
	background-color:#e7ebd4;
	font-size:11px;
}
.event-more-info label {
	color:#859D29;
	cursor:pointer;
}
.event a:hover .event-more-info {
	display:block;
	text-decoration:none;
	z-index:1000;
}
.moreevents {
	font-size:11px;
}
a.moreevents-link {
	color:#859D29;
}


.event-popin-overlay {
	background-color: #fff;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	display:none;
	z-index:1999;
}

.event-popin {
	position:absolute;
	top:240px;
	left:10px;
	display:none;
	z-index:2000;
	border:solid 1px #999;
	padding:3px;
	width:400px;
	background-color:white;
	text-align:left;
}
#popin-close {
	text-align:right;
}
#popin-close a {
	color:#666;
	text-decoration:none;
	font-size:11px;
	padding:0 20px 2px 3px;
	background:url(../../img/button-close.gif) no-repeat top right;
}

#popin-content {
	padding:0 10px 10px;
}
#event-popin-details {
	font-size:12px;
	line-height:18px;
	color:#000;
}
#event-popin-details label {
	color:#999;
}

/* these 'buttons' appear on event popins */
.event-page-button, .event-calendar-button {
	display:block;
	float:left;
	margin-right:10px;
	color:white;
	padding:2px 18px;
}
.event-popin-links {
	margin:0 0 16px 16px;
}