body {
font-family : Verdana, Helvetica, Arial, sans-serif;
font-size : 12px;
text-align : center;
font-weight : normal;
background : #996633;
}
h1, h2 {
color : #ffffcc;
}
a {
text-decoration : underline;
color : #000000;
text-align : center;
}
a:hover {
text-decoration : underline;
color : #000000;
background-color : #ffff00 ;
text-align : center;
}

.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 : 13px;
font-weight : bold;
background-color : #804000;
color : #ffff80;
border-style : outset;
border-width : 1px;
}
.dayname td {
text-align : center;
font-size : 12px;
font-weight : bold;
background-color : #c67d29;
color : #ffffff;
border-style : outset;
border-width : 1px;
}
.yearnavigation {
font-size : 18px;
color : #000000;
font-weight : bold;
}
.datepicker {
background-color : #e4e4e4;
}
.datepickerform {
margin : 0;
}
.monthnavigation {
font-family : Tahoma, Arial, sans-serif;
}
.monthpicker {
font-size : 11px;
background-color : #eeeeee;
}
.yearpicker {
font-size : 11px;
background-color : #eeeeee;
}
.pickerbutton {
font-size : 11px;
background-color : #eeeeee;
border-style : solid;
border-color : #000000;
border-width : 1px;
}
.nomonthday {
height : 60px;
width : 60px;
}
.monthday {
text-align : center;
font-size : 11px;
font-weight : bold;
background-color : #e4e4e4;
color : #384955;
height : 60px;
width : 60px;
vertical-align : top;
}
td.nomonthday {
border-right : 1px solid #ffcc99;
border-top : 1px solid #ffcc99;
}
td.monthday {
border-right : 1px solid #ffcc99;
border-top : 1px solid #ffcc99;
}
td.sunday {
border-right : 1px solid #ffcc99;
border-top : 1px solid #ffcc99;
}
td.saturday {
border-top : 1px solid #ffcc99;
}
.today {
text-align : center;
font-size : 11px;
font-weight : bold;
background-color : #5cb5c7;
color : #ffffff;
height : 60px;
width : 60px;
vertical-align : top;
}
.selectedday {
text-align : center;
font-size : 11px;
font-weight : bold;
background-color : yellow;
height : 60px;
width : 60px;
vertical-align : top;
}
.sunday {
text-align : center;
font-size : 11px;
font-weight : bold;
color : #667171;
height : 60px;
width : 60px;
vertical-align : top;
}
.sunday a {
color : #5c007c;
}
.saturday {
text-align : center;
font-size : 11px;
font-weight : bold;
color : #667171;
height : 60px;
width : 60px;
vertical-align : top;
}
.saturday a {
color : #5c007c;
}
.event {
text-align : center;
font-size : 11px;
font-weight : bold;
color : red;
background-color : #ffff99;
height : 60px;
width : 60px;
vertical-align : top;
}
.event a {
background-color : #ffff99;
color : red;
}
.selectedevent {
text-align : center;
font-size : 11px;
font-weight : bold;
color : red;
background-color : #ffff99;
height : 60px;
width : 60px;
vertical-align : top;
}
.selectedevent a {
background-color : #ffff99;
color : red;
}
.todayevent {
text-align : center;
font-size : 11px;
font-weight : bold;
color : red;
background-color : #ffff99;
height : 60px;
width : 60px;
vertical-align : top;
border-style : dotted;
}
.todayevent a {
background-color : #ffff99;
color : red;
}
.eventcontent {
font-size : 10px;
border-style : outset;
border-width : 1px;
width : 100%;
background-color : #ffffff;
color : red;
}