/**
 * Calendar默认皮肤样式
 */
.tang-calendar {
    font-family: Arial, '宋体';
    font-size: 12px;
    width: 230px;
    position: relative;
    background-color: #FFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .25);
}

.tang-calendar-title {
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    line-height: 30px;
    _height: 30px;
    background: url(./bg.png) repeat-x 0 0 #BFBFBF;
    _background-position: 0 2px;
    border: 1px solid #979797;
    border-width: 1px 1px 0px;
}

.tang-calendar-prebtn,
.tang-calendar-nextbtn,
.tang-calendar-yprebtn,
.tang-calendar-ynextbtn
 {
    position: absolute;
    top: 7px;
    left: 15px;
    height: 15px;
    width: 15px;
    background: url(./bg.png) no-repeat -15px -29px #BFBFBF;
    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: 0px 1px 1px;
}
.tang-calendar-table table {
    height: 100%;
    width: 100%;
}
.tang-calendar-table table thead {
    border-collapse: collapse;/*不加这句 thead无法设置边框样式*/
}
.tang-calendar-table td {
    text-align: center;
}
.tang-calendar-table tbody td {
    cursor: pointer;
    border: 4px solid #FFF;/*给一个白色的边框，否则在给tb设置边框的时候会抖动*/
    color: #000;
}
.tang-calendar-weekdays {
    background-color: #F3F3F3;
    color: #333;
    font-weight: bold;
    border: 1px solid #FFF;
    border-width: 1px 1px 0px;
}
.tang-calendar-weekdays tr {
    height: 30px;
    *height: 21px;
}

/* 非当前月份的日期 */
.tang-calendar-table tbody td.tang-calendar-premonth,
.tang-calendar-table tbody td.tang-calendar-nextmonth {
    color: #999;
    background-color: #FFF;
}

/* 不可用的日期 */
.tang-calendar-table tbody td.tang-calendar-disable {
    color: #CCC;
    background-color: #FFF;
}
/* 高亮的日期 */
.tang-calendar-table tbody td.tang-calendar-highlight {
    background-color: #1F69FF;
    color: #FFF;
}
/* 当前选中的日期 */
.tang-calendar-table tbody td.tang-calendar-selected {
    background-color: #FFF;
    color: #C00;
}
/* 鼠标悬停的日期 */
.tang-calendar-table tbody td.tang-calendar-hover {
    background-color: #E94949;
    color: #FFF;
}




/**
 *     插件部分的样式
 */
.tang-calendar-year,
.tang-calendar-month {
    background: url(./bg.png) no-repeat right -61px;
    padding-right: 12px;
}

/**
 *      timer插件的样式
 */
 .tang-calendar-timer{
    float: left;
    overflow: hidden;
    line-height: 15px;
    _height: 20px;
 }

 .tang-calendar-timer-table{
    table-layout: fixed;
    border-spacing: 0px;
    _width: 140px;
 }
 .tang-calendar-timer-character{
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
 }

 /* 浮动数值区域 */
 .tang-calendar-timer-choosen{
    position: absolute;
    width: 120px;
    background: white;
    bottom: 25px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
 }

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

 .tang-calendar-timer-ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    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: 0px;
    border-right: 0px;
 }

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

 .tang-calendar-timer-img{
    background-image: url(bg.png);
    background-repeat: no-repeat;
    background-color: transparent;
    float: left;
    height: 10px;
    width: 13px;
    border: 0px;
 }

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

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

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

 /* 今天插件区域 */
 .tang-calendar .tang-calendar-footer{
    padding: 3px;
    background: url(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 #BBBBBB;
 }

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

 .cssloaded{
    width: 20px
}