@font-face {
  font-family: "Gotham-Book";
  src: url("/css/type/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("/css/type/Gotham-Book.otf") format("opentype"), url("/css/type/Gotham-Book.woff") format("woff"), url("/css/type/Gotham-Book.ttf") format("truetype"), url("/css/type/Gotham-Book.svg#Gotham-Book") format("svg");
  font-weight: normal;
  font-style: normal;
}

.center {text-align:center;}

/* - - - - - LARGE CALENDAR FRONT END - - - - - */
.largecaldiv {font: Verdana, Arial, Helvetica, sans-serif;}
.largecaldiv .caltable {width:100%; margin:0 auto; margin-top:10px; background:#000;}
.largecaldiv .caltable a, .largecaldiv .caltable a:link, .largecaldiv .caltable a:visited, .largecaldiv .caltable a:active {color:#fff; text-decoration:none;}
.largecaldiv .caltable a:hover {color:#fff;text-decoration: underline;}
.largecaldiv .caltable tr {vertical-align:top;}
.largecaldiv .caltable td {width:100px; height:100px; background:#659d78; padding-top:0;padding:0 10px;}
.largecaldiv .caltable tr.monthyear td {text-align:center; color:#fff; border:none; vertical-align:top; font-size:21px; line-height:45px; height:30px;z-index:100;}
.largecaldiv .caltable tr.monthyear td.monthlink1 a { text-align:left; color:#fff;}
.largecaldiv .caltable tr.monthyear td.monthlink2 a { text-align:right; color:#fff;}
.largecaldiv .caltable tr.daynames td {text-align:center; color:#fff; background:#767676; padding:10px; border:none; vertical-align:middle; height:auto;}
.largecaldiv .caltable td.diffmonth {background:#767676;}
.largecaldiv .caltable td.diffmonth span.daynum {color:#fff;}
.largecaldiv .caltable span.daynum {display:block; float:right; padding:2px; color:#fff;}
.largecaldiv .caltable td.currentdate {color:#000; background:#4b7246;}
.largecaldiv .caltable td.currentdate span.daynum {font-weight:bold; color:#fff;}
.largecaldiv .caltable a.eventlink {display:block; float:left; clear:both; float:right; padding-right:5px;}

/* - - - - - SMALL / THREE CALENDAR FRONT END - - - - - */
.smallcaldiv .caltable {width:420px; margin:0 auto; margin-top:10px; background:#b3b9bf;}
.smallcaldiv .caltable a, .smallcaldiv .caltable a:link, .smallcaldiv .caltable a:visited, .smallcaldiv .caltable a:active {color:#2284cd; text-decoration:none;}
.smallcaldiv .caltable a:hover {color:#616467;}
.smallcaldiv .caltable tr {vertical-align:top;}
.smallcaldiv .caltable td {width:60px; height:50px; background:#fff; padding-top:0;}
.smallcaldiv .caltable tr.monthyear td {text-align:center; color:#fff; border:none; vertical-align:top; font-size:15px; line-height:32px; height:30px;}
.smallcaldiv .caltable td.monthlink1 {font-size:11px; text-align:left; color:#252525;}
.smallcaldiv .caltable td.monthlink2 {font-size:11px; text-align:right; color:#252525;}
.smallcaldiv .caltable tr.daynames td {text-align:center; color:#fff; background:#616467; border:none; vertical-align:middle; height:auto;}
.smallcaldiv .caltable td.diffmonth {background:#eceff2;}
.smallcaldiv .caltable td.diffmonth span.daynum {color:#fff;}
.smallcaldiv .caltable span.daynum {display:block; float:right; padding:2px;}
.smallcaldiv .caltable td.currentdate {color:#fff; background:#cbe0f5;}
.smallcaldiv .caltable td.currentdate span.daynum {font-weight:bold; background:#0a5db0;}
.smallcaldiv .caltable a.eventlink {display:block; float:left; clear:both; font-size:.9em; width:55px; text-align:right;}

/* - - - - - CALENDAR FLAT/DETAILED FRONT END - - - - - */
.calflatdiv {width:800px; margin: 0 auto; border:1px solid #616467;}
.calflatdiv .monthyear {text-align:center; font-size:1.1em; color:#fff; background:#616467; height:25px; padding:7px 10px 5px 10px;}
.calflatdiv .monthyear a {color:#fff; text-decoration:none;}
.calflatdiv .monthlink1 {display:block; float:left;}
.calflatdiv .monthname {text-align:center; font-weight:bold;}
.calflatdiv .monthlink2 {display:block; float:right;}
.calflatdiv .calbgalt {background:#CBE0F5; padding:5px 10px;}
.calflatdiv .calbgeven {background:#ECEFF2; padding:5px 10px;}
.calflatdiv .eventname {display:block; font-size:1.1em;}
.calflatdiv .eventdate {display:block; font-weight:bold;}
.calflatdiv .eventloc {display:block;}
.calflatdiv .eventdetails {display:block; text-align:justify; margin:5px 0;}
.calflatdiv .eventnameinline {font-weight:bold; padding-left:10px;}

/* - - - - - CALENDAR DETAILS MODAL WINDOW - - - - - */
#calendarthickbox {background:url(/admin/calendar/calendardetails.jpg) top left no-repeat; padding:0; margin:0;}
#caldetails {width:428px; margin:0; padding:0;}
#caldetails, #caldetails * {font-size: 20px;font-family:"Gotham-Book";}
#caldetails table {width:428px;}
#caldetails table tr {height:30px; vertical-align:top;}
#caldetails table td.label {width:110px; text-align:right; text-transform:uppercase;}
#caldetails table td.details {padding-left:15px;}
#caldetails .calexport {position:relative; top:160px; right:10px; float:right;}
#caldetails .calexport a {color:#000; text-decoration:none;}
#caldetails .calexport a:hover {text-decoration:underline; color:#333;}

/* - - - - - THICKBOX - - - - - */
html, body {min-height:100%; height:auto !important; height:100%;}
#TB_window {font:12px Arial, Helvetica, sans-serif; color:#333333;}
#TB_secondLine {font:10px Arial, Helvetica, sans-serif; color:#666666;}
#TB_window a:link {color:#666666;}
#TB_window a:visited {color:#666666;}
#TB_window a:hover {color:#000;}
#TB_window a:active {color:#666666;}
#TB_window a:focus{color:#666666;}
#TB_overlay {position:absolute; z-index:100; top:0px; left:0px; background-color:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
#TB_window {position:absolute; background:#ffffff; z-index:102; color:#000000; display:none; border:4px solid #525252; text-align:left;}
#TB_window img {display:block; margin:15px 0 0 15px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #666; border-left:1px solid #666;}
#TB_caption {height:25px; padding:7px 30px 10px 25px; float:left;}
#TB_closeWindow {height:25px; padding:11px 25px 10px 0; float:right;}
#TB_closeAjaxWindow {padding:5px 10px 7px 0; margin-bottom:1px; text-align:right; float:right;}
#TB_ajaxWindowTitle {float:left; padding:7px 0 5px 10px; margin-bottom:1px;}
#TB_title {background-color:#e8e8e8; height:27px;}
#TB_ajaxContent {clear:both; overflow:auto; text-align:left; line-height:1.4em;}
#TB_ajaxContent p {padding:5px 0px 5px 0px;}
#TB_load {position:absolute; display:none; height:100px; width:100px; z-index:101;}
#TB_HideSelect {z-index:99; position:absolute; top:0; left:0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
#TB_iframeContent {clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px;}

h2 {
	font-size:25px;
}
@media screen and (max-width: 768px) {
	#caldetails,#caldetails table {width:100%;}
	.monthlink1 span,.monthlink2 span {
		display:none;
	}
	tr.monthyear {
		flex-direction:row!important;
	}
	.largecaldiv .caltable td {
		height:auto;
		padding:10px;
		border-top: 1px solid #000;
	}
	td br {
		display:none;
	}

	.largecaldiv .caltable tr {
    display: flex;
    flex-direction: column;
  }
  .largecaldiv .caltable tr td {
    width: 100%;
  }
  .largecaldiv .caltable tr.daynames {
    display: none;
  }
  .largecaldiv .caltable tr.monthyear td {
    height: auto !important;
  }
  .largecaldiv .caltable span.daynum {
    float: none !important;
  }
  .largecaldiv .caltable a.eventlink {
    float: none !important;
  }
  .largecaldiv .caltable td.diffmonth {
    display: none;
  }
}