.calendar-box {
    display: none;
    position: absolute;
    padding: 5px;
    border: 1px solid #999999;
    background-color: #ffffff;
    text-align: center;
}

.calendar-box select.month {
    width: 60px;
    font-size: 12px;
}

.calendar-box select.year {
    width: 60px;
    font-size: 12px;
}

.calendar-box div.month-prev {
    width: 20px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
    background: #cccccc url(prev.gif) left top no-repeat;
}

.calendar-box div.month-prev-down {
    width: 20px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
    background: #999999 url(prev.gif) left top no-repeat;
}

.calendar-box div.month-next {
    width: 20px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
    background: #cccccc url(next.gif) left top no-repeat;
}

.calendar-box div.month-next-down {
    width: 20px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
    background: #999999 url(next.gif) left top no-repeat;
}

.calendar-box .title {
    text-align: center;
}

.calendar-box .header {
    font-size: 12px;
    font-weight: bold;
}

.calendar-box table th {
    padding: 0 3px 5px 3px;
    text-align: center;
}

.calendar-box table td {
    padding: 0 3px;
    text-align: center;
}

.calendar-box a {
    padding: 0 5px;
    color: #333333;
    font-size: 13px;
    text-decoration: none;
}

.calendar-box .days a {
    color: #333333;
    text-decoration: none;
}

.calendar-box .days a:hover {
    background-color: #dddddd;
}

.calendar-box .today a {
    font-weight: bold;
    color: #990033;
}

.calendar-box .selected a {
    background-color: #9999ff;
}

.calendar-box .cancel {
    width: 230px;
    font-size: 12px;
}