table.calendar
{
	border: 5px solid #FFFFFF;
	border-collapse:collapse;
	border-radius: 2px;
	margin:0px 3px 0px 3px;
	padding:1px;
	text-align:center;
}
.calendar th
{
	height:50px;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	font-variant:small-caps;
	font-size:24px;
	background-color:#AA7811;
	font-weight:bold;
	border-bottom: 1px solid white;
}
.weekday th
{
	vertical-align:bottom;
	width:14%;
	margin-bottom:3px;
	background-color:#CCCCCC;
	color: #000000;
	font-weight:normal;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
}

.calendar td
{
	padding:0px;
	height:50px;
	vertical-align:top;
	background-color: rgba(128,64,64,1);
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #A1A1E6;
	color:#FFFFFF;
}

.calendar .dark
{
	background-color:#101010;
	border-bottom: 1px solid #000000;
	color:#CCCCCC;
}
	
.calendarspacer 
{
	height:3px;
}

.numberbox
{
	margin:1px 0px 1px 0px;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	text-align:center;
	float:left;
	width:35%;	
	font-family:arial;
	font-size:12px;
	color: #FFFFFF !important;
}
.dark p
{
	border-right: solid 1px #BBBBBB;
	border-bottom: solid 1px #BBBBBB;
	color: #FFFFFF;
}

.timebox, .timebox:link, .timebox:visited
{
	color:#FFFFFF !important;
	margin:0px 0px 0px 0px;
	border:none;
	width:100%;
	clear:both;
	padding:1px 0px 1px 0px;
	text-align:center;
	font-family:arial narrow;
	font-weight:bold;
	font-size:14px;
	background: rgba(0,0,0,0.5);
	margin-bottom: 2px;
}

.timebox:hover {
	color: #AA9999 !important;
}

@media only screen and (min-width: 40.0625em) {
	.timebox span {
		display: inline-block !important;
		margin-left: 1pt;
	}
}


@media (max-width:40.063em) {
	
	.calendar th
	{
		font-size:16px;
	}
		
	.numberbox
	{
		font-size:10px;
	}
	
	.timebox, .timebox:link, .timebox:visited
	{
		font-size:12px;
	}
}