.hidden {
position: absolute; opacity: 0
}
.visible {
opacity: 1
}
input.calendar {
width: 80px
}
select.calendar {
width: 80px
}
button.no_click {
display: none;
}
button.calendar {
background: url(../app_images/calendar-icon.gif); width: 20px; cursor: pointer; margin-right: 6px; height: 20px;
border-width: 0px;
vertical-align: baseline;
}
button.calendar:hover {
background-position: 0px 20px
}
button.active.calendar {
background-position: 0px 20px
}
div.calendar {
padding-right: 6px; padding-left: 6px; background: url(../app_images/calendar.png); padding-bottom: 0px; width: 147px; padding-top: 0px; height: 195px; text-align: center
}
div.calendar * {
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
div.calendar div {
background: none transparent scroll repeat 0% 0%; overflow: hidden; width: 147px; cursor: move; padding-top: 10px; position: relative; height: 185px
}
div.calendar caption {
font-size:12px; font-family:Verdana,"宋体"; width: 100%; color: #333; padding-top: 6px; text-align: center
}
div.calendar caption a {
display: block; overflow: hidden; width: 11px; cursor: pointer; text-indent: -100px; position: absolute; top: 17px; height: 12px
}
div.calendar caption a.prev {
left: 0px; background-image: url(../app_images/calendar-prev.gif);
}
div.calendar caption a.next {
right: 0px; background-image: url(../app_images/calendar-next.gif);
}
div.calendar caption a:hover {
background-position: 0px 12px;
}
div.calendar caption span {
position: relative; height: 25px; text-align: center;
}
div.calendar caption span.month {
padding-right: 8px;
}
div.calendar caption span.month:unknown {
content: ','
}
div.calendar caption.ym {
font-size:12px; font-family:Verdana,"宋体"; width: 100%; color: #333; padding-top: 6px; text-align: center;
}
div.calendar caption.ym a {
display: block; overflow: hidden; width: 11px; cursor: pointer; text-indent: -100px; position: absolute; top: 0px; height: 12px
}
div.calendar caption.ym a.prev {
leftright: 0px; background-image: url(../app_images/calendar-prev.gif);
}
div.calendar caption.ym a.next {
right: 0px; background-image: url(../app_images/calendar-next.gif);
}
div.calendar caption.ym a:hover {
background-position: 0px 12px;
}
div.calendar caption.ym span {
text-align: center;
height: 16px;
}
div.calendar caption.ym span.month {
float: left; width: 40%;
}
div.calendar caption.ym span.mdisplay {
margin: 0px 0px 0px 10px;
}
div.calendar caption.ym span.month:unknown {
content: ','
}
div.calendar caption.ym span.year {
float: right; width: 40%; text-align: center;
}
div.calendar caption.ym span.ydisplay {
}
div.calendar caption.ym span.year:unknown {
content: ','
}
div.calendar table {
border-top-width: 0px; border-left-width: 0px; background: #fff; border-bottom-width: 0px; margin: 0px auto; overflow: hidden; width: 147px; cursor: default; border-collapse: collapse; border-right-width: 0px; border-spacing: 0
}
div.calendar td {
border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; font: 12px arial, helvetica, sans-serif; width: 21px; color: #DB4905; height: 21px; text-align: center; border-right-width: 0px
}
div.calendar th {
border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; font: 12px arial, helvetica, sans-serif; width: 21px; color: #DB4905; height: 21px; text-align: center; border-right-width: 0px
}
div.calendar td {
font-size: 11px; background: url(../app_images/calendar-td.gif); color: #aaa;
}
div.calendar td.invalid {
color: #666;
}
div.calendar td.valid {
background: url(../app_images/calendar-valid.gif); cursor: pointer; color: #DB4905
}
div.calendar td.hilite {
background: url(../app_images/calendar-hilite.gif)
}
div.calendar td.inactive {
background: url(../app_images/calendar-td.gif) 0px 100%; color: #aaa;
}
div.calendar td.active {
background: url(../app_images/calendar-valid.gif) 0px 100%; cursor: pointer; color: #fff
}
div.calendar td.hover {
background: url(../app_images/calendar-valid.gif) 0px 100%; cursor: pointer; color: #fff
}