/* Calendar Main Changings */
#content-area.calendar-area {overflow:visible;}
html.calendar #content-area { overflow:visible; }
#content-area.calendar-area {width:960px;}
#calendar-breadcrumb {border-bottom: 1px solid #888;}
#calendar-views a {color: #888;}
#content_cal .views a:hover,
#content_cal .views a.active {
	color: #000;
}
#calendar-year a {
	border-bottom: 1px solid #aaa;
	color: #aaa;
}
#calendar-year li.y2 a {color: #a7a7a7;}
#calendar-year li.y2 a:hover,
#calendar-year li a:hover {
	border-color: #000 !important;
	color: #000 !important;
}
#calendar-year li.active a {
	border-color: #000;
	color: #000;
}
	/* if width 960, then block width (960-36)/7 = 132, 6px margin between cells */

#calendar.grid #calendar_week li,
#calendar.grid #calendar_days li {
	display: inline-block;
	width: 132px;
}
#calendar.grid #calendar_days .w1 dt {width: 132px;}
#calendar.grid #calendar_days .w2 dt {width: 270px;}
#calendar.grid #calendar_days .w3 dt {width: 408px;}
#calendar.grid #calendar_days .w4 dt {width: 546px;}
#calendar.grid #calendar_days .w5 dt {width: 684px;}
#calendar.grid #calendar_days .w6 dt {width: 822px;}
#calendar.grid #calendar_days .w7 dt {width: 960px;}

/* Calendar Common */

#main-content.calendar {
	position: relative;
	z-index: 1;
	overflow: visible;
}

/* Calendar header */

/* Header */

.calendar #content {
	overflow: visible;
	z-index: 10;
	position: relative;
	margin-top: 10px;
}
#content_cal {
	position: relative;
	z-index: 15;
	overflow: visible;
	padding: 0;
	*min-height: 250px;
}
#content_cal h1 {
	position: relative;
	padding-bottom: 20px;
}
#content_cal header {
	position: relative;
	z-index: 5;
	float: left;
	width: 100%;
	height: 45px;
}
#calendar-filter-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	width: 100%;
}
#content_cal .controlsdiv {
	position: relative;
	z-index: 10;
	display: block;
	zoom: 1;
}
#content_cal .views, #content_cal .links {
	display: block;
	float: left;
	overflow: hidden;
	margin-left: 350px;
}
#content_cal .links {margin-right: 400px;}
#content_cal .views li {
	float: left;
	padding-right: 15px;
	background: none;
}
#content_cal .views a {
	float: left;
	margin-bottom: 1px;
	height: 22px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	line-height: 20px;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	transition: 0s;
	position: relative;
}
#content_cal .links li {
	float: left;
	padding-right: 15px;
	background: none;
}
#content_cal .links a {
	float: left;
	margin-bottom: 1px;
	width: 26px;
	height: 25px;
	background: url('../images/common.png') -400px -84px no-repeat;
	background-image: url('../images/common.svg'), none;
	text-indent: -9999px;
}
#content_cal .links a:hover {background-position: -506px -84px;}
#content_cal .links a.print {
	width: 26px;
	background-position: -400px -128px;
}
#content_cal .links a.print:hover {background-position: -506px -128px;}
#content_cal .links a.rss {
	width: 26px;
	background-position: -400px -173px;
}
#content_cal .links a.rss:hover {background-position: -506px -173px;}

/* Navigation */

#calendar-year {
	position: relative;
	z-index: 4;
	width: 100%;
	height: 2.8em;
	zoom: 1;
}
#calendar-year li {
	display: block;
	float: left;
}
#calendar-year a {
	display: block;
	margin-right: 1px;
	padding: .4em;
	text-decoration: none;
	font-size: 13px;
}

#calendar-month {
	position: relative;
	z-index: 4;
	clear: both;
	margin: .6em 0 .4em 0;
	height: 2.5em;
	background: #f6f4f1;
	text-align: justify;
	text-align-last: justify;
	text-justify: newspaper;
	zoom: 1;
}
#calendar-month:after {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	content: ' ';
}
#calendar-month li {display: inline;}
#calendar-month li.arrow {display: none;}
#calendar-month a {
	display: inline-block;
	padding: 5px 10px;
	height: 1.8em;
	color: #525252;
	vertical-align: top;
	text-align: left;
	text-decoration: none;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	transition: 0s;
}
#calendar-month a.active {
	overflow: hidden;
	padding: 5px 10px;
	background: #87a36f;
	color: #fff;
	zoom: 1;
}
#calendar-month a:hover {
	background: #d89d88;
	color: #ffffff;
}
#calendar-month a.active:hover {color: #fff;}
#calendar-navigation {
	position: relative;
	float: left;
	clear: both;
	margin-bottom: 12px;
	padding: 0 20px;
}
#calendar-navigation h2 {
	margin-bottom: 0;
	white-space: nowrap;
	font-size: 16px;
}
#calendar-navigation li {float: left;}
#calendar-navigation a.prev, #calendar-navigation a.next {
	position: absolute;
	top: 8px;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	width: 8px;
	height: 0;
	background: none;
	border-left: 4px solid #808891;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	content: '';
}
#calendar-navigation a.next {right: 0;}
#calendar-navigation a.next:hover {border-left-color:#f6c68e;}
#calendar-navigation a.prev {
	left: 0;
	border-right: 4px solid #808891;
	border-left:0;
}
#calendar-navigation a.prev:hover {border-right-color:#f6c68e;}

