.datepicker {
	position: absolute;
	border: 2px solid #797877;
	font-size: 10px;
	width: 172px;
	padding: 3px;
	height: 185px;
	background: #fff;
	line-height: normal;
	z-index: 2000;
}

/* header
********************************************************/
.datepicker .header {
	position: relative;
	background: #797877;
	height: 21px;
	padding-top: 4px;
	margin-bottom: 3px;
}

.datepicker .header .title {
	text-align: center;
	padding-top: 1px;
	margin: 0px 42px 0 20px;
}

.datepicker .header .titleText {
	color: #fff;
	font-weight: bold;
}
.datepicker .header .next,
.datepicker .header .previous,
.datepicker .header .closeButton {
	position: absolute;
	width: 15px;
	height: 15px;
	background: #fff;
	text-align: center;
	color: #3D3C3C;
	top: 5px;
	cursor: pointer;
}
.datepicker .header .previous {
	left: 5px;
}
.datepicker .header .next {
	right: 28px;
}
.datepicker .header .closeButton {
	right: 5px;
}

/* body
********************************************************/
.datepicker .body {
	position: relative;
	top: 0px;
	left: 0px;
	width: 172px;
	border-right: 2px solid #fff;
	height: 159px;
	overflow: hidden;
}

/* time
********************************************************/
.datepicker .time {
	width: 100%;
	height: 100%;
	background: #eee;
}

.datepicker .time .hour,
.datepicker .time .separator,
.datepicker .time .minutes {
	background: #fff;
	width: 50px;
	font-size: 28px;
	position: absolute;
	top: 35px;
	text-align: center;
	padding: 12px 2px;
	height: 20px;
}

.datepicker .time .hour {
	left: 18px;
}
.datepicker .time .separator {
	background: transparent;
	border: 0px;
	width: 10px;
	left: 79px;
}

.datepicker .time .minutes {
	left: 97px;
}
.datepicker .time .ok {
	position: absolute;
	top: 95px;
	width: 136px;
	left: 18px;
	font-size: 16px;
	padding: 7px 0px;
	background: #5A5A5A;
	color: #FFFFFF;
	border: none;
	cursor: pointer;
}

/* days-grid
********************************************************/
.datepicker .days .day {
	float: left;
	background: #ccc;
	cursor: pointer;
	text-align: center;
	padding-top: 4px;
	width: 22px;
	overflow: hidden;
	height: 16px;
	margin: 0 3px 3px 0;
	
}

.datepicker .days .day0 {
	margin-right: 0;
}

.datepicker .days .week5 .day {
	margin-bottom: 0;
}

/* days-colors
********************************************************/
.datepicker .days .title {
	font-weight: bold;
	color: #3d3c3c;
	background: #FFFFFF;
	cursor: default;
}

.datepicker .days .otherMonth {
	background: #eee;
	color: #aaa;
}

/* months
********************************************************/
.datepicker .months .month {
	float: left;
	background: #eee;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
	width: 62px;
	height: 31px;
	padding-top: 15px;
	margin: 0 3px 3px 0;
}

.datepicker .months .month3,
.datepicker .months .month6,
.datepicker .months .month9,
.datepicker .months .month12 {
	margin-right: 0;
	width: 64px;
}

.datepicker .months .month10,
.datepicker .months .month11,
.datepicker .months .month12 {
	margin-bottom: 0;
}

/* years
********************************************************/
.datepicker .years .year {
	float: left;
	background: #eee;
	cursor: pointer;
	text-align: center;
	padding-top: 11px;
	width: 46px;
	overflow: hidden;
	height: 25px;
	margin: 0 3px 3px 0;
}

.datepicker .years .year3,
.datepicker .years .year7,
.datepicker .years .year11,
.datepicker .years .year15,
.datepicker .years .year19 {
	margin-right: 0;
	width: 47px;
}

.datepicker .years .year16,
.datepicker .years .year17,
.datepicker .years .year18,
.datepicker .years .year19 {
	margin-bottom: 0;
	height: 26px;
}

/* global
********************************************************/
.datepicker .selected {
	background: #5a5a5a !important;
	color: #FFF !important;
}



.datepicker .days .week .day:hover,
.datepicker .months .month:hover,
.datepicker .years .year:hover {
	background: #5a5a5a !important;
	color: #FFF !important;
}

.datepicker .unavailable,
.datepicker .days .week .day.unavailable:hover {
	background: #e9e9e9 !important;
	color: #FFF !important;
	cursor: default !important;
}