/* CSS Document */

.button{width:66px;cursor:pointer;background:#ddd;height:24px; border-top:0;border-left:0; border-bottom:1px solid #666; border-right:1px solid #666; padding:3px 6px; margin-right:5px}
.calendar{border:1px solid #A7A6AA;height:25px;margin:0 5px 0 0;padding:2px 0 2px 5px;border: 1px solid #d0d0d0;}

.calendar{background-image:url(../image/calendar.gif); background-repeat:no-repeat; background-position:right center;width:88px;}
.datepicker {background:#fff; border-collapse: collapse; border: 5px solid #cbd2f5; position: absolute; z-index:100000; }
.datepicker tr.controls th { height: 22px; font-size: 11px;padding-top:3px; }
.datepicker select { font-size: 11px; }
.datepicker tr.days th { height: 18px; }
.datepicker tfoot td { height: 18px; text-align: center; text-transform: capitalize; }
.datepicker th, .datepicker tfoot td { background: #eee; font: 10px/18px Verdana, Arial, Helvetica, sans-serif; }
.datepicker th span, .datepicker tfoot td span { font-weight: bold; }

.datepicker tbody td { width: 24px; height: 24px; border: 1px solid #ccc; font: 11px/22px Arial, Helvetica, sans-serif; text-align: center; background: #fff; }
.datepicker tbody td.date { cursor: pointer; }
.datepicker tbody td.date.over { background-color: #697fee;color:#fff; }
.datepicker tbody td.date.chosen { font-weight: bold; background-color: #5a73ef;color:#fff; }