/* div, в котором отображается календарь */
.calendar-div {
    visibility: hidden;
    position: absolute;
    z-index: 100;
}

/* input с датой */
.calendar-input                         { width: 100px; }

/* кнопка, открывающая календарь */
.calendar-button {
    background: url(/images/_buttons/img.gif) #d4d0c8 no-repeat;
    background-position: center center;
    width: 40px;
}

/* таблица с календарем */

/* все стили */
/*
table.calendar                          { }
table.calendar tr.set-year              { }
table.calendar tr.set-year td.prev      { }
table.calendar tr.set-year td.current   { }
table.calendar tr.set-year td.next      { }
table.calendar tr.set-month             { }
table.calendar tr.set-month td.prev     { }
table.calendar tr.set-month td.current  { }
table.calendar tr.set-month td.next     { }
table.calendar tr.dates-head            { }
table.calendar tr.dates-head th.date    { }
table.calendar tr.dates                 { }
table.calendar tr.dates td.empty        { }
table.calendar tr.dates td.date         { }
table.calendar tr.dates td.current      { }
table.calendar tr td.set-today          { }
table.calendar tr td.clear              { }
table.calendar td.over                  { }
*/

.calendar {
    background-color: #ffffff;
    border: 1px solid #999999;
}
.calendar td, .calendar th {
    font-family: tahoma, sans-serif;
    font-size: 70%;
    padding: 2 6 4 6;
    text-align: right;
}
.calendar td.date {
    cursor: pointer;
}
.calendar tr.set-year td,
.calendar tr.set-month td {
    background-color: #f0f0f0;
    border-bottom: 1px solid #999999;
    text-align: center;
    cursor: pointer;
}
.calendar tr.set-year td.current,
.calendar tr.set-month td.current {
    cursor: text;
}
.calendar .set-today, .calendar .clear {
    background-color: #f0f0f0;
    border-top: 1px solid #999999;
    cursor: pointer;
}
.calendar .set-today { text-align: left; }
tr.dates td.current {
    border: 1px solid #cccccc;
    cursor: text;
}
tr.dates td {
    border: 1px solid #ffffff;
}
.calendar td.over { background-color: #cccccc; }
