#page-content { line-height: inherit;}

/* ids */
#cl_heading {text-align:center; margin-bottom: 3px; background-color: #739ab9; padding: 8px 0; margin-top: 3px;}
#cl_heading h1 { margin:0;display:inline; color: white; text-transform: uppercase; font-size: 26px;}
#cl_heading a { color: #ffbe00; font-size: 28px; margin: 0 10px;}
#cl_heading a:hover { color: white;}
#cl_column_header_row {}

/* classes */
.cl_row {clear:both;}
.cl_column_header {float:left; text-align:center; display:inline; width: 14%; border:1px white solid; background-color:#777; color: white; padding:4px 0; text-transform: uppercase; font-size: 16px;}
.cl_day {float:left; display:inline; border:1px white solid; width:14%; padding:0; overflow: hidden; color: #777; font-size: 15px;}
.cl_dayofweek { float: left;}
.cl_day ul { list-style-type: none; margin: 0; padding: 0;}
.cl_today {background-color:#f3e5b4!important;}
.cl_day_header { text-align:right; color: #ecae01; font-size: 18px; font-weight: bold; padding: 3px;}
.cl_today .cl_day_header {background-color:#f3e5b4;}
.cl_day_line {white-space:nowrap; margin-left: 3px; padding-left: 0;}
.cl_day_line .icon-stop { font-size: 8px; position: relative; top: -3px;}
a.cl_daylink { color: #014a7d;}
a.cl_daylink:hover { color: #001d2f;}
.cl_current_month { background-color: #f1f1f1;}
.cl_not_current_month {background-color:#ddd;}
.cl_not_current_month .cl_day_header {color:#4a4a4a; padding: 3px;}
.cl_row_highlight {background-color: #c95200; color: #ffffff!important;}
.cl_row_highlight a:link {color: #ffffff!important;}
.cl_row_highlight a:visited {color: #ffffff!important;}
.cl_row_highlight a:hover {color: #ffffff!important;}

/* weekends */
.cl_column_header_1, .cl_column_header_7 {}
.cl_day_1, .cl_day_7 {}

/* tooltips */
#tooltip {
	border: 1px solid #111;
	background-color: #bcd;
	opacity: 0.85;
	padding: 5px;
	width:300px;
}
#tooltip h3, #tooltip p { margin: 0; color:#000;}


.calendar-filter { background-color: #bfd1df;}
.calendar-filter h2 { padding: 8px 0 0 8px; margin-bottom: 0;}
.calendar-filter .clear { display: none;}
.calendar-filter input[type="radio"] { margin-left: 12px!important;}
.calendar-filter .inline { display: inline;}
.calendar-filter .inline br{ display: none;}
.calendar-filter .inline label { font-size: 15px;}
.calendar-filter .formlabel { margin-left: 35px; font-size: 15px;}
.calendar-filter form { display: inline; margin: 0 0 0 8px;}
.calendar-filter .action-buttons { text-align: right; margin: 0 8px 8px 0;}


@media (min-width: 1200px) {
    .cl_column_header { width: 14.1%;}
	.cl_day { width: 14.1%;}
}

@media (max-width: 979px) {
    .cl_column_header, .cl_day { width: 13.9%;}
	.calendar-filter select { margin-left: 8px;}
	.calendar-filter .formlabel { display: none;}
	.calendar-filter .clear { display: block;}
	.calendar-filter .clear br { display: none;}
}

@media (max-width: 767px) {
	.cl_column_header { display: none;}
	.cl_day { float:none; display:block; width:auto;}
	.cl_day_header { margin-bottom: 8px;}
    .calendar-filter .action-buttons { text-align: left; margin: 0 0 8px 8px;}
	.calendar-filter input[type="radio"] { margin-left: 8px!important;}
	.calendar-filter .inline br{ display: block;}
	.calendar-filter input[type="submit"] { margin-left: 8px;}
}

@media (max-width: 480px) {
    
}

@media print {
	.calendar-filter { display: none;}
	.cl_day { overflow: visible;}
	.cl_day_line { white-space: normal;}
}