@charset "utf-8";
ul, li { margin: 0; padding: 0; list-style: none; }
.clear { clear: both; height: 0; }
.tz-datepicker { width: 235px; border: solid 1px #3a98d8; font-size: 12px; position: absolute; z-index: 999; display: none; background: #fff; }
.tz-datepicker .year-month { height: 25px; text-align: center; cursor: pointer; margin-top: 1px; }
.tz-datepicker .year-month span { display: inline-block; height: 25px; line-height: 25px; float: left; }
.tz-datepicker .year-month span:hover { color: #fff; background: #3a98d8; }
.tz-datepicker .year-month span.active { color: #fff; background: #3a98d8; }
.datesel .span-arrow { width: 14px; height: 14px; display: block; position: absolute; right: 10px; top: 8px; }
.datesel .span-col { background: url(../images/select-dropdown-arrow.png) no-repeat left top; }
.datesel .span-ex { background: url(../images/select-dropdown-arrow.png) no-repeat left top -14px; }
.year-month .left { width: 25px; margin-left: 2px; }
.year-month .month { width: 74px; margin-left: 1px; position: relative; }
.year-month .month span { width: 74px; position: relative; }
.year-month .year { width: 74px; margin-right: 1px; position: relative; }
.year-month .year span { width: 74px; text-align: center; }
.year-month .right { width: 30px; }
.year-month .month span, .year-month .year span { background: url(../images/up-default.png) no-repeat center right 6px; }
.year-month .month span:hover, .year-month .year span:hover { background: url(../images/up-active.png) #3a98d8 no-repeat center right 6px; }
.year-month .month span.active, .year-month .year span.active { background: url(../images/up-active.png) #3a98d8 no-repeat center right 6px; }
/**/
.week { height: 25px; color: #9ea7b3; }
.week ul { padding: 0; margin: 0; }
.week ul li { width: 30px; line-height: 25px; float: left; text-align: center; }
/**/
.day { background: #f3f3f3; }
.day ul { overflow: hidden; }
.day ul li { height: 30px; line-height: 30px; width: 30px; float: left; text-align: center; background: #fff; margin-top: 1px; cursor: pointer; }
.day ul li:hover { background: #3a98d8; color: #fff; }
.day ul li.active { background: #3a98d8; color: #fff; }
/**/
.year-month .month .month-list { width: 72px; border: solid 1px #ccc; border-top: none; position: absolute; top: 25px; left: 0; background: #fefefe; display: none; color: #9ea7b3; }
.month-list ul li { width: 34px; float: left; height: 20px; cursor: pointer; text-align: center; line-height: 20px; margin: 1px; }
.month-list ul li:hover { background: #3a98d8; color: #fff; }
.month-list ul li.active { background: #3a98d8; color: #fff; }
/**/
.year-month .year .year-list { width: 72px; border: solid 1px #ccc; border-top: none; position: absolute; top: 25px; left: 0; background: #fefefe; display: none; color: #9ea7b3; }
.year-list ul { overflow: hidden; }
.year-list ul li { width: 34px; float: left; height: 20px; cursor: pointer; text-align: center; line-height: 20px; margin: 1px; }
.year-list ul li:hover { background: #3a98d8; color: #fff; }
.year-list ul li.active { background: #3a98d8; color: #fff; }
.year-list .year-change { margin-top: 3px; margin-bottom: 3px; overflow: hidden; height: 18px; width: 100%; }
.year-change span { width: 30px !important; height: 18px !important; }
.year-change .year-left { margin-left: 4px; margin-right: 4px; background: url(../images/left-default.png) #fff no-repeat center !important; }
.year-change .year-left:hover { background: url(../images/left-active.png) #3a98d8 no-repeat center !important; }
.year-change .year-right { background: url(../images/right-default.png) #fff no-repeat center !important; }
.year-change .year-right:hover { background: url(../images/right-active.png) #3a98d8 no-repeat center !important; }
.tz-datepicker .action { height: 25px; border-top: solid 1px #f3f3f3; }
.tz-datepicker .action span { height: 25px; line-height: 25px; width: 70px; color: #3a98d8; text-align: center; cursor: pointer; display: inline-block; }