@media print
{
	#leftpanel { width: 0px; display:none; }
	#rightpanel { width: 0px; display:none; }
	#pagecontent { width: 700px; }
	#calpanel { overflow-y: none; }
}

@media screen
{
	#leftpanel { width: 116px; padding-top: 5px; }
	#rightpanel { width: 116px; /* padding-top: 25px; */}
	#calpanel { overflow-y: scroll; }
}

#leftpanel { float: left; }
#rightpanel { float: right; }

#calendar { width: 700px; margin-top: 0px; table-layout: fixed; border-top: none; }
#nestedTable { width: 100%; }
#calendar, #nestedTable { border-collapse: collapse; }
#monthmenu { margin-left: auto; margin-right: auto; }
#calendar {margin-left: 1px; }

.yearnavl { width: 107px; } /* 115px each */
.yearnavr { width: 123px; }

.col1 { width: 30px; }
.col2 { width: 36px; }
.col3 { width: 97px; }
.col3safari { width: 108px; }
.col4 { width: auto; }
.col5 { width: 25%; }

#calendar {
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
} 
#calendar td { border: 1px solid black; } 
#nestedTable, #nestedTable td { border: none; }
#calendar td { padding: 0px 5px; text-align: center; }
#calendar tr td:nth-child(4) { text-align: left; }
#calendar tr td:nth-child(5) { vertical-align: center; }
#nestedTable tr td:nth-child(1) { text-align: inherit; }

.calTitle
{
	background-color: #ffe2c5;
	font-size: 18pt;
	font-weight: bold;
	line-height: 110%;
	text-align: center;
}
.calSubTitle { font-size: 14pt; }

.currentMonth { color:blue; /* text-decoration: underline; */}

#monthmenu { width: 950px; margin-bottom: 10px; }

#colourkey { width: 100px; margin-left: auto; border: solid white 2pt; }
#colourkey td
{
	border: solid white 2pt;
	padding: 0px 5px;
	font-size: 11pt;
}

#monthmenu { border: none;}
#monthmenu td 
{
	text-align: center;
	font-size: 11pt;
	border: solid white 2pt;
}

.hagStyle-1 { color: #a0a0a0; }
.hagStyle1 { background-color: #ffa54f; }
.hagStyle2 { background-color: #ccffff; }
.hagStyle3 { background-color: yellow; }
.hagStyle4 { background-color: #ffccff; }
.hagStyle5 { background-color: #ccffcc; color: green; }
.hagStyle6 { color: #ff6600; }
.hagStyle7{ color: red; }
.hagProvisional { color: #3366ff; }
.hagStyle5, .hagStyle6, .hagStyle7 { font-weight: bold; }
.hagStyleSun { color: red; font-weight: bold; /* text-decoration: underline; */ }