TG.WXCRM.V4/WEB/Scripts/My97DatePicker/skin/default/datepicker.css

/* 
 * My97 DatePicker 4.1
 * 皮肤名称:default
 * 皮肤作者:My97
 */

/* 日期选择容器 DIV */
.WdateDiv {
    width: 240px;
    background-color: #FFFFFF;
    border: #bbb 1px solid;
    padding: 5px 0 5px 0;
}

    .WdateDiv * {
        font-size: 9pt;
    }

    /****************************
 * 导航图标
 ***************************/
    .WdateDiv .NavImg {
        cursor: pointer;
        width: 16px;
        height: 16px;
        margin-top: 1px;
    }

    .WdateDiv .NavImgll {
        background: url(img.gif) no-repeat;
    }

    .WdateDiv .NavImgl {
        background: url(img.gif) no-repeat -16px 0px;
    }

    .WdateDiv .NavImgr {
        background: url(img.gif) no-repeat -32px 0px;
    }

    .WdateDiv .NavImgrr {
        background: url(img.gif) no-repeat -48px 0px;
    }

    /****************************
 * 年份月份相关
 ***************************/
    /* 年份月份栏 DIV */
    .WdateDiv #dpTitle {
        height: 24px;
        margin-bottom: 2px;
        padding: 1px 10px;
    }
    /* 年份月份输入框 INPUT */
    .WdateDiv .yminput {
        margin-top: 2px;
        text-align: center;
        border: 0px;
        height: 16px;
        width: 50px;
        cursor: pointer;
    }
    /* 年份月份输入框获得焦点时的样式 INPUT */
    .WdateDiv .yminputfocus {
        margin-top: 2px;
        text-align: center;
        font-weight: bold;
        color: blue;
        border: #ccc 1px solid;
        height: 16px;
        width: 50px;
    }
    /* 菜单选择框 DIV */
    .WdateDiv .menuSel {
        position: absolute;
        background-color: #FFFFFF;
        border: #ccc 1px solid;
        display: none;
    }
    /* 菜单的样式 TD */
    .WdateDiv .menu {
        cursor: pointer;
        background-color: #fff;
        padding-left: 10px;
    }
    /* 菜单的mouseover样式 TD */
    .WdateDiv .menuOn {
        cursor: pointer;
        background-color: rgb(234, 234, 234);
        padding-left: 10px;
    }
    /* 菜单无效时的样式 TD */
    .WdateDiv .invalidMenu {
        color: #aaa;
    }
    /* 年选择框的偏移 DIV */
    .WdateDiv .YMenu {
        margin-top: 16px;
    }
    /* 月选择框的偏移 DIV */
    .WdateDiv .MMenu {
        margin-top: 16px;
        *width: 62px;
    }
    /* 时选择框的位置 DIV */
    .WdateDiv .hhMenu {
        margin-top: -90px;
        margin-left: 26px;
    }
    /* 分选择框的位置 DIV */
    .WdateDiv .mmMenu {
        margin-top: -46px;
        margin-left: 26px;
    }
    /* 秒选择框的位置 DIV */
    .WdateDiv .ssMenu {
        margin-top: -24px;
        margin-left: 26px;
    }

    /****************************
 * 周相关
 ***************************/
    .WdateDiv .Wweek {
        text-align: center;
        background: #DAF3F5;
        border-right: #BDEBEE 1px solid;
    }
    /****************************
 * 星期,日期相关
 ***************************/
    /* 星期栏 TR */
    .WdateDiv .MTitle {
        background-color: #f9f6f5;
    }

        .WdateDiv .MTitle div {
            margin: 10px;
        }
    /* 日期栏表格 TABLE */
    .WdateDiv .WdayTable {
        line-height: 24px;
        border-top: 1px solid #e2e2e2;
        border-bottom: 1px solid #e2e2e2;
    }
    /* 日期格的样式 TD */
    .WdateDiv .Wday {
        cursor: pointer;
    }
    /* 日期格的mouseover样式 TD */
    .WdateDiv .WdayOn {
        cursor: pointer;
        background-color: rgb(234, 234, 234) !important;
    }
    /* 周末日期格的样式 TD */
    .WdateDiv .Wwday {
        cursor: pointer;
        color: black;
    }
    /* 周末日期格的mouseover样式 TD */
    .WdateDiv .WwdayOn {
        cursor: pointer;
        color: #000;
        background-color: rgb(234, 234, 234);
    }

    .WdateDiv .Wtoday {
        cursor: pointer;
        color: blue;
    }

    .WdateDiv .Wselday {
        background-color: #009688 !important;
        color: #fff !important;
    }
    /* 其他月份的日期 */
    .WdateDiv .WotherDay {
        cursor: pointer;
        color: #a1a1a5;
    }
    /* 其他月份的日期mouseover样式 */
    .WdateDiv .WotherDayOn {
        cursor: pointer;
        background-color: rgb(234, 234, 234);
    }
    /* 无效日期的样式,即在日期范围以外日期格的样式,不能选择的日期 */
    .WdateDiv .WinvalidDay {
        color: #aaa;
    }

    /****************************
 * 时间相关
 ***************************/
    /* 时间栏 DIV */
    .WdateDiv #dpTime {
        float: left;
        margin-top: 3px;
        margin-right: 30px;
    }
        /* 时间文字 SPAN */
        .WdateDiv #dpTime #dpTimeStr {
            margin-left: 1px;
        }
        /* 时间输入框 INPUT */
        .WdateDiv #dpTime input {
            height: 22px;
            width: 35px;
            text-align: center;
            border: #ccc 1px solid;
        }

#dpTime table {
    margin-top: 3px;
    margin-left:5px;
}
/* 时间 时 INPUT */
.WdateDiv #dpTime .tB {
    border-right: 0px;
}
/* 时间 分和间隔符 ':' INPUT */
.WdateDiv #dpTime .tE {
    border-left: 0;
    border-right: 0;
}
/* 时间 秒 INPUT */
.WdateDiv #dpTime .tm {
    width: 7px;
    border-left: 0;
    border-right: 0;
}
/* 时间右边的向上按钮 BUTTON */
.WdateDiv #dpTime #dpTimeUp {
    height: 10px;
    width: 13px;
    border: 0px;
    background: url(img.gif) no-repeat -32px -16px;
}
/* 时间右边的向下按钮 BUTTON */
.WdateDiv #dpTime #dpTimeDown {
    height: 10px;
    width: 13px;
    border: 0px;
    background: url(img.gif) no-repeat -48px -16px;
}
/****************************
 * 其他
 ***************************/
.WdateDiv #dpQS {
    float: left;
    margin-left: 5px;
    margin-top: 3px;
    background: url(time.png) no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-top: 8px;
    margin-bottom: 5px;
}

.WdateDiv #dpControl {
    text-align: right;
    margin-top: 2px;
    margin-bottom: 5px;
    margin-right: 10px;
}

.WdateDiv .dpButton {
    /*height: 20px;
        width: 45px;
        border: #ccc 1px solid;
        padding: 2px;*/
    height: 26px;
    line-height: 26px;
    margin: 0 0 0 -1px;
    padding: 0 10px;
    border: 1px solid #C9C9C9;
    background-color: #fff;
    white-space: nowrap;
    vertical-align: top;
    border-radius: 2px;
    cursor: pointer;
}

    .WdateDiv .dpButton:hover {
        color: #5FB878;
    }