body { 
     background-color: white; 
     font-family: arial; sans-serif; 
     font-size: 12px; 
     line-height:16px;
     font-color: black;
}

a:link { color: firebrick; text-decoration: none }
a:active { color: firebrick; text-decoration: underline; }
a:visited { color: firebrick; text-decoration: none }
a:hover { color: blue; text-decoration: underline; }

#centerBox {
     background-color: lightsteelblue;
     border: 2px solid midnightblue;
     width: 760px; 
     padding: 4px 4px 4px 4px;
}

.input {
     font-family: arial, sans-serif;
     border: 1px solid midnightblue;
}

table {
     font-family: arial, sans-serif;
     font-size: 12px;
}

.title {
     font-family: arial, sans-serif;
     font-size: 16px;
     font-weight: bold;
}

.error {
     font-family: arial, sans-serif;
     font-size: 12px; 
     font-weight: bold;
     line-height: 14px;
     color: dimgray;
}

.alert_message {
     padding: 4px 4px 4px 4px;
     background-color: lightyellow;
     font-size: 14px;
     color: firebrick;
     font-weight: bold;
     width: 60%;
     text-align: center;
     border: 1px solid firebrick;
}

.calendar {
     font-family: arial, sans-serif;
     font-size: 12px;
     border-right: 1px solid #999999;
     border-bottom: 1px solid #999999;
     padding-left: 2px;
     padding-right: 2px;
     width: 92px; 
     height: 92px;
     text-align: left;
     background-color: aliceblue;
}

.calendarhead {
     font-family: arial, sans-serif;
     font-size: 12px;
     font-weight: bold;
     background-color: mediumslateblue;
     width:92px;
     height: 30px;
     font-weight:bold;
     text-align: center;
}