@charset "utf-8";
.dateTimeWrap{
  position:absolute;
  left:0;
  top:0;
  z-index:999;
  font-size:14px;
  color:#666;
  width:240px;
  border:1px solid #999;
  padding:10px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -o-user-select:none;
  user-select:none;
  background:#fff;
  display:none;
}
.dateTimeWrap::before{
  content:'';
  display:inline-block;
  position:absolute;
  top:-24px;
  left:20px;
  width:25px;
  height:25px;
  background:transparent url(../images/calendar_corner.png) no-repeat top center;
  background-size:25px;
}
.dateTimeWrap .datePart li.curDay{
  border: 5px solid #fff;
  background-color:#00a3b1;
  color:#fff;
}
.dateTimeWrap #dayDat li:hover{
  border:5px solid #fff;
  background:#00a3b1;
  color:#fff
}
.dateTimeWrap #dateTime{
  display:inline-block;
}
.dateTimeWrap #dateTime select{
  font-size:inherit;
  font-weight:bold;
  color:#000;
  border:1px solid #999;
  border-radius:5px;
  outline:none;
}
#dateTime select{    
  appearance: none;  
  -moz-appearance: none;    
  -webkit-appearance: none;
  padding-right: 14px;
  background: #fff url("../images/calendar_arr_d.png") no-repeat scroll right 3.5px center;
  background-size:8.5px;
}
.dateTimeWrap #dateTime select::-ms-expand {    
  display: none;
}
.dateTimeWrap .dateTimeHead{
  position:relative;
  *overflow:hidden;
  padding:4px 0;
  background-color:#00a3b1;
  border-radius:5px;
  text-align:center;
}
.dateTimeWrap .datePart li{
  border:5px solid transparent;
  float:left;
  cursor:default;
  vertical-align:middle;
  width:24px;
  height:24px;
  text-align:center;
  line-height:24px;
  font-weight: bold;
}
.dateTimeWrap .datePart ul{
  overflow:hidden
}
.dateTimeWrap .changeMonth #pre,
.changeMonth #next{
  position:absolute;
  top:9px;
  display:inline-block;
  width:18px;
  height:18px;
  color:#333;
  background:#fff;
  text-align:center;
  line-height:20px;
  cursor:pointer;
  background-size:11px;
  background-repeat:no-repeat;
  background-color:transparent;
  background-position: center center;
}
.dateTimeWrap .changeMonth #pre{
  left:3px;
  background-image: url(../images/calendar_arr_l.png);
}
.dateTimeWrap .changeMonth #next{
  right:3px;
  background-image: url(../images/calendar_arr_r.png);
}
.dateTimeWrap .dateTimeFoot span,
.timeFooter span {
	cursor: pointer;
	display: inline-block;
	background: #fff;
	color: #333;
	height: 20px;
	line-height: 20px;
	width: 50px;
	text-align: center;
	margin-left: 6px;
	float: right
}
.dateTimeWrap .dateTimeFoot{
	overflow: hidden;
	margin-top: 10px;
	height: 20px
}
.dateTimeWrap .dateTimeFoot .selTime{
	float: left;
	margin-left: 0;
	display: none
}
.dateTimeWrap .selTime {
	width: 80px!important
}
.dateTimeWrap #yearSelect {
	width: 90px;
	margin-right: 6px;
	margin-left: 6px;
}
.dateTimeWrap #monthSelect {
	width: 65px;
}
.dateTimeWrap .darkgrey {
	color: #d0d0d0!important;
}