#calendar{ width: 200px; height: 205px; padding-top: 20px; display: block; clear: left; font-size:11px;}
#calendar div{ text-align: center; font-family: Arial, Helvetica, sans-serif;}

#calendar .days{ clear: left; }
#calendar .days div{ float: left; margin: 1px 1px 1px 0; width: 25px; height: 18px; border: 1px solid black; padding-top: 2px;}
#calendar .days .cell{ border: 1px solid white; }
#calendar .days .current_day{ border: 1px solid blue; }
#calendar .days .current_day_selected{ color: blue; }
#calendar .days .selected_day{ font-weight: bold; }

#calendar .day_names{ margin-top: 3px; margin-bottom: 1px; height: 20px; clear: left; }
#calendar .day_names div{ font-weight: bold; height: 18px; width: 26px; margin-bottom: 3px; border-bottom: 1px solid black; padding: 2px 0 0 2px; float: left;}

#calendar a{ text-decoration: underline; color: #002268; background-color: white;}
#calendar a:hover{ text-decoration: none;}

#calendar div.month{ width: 100px; float: left; padding-right: 7px; text-align: right;}
#calendar div.year{ width: 80px; float: left; padding-left: 7px; text-align: left;}
#calendar .list{ z-index: 200; position: absolute; width: 100px; background-color: white; color: black; border: 1px solid black; text-align: center;  }
#calendar .list span{ cursor: pointer; display: block; margin: 5px 0; }
#calendar .list br{ display: none; }
#calendar .drop{ border: 0; background-color: #002268; color: white; }
#calendar ul{ list-style-type: none;}
#calendar ul li{ cursor: pointer; margin: 7px 7px 10px 7px;}