:root {
	--event-icon-size: 0.5em;
}

.nav {
	border:none;
	height:auto;
}

.nav a:link,
.nav a:visited,
.nav a:hover {
	color:#fff;
}

#eventCalendarContainerContainer,
#eventCalendarContainer {
	width: 100%;
}

.eventCalendarRow {
	min-width: 350px;
}

.eventCalendarOptionalRow {
	display: none;
}

.calElement,
.calHeaderElement {
	list-style-type: none;
	float: left;
	display: table-cell;
	text-align: center;
}

.calElement {
	margin: -1px 0 0 -1px; /* get rid of un-collapsed borders */
}

.monthHeader,
.monthHeaderWithYear {
	font-weight:bold;
	height: 30px;
	padding: 3px 10px 0 10px;
}

.monthHeaderWithYear {
}

.monthHeader {
}

.dayHeader {
	background-color:#222222;
	color:white;
	font-weight:bold;
	height: 30px;
	width: calc(100% / 7);
	padding-top: 3px;
}

.calDay {
	width: calc(100% / 7);
	height: 50px;
	border: 1px solid black;
	background-color: ghostwhite;
}

.monthButtons {
	background-color:#DDD;
	border:#999;
}

.today {
	font-size:10pt;
	font-weight:bold;
	text-decoration:underline overline;
}

.eventDay {
	background-color: #f6de7d;
}

.eventDay p {
	margin: 0;
	line-height: var(--event-icon-size);
}

.eventDay i {
	padding-right: 2px;
	font-size: var(--event-icon-size);
}

.rolloverDay {
	background-color:#FF0000;
}

.eventPopupDiv{
	background-color:#EEEEEE;
	border:1px solid black;
	display:none;
	position:absolute;
	width:300px;
	z-index:1001;
}

.falconRow {
	background-color:#990000;
}

.eagleRow {
	background-color:#F60;
}

.hawkRow {
	background-color:#003366;
}

.raptorRow {
	background-color:#000000;
}

.lleagueRow {
	background-color:#060;
}

.clubRow {
	background-color:#222222;
}

.defaultRow {
	background-color:#FFFFFF;
}

.eventPopupTable{
	width:100%;
}

.eventPopupCell {
	color:#FFFFFF;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:8pt;
	width:100%;
	text-align:left;
	padding:5px;
}