.kalendae { display: inline-block;zoom:1;*display:inline; background:#eee; padding:10px; margin:5px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size:11px; font-family:'Helvetica Neue', 'Helvetica'; cursor:default; position:relative; } .kalendae.k-floating { position:absolute; top:0; left:0; z-index:100000; margin:0; box-shadow:0 1px 3px rgba(0,0,0,0.75); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.75); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.75); } .kalendae .k-calendar {display: inline-block;zoom:1;*display:inline;width:155px;vertical-align:top;} .kalendae .k-separator {display: inline-block;zoom:1;*display:inline;width:2px;vertical-align:top;background:#ddd;height:155px;margin:0px 10px;} .kalendae .k-title {text-align:center;} .kalendae .k-caption {font-size:12px;line-height:17px;} .kalendae .k-previous, .kalendae .k-next {width:16px;height:16px;cursor:pointer;background:#666 url('arrows.png') no-repeat top left;} .kalendae .k-previous {float:left;} .kalendae .k-next {float:right;background-position:top right} .kalendae .k-previous:hover, .kalendae .k-next:hover {background-color:#7EA0E2;} .kalendae .k-first-month .k-next, .kalendae .k-middle-month .k-next, .kalendae .k-middle-month .k-previous, .kalendae .k-last-month .k-previous {display:none;} .kalendae .k-title, .kalendae .k-header, .kalendae .k-days { width:154px; display:block; overflow:hidden; } .kalendae .k-header span, .kalendae .k-days span { float:left; margin:1px 1px; /* outline:1px solid red;*/ } .kalendae .k-header span { text-align:center; font-weight:bold; width:20px; padding:1px 0; color:#666; } .kalendae .k-days span { text-align:right; width:13px; height:1.1em; padding:2px 3px 2px 2px; border:1px solid transparent; border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#999; } .kalendae .k-today { text-decoration:underline; } .kalendae .k-days span.k-selected { border-color:#1072A5; color:#1072A5; } .kalendae .k-days span.k-selected.k-active { background:#7EA0E2; color:white; } .kalendae .k-days span.k-range.k-active { background:#C4D4F1; border-color:#19AEFE; color:#333; } .kalendae .k-days span.k-range { background:none; border-color:#6DD4FE; /* color:#333;*/ } .kalendae span.k-active { border-color:#ddd; background-color:#fff; cursor:pointer; color:#333; } .kalendae span.k-active:hover { border-color:#666; } .kalendae span.k-out-of-month {color:#ddd;}