/* div, в котором отображается календарь */
.calendar-div {
    visibility: hidden;
    position: absolute;
    z-index: 100;
    top:10px;left:10px;
}

/* input с датой */
.calendar-input { width: 110px; }

/* кнопка, открывающая календарь */
.calendar-button { padding:1px; }

/* таблица с календарем */

/* все стили */
/*
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: 2px 6px 4px 6px;
    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; }