.calendar, .colorkey {
	padding: 1px;
	margin: 0 auto;
	font: normal 10pt/28px Arial, Helvetica, sans-serif;
	color: #777;
	text-align: center;
	background-color: #fff;
	border: 1px solid #004080;
}

.calendar .nav, .calendar .nav a {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #fff;	
	text-align: center;
	text-decoration: none;
}	

.calendar th {
	font: bold 10pt/20px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #004080;
}

.calendar td {
	width: 28px;
	height: 28px;
	text-align: center;
}

.calendar td a, .colorkey td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}

.calendar td a:hover, .calendar td a:active {
	border: 1px solid #7f0909;
	width: 26px;
	height: 26px;
}
.colorkey td {
	height: 16px;
	line-height: 10px;
}
.colorkey th {
	height: 16px;
	line-height: 16px;
	border-bottom: 1px solid #003399;	
}
.showa, .showa a  {
	color: #000000;
	background: #66d7ff;
}
.showb, .showb a  {
	color: #000000;
	background: #FFFF99;
}
.showc, .showc a  {
	color: #000000;
	background: #99CC66;
}
.showd, .showd a  {
	color: #FFFFFF;
	background: #CC0033;
}
.showe, .showe a  {
	color: #000000;
	background: #CC66FF;
}
.showf, .showf a  {
	color: #FFFFFF;
	background: #0066CC;
}
.showg, .showg a  {
	color: #000000;
	background: #CCCC00;
}
.showh, .showh a  {
	color: #000000;
	background: #00FF66;
}
.showi, .showi a  {
	color: #000000;
	background: #99CCCC;
}
.showj, .showj a  {
	color: #000000;
	background: #999999;
}