table.jCalendar {
        background: #ffffff;
    border-collapse: separate;
    border-spacing: 2px;
        font:normal 11px Arial; color:#666666;
}
table.jCalendar th {
        background: #e8e7e7;
        color: #666666;
        padding:1px 8px 2px 8px;
        font-weight:100;
}
table.jCalendar td {
        color:#dc021b;
        text-decoration:underline;
        padding: 4px 5px; _padding: 4px 3px 4px 6px; //padding-right: 4px;
        text-align: center;
}
html:root table.jCalendar td {
        padding: 4px 6px 4px 4px;
}
table.jCalendar td.other-month {
        color: #aaa;
}
table.jCalendar td.today {
        background: url(/_img/today_bg.gif) no-repeat center center;
}
table.jCalendar td.selected {
        background: url(/_img/select_bg.gif) no-repeat center center;
        color: #fff;
        text-decoration:none;
}
table.jCalendar td.selected:hover {
        color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
        text-decoration:none;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
        color: #888;
        text-decoration:none;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
        position: relative;
        font-size: 10px;
        font-family: arial, sans-serif;
        padding: 2px;
        width: 140px;
        line-height: 1.2em;
}
div#dp-popup {
        position: absolute;
        z-index: 199;
}
div.dp-popup h2 {
        font-size: 12px;
        text-align: center;
        margin: 2px 0;
        padding: 0;
}
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: 20px;
}
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;
}
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: 20px;
}
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;
}
div.dp-popup td.disabled {
        cursor: default;
}
td.other-month {
        visibility: hidden;
}
table.jCalendar th.weekday1{
         left:-6px; background:#e8e7e7 url(calendar_l.gif) no-repeat left top !important;
         padding-left:15px;
 }

table.jCalendar th.weekend1{
         left:-6px; background:right:-6px; background:#e8e7e7 url(calendar_r.gif) no-repeat right top !important;
         padding-right:15px;
 }
a.dp-nav-prev-month{
        background-color:#FFFFFF;
}
a.dp-nav-prev-month img,a.dp-nav-next-month img{
        border:0;
         margin-top:3px;
 }
.dp-popup h2{
         margin-right:7px; color:#666666;
         font:normal 11px Arial; color:#666666; padding-top:40px; padding-bottom:33px;
}
div.dp-nav-next .disabled,div.dp-nav-prev .disabled{
        display:none;
}