#calender  { color: #000; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; text-align: center; list-style-type: none; list-style-position: inherit; margin: 0; padding: 0 0 0 6px; width: 100%; border-left: 1px dotted #999 }
#calender li { color: #000; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 18px; text-align: center; list-style-type: none; list-style-position: inherit; margin: 6px 0 0; padding: 0; width: 100% }
#calender ul  { color: white; font-size: 14px; font-weight: bold; line-height: 18px; text-align: left; list-style-type: none; display: table-cell; margin: 6px 0 0; padding: 0 0 0; border-width: 0 }
#calender ul li    { color: #fff; font-size: 12px; font-weight: normal; line-height: 18px; background-color: #666; text-align: left; list-style-type: none; margin: 6px 0 0; padding: 1px; width: 150px; border-width: 0 }
#calender ul li:hover  { background-color: black; cursor: pointer }
.m1  { color: white; font-size: 14px; font-weight: bold; background-color: #c00; padding-right: 6px; padding-left: 6px }
.m2 { color: white; font-size: 14px; font-weight: bold; background-color: #6c0; padding-right: 6px; padding-left: 6px }
.m3 { color: white; font-size: 14px; font-weight: bold; background-color: #333; padding-right: 6px; padding-left: 6px }