@charset "utf-8";
*{padding:0;margin:0;}
li{list-style: none;}


#kalendar{width:308px; height:192px;margin:0 auto; overflow:hidden;}
/* 选择年月 的行 */
#kalendar tr#select{height:24px;}
#kalendar tr#select td{clear:both;}
#kalendar tr#select td div{float:left;width:0;height:24px;line-height:24px;}
#kalendar tr#select td .time{ display:none;}
#kalendar tr#select #year,#kalendar tr#select #month{width:135px;padding-left:10px;}
#select #year ul,#select #month ul{clear:both;}
#select #year ul li,#select #month ul li{float:left;width:24px;}
#select #year ul li input,#select #month ul li input{width:24px; height:20px; line-height:20px;cursor:pointer; overflow:hidden;}
#select #year ul li.selectChange,#select #month ul li.selectChange{width:70px;height:10px;}
#select #year ul li.selectChange select,#select #month ul li.selectChange select{width:70px;padding-left:2px;cursor:pointer;}
#select #year ul li.selectChange select option,#select #month ul li.selectChange select option{padding-left:5px;}

/* 星期表头 的行 */
#kalendar tr#week{height:24px;}
#kalendar tr#week td ul{width:308px;clear:both;}
#kalendar tr#week td ul li{float:left;width:44px;height:24px;line-height:24px;text-align:center;background:#5cabfe; color:#fff;}

/* 某月具体日期 的每一行 */
#kalendar tr#day ul.dayList{width:308px;height:24px;clear:both;}
#kalendar tr#day ul.dayList li{float:left;width:44px;height:24px;line-height:24px;text-align:center;cursor:pointer;}
/* 日期占用行数(4-6行)，将不需要显示的行隐藏 */
#kalendar tr#day ul.hide{display:none;}
/* 周末 的特殊样式 */
#week .weekend,#day .weekend{color:#EA0000;}

/* 下面几个样式注意顺序，选择器不能简写，否则日历中 今天 的样式会被鼠标滑过的样式替换 */
/* 鼠标经过某个日期 的特殊样式 */
#kalendar tr#day td ul.dayList li.mouseFloat{background:#FFDCB9;}
/* 当天是周末 的特殊样式 */
#kalendar tr#day td ul.dayList li.todayWeekend{color:#fff;background:#5cabfe;font-weight:700;}
/* 当天 的特殊样式 */
#kalendar tr#day td ul.dayList li.today{ color:#fff;background:#5cabfe;font-weight:700;}