.hidden {position: absolute; opacity: 0;}
.visible {opacity: 1;}
input.calendar {width:80px !important;}
select.calendar {width:80px !important;}
button.no_click {display: none;}
button.calendar {background: url(../images/calendar/calendar-icon.gif); width: 20px; height: 20px;cursor: pointer; margin-right: 6px; 	border-width: 0px;vertical-align: baseline;}
button.calendar:hover {background-position: 0px 20px;}
button.active.calendar {background-position: 0px 20px;}
div.calendar {padding: 0px 6px;background: url(../images/calendar/calendar.png); width: 147px; height: 195px; text-align: center;cursor: move;font: 12px arial, helvetica, sans-serif, "ÐÂËÎÌå"; }
div.calendar .caption {background: none transparent scroll repeat 0% 0%; width: 147px;position: relative;padding: 10px 0px 0px 0px;}
div.calendar .caption ul {margin: 0px; padding: 0px;list-style-type: none;height:1%;}
div.calendar .caption ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.calendar .caption li {float: left;width: 11px;height: 22px;text-align: center;}
div.calendar .caption li.year {width: 51px;}
div.calendar .caption li.month {width: 51px;}
div.calendar .caption ul.onlymonth li.year {width: 62px;}
div.calendar .caption ul.onlymonth li.month {width: 62px;}
div.calendar .caption li input {border: 1px solid #fff;width: 40px; height: 14px;text-align: center;margin: 2px auto 0px auto;}
div.calendar .caption li.month input {margin-top: 2px;> margin-top: 4px;}
div.calendar .caption li input.enter {border: 1px solid #ccc;}
div.calendar .caption li.month input.enter {margin-top: 2px;}
div.calendar .caption a {display: block; overflow: hidden; width: 11px; height: 11px;cursor: pointer; text-indent: -100px;margin-top: 6px;}
div.calendar a.prev {background-image: url(../images/calendar/calendar-prev.gif);}
div.calendar a.next {background-image: url(../images/calendar/calendar-next.gif);}
div.calendar a.yearprev {background-image: url(../images/calendar/calendar-year-prev.gif);}
div.calendar a.yearnext {background-image: url(../images/calendar/calendar-year-next.gif);}
div.calendar a.close {background-image: url(../images/calendar/calendar-close.gif);}
div.calendar a:hover {}
div.calendar .side {position: relative;}
div.calendar .yearselect {position: absolute;top: 31px; left: 60px;border: 1px solid #DB4905;background: #FEEEE7;z-index: 1001;width: 90px; height: 150px;display: none;cursor: default;}
div.calendar .yearselect .yeardisplay {height: 1%;font-size: 12px;position: relative;}
div.calendar .yearselect .yeardisplay:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.calendar .yearselect .yeardisplay ul {float: left;width: 45px;margin: 0px; padding: 0px;list-style-type: none;}
div.calendar .yearselect .yeardisplay li {cursor: pointer;}
div.calendar .yearselect .yeardisplay li a {display: block; padding: 3px; line-height:15px; color: #DB4905;}
div.calendar .yearselect .yeardisplay li a:hover {background: #DB4905; color: #fff;}
div.calendar .yearselect .yearpage {height: 1%;font-size: 12px;	}
div.calendar .yearselect .yearpage:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.calendar .yearselect .yearpage div {float: left;width: 30px; text-align: center;}
div.calendar .yearselect .yearpage a {display: block; overflow: hidden; width: 11px; height: 11px;cursor: pointer; text-indent: -100px;margin: auto;}
div.calendar .monthselect {position: absolute;top: 31px; left: -5px;border: 1px solid #DB4905;background: #FEEEE7;z-index: 1001;width: 90px; height: 150px;display: none;}
div.calendar .monthselect .monthdisplay {height: 1%;font-size: 12px;}
div.calendar .monthselect .monthdisplay:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
div.calendar .monthselect .monthdisplay ul {float: left;width: 45px;margin: 0px; padding: 0px;list-style-type: none;}
div.calendar .monthselect .monthdisplay li {cursor: pointer;}
div.calendar .monthselect .monthdisplay li a {display: block; padding: 3px; line-height:15px; color: #DB4905;}
div.calendar .monthselect .monthdisplay li a:hover {background: #DB4905;color: #fff;}
div.calendar .monthselect .monthpage{clear:both;}
div.calendar .monthselect .monthpage a {display: block; overflow: hidden; width: 11px; height: 11px;cursor: pointer; text-indent: -100px;margin: auto;}
div.calendar .display {background: none transparent scroll repeat 0% 0%; width: 147px; height: 147px;position: relative;}
div.calendar .display table {border-width: 0px; background: #fff; margin: 0px auto; width: 147px; cursor: default; border-collapse: collapse; border-spacing: 0;}
div.calendar .display td {width: 21px; height:21px; line-height:100%; color: #DB4905; text-align: center;padding: 0px; border: 0px;font-size: 11px;}
div.calendar .display th {width: 21px; height:21px; line-height:100%; color: #DB4905; text-align: center;padding: 1px 0 0 0; border: 0px;}
div.calendar .display td {background: url(../images/calendar/calendar-td.gif); color: #aaa;}
div.calendar .display td.invalid {color: #666;}
div.calendar .display td.valid {background: url(../images/calendar/calendar-valid.gif); cursor: pointer; color: #DB4905}
div.calendar .display td.hilite {background: url(../images/calendar/calendar-hilite.gif)}
div.calendar .display td.inactive {background: url(../images/calendar/calendar-td.gif) 0px 100%; color: #aaa;}
div.calendar .display td.active {background: url(../images/calendar/calendar-valid.gif) 0px 100%; cursor: pointer; color: #fff;}
div.calendar .display td.hover {background: url(../images/calendar/calendar-valid.gif) 0px 100%; cursor: pointer; color: #fff;}