
.datepicker { border-collapse: collapse; border: 2px solid #999; position: absolute; width:240px;z-index:2000; }
.datepicker tr.controls th { height: 22px; font-size: 11px; background-color:#cccbcb;text-align:center; }
.datepicker select { font-size: 11px; min-width:70px; }
.datepicker tr.days th 
{ 
    height: 18px; 
    background-image:url('/images/Calendar/CalendarWeekBackground.png') ; 
    color:#ffffff;
    font-weight:bold;
    text-align:center;
}
.datepicker tfoot tr.status
{
    background-image:url('/images/Calendar/CalendarWeekBackground.png') ; 
}
.datepicker tfoot tr.current
{
    background-color:#cccbcb;
}

.datepicker tfoot td { height: 18px; text-align: center; text-transform: capitalize;  }

.datepicker th, .datepicker tfoot td {font-size:11px; font-weight:bolder;color:#ffffff; font-style:normal;}
.datepicker tfoot tr.current td
{
    color:#000000;
    }
.datepicker th span, .datepicker tfoot td span { font-weight: bold; }
.datepicker span.prevMonth {width:32px; display:inline-block; text-align:center;font-size:15px;color:#000000}
.datepicker span.nextMonth {width:32px; display:inline-block; text-align:center;font-size:15px;color:#000000}
.datepicker tbody td  
{
    width: 24px; height: 24px; font: 11px/22px Arial, Helvetica, sans-serif;
     text-align: center; background-color:#406297; 
     border-width:1px;
     
     color:#ffffff }
.datepicker tbody td.first
{
    background-color:#5072a7;

    }
.datepicker tbody td.last
{
    background-color:#5072a7;

    }    

.datepicker tbody td.date { cursor: pointer; }
.datepicker tbody td.date.over {background-color:#aaaaaa}
.datepicker tbody td.date.chosen { background-color: #ffffff; color:#5072a7; }
