.calendar{
    overflow:hidden;
}
.calendar .title{
    padding-bottom: 26px;
    height: 35px;
    line-height: 35px;
    /* padding-left: 5px; */
    /* border:1px solid #e4e4e4; */
    border-bottom:none;
}
.calendar .title b{
    float:left;
    color: #0063ac;
    font-size: 21px;
}
.calendar .title select{
    color: #005;
    width: 69px;
    height: 26px;
    float:right;
    border: 1px solid #CEE1F7;
    margin: 4px 0px 0px 10px;
    background:#ffffff;
    font-size: 14px;
}
.calendar table{
    width:100%;
    text-align:center;
    border-left:1px solid #e4e4e4;
}
.calendar table th{
    background:#DFEBF7;
    height: 45px;
    line-height: 45px;
    color: #005;
    font-size: 14px;
}
.calendar table td{
    font-size: 14px;
    height: 43px;
    line-height: 43px;
    border-bottom:1px solid #e4e4e4;
    border-right:1px solid #e4e4e4;
    border-top:1px solid #fff;
    background: #ffffff;
}
.calendar table td.on{
    background:#ffffff url(images/calendar.png) no-repeat;
}
.calendar table td.today{
    background-color:#0B318F;
color:#ffffff;
opacity: 0.5;
}
.calendar table td.today:hover{
color:black;
}
.calendar table td.weekend{
/*  background:#f5fffa; */
/*  color:#a7a7a7; */
}
.calendar table td.disabled{
    background:#f8f8f8;
    color:#a7a7a7;
    border-top:1px solid #f8f8f8;
}
.calendar table td:hover{
    background-color:#fffcce;
    border:1px solid #ffce38;
}