/*
	.small
	.medium
	.large (default)

*/

.ui-datepicker {
	z-index: 1000000 !important;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	cursor: pointer;
}

@media screen and (min-width: 0px) {
	.table-responsive.calendarTable {
		margin-bottom: 0;
	}
}
.spacer.col-xs-12 {
	height: 15px;
}

.calendar.month {
	border-collapse: collapse;
}
.calendar.month.table {
	margin: 0;
	width: 99.99%;
}
.calendar.month .monthName.selected {
	clear: none;
	float: none;
	height: auto;
	margin: 0 0 0.25ex 0;
	padding: 0;
	text-align: center;
}
.calendar.month .monthName a:link,
.calendar.month .monthName a:visited {
	color: inherit;
}
.calendar.month .monthName {
	clear: none;
	display: block;
	float: left;
	line-height: 1.0;
	padding: 1ex 0 0;
	margin: 0;
	text-align: left;
	color: inherit;
}
.calendar.month .monthName.next {
	float: right;
	text-align: right;
}
.calendar.month .monthLabels td {
	padding: 0;
}
.calendar.month .dayLabels {
}
.calendar.month .dayLabel {
	background: lightgray;
	font-weight: bold;
	padding: 0;
	text-align: center;
}
.calendar.month .day {
	background-color: #FFFFFF;
	border-color: gray;
	border-width: 1px;
	padding: 1px 0 0 1px;
	padding: 0;
	width: 14.3%;
	overflow: hidden;
}
.calendar.month .week + .week .day {
	border-style: solid none none none;
}
.calendar.month .dayWrapper {
	position: relative;
	min-height: 7.1ex;
}

@media (max-width: 569px) { /* xs */
}
@media (min-width: 570px) and (max-width: 729px) { /* sm */
	#CalendarPage .calendar.month .dayWrapper {
		max-width: 79px;
	}
}
@media (min-width: 730px) and (max-width: 919px) { /* md */
	#CalendarPage .calendar.month .dayWrapper {
		max-width: 79px;
	}
}
@media (min-width: 920px) { /* lg */
	#CalendarPage .calendar.month .dayWrapper {
		max-width: 98px;
	}
}
@media (min-width: 570px) { /* all but xs */
	#CalendarPage .calendar.month .group .items .item {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
}


.calendar.month .dayNum {
	color: #000000;
	display: block;
	font-weight: bold;
	height: 100%;
	height: 1000%;
	line-height: 1;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 1px;
	text-align: right;
	top: 0;
	width: 100%;
	z-index: 50;
}
.calendar.month .thisWeek .day {
	background-color: #FFF9DB;
}
.calendar.month .day.sun, .calendar.month .day.sat {
	background-color: #E0E0E0;
}
.calendar.month .day.today {
	background-color: #FFF1A8;
}
.calendar.month .day.selected {
	/*border: 1px solid dimgray;*/
}
.calendar.month .day.notMonth {
	background: #DCDFE0;
}

.calendar.month .group {
	font-size: 8pt;
	height: auto;
	margin-bottom: 2px;
	padding-top: 4ex;
	/*position: relative;*/
	width: 100%;
	/*z-index: 100;*/
}
.calendar.month .group .items {
	padding-left: 1px;
	padding-right: 1px;
	width: 100%;
	position: relative;
	z-index: 100;
}
.calendar.month .group .items .item {
	height: auto;
	/*max-height: 3.2ex;*/
	max-width: 100%;
	overflow: hidden;
	padding: 2px;
	text-overflow: ellipsis;
	width: 100%;
}
.calendar.month .group .items .item + .item {
	margin-top: 2px;
}

.calendar.month .group a.more {
	position: static;
	margin-top: 0.5ex;
}



.calendar.month .day .more {
	background-image: none;
	bottom: 0.25ex;
	font-size: 90%;
	line-height: 1.0;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	width: 100%;
}




.small .calendar.month thead {
	font-size: 7pt;
}
.small .calendar.month {
	font-size: 8pt;
}
.small .more {
	display: none !important;
}
.small .calendar.month .monthName {
	font-size: 100%;
}
.small .calendar.month .next,
.small .calendar.month .previous {
}
.small .calendar.month .day {
	border-color: #CCCCCC;
}
.small .calendar.month .week + .week .day {
	border-style: solid;
}
.small .calendar.month .dayLabel {
	font-size: 7pt;
}
.small .calendar.month .dayWrapper {
	min-height: 4ex;
}
.small .calendar.month .hasEvents .dayWrapper::before {
	bottom: 0;
	color: hsl(0, 0%, 83%);
	content: "\2022";
	display: block;
	font-size: 12pt;
	left: 0;
	line-height: 0.6;
	position: absolute;
	right: 0;
	text-align: center;
}
.small .calendar.month .day .group {
	display: none !important;
}



.small .calendar.month .dayNum,
.medium .calendar.month .dayNum {
	/*height: 100%;*/
	right: 0;
	text-align: right;
	width: 100%;
}



.medium .calendar.month {
}
.medium .calendar.month .monthName {
}
.medium .calendar.month .monthName.selected {
	font-size: 150%;
}
.medium .calendar.month .dayLabel {
	border: 1px solid #CCCCCC;
}
.medium .calendar.month .week + .week .day,
.medium .calendar.month .day {
	border: 1px solid #CCCCCC;
}
.medium .calendar.month .day.selected {
	outline: 1px solid black;
}
.medium .calendar.month .previous, .medium .calendar.month .next {
	/*display: none;*/
}
.medium .calendar.month .dayWrapper {
	min-height: 4.5ex;
	padding: 2.2ex 0 0;
	padding: 0;
}
.medium .calendar.month .dayNum {
	padding: 0.2ex;
}
.medium .calendar.month .day a.more {
	font-size: 7pt;
}
.medium .calendar.month .events {
}
.medium .calendar.month .events .event {
	word-wrap: break-word;
	word-break: break-word;
}
.medium .calendar.month .events .event .title,
.medium .calendar.month .events .event .title a {
}

