<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
 * calendar.css
 * Copyright(C) 2014-23 Michael Lilley
 * All Rights Reserved.
 */

div.calendar-popup {
	position: absolute;
	display: none;
	background-color: white;
	border: 1px solid black;
	box-shadow: 10px 10px 5px gray;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index: 1;
}

#calendar-div {
	min-width: 100%;
}

#calendar-controls .even {
	text-align: right;
}

#calendar-table {
	width: 100%;
	border: 1px solid black;
	border-collapse: collapse;
}

#calendar-table th {
	width: 14%;
	font-variant: small-caps;
	cursor: default;
}

#calendar-table .date-header {
	text-align: right;
	border: 1px solid black;
	line-height: normal;
	padding: 0px;
}

#calendar-table .other-month {
	opacity: 0.5;
	background-color: rgb(175, 175, 175);
}

#calendar-table td {
	border-bottom: none;
	border-top: none;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-collapse: collapse;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 0.6em;
	height: 1em;
	cursor: default;
}

#calendar-table td.editable {
	cursor: pointer;
}

#calendar-table td.multiday {
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
	background-color: lightgreen;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	cursor: pointer;
}

#calendar-table td.singleday {
	background-color: lightskyblue;
	cursor: pointer;
}

#calendar-detail-display {
	z-index: 1;
}

#calendar-table td.today {
	background-color: lightcyan;
}

#calendar-location-detail {
	position: absolute;
	display: none;
	background-color: lightgray;
	border: 1px solid black;
	box-shadow: 5px 5px 5px gray;
	padding: 5px;
	z-index: 2;
}

div.director label {
	font-weight: bold;
	text-decoration: underline;
}

div.attendance-entry {
	display: inline-block;
	width: 45%;
	margin-top: 1px;
	margin-bottom: 1px;
}

.filler {
	width: 100%;
	border-bottom: 1px solid black;
}

#attendance-table td.first {
	min-width: 190px;
	width: 190px;
	text-align: left;
}
</pre></body></html>