body, td, th {styles.css (line 7)
color:#000000;
font-family:Helvetica,Arial;
font-size:12px;
line-height:17px;
}

.cal  td, th {
font-family: Helvetica, Arial ; 
font-size: 12px;
line-height: 17px;
color: #000; 
}
.cal a { text-decoration: none; color:#FFFFFF; }

.cal a:link {
	font-size: 12px;
	font-family: verdana, arial,Helvetica,"sans-serif";
	font-weight: normal;
	font-style: normal;
	color: #444444;
	text-decoration: underline
}

.cal a:visited {
	font-size: 12px;
	font-family: verdana, arial,Helvetica,"sans-serif";
	font-weight: normal;
	font-style: normal;
	color: #444444;
	text-decoration: underline
}

.cal a:hover {
	font-size: 12px;
	font-family: verdana, arial,Helvetica,"sans-serif";
	font-weight: normal;
	font-style: normal;
	color: #FF8E00;
	text-decoration: none
}

.callink:link {
	font-size: 12px !important;
	font-family: verdana, arial,Helvetica,"sans-serif";
	font-weight: normal;
	font-style: normal;
	color: #444444 !important;
	text-decoration: underline
}

.callink:visited {
	font-size: 12px !important;
	font-family: verdana, arial,Helvetica,"sans-serif";
	font-weight: normal;
	font-style: normal;
	color: #444444 !important;
	text-decoration: underline
}

.callink:hover {
	font-size: 12px;
	font-family: verdana, arial,Helvetica,"sans-serif";
	font-weight: normal;
	font-style: normal;
	color: #FF8E00;
	text-decoration: none
}
		
.calpopup:link {
	font-size: 12px;
	font-family: verdana, arial,Helvetica,"sans-serif";
	font-weight: normal;
	font-style: normal;
	color: #eeeeee;
	text-decoration: none;
}

.calpopup:visited {
	font-size: 12px;
	font-family: verdana, arial,Helvetica,"sans-serif";
	font-weight: normal;
	font-style: normal;
	color: #eeeeee;
	text-decoration: none;
}

.calpopup:hover {
	font-size: 12px;
	font-family: verdana, arial,Helvetica,"sans-serif";
	font-weight: normal;
	font-style: normal;
	color: #FF8E00;
	text-decoration: none;
}
		
 table.listview a.button:link, .cal a.button:visited, .cal a.button:link {
	background-color: #cccccc;
	border-bottom: 1px solid #888888;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #888888;
	border-top: 1px solid #ffffff;
	color: #000000 !important;
	font: 12px Tahoma, verdana, arial, Helvetica, Sans-Serif;
	height: 17px;
	letter-spacing: .08em;
	margin: 0px 4px 0px 0px;
	padding: 1px 2px 1px 5px;
	text-decoration: none !important;
}

table.listview,a.button:hover, cal a.button:hover {
	background-color: #ffdd6e;
	border-bottom: 1px solid #888888;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #888888;
	border-top: 1px solid #ffffff;
	color: #000000 !important;
	font: .85em Tahoma, verdana, arial, Helvetica, Sans-Serif;
	height: 17px;
	letter-spacing: .08em;
	margin: 0px 4px 0px 0px;
	padding: 1px 2px 1px 5px;
	text-decoration: none !important;
}
	
	
.today {background-color: #ffffcf;}


.caltitle{
margin:  0px;
font-size : 14px;
font-family : verdana, arial , Helvetica, "sans-serif";
font-weight : bold;
font-style : normal;
color : #eeeeee;
}

.caltitlesmall{
margin:  0px;
font-size : 14px;
font-family : verdana, arial , Helvetica, "sans-serif";
font-weight : bold;
font-style : normal;
color : #eeeeee;
}

.cal table {	
width: 100%;
background-color: transparent;
border: 0px;
color: #000000;
margin: 0px;
padding: 0px;
}

table.cal {	
	width: 100%;
	max-width: 594px;
	background-color: #999999;
	border: 1px solid #999999;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

tr.cal {
	background-color: #cccccc;
	color: #000000;
	margin: 0px;
	padding: 2px 0px 2px 5px;
	text-align: center;
}

th.cal {
	background-color: #cccccc;
	color: #000000;
	font-weight : Bold;
	margin: 0px;
	padding: 2px 0px 2px 5px;
}

td.cal {
	background-color: #eeeeee;
	color: #000000;
	margin: 0px;
	padding: 2px 2px 2px 5px;
	text-align: left;
	width: 25%;
}

.cal table.form {	
	width: 100%;
	background-color: transparent;
	border: 1px solid #999999;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

.cal tr.form {
	background-color: #cccccc;
	color: #000000;
	margin: 0px;
	padding: 2px 0px 2px 5px;
	text-align: left;
}

.cal th.form {
	background-color: #cccccc;
	color: #000000;
	font-weight : Bold;
	margin: 0px;
	padding: 2px 0px 2px 5px;
	text-align: left;
}

.cal td.form {
	background-color: #eeeeee;
	color: #000000;
	margin: 0px;
	padding: 2px 2px 2px 5px;
	text-align: left;
	width: 15%;
}

.cal table.listview {	
	width: 100%;
	background-color: #eeeeee;
	border: 1px solid #999999;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

table.cal {	
	width: 100%;
	background-color: #999999;
	border: 1px solid #999999;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

tr.cal {
	background-color: #cccccc;
	color: #000000;
	margin: 0px;
	padding: 2px 0px 2px 5px;
	text-align: center;
}

th.cal {
	background-color: #cccccc;
	color: #000000;
	font-weight : Bold;
	margin: 0px;
	padding: 2px 0px 2px 5px;
}

td.cal {
	background-color: #eeeeee;
	color: #000000;
	margin: 0px;
	padding: 2px 2px 2px 5px;
	text-align: left;
	width: 25%;
}

table.calday {	
	width: 100%;
	border-collapse: collapse;
	background-color:transparent;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

td.calday {
	background-color: transparent;	
	color: #000000;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	text-align: left;
}

td.emptyday {
	width: 100px;
	background-color: #eeeeee;
}

table.formnested {
	border: none;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

.form1text {
	background-color: #ffffff;
	border: .5pt solid #999999;
	color: #000000;
	font-size : 12px;
	font-family : Helvetica, "sans-serif";
	margin: 0px;
	padding: 1px 4px 0px 3px;
}

.form1textr {
	background-color: #dfffef;
	border: .5pt solid #999999;
	color: #000000;
	font-size : 12px;
	font-family : Helvetica, "sans-serif";
	margin: 0px;
	padding: 1px 4px 0px 3px;
}

	
.submit {
background-color: #999999;
border-bottom: 1px solid #000000;
border-left: 1px solid #ffffff;
border-right: 1px solid #000000;
border-top: 1px solid #ffffff;
color: #ffffff;
margin: 0px;
padding: 0px 4px 0px 4px;
text-align: center;
}

div.required {
	background-color: #dfffef;
	border: 1px solid #999999;
	color: #000000;
	font: 12px verdana, arial,Sans-Serif;
	margin: 2px 10px 10px 2px;
	padding: 1px 4px 2px 3px;
	position: relative;
	width: 130px;
}

div.message {
	background-color: transparent;
	color: red;
	font: 12px verdana, arial,Sans-Serif;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	position: relative;
}

div.messageshort {
	background-color: #ffffcc;
	border: 1px solid #999999;
	color: #000000;
	font: 12px verdana, arial,Sans-Serif;
	margin: 2px 10px 10px 2px;
	padding: 1px 4px 2px 3px;
	position: relative;
	width: 130px;
}

div.messagelong {
	background-color: #ffffcc;
	border: 1px solid #999999;
	color: #000000;
	font: 12px verdana, arial,Sans-Serif;
	margin: 2px 10px 10px 2px;
	padding: 1px 4px 2px 3px;
	position: relative;
	width: 100%;
}

.redtext {
	background-color: transparent;
	color: #ff0000;
	margin: 0px 0px 0px 5px;
}

.event-type {
border: 1px solid ##000000;
width: 10px; 
height: 2px;
margin: 0px 2px 2px 0px;
text-align: middle;
}

table.form {	
	width: 100%;
	background-color: transparent;
	border: 1px solid #999999;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

tr.form {
	background-color: #cccccc;
	color: #000000;
	margin: 0px;
	padding: 2px 0px 2px 5px;
	text-align: left;
}

th.form {
	background-color: #cccccc;
	color: #000000;
	font-size : 12px;
	font-weight : Bold;
	margin: 0px;
	padding: 2px 0px 2px 5px;
	text-align: center;
}


td.form {
	background-color: #eeeeee;
	color: #000000;
	font-size : 12px;
	margin: 0px;
	padding: 2px 2px 2px 5px;
	text-align: left;
	width: 30%;
}

table.form td {
	font-size : 12px;
	padding: 2px 2px 2px 5px;
	text-align: left;
}

table.listview {	
	width: 100%;
	background-color: #eeeeee;
	border: 1px solid #999999;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

a.button:link, a.button:visited {
	background-color: #cccccc;
	border-bottom: 1px solid #888888;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #888888;
	border-top: 1px solid #ffffff;
	color: #000000;
	font: .75em Tahoma, verdana, arial, Helvetica, Sans-Serif;
	height: 17px;
	letter-spacing: .08em;
	margin: 0px 4px 0px 0px;
	padding: 1px 4px 1px 5px;
	text-decoration: none;
}

a.button:hover {
	background-color: #ffdd6e;
	border-bottom: 1px solid #888888;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #888888;
	border-top: 1px solid #ffffff;
	color: #000000;
	font: .75em Tahoma, verdana, arial, Helvetica, Sans-Serif;
	height: 17px;
	letter-spacing: .08em;
	margin: 0px 4px 0px 0px;
	padding: 1px 4px 1px 5px;
	text-decoration: none;
}