.event.full {
	background-color: transparent;
}
.event.full .when {
	font-size: 110%;
	font-weight: bold;
}

.event.full .details .contactEmail {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.event.full .ad.eventAd img {
	margin: 0 auto;
	max-width: 100%;
	width: auto;
	height: auto;
}







.modEvents {
}
.modEvents .events.event .date {
	display: block;
}
.modEvents .events .event {
	border-style: none;
	padding: 0.5ex;
}
.modEvents .events .event .time {
	display: block;
}
.modEvents.day .events .event {
	background-color: transparent;
	border-left-width: 1ex;
	padding-left: 1ex;
	border-left-style: solid;
}
.modEvents.day .events .event .section {
	font-weight: bold;
	float: right;
	clear: right;
	display: block;
	white-space: nowrap;
	width: auto;
	max-width: 100%;
	overflow: hidden;
}



#ModBidCalendar.small h1 {
	display: none;
}
#ModBidCalendar.small h2.currentdate {
	display: none;
}
#ModBidCalendar.small .projects {
	display: none;
}
#ModBidCalendar.small .monthname {
	display: none;
}



#CalendarPage .calendar.month .monthName {
	padding-top: 1.5ex;
}
#CalendarPage .calendar.month .monthName.selected {
	font-size: 200%;
	padding-top: 0;
}
@media (max-width: 919px) {
	#CalendarPage .calendar.month .dayWrapper {
		font-size: 8pt;
		height: auto;
	}
}
#CalendarPage .calendar.month .event.month .title {
	display: block;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	width: 100%;
}
#CalendarPage .calendar.month .dayNum {
	font-size: 16pt;
}







.calendar.day {
}
.calendar.day .timeBlock {
	clear: both;
}
.calendar.day .timeBlock .time {
	display: block;
	font-size: 100%;
	text-align: right;
}
.calendar.day .timeBlock .time a {
	color: inherit;
	font: inherit;
	margin-right: -16px;
	padding-right: 16px;
}
.calendar.day .timeBlock .time a:hover,
.calendar.day .timeBlock .time a:active {
	background-image: url('/media.sddt.com/images/link.png');
	background-position: right center;
	background-repeat: no-repeat;
}
.calendar.day .events {
}
.calendar.day .event {
	padding: 5px;
	position: relative;
}
.calendar.day .event .description,
.calendar.day .event .moreLink {
	background-color: white;
}
.calendar.day .event .moreLink {
	text-align: right;
}
.calendar.day .event .moreLink a.more {
	display: inline-block;
	padding-left: 1em;
}
.calendar.day .event .description {
	margin-top: 5px;
	padding: 0.5ex 0.5em;
}
.calendar.day .event a.more {
	font-size: 8pt;
}
.calendar.day .event + .event {
	margin-top: 5px;
}
.calendar.day .event .startTime {
	display: block;
	font-weight: bold;
	position: absolute;
	left: 5px;
	top: 5px;
	width: 50px;
	width: 3.8em;
}
.calendar.day .allDay .event .startTime {
	display: none;
}
.calendar.day .event .title {
	margin-left: 43px;
	margin-left: 3.6em;
}
.calendar.day .allDay .event .title {
	margin-left: 0;
}
.calendar.day .event .section {
	float: right;
	font-weight: bold;
}






#EventPage {
}
#EventPage .eventRepeats .calendar.month .day .events {
	display: block;
}
#EventPage .eventRepeats .header {
	font-size: 140%;
}
#EventPage .event.full .description {
	margin-bottom: 2ex;
}
#EventPage .modEvents.bySection .header {
	font-size: 100%;
}


.events {
}
.events .event {
}
.events .event + .event {
	margin-top: 1ex;
}

.events.list .event {
	clear: both;
	padding: 3px;
}
.events.list .event + .event {
	margin-top: 1px;
}
.events.list .event .date {
	display: block;
	float: left;
	text-align: right;
	width: 7em;
}
.events.list .event .date:after {
	content: " - ";
}
.events.list .event .title {
	display: block;
	padding-left: 7.5em;
}

.events .event.month {
	padding: 0.2ex;
}
.events .event.month a,
.events .event.short a {
	color: #000000;
}
.events .event.month .title,
.events .event.short .title {
	font-weight: bold;
}

.events .event .title {
	display: block;
	margin: 0;
}
.events .event .title a {
	display: inherit;
	overflow: inherit;
	text-overflow: inherit;
}
.events .event.day .title a {
	color: #000000;
}



.events.list.moreIdentical input {
	z-index: 20;
}
.events.list.moreIdentical .group {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 10;
}
.events.list.moreIdentical .group.viewing {
	display: block;
}


.sectionLegend .sections .section {
	font-weight: bold;
	line-height: 1;
	margin-bottom: 1ex;
	overflow: hidden;
	padding: 0.4ex;
	text-overflow: ellipsis;
	white-space: nowrap;

	background-color: transparent;
	position: relative;
	padding-left: 1.4em;
}
.sectionLegend .sections .section::before {
	content: ' ';
	display: block;
	border-color: inherit;
	position: absolute;
	left: 0;
	top: 0;
	right: auto;
	bottom: 0;
	width: auto;
	height: auto;
	border-style: solid;
	border-width: 0 0 0 1em;
}