/* Event List Styles */
.clistmonth {  font-family: Catamaran, sans-serif; font-size: 1.35em; font-weight: 400; color: #00003D; background-color: #CFE3F2; padding-top: 2px; padding-bottom: 2px; padding-left: 2px}
.clistday {  font-size: 1em; font-weight: bold; color: #00003D; text-align: right; width: 50px; vertical-align: top; background-color: #CFE3F2; border-color: #00003D #00003D black black; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px}
.clistevent {  font-size: 1em; color: #00003D; margin-top: 1px; margin-bottom: 1px; font-weight: bold}
a.clisteventlink:link { color: #00003D; text-decoration: underline }
a.clisteventlink:active {  color: #00003D; text-decoration: underline}
a.clisteventlink:visited { color: #00003D; text-decoration: underline }
a.clisteventlink:hover { color: #283890; text-decoration: underline }
.clisttime {  font-size: 0.85em; color: #00003D}
.clistlocation { font-size: 0.85em; color: #00003D }
.clistdescription { font-size: 0.85em; color: #00003D }
.cliststatustext {  font-size: 0.85em; color: #529621; margin-top: 1px; margin-bottom: 1px}
td.clistevent { background-color: #FFFFFF; border: solid; border-width: thin thin 0px; border-color: #00003D #00003D black }
td.clistlocation { background-color: #FFFFFF; border-color: black #00003D; border-style: solid; border-top-width: 0px; border-right-width: thin; border-bottom-width: 0px; border-left-width: thin}
td.clisttime { background-color: #FFFFFF; border-color: black #00003D; border-style: solid; border-top-width: 0px; border-right-width: thin; border-bottom-width: 0px; border-left-width: thin}
td.clistdescription { background-color: #FFFFFF; border-color: black #00003D #00003D; border-style: solid; border-top-width: 0px; border-right-width: thin; border-bottom-width: thin; border-left-width: thin}
td.clisteventdisabled { background-color: #FFCC99; border: solid; border-width: thin thin 0px; border-color: #00003D #00003D black }
td.clisteventnew { background-color: #FFCCCC; border: solid; border-width: thin thin 0px; border-color: #00003D #00003D black }
td.clisteventtoapprove { background-color: #FFFFCC; border: solid; border-width: thin thin 0px; border-color: #00003D #00003D black }
.clisttoolbg {  background-color: #FAF6B2}
.clisttooltext { font-size: 0.85em; color: #00003D; margin-top: 3px; margin-right: 3px; margin-bottom: 3px; margin-left: 3px}
a.clisttoollink:link {  color: #00003D; text-decoration: none}
a.clisttoollink:active { color: #00003D; text-decoration: none }
a.clisttoollink:visited { color: #00003D; text-decoration: none }
a.clisttoollink:hover { color: #283890; text-decoration: underline }
/* Small Calendar Styles */
.calsvbg {  }
.calsvtitle { font-family: Catamaran, sans-serif; font-size: 1.1em; font-weight: 400; color: #00003D; text-align: center}
.calsvmonth { font-size: 0.9em; color: #00003D; text-align: center}
.calsvgridbg {  }
.calsvdaynot {  font-size: 0.85em}
.calsvdaytitle {  font-size: 0.85em; background-color: #00003D; color: #F4F6F6}
.calsvdayevent {  font-size: 0.85em; background-color: #283890 }
.calsvdayreg {  font-size: 0.85em; background-color: #CFE3F2 }
a.calsvdaylink:link {  color: #00003D; text-decoration: none}
a.calsvdaylink:active { color: #00003D; text-decoration: none }
a.calsvdaylink:visited { color: #00003D; text-decoration: none }
a.calsvdaylink:hover { color: #FAF6B2; text-decoration: underline}
/* Large Calendar Styles */
.callvbg { text-align: left; overflow: auto; }
.callvhead { overflow: auto; }
.callvtitle {  font-family: Catamaran, sans-serif; font-size: 1.35em; color: #00003D; font-weight: 400; width: 50%; float: left; margin-bottom: 6px; }
.callvpanel { width: 50%; float: left; text-align: right; margin-bottom: 6px; }
.callvpanel select { width: auto; height: auto; display: inline; font-size: 0.9em; }
.callvmonth {   font-size: 1.1em; color: #00003D; width: 50%; float: left; margin-bottom: 6px; }
.callvgridbg { border-collapse: collapse; }
.callvgridbg td {
	vertical-align: top;
	border-left: 1px solid #F4F6F6;
	border-bottom: 1px solid #F4F6F6;
}
.callvdaynot {  font-size: 0.85em}
.callvdaytitle {  font-size: 0.85em; background-color: #00003D; color: #F4F6F6; vertical-align: middle; text-align: center; }
.callvdayevent {  font-size: 0.85em; background-color: #283890}
.callvdayreg {  font-size: 0.85em; background-color: #CFE3F2; line-height: 1.4; padding: none; }
a.callvdaylink:link {  color: #00003D; text-decoration: none}
a.callvdaylink:active { color: #00003D; text-decoration: none }
a.callvdaylink:visited { color: #00003D; text-decoration: none }
a.callvdaylink:hover { color: #FAF6B2; text-decoration: underline}
.callvev {
	padding: 0.5em;
	overflow: auto;
	border-bottom: 1px solid #FEFFFF;
}
.callvev:last-child {
	border-bottom: 0;
}
.callvevtime {  font-size: 0.85em; color: #222222; line-height: 1em;}
.callvevname {  font-size: 1em; color: #487348}
a.callvevlink:link {  color: #487348; }
a.callvevlink:active { color: #487348; }
a.callvevlink:visited { color: #487348;  }
a.callvevlink:hover { color: #283891;  }
.callvevloc { font-size: 0.85em; color: #222222; font-style: italic; }

.callvbg table tbody tr { border: none; }
.callvbg table tbody tr:nth-child(2n + 1) { background-color: #F4F6F6; }
.callvbg table td {	padding: 0.5em 0.5em; }

/* List Calendar Styles */
.listtitle {
	color: #283891;
	font-family: Catamaran, sans-serif;
	font-weight: 700;
	font-size: 1.35em;
	line-height: 1.2;
	margin: 0.5em 0 1em 0;
}
.listsubtitle { font-size: 0.85em; color: #00003D; text-align: left; }
.listevtime { font-size: 0.85em; color: #222222; line-height: 1.35em; }
.listevname { font-family: Catamaran, sans-serif; color: #283890; font-weight: 400; }
.listevloc { font-size: 0.85em; font-style: italic; color: #222222; line-height: 1.35em; }
.listday { font-size: 0.85em; color: #222222; line-height: 1.35em; }
a.listdaylink:link {  color: #283890; text-decoration: none}
a.listdaylink:active { color: #283890; text-decoration: none }
a.listdaylink:visited { color: #283890; text-decoration: none }
a.listdaylink:hover { color: #283891; text-decoration: underline}

.evlisttitle {  font-family: Catamaran, sans-serif; font-size: 1.1em; font-weight: 400; color: #00003D; text-align: center}
.evlistsubtitle {  font-size: 0.85em; color: #00003D; text-align: left}
.evlistevname {  font-size: 0.85em; font-weight: bold; color: #00003D; border-color: #FAF6B2 black black; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 5px}
.evlistday {  font-size: 0.85em; color: #00003D; padding-top: 2px}
.evlistevtime {  font-size: 0.85em; color: #00003D; padding-bottom: 2px}
.evlistevloc {  font-size: 0.85em; font-style: italic; color: #00003D; padding-bottom: 5px}
a.listevlink:link {  color: #0F75BD; text-decoration: underline}
a.listevlink:active { color: #0F75BD; text-decoration: underline }
a.listevlink:visited { color: #0F75BD; text-decoration: underline }
a.listevlink:hover { color: #283891; text-decoration: none}
.altlwrap {
	padding-left: 80px;
	min-height: 80px;
}
.altldate {
	position: absolute;
	width: 70px;
	height: 70px;
	border: 2px solid #9FCBE7;
	border-radius: 3px;
	top: 0;
	left: 0;
}
.altlmo {
	display: block;
	font-size: 10px;
	line-height: 13px;
	text-transform: uppercase;
	text-align: center;
	color: #0F75BC;
}
.altlday {
	display: block;
	font-size: 36px;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	color: #0F75BC;
}
.altlyr {
	display: block;
	font-size: 10px;
	line-height: 13px;
	text-transform: uppercase;
	text-align: center;
	color: #0F75BC;
}
/* Date Picker Styles */
.dpgridbg {  background-color: #FAF6B2; font-family: Aleo, serif;}
.dptitle { font-size: 1em; color: #0F75BC; text-align: center; font-weight: bold}
.dpdaytitle { font-size: 0.85em; background-color: #0F75BC; color: #F4F6F6}
.dpdaynot { font-size: 1em; background-color: #FAF6B2 }
.dpdayreg { font-size: 1em; background-color: #CFE3F2}
a.dpdaylink:link {  color: #283891; text-decoration: none}
a.dpdaylink:active { color: #283891; text-decoration: none }
a.dpdaylink:visited { color: #283891; text-decoration: none }
a.dpdaylink:hover { color: #283890; text-decoration: underline }

/* New style for event list view */
.evlistbg { 
	padding-left: 80px;
	position: relative;
	overflow: hidden;
}
/* Single Event Styles */
.evtarea {
	padding: 0 10px 10px 10px;
	overflow: auto;
}
.evttitle {
	font-size: 1.35em;
	font-weight: bold;
	padding: 8px 0 0 0;
}
.evtdate {
	font-size: 1em;
	font-weight: bold;
	padding: 8px 0 0 0;
}
.evtdate:before {
	content: 'Date: ';
	font-weight: normal;
	display: inline-block;
	width: 5em;
}
.evttime {
	font-size: 1em;
	padding: 8px 0 0 0;
}
.evttime:before {
	content: 'Time: ';
	font-weight: normal;
	display: inline-block;
	width: 5em;
}
.evtloc {
	font-size: 1em;
	padding: 8px 0 0 0;
}
.evtloc:before {
	content: 'Location: ';
	font-weight: normal;
	display: inline-block;
	width: 5em;
}
.evtdesc {
	padding: 8px 0 8px 0;
}
.evtret {
	font-size: 0.85em;
}
.evtdoc a { /*button style*/
	font-family: Catamaran, sans-serif;
	display: inline-block;
	padding: 0.5em 1em;
	background: #0F75BC;
	text-decoration: none;
	font-size: 1.1em;
	color: #FFFFFE;
	outline: 0;
	border: 0;
	cursor: pointer;

	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out;
	-o-transition: background-color .25s ease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
}	

	.evtdoc a:hover
	{
		background-color: #00003D; /*+10%*/
		color: #F4F6F6;
	}
	
	.evtdoc a:active
	{
		background-color: #283891; /*-10%*/
		color: #F4F6F6;
	}

.calical {
	margin: 0.5em 0 0.5em 0;
}
/* Responsive Large Grid Calendar Styles (added during update on 10/15/2019) */
@media only screen and (max-width: 768px) {
	.callvtitle {
		width: 100%;
		text-align: center;
		float: none;
	}
	.callvpanel {
		width: 100%;
		text-align: center;
		float: none;
	}
	.callvmonth {
		width: 100%;
		text-align: center;
		float: none;
	}
	.callvgridbg td {
		display: block;
		width: 100% !important;
		height: auto !important;
		border-right: 1px solid #FEFFFF;
	}
	.callvdaynot {
		display: none !important;
	}
	.callvdaytitle {
		display: none !important;
	}
}