@charset "utf-8";
/* CSS Document */

/* .pickadate .prev-month,.pickadate .next-month,.date-body td a:hover,.date-body .on{background:url(img/icon.png) no-repeat;}
 */
 .pickadate .prev-month,.pickadate .next-month,.onmouseClass,.date-body td a:hover,.date-body .on{background:url(img/icon_new.png) no-repeat;}
.pickadate{ width:500px; height:270px; position:absolute; top:0; left:0; z-index:4000;display:none;-webkit-box-shadow: #333 0px 0px 5px;-moz-box-shadow: #333 0px 0px 5px;box-shadow: #333 0px 0px 5px;}
.pickadate .date-header{ height:30px; line-height:30px; color:#fff; }
.pickadate .prev-month,.pickadate .next-month{ display:block; width:24px; height:21px; text-indent:-9999px; position:absolute; top:3px; z-index:4001; overflow:hidden}
.pickadate .prev-month{ left:18px; background-position:0 0px}
.pickadate .prev-month:hover{}
.pickadate .next-month{ right:18px; background-position:0 -48px}
.pickadate .prev-month:hover{}

.pickadate table{ width:100%;}
.pickadate th{ height:30px; line-height:30px; text-align:center}
.pickadate th{ height:30px; line-height:30px; color:#6C6A72}
.pickadate td{ text-align:center; height:32px; line-height:32px;}
.pickadate td a{ display:block; width:24px; height:24px; line-height:24px; color:#666; font-family:Tahoma, Geneva, sans-serif; position:relative; margin:0 auto}
.pickadate .weekend{ color:#E32212}
.pickadate td a:hover{ background-position:0 -72px;color:#E32212}
.pickadate .on{ background-position:0 -108px; color:#fff}
.pickadate .on:hover{ background-position:0 -108px; color:#fff}
.pickadate .other{ color:#999;}
.pickadate .other:hover{ background:none;color:#999;}
.pickadate .dateRed{color:#E32212;font-size: 12px;}
.onmouseClass{background-position:0 -96px;color:#FFFFFF}
/* .pickadate .holiday{ display:block; width:38px; height:16px; line-height:16px; padding-bottom:6px; background:url(img/bg02.png) no-repeat; color:#fff; position:absolute; top:-10px; left:-6px; text-align:center;}
.pickadate .today  { display:block; width:26px; height:16px; line-height:16px; padding-bottom:6px; background:url(img/bg03.png) no-repeat; color:#fff; position:absolute; top:-10px; left:0px; text-align:center;}
 */
.date-body{ float:left; width:250px; position:relative; z-index:1;}
.date-month{ height:30px; line-height:30px; overflow:hidden; text-align:center; color:#fff; background:url(img/bg_red_translucent.png) top repeat-x}

.date-week{  padding:0 8px; height:30px; line-height:30px;background:url(img/bg_whit_translucent_control.png);}
.date-week td{ height:30px; line-height:30px; padding:0; color:#6C6A72}
.date-day{ padding:8px 8px 10px;}
.left .date-week{border-right:1px solid #cfcfcf;}
.left .date-day{ border-right:1px dashed #cfcfcf; }

.month1{ background:url(img/bg_whit_translucent_control.png);}
.month2{ background:url(img/bg_whit_translucent_control.png);}
.month3{ background:url(img/bg_whit_translucent_control.png);}
.month4{ background:url(img/bg_whit_translucent_control.png);}
.month5{ background:url(img/bg_whit_translucent_control.png);}
.month6{ background:url(img/bg_whit_translucent_control.png);}
.month7{ background:url(img/bg_whit_translucent_control.png);}
.month8{ background:url(img/bg_whit_translucent_control.png);}
.month9{ background:url(img/bg_whit_translucent_control.png);}
.month10{ background:url(img/bg_whit_translucent_control.png);}
.month11{ background:url(img/bg_whit_translucent_control.png);}
.month12{ background:url(img/bg_whit_translucent_control.png);}
.year_down_arrow{background:url(img/btn_arrow_date.png)no-repeat;display:block; width:11px; height:6px;  position:absolute; top:13px; z-index:4001; overflow:hidden;left: 103px;}
.month_down_arrow{background:url(img/btn_arrow_date.png)no-repeat;display:block; width:11px; height:6px;  position:absolute; top:13px; z-index:4001; overflow:hidden;right:38px;}
.dateInfo{ display:block; width:90px; height:19px; text-align:right; background-position:-160px -350px; position:absolute; top:6px; right:40px;cursor:pointer; line-height:19px;}
.date_info1{display: block;position: absolute;top: 3.5px;right: 80px;cursor: pointer;}

.month-list{ position:absolute; border:1px solid #ccc; background:#fff; z-index:990; top:30px; left:115px; display:none; max-height:150px;overflow-Y:scroll; _height:expression_r(function(el){el.style.height=el.scrollHeight > 150 ? "150px" : "auto";}(this));}
.month-list span{ display:block; height:25px; line-height:25px;padding:0 0 0 4px; cursor: pointer; color: #666666;}
.month-list span:hover,.sel89 .sel-list .hover{ background:#eee}
.year-list{ position:absolute; border:1px solid #ccc; background:#fff; z-index:990; top:30px; left:70px; display:none; max-height:150px;overflow-Y:scroll; _height:expression_r(function(el){el.style.height=el.scrollHeight > 150 ? "150px" : "auto";}(this));}
.year-list span{ display:block; height:25px; line-height:25px;padding:0 0 0 4px; cursor: pointer; color: #666666;}
.year-list span:hover,.sel89 .sel-list .hover{ background:#eee}

.date-month a{color: #FFFFFF;margin-left: 10px;margin-right: 25px;}
.date-month a:hover{color: #ff0000;margin-left: 10px;margin-right: 25px;}