/** Base container **/
.kalendae {
	display: inline-block;zoom:1;*display:inline;
	background:#fff;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size:10px;
	font-family:'Arial', 'Helvetica';
	cursor:default;
	position:relative;
	padding: 3px;
}

/** Popup Container for Kalendae.Input **/
.kalendae.k-floating {
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	margin:0;
	border: 3px solid #71c2e4;
}

/** Kalendae.Input's popup close button **/
.kalendae .k-btn-close {
	display: none;
}
/** Month Container **/
.kalendae .k-calendar {display: inline-block;zoom:1;*display:inline;width:193px;vertical-align:top;margin-bottom:0px;}

/** Month Separator **/


/** Month Title Row **/
.kalendae .k-title {display: block; padding-top: 3px; text-align:center;white-space:nowrap;position:relative;height:21px;background: #eeefee;margin-bottom: 8px; border-radius: 2px;}
.kalendae .k-caption {font-size:12px;line-height:18px;}
.kalendae .k-header {margin-bottom: 8px;}


/** Month and Year Buttons **/
.kalendae .k-btn-previous-month,
.kalendae .k-btn-next-month,
.kalendae .k-btn-previous-year,
.kalendae .k-btn-next-year {width:13px;height:13px;cursor:pointer;position:absolute;top:5px;color:#FFF;background: #3b9bc3; border: none; border-radius: 6px; font-size: 16px; font-weight: bold;line-height:11px;padding: 0px; padding-top:0px;}

.kalendae .k-btn-previous-year {left: 7px;}
.kalendae .k-btn-previous-month {left:25px;}
.kalendae .k-btn-next-month {right:25px;}
.kalendae .k-btn-next-year {right: 7px;}

.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-previous-month:hover,
.kalendae .k-btn-next-month:hover {color:#7EA0E2;}

/** Remove extra buttons when calendar shows multiple months **/
.kalendae .k-first-month .k-btn-next-month,
.kalendae .k-middle-month .k-btn-next-month,
.kalendae .k-middle-month .k-btn-previous-month,
.kalendae .k-last-month .k-btn-previous-month,
.kalendae .k-first-month .k-btn-next-year,
.kalendae .k-middle-month .k-btn-next-year,
.kalendae .k-middle-month .k-btn-previous-year,
.kalendae .k-last-month .k-btn-previous-year {display:none;}

/** Force specific width for month container contents **/
.kalendae .k-title,
.kalendae .k-header,
.kalendae .k-days {
	width:100%;
	display:inline-block;
	overflow:hidden;
}


/** Hide unusable buttons **/
.kalendae.k-disable-next-month-btn .k-btn-next-month,
.kalendae.k-disable-previous-month-btn .k-btn-previous-month,
.kalendae.k-disable-next-year-btn .k-btn-next-year,
.kalendae.k-disable-previous-year-btn .k-btn-previous-year {
	display:none;
}


/** Week columns and day cells **/
.kalendae .k-header span,
.kalendae .k-days span {
	display: inline-block;
}

.kalendae .k-header span {
	text-align:center;
	font-weight:bold;
	width: 25px;
	padding: 0px;
	margin-right: 3px;
	color:#666;
}

.kalendae .k-header span:last-of-type {
	margin-right: 0px;
}

.kalendae .k-days span {
	text-align:right;
	width:22px;
	padding: 2px 3px 1px 0px;
	line-height: 12px;
	margin-right: 3px;
	color:#999;
	background: #fff;
	visibility: hidden;
	border-bottom: 1px solid #d3d3d3;
	margin-bottom: 3px;

}

.kalendae .k-days span:nth-of-type(7n) {
	margin-right: 0px;
}
/** Today **/


/** Selectable but not selected day  **/
.kalendae .k-days span.k-active {
	border-color:#ddd;
	background-color:#eeefee;
	cursor:pointer;
	color: #0aa1e1;
	visibility: visible;
}

/** Selected day, when outside the selectable area **/



/** Days between the start and end points on a range, outside of the selectable area **/
.kalendae .k-days span.k-range {
	background:none;
	border-color:#6DD4FE;
}

/** Days between the start and end points on a range, inside of the selectable area **/
.kalendae .k-days span.k-range.k-active {
	background:#C4D4F1;
	border-color:#19AEFE;
	color:#333;
}

/** Selectable day, hovered **/
.kalendae .k-days span.k-active:hover {
	background: #5ab2d7;
	border-bottom: 1px solid #40a0c8;
	color: #FFF;
}

/** Days outside of the month view (before the first day of the month, after the last day of the month) **/
.kalendae .k-days span.k-out-of-month {color:#ddd;}

/** Selected day, when inside the selectable area **/


.kalendae .k-days span.k-selected.k-active {
	background: #c95788;
	border-bottom: 1px solid #bf3872;
	color: #FFF;
}
.kalendae .k-days span.k-selected.k-active:hover{
	background: #eeefee;
	color: #c95788;
	border-bottom: 1px solid #ddd;
}

/*UPCOMING CALENDAR */

.kalendae.upcoming.k-floating {
	border-color: #62BA8C;
}

.kalendae.upcoming .k-btn-previous-month,
.kalendae.upcoming .k-btn-next-month,
.kalendae.upcoming .k-btn-previous-year,
.kalendae.upcoming .k-btn-next-year {
	background-color: #62BA8C;
}

.kalendae.upcoming .k-days span.k-active {
	color: #62BA8C;
}

.kalendae .k-days span.k-selected.k-active {
	color: #FFF;
}

.kalendae.upcoming .k-days span.k-active:hover {
	background: #62BA8C;
	color: #FFF;
}

.kalendae.upcoming .k-days span.k-active.k-selected:hover {
	background: #eeefee;
	color: #c95788;
}

/* OVERDUE CALENDAR */

.kalendae.overdue.k-floating {
	border-color: #C95788;
}

.kalendae.overdue .k-btn-previous-month,
.kalendae.overdue .k-btn-next-month,
.kalendae.overdue .k-btn-previous-year,
.kalendae.overdue .k-btn-next-year {
	background-color: #C95788;
}

.kalendae.overdue .k-days span.k-active {
	color: #C95788;
}

.kalendae .k-days span.k-selected.k-active {
	color: #FFF;
}

.kalendae.overdue .k-days span.k-active:hover {
	background: #5AB2D7;
	color: #FFF;
}

.kalendae.overdue .k-days span.k-active.k-selected:hover {
	background: #eeefee;
	color: #c95788;
}