.kalendae{display:inline-block;zoom:1;*display:inline;background:#eee;padding:10px;margin:5px;border-radius:5px;font-size:11px;font-family:'Helvetica Neue',Helvetica;cursor:default;position:relative;-moz-box-sizing:border-box;box-sizing:border-box}
.kalendae *{-moz-box-sizing:border-box;box-sizing:border-box}
.kalendae.k-floating{position:absolute;top:0;left:0;z-index:100000;margin:0;box-shadow:0 1px 3px rgba(0,0,0,.75)}
.kalendae .k-btn-close{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#fff;border:2px solid #ccc;color:#999;line-height:17px;text-align:center;font-size:13px;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.75);cursor:pointer;text-decoration:none}
.kalendae .k-btn-close:after{content:"\2716"}
.kalendae .k-btn-close:hover{color:#7ea0e2;background:#fff;border-color:#7ea0e2}
.kalendae .k-calendar{zoom:1;*display:inline}
.kalendae .k-separator{display:inline-block;zoom:1;*display:inline;width:2px;vertical-align:top;background:#ddd;height:155px;margin:0 10px}
.kalendae .k-title{text-align:center;white-space:nowrap;position:relative}
.kalendae .k-caption{font-size:12px;line-height:18px}
.kalendae .k-caption-month,.kalendae .k-caption-year{display:inline}
.kalendae .k-caption-month{margin-right:.4em}
.kalendae .k-btn-next-month,.kalendae .k-btn-next-year,.kalendae .k-btn-previous-month,.kalendae .k-btn-previous-year{cursor:pointer;position:absolute;top:-3px;color:#777;font-size:32px;line-height:1em;font-weight:700;font-family:arial;text-decoration:none}
.kalendae .k-btn-previous-year{left:0}
.kalendae .k-btn-previous-month{left:16px}
.kalendae .k-btn-next-month{right:16px}
.kalendae .k-btn-next-year{right:0}
.kalendae .k-btn-previous-month:after{content:"\2039"}
.kalendae .k-btn-next-month:after{content:"\203A"}
.kalendae .k-btn-previous-year:after{content:"\00AB"}
.kalendae .k-btn-next-year:after{content:"\00BB"}
.kalendae .k-btn-next-month:hover,.kalendae .k-btn-next-year:hover,.kalendae .k-btn-previous-month:hover,.kalendae .k-btn-previous-year:hover{color:#ead08a}
.kalendae .k-first-month .k-btn-next-month,.kalendae .k-first-month .k-btn-next-year,.kalendae .k-last-month .k-btn-previous-month,.kalendae .k-last-month .k-btn-previous-year,.kalendae .k-middle-month .k-btn-next-month,.kalendae .k-middle-month .k-btn-next-year,.kalendae .k-middle-month .k-btn-previous-month,.kalendae .k-middle-month .k-btn-previous-year,.kalendae .k-title.k-disable-year-nav .k-btn-next-year,.kalendae .k-title.k-disable-year-nav .k-btn-previous-year{display:none}
.kalendae .k-title.k-disable-year-nav .k-btn-next-month{right:0}
.kalendae .k-title.k-disable-year-nav .k-btn-previous-month{left:0}
.kalendae.k-disable-next-month-btn .k-btn-next-month,.kalendae.k-disable-next-year-btn .k-btn-next-year,.kalendae.k-disable-previous-month-btn .k-btn-previous-month,.kalendae.k-disable-previous-year-btn .k-btn-previous-year{display:none}
.kalendae .k-days span,.kalendae .k-header span{float:left;margin:1px 1px 2px}
.kalendae .k-header.k-active span{cursor:pointer;border-radius:3px}
.kalendae .k-today{text-decoration:underline}
.kalendae .k-days span.k-in-month.k-active{border-color:#ddd;background-color:#fff;color:#333}
.kalendae .k-days span.k-out-of-month{color:#ddd}
.kalendae .k-days span.k-active{cursor:pointer}
.kalendae .k-days span.k-selected{border-color:#1072a5;color:#1072a5}
.kalendae .k-days span.k-selected.k-active{background:#ead08a;color:#fff}
.kalendae .k-days span.k-range{background:0 0;border-color:#6dd4fe}
.kalendae .k-days span.k-range.k-in-month{background:#c4d4f1;border-color:#19aefe;color:#333}
.kalendae .k-days span.k-active.k-day-hover-active,.kalendae .k-days span.k-active:hover,.kalendae .k-week:hover span.k-active{border-color:#666}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.kalendae.ie8.k-floating{border:1px solid #ccc}
.kalendae.ie8 .k-btn-close{width:20px;height:20px;border:none;background:url(close.png) top left no-repeat}
.kalendae.ie8 .k-btn-close:after{display:none}
.kalendae.ie8 .k-btn-next-month,.kalendae.ie8 .k-btn-next-year,.kalendae.ie8 .k-btn-previous-month,.kalendae.ie8 .k-btn-previous-year{width:16px;height:16px;cursor:pointer;background:url(arrows.png) center left no-repeat #777;position:absolute;top:0}
.kalendae.ie8 .k-btn-next-month,.kalendae.ie8 .k-btn-next-year{background-position:center right}
.kalendae.ie8 .k-btn-next-month:hover,.kalendae.ie8 .k-btn-previous-month:hover{background-color:#7ea0e2}
.kalendae.ie8 .k-btn-next-year,.kalendae.ie8 .k-btn-previous-year{background-color:#333}
.kalendae.ie8 .k-btn-next-year:hover,.kalendae.ie8 .k-btn-previous-year:hover{background-color:#6fdf81}
.kalendae.ie8 .k-btn-next-month:after,.kalendae.ie8 .k-btn-next-year:after,.kalendae.ie8 .k-btn-previous-month:after,.kalendae.ie8 .k-btn-previous-year:after{display:none}
#k-clear-all{border:none;color:red;background:0 0}
#k-clear-all:hover{color:#00f;cursor:pointer}
.kalendae .k-calendar{zoom:1;display:inline;width:100%;vertical-align:top}
.kalendae .k-days,.kalendae .k-header,.kalendae .k-title{width:100%;display:block;overflow:hidden}
.kalendae .k-header span{text-align:center;font-weight:700;/*!* 这里的width要和.kalendae .k-days span 里面的相等 *!*/width:12.8%;padding:1px 0;color:#666}
.kalendae .k-days span{text-align:center;width:12.8%;height:4.5em;line-height:4.5em;padding:2px 3px 2px 2px;border:1px solid transparent;border-radius:3px;color:#999}