.tcalInput { background:url('../resource/cal.gif') 100% 50% no-repeat; background-color:#FFFFFF; padding-right:20px; cursor:pointer; }

.tcalActive { background-image:url('../resource/no_cal.gif'); }

#tcal { position:absolute; visibility:hidden; z-index:100; background-color:#FFFFFF; margin-top:2px; padding:0 2px 2px 2px; border:1px solid #333333; color:#000000; }

#tcalControls { border-collapse:collapse; border:0; width:100%; }
#tcalControls td { border-collapse:collapse; border:0; padding:0; width:16px; background-position:50% 50%; background-repeat:no-repeat; cursor:pointer; }
#tcalControls th { border-collapse:collapse; border:0; padding:0; line-height:25px; text-align:center; font:bold small verdana,arial,sans-serif; white-space:nowrap; }
#tcalPrevYear { background-image:url('../resource/prev_year.gif'); }
#tcalPrevMonth { background-image:url('../resource/prev_mon.gif'); }
#tcalNextMonth { background-image:url('../resource/next_mon.gif'); }
#tcalNextYear { background-image:url('../resource/next_year.gif'); }

#tcalGrid { border-collapse:collapse; border:1px solid #AAAAAA; width:100%; }
#tcalGrid th { border:1px solid #AAAAAA; border-collapse:collapse; padding:3px 0; text-align:center; font:normal small verdana,arial,sans-serif; background-color:#666666; color:#FFFFFF; }
#tcalGrid td { border:0; border-collapse:collapse; padding:8px; text-align:center; font:normal small verdana,arial,sans-serif; color:#000000; width:14%; cursor:pointer; }
#tcalGrid td.tcalOtherMonth { color:#AAAAAA; }
#tcalGrid td.tcalWeekend { background-color:#EEEEEE; }
#tcalGrid td.tcalToday { border:none; }
#tcalGrid td.tcalSelected { background-color:#FFBBCC; }