/*==================================== 日期控件需要的 Css 样式 ==============================================================*/

/*============================= 日历按钮样式 =================================*/

.Calendar_Button1 {
    display: inline-block;
    zoom: 1;
    display: inline;
    vertical-align: baseline;
    margin: 0px 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    height: 20px;
    font-size: xx-small;
    font-size: 12px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.Calendar_Button1:hover {
    text-decoration: none;
}

.Calendar_Button1:active {
    position: relative;
    top: 1px;
}

.Calendar_Button2 {
    display: inline-block;
    zoom: 1;
    display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 12px 宋体, Helvetica, sans-serif;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 7px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    font-weight: bold;
}

.Calendar_Button2:hover {
    text-decoration: none;
}

.Calendar_Button2:active {
    position: relative;
    top: 1px;
}

/*主题颜色*/

/*=====================================橘黄色*/

.Calendar_Border {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 177px;
    height: 192px;
    z-index: 9998;
    border-radius: 8px;
    border: 1px solid #f97c00;
    padding: 2px;
    background-color: #ffffff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .5);
    -moz-user-select: none;
}

.Calendar_TopMenu {
    border-radius: 4px;
    background-color: #f78d1d;
    height: 20px;
    width: 175px;
    line-height: 20px;
}

.Calendar_TopMenuText {
    font-size: 12px;
    cursor: default;
    color: #ffffff;
}

.Calendar_TopMenuButton {
    cursor: default;
    color: #ffffff;
    width: 20px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
}

.Calendar_Week_bg {
    background-color: #ffa64d;
}

.Calendar_Week_font {
    font-size: 12px;
    color: #FFFFFF;
}

.Calendar_Day {
    border: 1px solid #ffbc79;
    border-collapse: collapse;
    font-size: 12px;
    width: 25px;
    height: 17px;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
    background-color: #ffe9d2;
    color: #f97c00;
    font-weight: bold;
}

.Calendar_Day:hover {
    border: 1px solid #ff6600;
    border-collapse: collapse;
    font-size: 12px;
    width: 25px;
    height: 17px;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
    background-color: #ffce9d;
    color: #ff6600;
}

.Calendar_Today {
    background-color: #ff6600;
    color: #ffffff;
    border: 1px solid #f97c00;
    border-collapse: collapse;
    font-size: 12px;
    width: 20px;
    height: 17px;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
}

.Calendar_DayBlank {
    border: 1px solid #ffbc79;
    border-collapse: collapse;
    font-size: 12px;
    width: 20px;
    height: 17px;
    vertical-align: middle;
    text-align: center;
    padding: 0px;
    background-color: #ffffff;
}

.Calendar_Table_Y_M1 {
    text-align: center;
    font-weight: bold;
    background-color: #ffe9d2;
    border: 1px solid #ffbc79;
    cursor: default;
    color: #f97c00;
    width: 44px;
    font-size: 12px;
}

.Calendar_Table_Y_M1:hover {
    text-align: center;
    font-weight: bold;
    background-color: #ffce9d;
    border: 1px solid #ff6600;
    cursor: default;
    color: #ff6600;
    width: 44px;
    font-size: 12px;
}

.Calendar_Table_Y_M2 {
    text-align: center;
    font-weight: bold;
    background-color: #ffe9d2;
    border: 1px solid #ffbc79;
    cursor: default;
    color: #acacac;
    width: 44px;
    font-size: 12px;
}

.Calendar_Table_Y_M2:hover {
    text-align: center;
    font-weight: bold;
    background-color: #ffce9d;
    border: 1px solid #ff6600;
    cursor: default;
    color: #939393;
    width: 44px;
    font-size: 12px;
}

.Calendar_Table_Y_M3 {
    text-align: center;
    font-weight: bold;
    background-color: #ffae79;
    border: 1px solid #f97c00;
    cursor: default;
    color: #ffffff;
    width: 44px;
    font-size: 12px;
}

.Calendar_TableSelYM {
    position: absolute;
    top: 2px;
    left: 2px;
    table-layout: fixed;
    background-color: #ffffff;
    width: 177px;
    height: 160px;
}

.Beautiful {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from("#faa51a"), to("#f47a20"));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#faa51a", endColorstr="#f47a20");
}

.Beautiful:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top, #f88e11, #f06015);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f88e11", endColorstr="#f06015");
}

.Beautiful:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top, #f47a20, #faa51a);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f47a20", endColorstr="#faa51a");
}