button.calendar {background: url(../images/date_select.gif);border: 0;height: 20px;width: 20px;top: -4px;position: relative;}.calendar {width: 100px;}.calendar div {width: 200px;padding: 2px;border: 2px solid #99a4bd;background-color: #FFF;margin-left: 10px;}.calendar table {width: 100%;font-size: 0.9em;border-left: 2px solid #e4e9f4;border-top: 2px solid #e4e9f4;border-collapse: collapse;}.calendar caption {width: 100%;height: 22px;line-height: 20px;font-weight: bold;}.calendar caption .month {padding: 0 0.4em 0 0 ;}.calendar caption .prev {padding: 0 10px 0 0;}.calendar caption .next {padding: 0 0 0 10px;}.calendar thead th {background-color: #e4e9f4;}.calendar th, .calendar td {width: 25px;text-align: center;padding: 0.2em;border-right: 2px solid #e4e9f4;border-bottom: 2px solid #e4e9f4;}.calendar .valid {background-color: #FFF;color: #000;}.calendar .today {text-decoration: underline;}.calendar .active {color: #C00;background-color: #FFF;font-weight: bold;}.calendar .active:hover, .calendar .valid:hover {background-color: #FEE;}