input, select, textarea { font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; border:1px solid #86A1C4;}

.dateBox {background:url(dtBoxBg.gif) no-repeat; padding-left:20px; width:110px; cursor:pointer; cursor:hand;}
.dateBox.estilo2{background:url(dtBoxBg2.gif) no-repeat; width:120px; }
.dateBox.active{border:2px inset #000; border-bottom:0px; padding-bottom:2px; color:#000; background-color:#CCC;}
.dateBox.estilo2.active{background:url(dtBoxBg3.gif) no-repeat; border:1px solid #000;}
.next1 {background:url(next1.gif) center no-repeat}
.next2 {background:url(next2.gif) center no-repeat}
.prev1 {background:url(prev1.gif) center no-repeat}
.prev2 {background:url(prev2.gif) center no-repeat}
#calendarBox *{font-family:arial; font-size:11px;}
#calendarBox {border:2px outset #000; font-family:arial; font-size:11px; position:absolute;top:0;left:0;}
#calendarBox thead th {background:#FFF; padding:0px;}
#calendarBox thead th#titCalendar {color:#FFF;background-color:#666; text-align:center;padding-left:22px;}
#calendarBox thead td#closeDtBox {background:url(close.gif) no-repeat #666; text-align:right; padding-right:2px;}
#calendarBox thead td {text-align:center; background-color:#FFF; padding:2px 5px; cursor:pointer; cursor:hand; font-weight:bold;}
#calendarBox thead td:hover{background-color:#EEE; color:#900; text-transform:underline;}
#calendarBox thead td img{border:0px;}
#calendarBox tbody th{border:1px solid #CCC; background-color:#DDD; color:#003; width:20px; height:20px; font-size:10px; text-transform:uppercase; }
#calendarBox tbody td{border:1px solid #CCC; background-color:#FFF; color:#000; width:20px; height:20px; cursor:pointer; cursor:hand; }
#calendarBox td.nonmonthday {color:#CCC;}
#calendarBox td.weekend{background:#EEE;}
#calendarBox th.weekend{background:#CCC;}
#calendarBox td.today {color:#00F;font-weight:bold;}