/*双日历*/

.dateRangeTxt {
    width: 308px;
    height: 34px;
    border: 1px solid #ccc;
    line-height: 34px;
    font-size: 16px;
    text-indent: 8px;
    background:#fff url("../images/icon_calen.png") 284px center no-repeat;
}

.ta_calendar {
    background-color: #fff;
    font-size: 12px;
    text-align: left;
    position: absolute;
    border: 1px solid #ccc;
    margin-top: 1px;
}

.ta_calendar .i_pre, .ta_calendar .i_next {
    position: absolute;
    width: 34px;
    height: 40px;
    display: inline-block;
    top: -1px;
    top: 0 \9;
    transition: all .2s ease;
}

.ta_calendar .i_pre {
    left: 0;
    background: url("../images/icon_arrowLeft.png") no-repeat center;
}

.ta_calendar .i_next {
    right: 0;
    background: url("../images/icon_arrowRight.png") no-repeat center;
}

.ta_calendar .i_pre:hover, .ta_calendar .i_next:hover {
    background-color: #1b73df;
}

.ta_calendar td.ta_dateRangeSelected {
    background-color: #c0e2ff;
    color: #333;
}

.ta_calendar td.ta_dateRangeGray, .ta_calendar td.ta_dateRangeGray:hover {
    background-color: #f5f5f5;
    color: #ccc;
    cursor: default;
}

.ta_calendar td.ta_dateRangeNone, .ta_calendar td.ta_dateRangeNone:hover {
    background-color: #fff;
    color: #fff;
    cursor: default;
}

.ta_calendar td.today, .ta_calendar td.first, .ta_calendar td.last {
    background-color: #3492e9;
    color: #fff;
}

.ta_calendar .dis {
    color: #ccc;
}

.ta_calendar table {
    float: left;
    width: auto;
    border-collapse: collapse;
}

.ta_calendar table caption {
    background-color: #3492e9;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
}

.ta_calendar_cont table:first-child {
    margin-right: 10px;
    margin: 0 \9;
}

.ta_calendar_cont table:last-child {
    margin-left: 10px;
    margin: 0 \9;
}

.ta_calendar table:first-child caption {
    margin: -1px -10px 0 -1px;
    margin: 0 \9;
}

.ta_calendar table:last-child caption {
    margin: -1px -1px 0 -10px;
    margin: 0 \9;
}

.ta_calendar table thead th, .ta_calendar table tbody td {
    width: 34px;
    line-height: 26px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid #fff;
}

.ta_calendar table tbody td {
    color: #333;
}

.ta_calendar table tbody td:hover {
    background: #3492e9;
    color: #fff;
}

.ta_calendar table thead span {
    color: #3492e9;
}

.ta_calendar_cont {
    position: relative;
}