/* окно выбора даты*/
div.datepicker {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 196px;
height: 147px;
position: absolute;
cursor: default;
top: 0;
left: 0px;
display: none;
z-index:1010;
}
.datepickerContainer {
background-color: #fafafa;
position: absolute;
top: 10px;
left: 10px;
border:1px solid #333;
}
.datepickerBorderT, .datepickerBorderB, .datepickerBorderL, .datepickerBorderR{
width:10px;
height:10px;
}
.datepickerHidden {
display: none;
}
div.datepicker table {
border-collapse:collapse;
}
div.datepicker a {
color: #333;
text-decoration: none;
cursor: default;
outline: none;
}
div.datepicker table td {
text-align: right;
padding: 0;
margin: 0;
}
div.datepicker th {
text-align: right;
color: #333;
font-weight: normal;
}
div.datepicker tbody th {
text-align: right;
}
div.datepicker tbody a {
display: block;
}
.datepickerDays a {
width: 20px;
line-height: 16px;
height: 16px;
padding-right: 2px;
font-weight:700;
}

.datepickerYears a,
.datepickerMonths a{
width: 44px;
line-height: 36px;
height: 36px;
text-align: center;
}
td.datepickerNotInMonth a {
color: #999;
font-weight:normal;
}
tbody.datepickerDays td.datepickerSelected{
background-color: #333;
}
tbody.datepickerDays td.datepickerSelected a{
color:#FFFFFF;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
background-color: #f33;
color:#fff !Important;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
background: #17384d;
}
div.datepicker a:hover {
color: #fff;
background: #000;
font-weight:700;
}
div.datepicker td.datepickerNotInMonth a:hover {
color: #999;
}
div.datepicker tbody th {
text-align: left;
}
.datepickerSpace div {
width: 20px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth {
text-align: center;
height: 20px;
line-height: 20px;
}
.datepickerMonth span{
width:100%;
display:block;
text-align:center;
color:#333333 !Important;
font-weight:700
}
.datepickerGoNext a {
float: right;
width: 20px;
}
.datepickerGoPrev a {
float: left;
width: 20px;
}

table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears,
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW,
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
color: #333;
}
td.datepickerDisabled a:hover{color: #333}
td.datepickerSpecial a {background: #700}
td.datepickerSpecial.datepickerSelected a {background: #333}

.datepickerWeek a span{
font-weight:normal;
}
/* календарь */
#calendar{
text-align:right;
vertical-align:middle;
}
/* элемент выбора даты */
#inputDate{
height:20px;
background:url(/image/datepicker/button.png) right top no-repeat #FFFFFF;
cursor:pointer;
border:1px solid #aaa;
}