@CHARSET "UTF-8";

#calendar_container {
    position: relative;
}

.calendar .calendartable {
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 10pt;
	width: 100%;
	border-left: 3px #9CC0D8 solid;
	border-right: 2px #9CC0D8 solid;
	border-bottom: 2px #9CC0D8 solid;
}

.calendar .calendartable th {
	background-color: #C0D9FF;
	font-size: 10pt;
	width: 14%;
	font-weight: bold;
	border-top: 3px #9CC0D8 solid;	border-bottom: 2px #9CC0D8 solid;
}

.calendar td {
	border-right: 1px #9CC0D8 solid;
}

.calendar .headerCell {
	background-color: #C0D9FF;
}

.calendar .headerTable {
	border: 0px;
	width: 500px;
	margin: 0 auto;
}

.calendar .headerTable td {
	border: 0px;
}

.calendar td.dayheader {
	background-color: #eee;
	font-size: 9pt;
	text-align: right;
}

.calendar td.dayheader.weekend {
	background-color: #FFFFB7;
}

.calendar td.day.weekend, td.weekend {
	background-color: #FFFFD8;
}

.calendar td.day {
	background-color: #FFF;
	vertical-align: top;
	height: 50px;
	border-bottom: 1px #9CC0D8 solid;
}

.calendar td.dayheader.today, td.day.today {
	background-color: #C0D9FF;
}

.calendar td .event a {
	text-decoration: none;
	color: #000;
}

/* WeekView */

.calendar .calendartable .timetable {
	height: 29px;
	border-bottom: 1px #9CC0D8 solid;
	background-color: #eee;
	vertical-align: top;
	text-align: right;
}

.calendar .calendartable.week th {
	width: 12%;
}

.calendar .timetablevalue {
	border-bottom: 1px #9CC0D8 solid;
}

/* Left extension table */

.leftextension {
	position: relative;
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: fixed;
	background-color: #C0D9FF;
	font-size: 8pt;
	width: 100%;
	border: 2px #9CC0D8 solid;
	border-bottom: 1px #9CC0D8 solid;
	border-right: 0px;
	margin-bottom: 10px;
}

.leftextension img {
	border: 0px;
}

.leftextension a {
	color: #000;
	text-decoration: none;
}

/* Mini Calendar */

.minimonth .weekday, .header {
	text-align: center;
	border-bottom: 1px #9CC0D8 solid;
}

.minimonth .weekday, .header.calleft {
	width: 20px;
}

.minimonth .header.calcenter {
	/*width: 100px;*/
}

.minimonth .dayheader {
	width: 20px;
	padding: 0px;
	background-color: #fff;
	text-align: center;
	border-right: 1px #9CC0D8 solid;
	border-bottom: 1px #9CC0D8 solid;
}

.minimonth .dayheader.weekend {
	background-color: #FFFFD8;
}

.minimonth .dayheader.today {
	background-color: #C0D9FF;
}

.minimonth .dayheader:hover {
	background-color: #C0D9FF;
}

.minimonth .dayheader.hasEvent {
	font-weight: bold;
}

/* Kategorie Picker */

.katpicker {
	
}

.katpicker .katgroup {
	font-size: 10pt;
	line-height: 14pt;
	font-weight: bold;
	padding-left: 5px;
}

/* Options */

.options {
	
}

.options a {
	line-height: 18px;
	padding-left: 20px;
	margin-bottom: 5px;
}

/* Logs */

.logTable {
	
}

.logTable span.success {
	background-color: #D0FFB0;
}

.logTable span.error {
	background-color: #FFB7B0;
}

/* Event Boxes */

.event {
	width: 100%;
	background-color: #E7F0FF;
	line-height: 16px;
	font-size: 9pt;
	border-bottom: 1px #9CC0D8 solid;
	display: block;
	overflow: hidden;
}

.event .event-time {
	color: #f00;
	font-size: 7pt;
}

.event-popup {
	position: absolute;
	border: 2px #000 solid;
	z-index: 2;
}

.event-popup .tip-title {
	padding: 3px;
	font-weight: bold;
	font-size: 10pt;
}

.event-popup .tip-title .time {
	font-size: 8pt;
}

.event-popup .tip-text {
	padding: 3px;
	font-size: 10pt;
}

.event-popup .toolbar {
	position: absolute;
	right: 4px;
	top: 4px;
}

.event-popup img {
	border: 0px;
}