body {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
a {	
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #3163CE;
}
.year {
	border-style: outset;
	border-width: 1px;
	background-color: #e4e4e4;
	text-align: center;
}
.month {
	border-style: none;
	background-color: #e4e4e4;
	text-align: center;
}
.yearname {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.monthname {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: #afafaf;
	color: #000000;
	border-style: outset;
	border-width:0px
}
.dayname td {
	text-align: center;
	font-size: 10px;
	color: #000000;
	background-color: #f7f7f7;
	border-width:0px
}
.yearnavigation {
	font-size: 12px;
}
.datepicker {
	background-color: #afafaf;
}
.datepickerform {
	margin: 0px;
}
.monthnavigation {
	font-size: 12px;
	font-family: Arial, sans-serif;
	background-color: #afafaf;
	color: #000000;
}
.monthpicker {
	font-size: 10px;
	font-family: Arial, sans-serif;
	background-color: #eeeeee;
}
.yearpicker {
	font-size: 10px;
	font-family: Arial, sans-serif;
	background-color: #eeeeee;
}
.pickerbutton {
	font-size: 10px;
	background-color: #eeeeee;
	font-family: Arial, sans-serif;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}
.nomonthday {
	height:23px;
	width:23px;
}
.monthday {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: #efefef;
	color: #384955;
	height:23px;
	width:23px;
}
.today {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: #ffffff;
	color: #ffffff;
	height:23px;
	width:23px;
}
.selectedday {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: #efffef;
	height:23px;
	width:23px;
}
.sunday {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: #ffefef;	
	color: #667171;
	height:23px;
	width:23px;
}
.sunday a {
	color: #667171;
}
.saturday {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: #ffefef;
	color: #667171;
	height:23px;
	width:23px;
}
.saturday a {
	color: #667171;
}
.event {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: red;
	background-color: #ffff99;
	height:23px;
	width:23px;
	text-decoration: underline;
}
.event a {
	background-color: #ffff99;
	color: red;
	text-decoration: underline;
}
.selectedevent {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: red;
	background-color: #ffff99;
	height:23px;
	width:23px;
}
.selectedevent a {
	background-color: #ffff99;
	color: red;
	text-decoration: underline;
}
.todayevent {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: red;
	background-color: #ffff99;
	text-decoration: underline;
	height:23px;
	width:23px;
}
.todayevent a {
	background-color: #ffff99;
	color: red;
	text-decoration: underline;
}
.eventcontent {
	font-size: 9px;
	border-style: outset;
	border-width: 1px;
	width: 100%;
}

.code {font-family: "Arial, Courier New", Courier, mono; font-size: 12px; font-weight: bold; color: #000099; text-align: right}
.explain {font-family: Tahoma, Arial, mono; font-size: 12px; font-weight: bold; color: #000000; text-align: left}
.explain2 {font-family: "Courier New", Courier, Arial, mono; font-size: 12px; font-weight: bold; color: #000099; text-align: left}
.mtable {border-width: 2px; border-style:outset; border-color: #eeeeee;}
.small { font-family: Helvetica, Tahoma, Arial, sans-serif; font-size: 10px}
body td { font-family: Helvetica, Tahoma, Arial, sans-serif; font-size: 12px}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #f8f8f8;
width: 200px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
border-right: 2px solid black;
border-bottom: 2px solid black;
visibility: hidden;
text-align: left;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 5px;
}