.calendar {
	display: inline;
	vertical-align: bottom;
	.display-info {
		display: inline;
		.calendar-icon {
			height: 32px;
			width: 32px;
		}
		.show-date, .calendar-icon {
			display: inline-block;
			vertical-align: middle;
			text-align: center;
		}
	}
	span.day, span.day-title {
		display: inline-block;
		text-align: center;
		width: 32px;
	}
	.calendarwidget {
		background: white;
		border: 1px solid #ccc;
		position: absolute;
		width: 230px;
		z-index: 1;
		.btnhover {
			background-color: #F1F1A0;
			cursor: pointer;
		}
		.calendar-head {
			border-bottom: 1px solid #ccc;
			text-align: center;
			.back {
				float: left;
			}
			.date {
				line-height: 2.428571;
			}
			.frwd {
				float: right;
			}
			.back:hover, .frwd:hover {
				.btnhover;
			}
		}
		.week-title {
			border-bottom: 1px solid #ccc;
		}
		.week {
			.day:active {
				background: #F5F58F !important;
			}
			.day:hover {
				.btnhover;
			}
		}
	}
}