/* Views */

#calendar-views {
	float: right;
	margin: 1px 0 0 10px;
}
#calendar-views li {
	float: left;
	padding-left: 20px;
}
#calendar-views a {
	float: left;
	padding-left: 28px;
	height: 22px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	line-height: 22px;
}
#calendar-views a .icon {
	width: 22px;
	height: 22px;
	background: url('../images/common.png') 0 0 no-repeat;
	background-image: url('../images/common.svg'), none;
}
#calendar-views a.grid .icon {background-position: -398px 0;}
#calendar-views a.grid:hover .icon, #calendar-views a.grid.active .icon {
	background-position: -443px 0;
	color: #4c4c4c;
}
#calendar-views a.list .icon {background-position: -398px -42px;}
#calendar-views a.list:hover .icon, #calendar-views a.list.active .icon {
	background-position: -443px -42px;
	color: #4c4c4c;
}

/* Links */

#calendar-links {
	position: absolute;
	top: 0;
	left: 0;
}
#calendar-links li {
	float: left;
	padding-left: 15px;
}
#calendar-links li:first-child {padding: 0;}
#calendar-links a {
	float: left;
	height: 24px;
	background: url('../images/common.png') 0 0 no-repeat;
	background-image: url('../images/common.svg'), none;
	text-indent: -9999px;
}
#calendar-links a.ical {
	width: 25px;
	background-position: -398px -83px;
}
#calendar-links a.ical:hover {background-position: -443px -83px;}
#calendar-links a.print {
	width: 24px;
	background-position: -398px -127px;
}
#calendar-links a.print:hover {background-position: -443px -127px;}
#calendar-links a.rss {
	width: 22px;
	background-position: -398px -172px;
}
#calendar-links a.rss:hover {
	background-position: -443px -172px;
}

/* Breadcrumbs */

#calendar-breadcrumb {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 5px;
}
#calendar-breadcrumb dt, #calendar-breadcrumb dd {
	float: left;
	margin-right: 10px;
}
/* Filter */

#calendar-filter {
	position: absolute;
	top: 0;
	right: 0;
}
#calendar-filter legend {display: none;}
#calendar-filter .selectedTxt {min-width: 150px;}

/* Calendar wrapper */

#calendar .wrapper {
	margin: 0 auto;
	width: 980px;
	background: #141414;
}

/* Shared */

#calendar {
	position: relative;
	z-index: 1;
}

/* List view */

#calendar img {
	display: block;
	margin-left: 30px;
}
#calendar.list {
	margin-top: 15px;
	padding-bottom: 20px;
}
#calendar.list > ul > li {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 10px 10px 0;
	background: #f6f6f6;;
}
#calendar.list article {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 15px 20px 0;
}
#calendar.list dt {
	float: left;
	width: 85px;
	color: #999999;
	font-size: 12px;
}
#calendar.list dd {
	overflow: hidden;
	margin: 10px 0 10px 100px;
	border-top: 1px solid #e3e3e3;
	padding-top: 20px;
}
#calendar.list dt + dd {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}
#calendar.list h3 {
	margin-bottom: 5px;
	padding: 0;
}
#calendar.list h3 a {
	text-decoration: none;
	font-size: 18px;
}
#calendar.list .thumb {
	float: right;
	margin: 0 20px 10px 0;
}
#calendar.list dt a {
	color: #a7a7a7;
	text-decoration: none;
}
#calendar.list dt a:hover {
	color: #87a36f;
}
#calendar.list .day-nr {
	display: inline-block;
	vertical-align: top;
	font-size: 44px;
	line-height: 1;
}
#calendar.list dl.vevent {
	overflow: hidden;
	padding: 10px;
}
#calendar.list dl.vevent h3 {
	margin-top: 0;
	padding-top: 0;
	font-size: 18px;
}
#calendar.list .month-details {
	display: inline-block;
	padding-top: 2px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1;
}
#calendar.list .month-details span {display: block;}
#calendar.list p.noevents {text-align: center;}

