/* 日期选择器 
------------------------------ */ 
#element_id{}
.html_calendar{display:none;position:absolute;width:182px;font:12px Arial;border:1px solid #983675;border-top:none;box-shadow:1px 1px 3px #b5119b;z-index:101;} 
.html_calendar h5{position:relative;height:20px;padding:4px 6px;background:#770064;color:#fff;font:normal 12px/20px "\5B8B\4F53";text-align:center;} 
.html_calendar h5 select{vertical-align:baseline;font:12px/18px Tahoma;} 
.html_calendar h5 span{padding:0 6px;} 
.html_calendar table{position:relative;border-collapse:collapse;table-layout:fixed;empty-cells:show;font-family:Arial;text-align:center;} 
.html_calendar table .sat{color:#06f} 
.html_calendar table .sun{color:#e00;} 
.html_calendar table .now{background:#770064;color:#fff;} 
.html_calendar table .selected{background:#b5119b;color:#fff;} 
.html_calendar thead th{width:26px;height:24px;background:#fff;line-height:24px;text-align:center;} 
.html_calendar tfoot td{height:24px;border-top:1px solid #ccc;background:#eee;color:#999;font-family:"\5B8B\4F53";line-height:24px;} 
.html_calendar tfoot a{cursor:pointer;} 
.html_calendar tfoot .pre, 
.html_calendar tfoot .next{font-family:Tahoma;font-size:11px;} 
.html_calendar tfoot .clear{} 
.html_calendar tfoot a:hover{color:#333;text-decoration:none;} 
.html_calendar tbody td{position:static;width:26px;height:22px;padding:0;background:#DFDFDF;line-height:22px;} 
.html_calendar tbody td.num:hover{background:#b5119b;color:#fff;text-decoration:none;cursor:pointer;} 
#calendar_block{display:none;position:absolute;top:0;left:0;background:#efefef;filter:alpha(opacity=0);opacity:0;z-index:100;} 
/*------------------------------ */