.calendar {
   BACKGROUND-COLOR: #ffffff;
}
.calendar tr.set-year td, .bottom_td { BACKGROUND-COLOR: #ffffff;}
.up_td{ font-family:Arial; font-size:16px; font-weight:bold; color:#FFFFFF; //padding: 8px 16px 8px 16px;}
.currentn{
    font-family:Arial; font-size:16px; font-weight:bold; color:#FFFFFF;
    padding: 7px 6px 7px 6px;
    text-align: center;
    cursor: pointer;
}
IMG.link { border: 0;  cursor: pointer;}
IMG.link:hover { border: 0;  cursor: pointer; BACKGROUND-COLOR: #ffffff;}
.calendar tr.set-year td.current,
.calendar tr.set-month td.current {
    cursor: text; color: #666666;
}
.datan {
    font-family:Arial; font-size:15px; color:#7a7a7a;
    padding: 7px 6px 7px 6px;
    text-align: center;
    background-color: #FFFFFF;
    cursor: pointer;
}
tr.dates td {
    border: 1px solid #e9e9e9;
}
/* input с датой */
.calendar-input { width:105px; font-family:Arial; font-size:12px; font-weight:bold; color:#808080; border: 0px solid; BACKGROUND-COLOR: #f8f8f8; padding:0px; -padding:6px 0px 0px 0px; margin:6px 10px 5px 10px;}




















/* div, в котором отображается календарь */
.calendar-div {
    display: none;
    z-index: 100;
}



/* кнопка, открывающая календарь */
input.calendar-button[type="button"] {
    background: url("/templates/first/i/calendar/date.png") no-repeat !important;
    background-position: center center !important;
    width: 37px;
    height: 30px;
    border: 0px solid;
    vertical-align: middle;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}

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

/* все стили */
/*
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                  { }
*/


.bg_bottom {
    background: url("/templates/first/i/calendar/bottom.png") no-repeat bottom;
    border: 0px solid #999999;
}



.calendar td.date {
    cursor: pointer;
}

.calendar tr.set-month td {
    font-family:Arial; font-size:16px; font-weight:bold; color:#FFFFFF;
    height:30px;
    border-bottom: 0px solid #999999;
    text-align: center;
    cursor: pointer;
}
.empty{
    font-family:Arial; font-size:16px; font-weight:bold; color:#2b2b2b;
    padding: 7px 6px 7px 6px;
    text-align: center;
    background-color: #FFFFFF;
    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: pointer;
}


.calendar tr.over { background-color: #cccccc; }

.lt_gt {font-size: 5px;}