div#dp-popup {
    position: absolute;
    font-size: 13px;
    font-family: arial, sans-serif;
    background-color: #CCCCCC;
    padding: 3px;
    min-height: 162px;
    min-width: 166px;
    border: solid 1px #444;
    z-index: 10000;

}


div#dp-popup td:hover {
    border: 1px solid #777777;
    padding: 7px;
}
div#dp-popup h2 {
    color:#444444;
    display: block;
    font-size: 16px;
    text-align: center;
    margin: 2px 0;
    padding: 10px 0;
    background: url(../pict/auth_head_bg.jpg) repeat-x center #ffa826;
}
a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}
a#dp-close:hover {
    text-decoration: underline;
}
div#dp-popup a {
    color: #000;
    text-decoration: none;
    padding: 3px 2px 0;
}
div#dp-popup div#dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
}
div#dp-popup div#dp-nav-prev a {
    float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div#dp-popup div#dp-nav-prev a, div#dp-popup div#dp-nav-next a {
    cursor: pointer;
    font-size: 200%;
    line-height: 34px;
    color: #444444;
}
div#dp-popup div#dp-nav-prev a.disabled, div#dp-popup div#dp-nav-next a.disabled {
    cursor: default;
}
div#dp-popup div#dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
}
div#dp-popup div#dp-nav-next a {
    float: right;
}
div#dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}
div#dp-popup td {
    cursor: pointer;
    width: 8px;
    height: 8px;
    text-align: center;
    padding: 8px;
    border-radius: 5px;
}
div#dp-popup td.disabled {
    cursor: default;
}

table.jCalendar td {
    color: white;
    font-weight: bold;
}
table.jCalendar td.other-month {
    font-weight: normal;
    color: #AAAAAA !important;
}
table.jCalendar td.notactive {
    background-color: #FFFFFF;
    color: #CCCCCC;
    cursor: default !important;
}

table.jCalendar td.active {
    background-color: #FFA826;
    color: #222222;
    cursor: pointer;
    /*background: url(../pict/calendar_bg.png) repeat-x bottom #ffa826;*/
}

html>body table.jCalendar td.other-month.active {
    background-color: #FFFFFF !important;
    color: #444444 !important;
    cursor: pointer;
}

* html table.jCalendar td.active {
    ruby-align: expression( runtimeStyle.rubyAlign = 'auto',is_other = (className.indexOf('other-month') >= 0), style.backgroundColor = (is_other) ? '#EEEEEE' : '#ADC6F5',style.color = (is_other) ? '#c0c0c0' : '#222222');
}

.date-active-btn {
    cursor: pointer;
}