.bsc-datepicker {
	background: white;
	display: inline-block;
	border: 1px solid #CCC;
	padding: 0 10px;
	border-radius: 5px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.5);
	overflow-y: hidden;
	position: absolute;
	z-index: 10;
}

.bsc-datepicker.init {
	opacity: 0;
}

/* picker-group */
.bsc-datepicker .picker-group {
	border-top: 1px solid gray;
	padding: 15px 0 13px 0;
	margin-top: -2px;
}

.bsc-datepicker .picker-group.first-group {
	border-top: none;
	padding-top: 0;
}

.bsc-datepicker .picker-group.last-group {
	padding-bottom: 0;
}

	/* header */

.bsc-datepicker .picker-group .picker-header {
	text-align: center;
	margin-bottom: 5px;
}

.bsc-datepicker > .picker-group .picker-header button {
	padding: 6px 7px;
	line-height: 100%;
	vertical-align: top;
}

.bsc-datepicker > .picker-group .picker-header button.minus {
	float: left;
}

.bsc-datepicker > .picker-group .picker-header button.plus {
	float: right;
}

.bsc-datepicker > .picker-group .picker-header h4 {
	display: inline-block;
	margin: 0;
	padding: 5px 0 7px 0;
	cursor: pointer;
}

	/* body */
.bsc-datepicker > .picker-group .picker-body {
	width: 238px;
}

.bsc-datepicker > .picker-group .picker-body span {
	display: inline-block;
	padding: 5px 0;
	margin: 3px 2px 0 2px;
	float: left;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}

.bsc-datepicker > .picker-group .picker-selectable span:hover {
	background: #EEE;
}

.bsc-datepicker > .picker-group .picker-selectable span:active {
	background: #DDD;
}

.bsc-datepicker > .picker-group .picker-selectable span.active {
	color: white;
	background: #3276b1;
}

.bsc-datepicker > .picker-group .picker-selectable span.inactive:hover {
	background: transparent;
	cursor: default;
}

.bsc-datepicker > .picker-group .picker-selectable span.disabled {
	color: #DDD;
	cursor: default;
}

.bsc-datepicker > .picker-group .picker-selectable span.disabled:hover {
	color: #DDD;
	background: #FFF;
}

.bsc-datepicker > .picker-group .picker-selectable span.disabled.active {
	color: #FFF;
	background: #DDD;
}

/* yearpicker */
.bsc-datepicker > .yearpicker .picker-body span {
	width: 43px;
}

.bsc-datepicker > .yearpicker .picker-header h4 {
	cursor: default;
}

/* monthpicker */
.bsc-datepicker > .monthpicker .picker-body span {
	width: 55px;
}

/* datepicker */
.bsc-datepicker > .datepicker .picker-body span {
	width: 30px;
}

/* timepicker */
.bsc-datepicker > .timepicker {
	width: 238px;
}

.bsc-datepicker > .timepicker .timepicker-group {
	width: 60px;
	float: left;
}

.bsc-datepicker > .timepicker .timepicker-group input {
	font-size: 40px;
	height: 65px;
	text-align: center;
	padding: 0;
	margin: 0 0 10px 0;
	border-radius: 5px;
	display: block;
}

.bsc-datepicker > .timepicker .timepicker-group button {
	padding: 6px 6px;
	line-height: 100%;
	vertical-align: top;
}

.bsc-datepicker > .timepicker .timepicker-group button.time-plus {
	float: right;
}

.bsc-datepicker > .timepicker .timepicker-spliter {
	float: left;
	font-size: 45px;
	font-weight: bolder;
	display: inline-block;
	width: 29px;
	text-align: center;
}