input.DatePicker{ background:#FFFFFF url(../images/date.gif) no-repeat scroll left top; border:1px solid #0070BF; cursor:pointer; font-size:13px; padding:3px 3px 3px 24px; width:154px; } input:focus.DatePicker{ background: #000000 url(../images/datefocus.gif) no-repeat top left; } .dp_container{ position: relative; padding: 0; z-index: 500; background-color:#027B36; } .dp_cal{ background-color:#333333; border: 1px solid #027B36; position: absolute; width: 177px; top: 24px; left: 0; margin: 0px 0px 3px 0px; } .dp_cal table{ width: 100%; border-collapse: collapse; border-spacing: 0; } .dp_cal select{ margin: 2px 3px; font-size: 11px; width:auto; } .dp_cal select option{ padding: 1px 3px; } .dp_cal th, .dp_cal td{ width: 14.2857%; text-align: center; font-size: 11px; padding: 2px 0; } .dp_cal th{ border: solid #027B36; border-width: 1px 0; color: #797774; background: #D3F9AA; font-weight: bold; } .dp_cal td{ cursor: pointer; } .dp_cal thead th{ background: #d9eefc; } .dp_cal td.dp_roll{ color: #000; background: #D3F9AA; }  .dp_hide{ visibility: hidden; } .dp_empty{ background: #444444; } .dp_today{ background: #027B36; } .dp_selected{ color: #fff; background: #027B36; }