
.calendar-table {
	border: none;
	width: 100%;
}
.calendar-heading {
	height: 25px;
	text-align: center;
	border: 1px solid #D6DED5;
	background-color: #E4EBE3;
	border-collapse: collapse;
}
.calendar-next {
	width: 25%;
	text-align: center;
}
.calendar-prev {
	width: 25%;
	text-align: center;
}
.calendar-month {
	width: 50%;
	text-align: center;
	font-weight: bold;
}
.normal-day-heading {
	text-align: center;
	width: 25px;
	height: 25px;
	font-size: 0.8em;
	border: 1px solid #DFE6DE;
	background-color: #EBF2EA;
}
.weekend-heading {
	text-align: center;
	width: 25px;
	height: 25px;
	font-size: 0.8em;
	border: 1px solid #DFE6DE;
	background-color: #EBF2EA;
	color: #FF0000;
}
.day-with-date {
	vertical-align: text-top;
	text-align: left;
	width: 60px;
	height: 60px;
	border: 1px solid #DFE6DE;
}
.day-with-date br {
	line-height: 0;
	font-size: 0;
}
.no-events {

}
.day-without-date {
	width: 60px;
	height: 60px;
	border: 1px solid #E9F0E8;
}
span.weekend {
	color: #FF0000;
}
.current-day {
	vertical-align: text-top;
	text-align: left;
	width: 60px;
	height: 60px;
	border: 1px solid #BFBFBF;
	background-color: #E4EBE3;
}
span.event {
	font-size: 0.75em;
}
.kjo-link {
	font-size: 0.75em;
	text-align: center;
}
.event-title {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}
.event-title-break {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	height: 1px;
	background-color: #000000;
}
.event-content-break {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	height: 1px !important;
	background-color: #fff;
}
.calendar-date-switcher {
	height: 25px;
	text-align: center;
	border: 1px solid #D6DED5;
	background-color: #E4EBE3;
}
.calendar-date-switcher form {
	margin: 0;
	padding: 0;
}
.calendar-date-switcher input {
	border: 1px #D6DED5 solid;
}
.calendar-date-switcher select {
	border: 1px #D6DED5 solid;
}
.cat-key {
	width: 100%;
	margin-top: 10px;
	padding: 5px;
	border: 1px solid #D6DED5;
}

.calendar-table {
	border: #EAC2C2 1px solid !important;
}
.calendar-table td {
	font: normal 12px/14px Arial, Helvetica, sans-serif;
}
.calendar-heading {
	background-color: #990000 !important;
	font: bold 12px/15px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.calendar-heading a {
	color: #FFFFFF;
	text-decoration: none;
}
.calendar-heading a:hover {
	text-decoration: underline;
}
.normal-day-heading,
.weekend-heading {
	background-color: #f7f7f7 !important;
	font: bold 12px/15px Arial, Helvetica, sans-serif;
	color: #000;
}
.day-without-date,
.day-with-date {
	background-color: #FFFFFF !important;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	color: #000000;
}

.cal-event div,
.cal-event p {
	font-size: 11px;
	line-height: 1.5em;
}

.cal-event {
	position: relative;
}
.cal-event .clear {
	clear: both;
}
.cal-event-link a {
	color: #000;
	text-decoration: none;
}
.cal-event-link a:hover {
	text-decoration: underline;
}
.cal-event-cat {
	display: block;
	position: absolute;
	left: -15px;
	width: 7px;
	height: 7px;
	margin-top: 3px;
	border: 1px solid #000;
}
a.cal-event-with-cat {
	display: inline-block;
	position: relative;
	margin-left: 15px;
}

.cal-event-details {
	display: none;
	position: absolute;
	z-index: 1;
	top: 0px;
	right: -258px;
	width: 250px;
	border: 4px solid #515151;
	background: #fff;
	color: #000;
}
.cal-event-details-header {
	height: 25px;
}
.cal-event-details-section {
	margin: 12px 15px 25px 12px;
}
.cal-event-details-content {
	margin: 5px 10px;
}