/* Event view */

#calendar.list .from, #calendar.list .every {
	display: block;
	color: #a7a7a7;
}
#calendar.list .every span {
	display: block;
	color: #525252;
}
#calendar.list.single h3 {color: #FCD897;}
#calendar.list.single .month-details {color: #FCD897;}
#calendar.list.single #content {overflow: visible;}
#calendar .single dd p {margin-bottom: 10px;}
#calendar .single {background: #faf8f6;}
#calendar .single img {float: right;}

/* Grid View */

#calendar.grid {
	position: static;
	z-index: 6;
	font-size: 0;
}
#calendar.grid * {
	margin: 0;
	padding: 0;
	outline: none;
	border: 0;
	background: none;
	list-style: none;
}
#calendar.grid h3 {padding: 0 .6em;}
#calendar.grid #calendar_week,
#calendar.grid #calendar_days {
	z-index: 9999;
	display: block;
	width: 100%;
	text-align: justify;
	text-align-last: justify;
	text-justify: newspaper;
	zoom: 1;
}
#calendar.grid #calendar_days {position: relative;}
#calendar.grid #calendar_week li,
#calendar.grid #calendar_days li {
	display: inline-block;
	padding: .5em 0;
/ / display : inline;
/ / zoom : 1;
}
#calendar.grid #calendar_week li {
	margin: .6em 0 0 0;
	color: #87a36f;
	text-align: left;
	text-transform: uppercase;
	font-size: 16px;
}
#calendar.grid #calendar_days li {
	z-index: 0;
	margin: 0 0 1em 0;
	padding: 0;
	min-height: 8em;
	background: #f6f4f1;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
}
#calendar.grid #calendar_week:after,
#calendar.grid #calendar_days:after {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	content: ' ';
}
#calendar.grid #calendar_days h4 {
	text-align: left;
	font-size: 1em;
}
#calendar.grid #calendar_days h4 a {
	display: block;
	padding: .5em 1em;
	color: #525252;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
}
#calendar.grid #calendar_days .today h4 a {color: #fff;}
#calendar.grid #calendar_days li.today {
	border-color: #5d5140;
	background-color: #262626;
}
#calendar.grid h4 a:hover {color: #fff;}
#calendar.grid #calendar_days .prev_month,
#calendar.grid #calendar_days .next_month {
	background: #faf8f6;
}
#calendar.grid #calendar_days .prev_month h4 a, #calendar.grid #calendar_days .next_month h4 a {
	color: #a7a7a7;
}
#calendar.grid #calendar_days dl {
	z-index: 120;
	display: block;
	height: 2em;
	background: none;
}
#calendar.grid #calendar_days dl a {text-overflow: ellipsis;}
#calendar.grid #calendar_days dl dt {
	position: relative;
	display: block;
	margin: 0;
	height: 2em;
	white-space: nowrap;
	font-size: .8em;
	line-height: 2em;
}
#calendar.grid #calendar_days dl:hover {position: relative;}
#calendar.grid #calendar_days dl dd {
	position: absolute;
	bottom: 20px;
	left: 0;
	z-index: 999;
	visibility: hidden;
	overflow: visible;
	margin-bottom: 10px;
	padding: 5px 10px;
	width: 225px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #87a36f;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
	color: #fff;
	text-align: left;
	font-size: 11px;
	-webkit-transform: translate3d(0, 0, 0);
}
#calendar.grid #calendar_days dl dd ins {
	position: absolute;
	left: 50%;
	z-index: 1990;
	z-index: 2000;
	display: block;
	margin-left: -20px;
	width: 41px;
	height: 21px;
	background: url('../images/event-arrow.png') 0 0 no-repeat;
	content: '.';
	font-size: 0;
	line-height: 11px;
}
#calendar.grid #calendar_days dl:hover dd {visibility: visible;}
#calendar.grid #calendar_days dd h3 {
	margin: 0;
	margin: 5px 0;
	padding: 0;
	height: auto;
	background: none;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	line-height: 1;
}
#calendar.grid #calendar_days dd img {
	width: 225px;
	height: auto;
}
#calendar.grid #calendar_days dd p {
	padding: 5px 0;
	width: 225px;
	color: #fff;
	font-size: 11px;
	line-height: 12px;
}
#calendar.grid #calendar_days dd a {
	padding: 0;
	background: none;
}
#calendar.grid #calendar_days dd p a {
	background: none !important;
	color: #fff;
}
#calendar.grid #calendar_days dd p a:hover {text-decoration: none;}
#calendar.grid #calendar_days dl.t1 {margin-top: 2em;}
#calendar.grid #calendar_days dl.t2 {margin-top: 4em;}
#calendar.grid #calendar_days dl.t3 {margin-top: 6em;}
#calendar.grid #calendar_days dl.t4 {margin-top: 8em;}
#calendar.grid #calendar_days dl.t5 {margin-top: 10em;}
#calendar.grid #calendar_days dl.t6 {margin-top: 12em;}
#calendar.grid #calendar_days dl.t7 {margin-top: 14em;}
#calendar.grid #calendar_days dl.t8 {margin-top: 16em;}
#calendar.grid #calendar_days dl.t9 {margin-top: 18em;}
#calendar.grid #calendar_days dl.t10 {margin-top: 20em;}
#calendar.grid #calendar_days dl.t11 {margin-top: 22em;}
#calendar.grid #calendar_days dl.t12 {margin-top: 24em;}
#calendar.grid #calendar_days dl.t13 {margin-top: 26em;}
#calendar.grid #calendar_days dl.t14 {margin-top: 28em;}
#calendar.grid #calendar_days dl.t15 {margin-top: 30em;}
#calendar.grid #calendar_days dl.t16 {margin-top: 32em;}
#calendar.grid #calendar_days dl.t17 {margin-top: 34em;}
#calendar.grid #calendar_days dl.t18 {margin-top: 36em;}
#calendar.grid #calendar_days dl.t19 {margin-top: 38em;}
#calendar.grid #calendar_days dl.t20 {margin-top: 40em;}
#calendar.grid #calendar_days li.day_items3 {height: 9em;}
#calendar.grid #calendar_days li.day_items4 {height: 11em;}
#calendar.grid #calendar_days li.day_items5 {height: 13em;}
#calendar.grid #calendar_days li.day_items6 {height: 15em;}
#calendar.grid #calendar_days li.day_items7 {height: 17em;}
#calendar.grid #calendar_days li.day_items8 {height: 19em;}
#calendar.grid #calendar_days li.day_items9 {height: 21em;}
#calendar.grid #calendar_days li.day_items10 {height: 23em;}
#calendar.grid #calendar_days li.day_items11 {height: 25em;}
#calendar.grid #calendar_days li.day_items12 {height: 27em;}
#calendar.grid #calendar_days li.day_items13 {height: 29em;}
#calendar.grid #calendar_days li.day_items14 {height: 31em;}
#calendar.grid #calendar_days li.day_items15 {height: 33em;}
#calendar.grid #calendar_days li.day_items16 {height: 35em;}
#calendar.grid #calendar_days li.day_items17 {height: 37em;}
#calendar.grid #calendar_days li.day_items18 {height: 39em;}
#calendar.grid #calendar_days li.day_items19 {height: 41em;}
#calendar.grid #calendar_days li.day_items20 {height: 43em;}
#calendar.grid #calendar_days dt a {
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0 .5em 0 1em;
	width: auto;
	height: 1.8em;
	background: #333;
	-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, .4);
	-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, .4);
	box-shadow: inset 0 0 8px rgba(0, 0, 0, .4);
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.8em;
	-webkit-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	text-overflow: ellipsis;
}
#calendar.grid #calendar_days dt a:hover {color: #fff;}
#calendar.grid #calendar_days .ls dt a {
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-top-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
}
#calendar.grid #calendar_days .rs dt a {
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	-moz-border-top-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
}
#calendar.grid #calendar_days .c1 dt a {background-color: #8db294;}
#calendar.grid #calendar_days .c2 dt a {background-color: #ada39a;}
#calendar.grid #calendar_days .c3 dt a {background-color: #85a9b7;}
#calendar.grid #calendar_days .c4 dt a {background-color: #bc8e8f;}
#calendar.grid #calendar_days .c5 dt a {background-color: #ac9bc1;}
#calendar.grid #calendar_days .c6 dt a {background-color: #87b6c7;}
#calendar.grid #calendar_days .c7 dt a {background-color: #bb85aa;}
#calendar.grid #calendar_days .c8 dt a {background-color: #a4a4a4;}
#calendar.grid #calendar_days dl.hover dt a,
#calendar.grid #calendar_days dt a:hover {
	-webkit-box-shadow: inset 0 0 8px rgba(255, 255, 255, .2);
	-moz-box-shadow: inset 0 0 8px rgba(255, 255, 255, .2);
	box-shadow: inset 0 0 8px rgba(255, 255, 255, .2);
	color: #fff;
}