/*--------------------------------------------------*/
/*calender*/
/*--------------------------------------------------*/
#datepicker_div {
font-size: 10px;
width: 175px !important;
display: block;
}
/*--------------------------------------------------*/
/*control*/
/*--------------------------------------------------*/
#datepicker_div .datepicker_control {
position: relative;
text-align: left;
}
/*close*/
#datepicker_div .datepicker_control .datepicker_close {
display: block;
height: 15px;
width: 15px;
position: absolute;
top: -15px;
left: 160px;
}
#datepicker_div .datepicker_control .datepicker_close a {
background: #A49881 url(../image/calendar/close.gif) no-repeat left top;
display: block;
height: 15px;
width: 15px;
font-size: 0;
text-indent: -9999px;
cursor: pointer;
}
/*--------------------------------------------------*/
/*control*/
/*--------------------------------------------------*/
#datepicker_div .datepicker_header {
background: #A39780 url(../image/calendar/head.gif) repeat-x left top;
height: 30px;
text-align:center;
}
#datepicker_div .datepicker_header select {
margin: 5px 5px 0px 5px;
padding: 0px;
border: 0px;
}
/*--------------------------------------------------*/
/*cal table*/
/*--------------------------------------------------*/
#datepicker_div table.datepicker {
width: 100%;
}
/*--------------------------------------------------*/
/*thead*/
#datepicker_div table.datepicker thead a {
color: #fff;
font-weight: bold;
display: block;
height: 20px;
width: 25px;
line-height: 20px;
cursor: pointer;
}
#datepicker_div table.datepicker thead a:hover {
text-decoration: underline;
}
/*sun*/
#datepicker_div table.datepicker thead td.datepicker_weekEndCell {
background: #C6A5A5 url(../image/calendar/sun.gif) left top;
width: 25px;
height: 20px;
}
/*normal*/
#datepicker_div table.datepicker thead td {
background: #BDB799 url(../image/calendar/normal.gif) left top;
width: 25px;
height: 20px;
text-align: center;
}
/*sat*/
#datepicker_div table.datepicker thead td.datepicker_weekEndCell_sat {
background: #99B4C2 url(../image/calendar/sat.gif) left top;
width: 25px;
height: 20px;
}
/*--------------------------------------------------*/
/*tbody*/
#datepicker_div table.datepicker tbody a {
color: #333;
display: block;
height: 20px;
width: 25px;
line-height: 20px;
cursor: pointer;
}
/*normal*/
#datepicker_div table.datepicker tbody td {
background: #E8E7E2 url(../image/calendar/normal_day.gif) left top;
width: 25px;
height: 20px;
text-align: center;
}
/*hover*/
#datepicker_div table.datepicker tbody td.datepicker_daysCellOver {
background: #E9D4AB url(../image/calendar/hover_day.gif) left top;
text-decoration: underline;
}
/*passed day*/
#datepicker_div table.datepicker tbody td.datepicker_passedDay {
text-decoration: none;
cursor: default;
background: #E8E7E2 url(../image/calendar/normal_day.gif) left top;
}
#datepicker_div table.datepicker tbody td.datepicker_passedDay a {
color: #bbb;
cursor: default;
}
/*sun*/
#datepicker_div table.datepicker tbody td.datepicker_weekEndCell {
background: #EBDFDF url(../image/calendar/sun_day.gif) left top;
width: 25px;
height: 20px;
}
/*sat*/
#datepicker_div table.datepicker tbody td.datepicker_weekEndCell_sat {
background: #DFE6EB url(../image/calendar/sat_day.gif) left top;
width: 25px;
height: 20px;
}
/*today*/
#datepicker_div table.datepicker tbody td.datepicker_today a {
background: url(../image/calendar/today.gif) no-repeat left top;
}
/*current*/
#datepicker_div table.datepicker tbody td.datepicker_currentDay {
background: #D1A859 url(../image/calendar/current_day.gif) left top;
}
/*--------------------------------------------------*/
/*links*/
/*--------------------------------------------------*/
#datepicker_div .datepicker_links {
position: relative;
background: #A49881 url(../image/calendar/links.gif) repeat-x left top;
height: 20px;
}
#datepicker_div .datepicker_links a {
color: #fff;
font-weight: bold;
cursor: pointer;
}
#datepicker_div .datepicker_links a:hover {
text-decoration: underline;
}
/*prev*/
#datepicker_div .datepicker_links .datepicker_prev {
position: absolute;
left: 0px;
top: 0px;
width: 45px;
height: 20px;
line-height: 2;
color: #A49881;
}
#datepicker_div .datepicker_links .datepicker_prev a {
display: block;
height: 20px;
line-height: 2;
text-align: left;
background: url(../image/calendar/prev.gif) no-repeat left top;
padding: 0px 0px 0px 15px;
}
/*prev*/
#datepicker_div .datepicker_links .datepicker_current {
position: absolute;
left: 65px;
top: 0px;
width: 45px;
height: 20px;
}
#datepicker_div .datepicker_links .datepicker_current a {
display: block;
height: 20px;
line-height: 2;
text-align: center;
}
/*next*/
#datepicker_div .datepicker_links .datepicker_next {
position: absolute;
left: 130px;
top: 0px;
width: 45px;
height: 20px;
line-height: 2;
color: #A49881;
}
#datepicker_div .datepicker_links .datepicker_next a {
display: block;
line-height: 2;
text-align: right;
background: url(../image/calendar/next.gif) no-repeat right top;
padding: 0px 15px 0px 0px;
}
/* ___________ IE6 IFRAME FIX ________ */
#datepicker_div .datepicker_cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: 0px; /*must have*/
left: 0px; /*must have*/
width: 175px; /*must have*/
height: 200px; /*must have*/
}
/* ___________ IE6 IFRAME FIX ________ */
#datepicker_div .datepicker_cover2 {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -2; /*must have*/
filter: mask(); /*must have*/
top: -15px;
left: 160px;
width: 15px; /*must have*/
height: 15px; /*must have*/
}