.calendar {
    width:          490px !important;
    margin:         0 0 20px 0;
}
.calendar td,
.calendar th {
    height:         36px;
    line-height:    36px;
    padding:        0px;
    text-align:     center;
    overflow:       hidden;
}
.calendar th {
    font-size:      0.9em;
    height:         20px;
    line-height:    20px;
    color:          #999;
    font-weight:    normal;
}
.calendar td {
    color:          #000;
    background:     #E0E8EE;

}
.calendar th,
td.empty {
    background:     none;
    border:         none;
}
td.current-day {
    border:         1px solid #1C4E70;
    color:          #1C4E70;
}
a.cal-trigger {
    display:        block;
    background:     #1C4E70;
    color:          #fff!important;
    font-weight:    bold;
    text-decoration:none!important;
}
a.cal-trigger:hover {
    background:     #8da6b7;
}
.month-selector {
    text-align:     center;
    background:     #E0E8EE;
    padding:        8px;
}
.current-month {
    font-weight:    bold;
    padding:        0 20px;
}
.month-prev {
    float:          left;
}
.month-next {
    float:          right;
}

/* calendar-tooltip */
.scroll {
    overflow:       auto;
}
.cal-tooltip {
    display:        none;
    height:         130px;
    width:          370px;
    line-height:    17px;
    background:     #fff;
    border:         1px solid #1C4E70;
}
.cal-tooltip-head {
    height:         20px;
    padding:        5px 10px;
    width:          350px;
    background:     #1C4E70;
    text-align:     left;
    color:          #fff;
    position:       relative;
}
.cal-tooltip .close {
    position:       absolute;
    right:          3px;
    top:            3px;
    color:          #fff;
}
.cal-tooltip-body {
    height:         100px; 
    width:          350px;
    background:     #fff;
    text-align:     left;
}
.cal-tooltip ul {
    list-style:     none;
    margin:         0;
    padding:        0;
}
.load {
    height:         100px; 
    width:          370px;
    background:     url(../img/action/load.gif) no-repeat center;
}
.cal-tooltip .scroll {
    height:         100px; 
    width:          370px;
}
.cal-tooltip li {
    margin:         0;
    padding:        10px 5px;
    display:        block;
    text-decoration: none;
    border-bottom:  1px solid #ccc;
}
.cal-tooltip li span.title {
    font-weight:    bold;
}
.cal-table td {
    text-align: left !important;
    padding-bottom: 10px !important;
}