table.year {border: 0; background: #8c1029}
table.year td {border: 2px; background: #ddffdd} 
table.calendar {border: 0}
table.calendar td, th {text-align: center; border: 0}
table.calendar th {height: 10px; font-size: 7pt;}
table.calendar td {width: 19px; height: 10px; font-size: 10pt;}
table.calendar .calendar-month {font-weight: bold; margin-top: 3px; font-size: 12pt; text-align: center}
table.calendar .calendar-month a{text-decoration: none}
table.calendar .calendar-prev, table.calendar .calendar-next {font-weight: normal;}
table.calendar th {color: green; text-align: center;}
table.calendar td.linked-day {font-size: 11pt}
table.calendar a:hover {background-color: #80ff80; }
table.prevnext {width: 100%; margin-top: .3em;}
table.prevnext td{
	font-size: smaller;
}
table.prevnext td a{text-decoration: none}

#button    { 
	color: #333; font-weight: bold; font-size: 16pt; /*background-color: #90bade;*/
	margin: 5px 0px 5px 5px; padding: 5px 0px 5px 5px; 
	width: auto;
}
#button ul {list-style: none; margin: 0; padding: 0; border: none; }
#button li { 
	border-right: 1px solid #066; 
	border-left: 1px solid #066; 
	border-top: 1px solid #066; 
	margin: 0; display: inline;
	padding-left: 3px;
	padding-right: 3px;
}
#button li a  { 
	color: #000; text-decoration: none; 
	padding: 2px 2px 2px 2px; width: auto; 
}
#button li a:hover { 
	background-color: #aaffaa; color: #000;
}
#button li.shown a  { 
	color: #000; text-decoration: none; 
	background-color: #ddffdd;
} 
#button li.shown a:hover { 
	background-color: #ddffdd; color: #000;
}
html>body #button li a { width: auto; }