.date {
    border: 1px solid #CCCCCC;
    font-size: 18px;
    padding: 4px;
    text-align: center;
    width: 194px;
}
#calroot {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: 11px;
    margin-top: -1px;
    padding: 2px;
    width: 198px;
    z-index: 10000;
}
#calhead {
    height: 22px;
    padding: 2px 0;
}
#caltitle {
    color: #0150D1;
    float: left;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #DDDDDD;
    width: 155px;
}
#calnext, #calprev {
    background: url("../img/dateinput/prev.gif") no-repeat scroll center center transparent;
    cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    width: 20px;
}
#calnext {
    background-image: url("../img/dateinput/next.gif");
    float: right;
}
#calprev.caldisabled, #calnext.caldisabled {
    visibility: hidden;
}
#caltitle select {
    font-size: 10px;
}
#caldays {
    border-bottom: 1px solid #DDDDDD;
    height: 14px;
}
#caldays span {
    display: block;
    float: left;
    text-align: center;
    width: 28px;
}
#calweeks {
    background-color: #FFFFFF;
    margin-top: 4px;
}
.calweek {
    clear: left;
    height: 22px;
}
.calweek a {
    color: #666666;
    display: block;
    float: left;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin-left: 1px;
    text-align: center;
    text-decoration: none;
    width: 27px;
}
.calweek a:hover, .calfocus {
    background-color: #DDDDDD;
}
a.calsun {
    color: red;
}
a.caloff {
    color: #CCCCCC;
}
a.caloff:hover {
    background-color: #F5F5FA;
}
a.caldisabled {
    background-color: #EFEFEF !important;
    color: #CCCCCC !important;
    cursor: default;
}
#calcurrent {
    background-color: #498CE2;
    color: #FFFFFF;
}
#caltoday {
    background-color: #333333;
    color: #FFFFFF;
}