/* What's On Table */
.whatson{
	padding:0; 
	border:1px solid #000080; 
	border-collapse:collapse;
	font-family:arial,helvetica,sans-serif;
	width: 99%;
	width: calc(100% - 10px);
}
.whatson a{
	color: #000080;
	text-decoration: none;
}
.whatson a:hover{
	text-decoration: underline;
	color:#0085ff;
}
.monthrow{
	background-color: rgba(34,49,83,1);
	background-image: linear-gradient(rgba(34,49,83,1),rgba(0,95,141,1));
	color:#FFF;
	vertical-align:top; 
	text-align:center; 
	font-weight:bold; 
	font-size:16px;
	padding: 10px;
}
.monthrow a{color:#fff}
.monday{
	width:83px; 
	border:solid rgba(34,49,83,1) 1px; 
}
.tuesday,.wednesday,.thursday,.friday,.saturday,.sunday{
	border-left: none; 
	border-bottom:solid rgba(34,49,83,1) 1px; 
	border-right:solid rgba(34,49,83,1) 1px;
}	
.tuesday{width: 80px}
.wednesday{width:86px}
.thursday{width:83px}
.friday{width:80px}
.saturday{width:74px}
.sunday{width:96px}
.saturday,.sunday{background-color: #f8f8f8}
.daycol,.datecol{
	vertical-align:top; 
	font-family:arial,helvetica,sans-serif;
	text-align: center;
	padding: 10px; 
}
.daycol{
	border-top: solid 1px #000080; 
	background-color:#00aeef;
	color: #fff; 
	font-weight:bold;
	font-size:14px;
}
.datecol{
	border-top:none; 
	font-size:14px;
	height: 100px;
}
.datenum{text-align: right}
.prevmonth{
	text-align: right;
	color: rgb(153, 153, 153);
	background-color: #ddd;
}
.clear, .clr{clear: both}
.weekday{width: 30%}
.button{
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 5px;
}
.th{display:table-cell}
.term .datenum{color:#330099}

/* Screen Size Below 596px: */
@media all and (max-width: 596px) and (min-width: 20px)
{
	.whatson{
		display: block;
		border: 0 solid #fff;
	}
	.whatson .tr{
		display: block;
		margin: 0; 
		padding: 0;
	}
	.whatson .monthrow{
		display: block !important;
		border: 0 solid #000;
		margin: 5px 0;
		width: 68%; /* old browsers */
		width: calc(68% - 12px) !important;
		float: left;
		min-height:auto;
	}
	.whatson .prev, .whatson .next{
		width: 16%; /* old browsers */
		width: calc(16% - 12px) !important;
	}
	.whatson .datecol{width: 100%} /* old browsers */
	.whatson .td{
		display: block;
		border: 0 solid #000;
		margin: 5px 0; 
		padding: 6px;
		float: left;
		width: calc(100% - 12px);
		height: auto;
		font-size: 16px;
	}
	.weekview .td{
		min-height: 50px;
		margin: 0;
	}
	.weekday{background-color:inherit}
	.whatson .tuesday, .whatson .thursday{background-color:#eee}
	.whatson .saturday, .whatson .sunday{background-color:#c1e7ff}
	.whatson .daycol{display:none}
	.whatson .monthrow{min-height:25px}
	.whatson .prevmonth{
		border: 0 none;
    	min-height: 0;
		height: 0;
    	overflow: hidden;
    	padding: 0;
	}
	.whatson .datenum{text-align: left}
	.appealEvents .whatson:last-child{display:none}
	.mini-only{display: inline}
	iframe{
		width: 100%;
		max-height: 50vh;	
	}
	.weekview .datecol{height: inherit}
	.weekday{
		margin-bottom: 0;
		font-style: italic;
	}
}