/**
 * Calendar
 */
.tang-calendar {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .25);
       -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .25);
            box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    background-color: #FFF;
    font-family: Arial, Simsun, serif;
    font-size: 12px;
    position: relative;
    width: 230px;
}

.tang-calendar-title {
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    line-height: 30px;
    _height: 30px;
    background: url(http://tangram.baidu.com/magic/index.php?m=frontData&a=file&bucket=magic-586&object=/resources/default/magic.Calendar/bg.png) repeat-x 0 0 #BFBFBF;
    _background-position: 0 2px;
    border: 1px solid #979797;
    border-width: 1px 1px 0;
}

.tang-calendar-prebtn,
.tang-calendar-nextbtn,
.tang-calendar-yprebtn,
.tang-calendar-ynextbtn {
    position: absolute;
    top: 7px;
    left: 15px;
    height: 15px;
    width: 15px;
    background-image: url(https://help-ol.cdn.bcebos.com/%E5%B0%8F%E7%AE%AD%E5%A4%B4.png);
    background-size: 15px 15px;
    cursor: pointer;
}

.tang-calendar-nextbtn {
    right: 15px;
    _right: 23px;
    left: auto;
    background-position: -15px -44px;
}

.tang-calendar-yprebtn {
    left: 1px;
    background-position: -28px -44px;
}

.tang-calendar-ynextbtn {
    right: 3px;
    _right: 10px;
    left: auto;
    background-position: -27px -29px;
}

.tang-calendar-yprebtn:hover {
    left: 1px;
    background-position: -41px -44px;
}

.tang-calendar-ynextbtn:hover {
    right: 3px;
    _right: 10px;
    left: auto;
    background-position: -40px -29px;
}

.tang-calendar-prebtn:hover {
    background-position: 0 -29px;
}

.tang-calendar-nextbtn:hover {
    background-position: 0 -44px;
}

.tang-calendar-table {
    border: 1px solid #A9A9A9;
    border-width: 0 1px 1px;
}

.tang-calendar-table table {
    height: 100%;
    width: 100%;
}

.tang-calendar-table table thead {
    border-collapse: collapse;
}

.tang-calendar-table td {
    text-align: center;
}

.tang-calendar-table tbody td {
    cursor: pointer;
    border: 4px solid #FFF;
    color: #000;
}

.tang-calendar-weekdays {
    background-color: #F3F3F3;
    color: #333;
    font-weight: 700;
    border: 1px solid #FFF;
    border-width: 1px 1px 0;
}

.tang-calendar-weekdays tr {
    height: 30px;
    *height: 21px;
}

.tang-calendar-table tbody .tang-calendar-premonth,
.tang-calendar-table tbody .tang-calendar-nextmonth {
    color: #999;
    background-color: #FFF;
}


.tang-calendar-table tbody .tang-calendar-disable {
    color: #CCC;
    background-color: #FFF;
}

.tang-calendar-table tbody .tang-calendar-highlight {
    background-color: #1F69FF;
    color: #FFF;
}

.tang-calendar-table tbody .tang-calendar-selected {
    background-color: #FFF;
    color: #C00;
}

.tang-calendar-table tbody .tang-calendar-hover {
    background-color: #E94949;
    color: #FFF;
}

.tang-calendar-year,
.tang-calendar-month {
    background: url(http://tangram.baidu.com/magic/index.php?m=frontData&a=file&bucket=magic-586&object=/resources/default/magic.Calendar/bg.png) no-repeat right -59px; /* Techird change from -61px to -59 px*/
    *background-position-y: -58px;
    padding-right: 12px;
}


.tang-calendar-timer {
    float: left;
    overflow: hidden;
    line-height: 15px;
    _height: 20px;
}

.tang-calendar-timer-table {
    table-layout: fixed;
    border-spacing: 0;
    _width: 140px;
}

.tang-calendar-timer-character {
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
}

.tang-calendar-timer-choosen {
    position: absolute;
    width: 120px;
    background: #fff;
    bottom: 25px;
    background-color: #FFF;
    border: 1px solid #CCC;
}

.tang-calendar-timer-over {
    background-color: #1F69FF;
    color: #FFF;
}

.tang-calendar-timer-ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.tang-calendar-timer-li {
    list-style: none;
    float: left;
    width: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}

.tang-calendar-timer-input {
    height: 16px;
    text-align: center;
    border: #CCC 1px solid;
}

.tang-calendar-timer-hms {
    width: 18px;
}

.tang-calendar-timer-colon {
    width: 7px;
}

.tang-calendar-timer .tang-calendar-input-both {
    border-left: 0;
    border-right: 0;
}

.tang-calendar-timer .tang-calendar-input-right {
    border-right: 0;
}

.tang-calendar-timer-img {
    background-image: url(http://tangram.baidu.com/magic/index.php?m=frontData&a=file&bucket=magic-586&object=/resources/default/magic.Calendar/bg.png);
    background-repeat: no-repeat;
    background-color: transparent;
    float: left;
    height: 10px;
    width: 13px;
    border: 0;
}

.tang-calendar-timer-updown {
    float: left;
}

.tang-calendar-timer-up {
    background-position: 0 -75px;
}

.tang-calendar-timer-down {
    background-position: -16px -75px;
}

.tang-calendar .tang-calendar-footer {
    padding: 3px;
    background: url(http://tangram.baidu.com/magic/index.php?m=frontData&a=file&bucket=magic-586&object=/resources/default/magic.Calendar/bg.png) repeat-x scroll 0 0 #BFBFBF;
    _background-position: 0 2px;
    border: 1px solid #a9a9a9;
    border-width: 0 1px 1px 1px;
    overflow: hidden;
    _zoom: 1;
}

.tang-calendar-footer .tang-calendar-footer-today {
    line-height: 15px;
    _height: 15px;
    float: right;
    padding: 2px 5px;
    background: #E3E3E3;
    border: 1px solid #BBB;
}

.tang-calendar-footer .tang-calendar-footer-today .tang-calendar-footer-button {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    text-decoration: none;
    outline: none;
}