/* CALENDAR
----------------------------------------------- */
caption.calendar-month {position: relative; width: 500px; height: 92px; font-size: 180%; color: #fff; background: url(/img/commonground/tpl/cal_month.png) no-repeat top left; padding: 0px 0 0 20px;}
span.calendar-prev a:hover, span.calendar-next a:hover {text-decoration: none;}
table#big {position: relative; margin: 0 0 25px 0;}
table#big td {position: relative; width:65px; height:92px; background: url(/img/commonground/tpl/cal_boxes.png) no-repeat top left; padding:0; margin:0; vertical-align: top;}
table#big td.calendar-event {background: url(img/commonground/tpl/cal_boxes_event.png) no-repeat top left; margin: 0;}
table#big td.empty {background: none;}
table#big th {width:65px;}
#main .popup {background: none;}
span.month-name {float: left; display: inline; padding: 25px 0 10px;}
span.calendar-prev a:link, span.calendar-prev a:visited {
	float: left;
	display:block;
	position:relative;
	width:30px;
	height:0px;
	padding-top:64px;
	overflow:hidden;
	font-size:1%;
	line-height:1%;
	border:0;
	text-decoration:none;
	margin: 0;
	background: url(/img/commonground/tpl/cal_left_arrow.png) no-repeat top left;
}
span.calendar-next a:link, span.calendar-next a:visited {
	float: left;
	display:inline;
	position:relative;
	width:30px;
	height:0px;
	padding-top:64px;
	overflow:hidden;
	font-size:1%;
	line-height:1%;
	border:0;
	text-decoration:none;
	margin: 0;
	background: url(/img/commonground/tpl/cal_right_arrow.png) no-repeat top right;
}
.bubbleInfo {position:relative; z-index:300; padding-left:8px;}
.trigger {padding: 10px 0 0 0px; height: 64px;}
.trigger a:link, .trigger a:visited {color: #033; text-decoration: none;}
#main .bubbleInfo ul {margin-top: 5px;}
#main .bubbleInfo ul.short-list {list-style:none; margin:0; padding:0;}
#main .bubbleInfo ul.short-list li {list-style:none; margin:0; padding:0; font-size:10px;}
#main .popup {
    position: absolute;
	z-index:500;
	text-align:left;
	bottom:65px;
	left:-105px;
    display: none;  /*keeps the popup hidden if no JS available */
}
#main .popup h4 {background: #EF7D18; color:#fff; padding:10px 10px 0 20px; white-space:nowrap; font: 120% "Century Gothic" Arial, Helvetica, sans-serif; font-weight: normal;}
#main .popup ul {background: #fff; width:250px; padding:10px 10px 10px 20px; margin:0;}
#main .popup li {padding-bottom:8px; line-height:116%;}
#main .popup li a:link, #main .popup li a:visited {color:#EF7D18;}
#main .popup li a:hover {text-decoration:underline;}

#main .popup span.summary {display:block; color:#033; font-size:85%;}
.calendar-returnlink {margin: 0 0 20px 0;}
.calendar-returnlink a:link, .calendar-returnlink a:visited {color: #fff; text-decoration: none; padding: 0x;}
.calendar-returnlink a:hover {text-decoration: underline;}
.calendar-date-from, .calendar-details-title {font-weight: bold; padding: 10px 0;}

/* EVENTS
----------------------------------------------- */
div#main div.calendar-event {padding:10px 0 20px 0; float:left; clear:both;}
div#main div.calendar-event h2 {background-image:none; margin:0; padding:0; border-bottom:none;}

div#main div.calendar-event h2{font-size:250%; border-bottom: 1px solid #fff; padding-bottom:5px;}

div#main div.date-wrap {position:relative;}
div#main div.calendar-date-from {font-size:18px; position:absolute; top:0; right:110px; color:#567E8B;}
div#main div.calendar-date-from-event {font-size:18px; padding:10px 0;}

div#main div.calendar-details {padding:0 0 20px 0;}
div#main div.calendar-event ul {padding:0 0 0 280px; margin:0; float:left;}
div#main div.calendar-event ul li {list-style-type:none; display:inline;}
div#main div.calendar-event ul li.btn-med {
	background:url(/img/commonground/tpl/btn_med.png) no-repeat top center;
	width:130px;
	height:23px;
	padding:0 5px;
	display:block;
	float:left;
}
div#main div.calendar-event ul li.btn-med a {color:#272929; display:block; margin:2px 0 0; text-align:center;}

div#main div.calendar-returnlink p.btn-med {
	background:url(/img/commonground/tpl/btn_med.png) no-repeat top center;
	width:130px;
	height:23px;
}
div#main div.calendar-returnlink a {color:#fff; display:block; padding:2px 0 0; text-align:center;}
