.JsDatePickBox {
	position: relative;
	max-height: 12px;
	font-family: Arial;
}

.JsDatePickBox .jsDatePickCloseButton {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: 1px;
	right: 10px;
	width: 33px;
	height: 13px;
	background: url(img/closeButton_normal.gif) left top no-repeat;
}

.JsDatePickBox .title {
  position: relative;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 13px;
	font-size: 30px;
	color: #666;
	font-weight: normal;
}

.JsDatePickBox .time_bottom {
  position: absolute;
	top: 240px;
	left: 0px;
	width: 300px;
	height: 130px;
	font-size: 100px;
	color: #666;
	text-align: center
}

.JsDatePickBox .jsDatePickCloseButtonOver {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: 1px;
	right: 10px;
	width: 33px;
	height: 13px;
	background: url(img/closeButton_over.gif) left top no-repeat;
}

.JsDatePickBox .jsDatePickCloseButtonDown {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	top: 1px;
	right: 10px;
	width: 33px;
	height: 13px;
	background: url(img/closeButton_down.gif) left top no-repeat;
}

.JsDatePickBox .boxLeftWall {
	float: left;
	width: 7px;
	margin: 0;
	padding: 0;
}

.JsDatePickBox .boxLeftWall .leftTopCorner {
	margin: 0;
	padding: 0;
	width: 7px;
	height: 8px;
	background: url(img/boxTopLeftCorner.png) left top no-repeat;
	
}

.JsDatePickBox .boxLeftWall .leftBottomCorner {
	margin: 0;
	padding: 0;
	width: 7px;
	height: 8px;
	background: url(img/boxBottomLeftCorner.png) left top no-repeat;
	
}

.JsDatePickBox .boxLeftWall .leftWall {
	margin: 0;
	padding: 0;
	width: 7px;
	background: url(img/boxSideWallPx.gif) #fff left top repeat-y;
	
}

.JsDatePickBox .boxRightWall {
	float: left;
	width: 7px;
	margin: 0;
	padding: 0;
}

.JsDatePickBox .boxRightWall .rightTopCorner {
	margin: 0;
	padding: 0;
	width: 7px;
	height: 8px;
	background: url(img/boxTopRightCorner.png) left top no-repeat;
	
}

.JsDatePickBox .boxRightWall .rightBottomCorner {
	margin: 0;
	padding: 0;
	width: 7px;
	height: 8px;
	background: url(img/boxBottomRightCorner.png) left top no-repeat;
	
}

.JsDatePickBox .boxRightWall .rightWall {
	margin: 0;
	padding: 0;
	width: 7px;
	background: url(img/boxSideWallPx.gif) #fff right top repeat-y;
	
}

.JsDatePickBox .topWall {
	position: absolute;
	
	top: 0;
	left: 7px;
	width: 198px;
	height: 4px;
	background: url(img/boxTopPx.gif) #fff left top repeat-x;
}

.JsDatePickBox .bottomWall {
	position: absolute;
	
	bottom: -1px;
	left: 7px;
	width: 198px;
	height: 4px;
	background: url(img/boxTopPx.gif) #fff left top repeat-x;
}

.JsDatePickBox .hiddenBoxLeftWall {
	float: left;
	width: 0;
	
	
}

.JsDatePickBox .hiddenBoxRightWall {
	float: left;
	width: 0;
	
	
}

.JsDatePickBox .boxMain {
	float: left;
	background-color: #fff;
	margin: 0;
	padding: 15px 0 5px 0;
}

.JsDatePickBox .boxMainStripped {
	background: #fff;
	border: none;
}

.JsDatePickBox .tooltip {
	height: 12px;
	line-height: 11px;
	
	font-size: 10px;
	color: #666;
	text-align: left;
	padding: 0;
	margin: 2px 0 2px 0;
}

.JsDatePickBox .weekDaysRow {
	height: 12px;
	
	line-height: 11px;
	font-size: 14px;
	color: #666;
	text-align: center;
	padding: 0;
	margin: 2px 0 0 0;
}

.JsDatePickBox .weekDaysRow .weekDay {
	float: left;
	height: 14px;
	
	width: 40px;
	margin: 0 5px 0 0;
	padding: 0;
	margin-top: 10px;
}

.JsDatePickBox .boxMainInner {
	/*background: #fff;*/
	width: 310px;
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
}

.JsDatePickBox .boxMainCellsContainer {
	background-color: #fff;
	margin: 0;
	padding: 0;
}

.JsDatePickBox .boxMainInner .controlsBar {
	
	height: 20px;
	position: absolute;
	visibility: hidden;
}

.JsDatePickBox .boxMainInner .controlsBarText {
	
	height: 20px;
	line-height: 20px;
	color: #000;
	font-size: 12px;
	text-align: center;
}

.JsDatePickBox .boxMainInner .monthForwardButton {
	
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 22px;
	background: url(img/monthForward_normal.gif) left top no-repeat;
	visibility: hidden;
}

.JsDatePickBox .boxMainInner .monthForwardButtonOver {
	
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 22px;
	background: url(img/monthForward_over.gif) left top no-repeat;
	visibility: hidden;
}

.JsDatePickBox .boxMainInner .monthForwardButtonDown {
	
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 22px;
	background: url(img/monthForward_down.gif) left top no-repeat;
}

.JsDatePickBox .boxMainInner .monthBackwardButton {
	
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 22px;
	background: url(img/monthBackward_normal.gif) left top no-repeat;
}

.JsDatePickBox .boxMainInner .monthBackwardButtonOver {
	
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 22px;
	background: url(img/monthBackward_over.gif) left top no-repeat;
}

.JsDatePickBox .boxMainInner .monthBackwardButtonDown {
	
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 22px;
	background: url(img/monthBackward_down.gif) left top no-repeat;
}

.JsDatePickBox .boxMainInner .yearForwardButton {
	
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(img/yearForward_normal.gif) left top no-repeat;
}

.JsDatePickBox .boxMainInner .yearForwardButtonOver {
	
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(img/yearForward_over.gif) left top no-repeat;
}

.JsDatePickBox .boxMainInner .yearForwardButtonDown {
	
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(img/yearForward_down.gif) left top no-repeat;
}

.JsDatePickBox .boxMainInner .yearBackwardButton {
	
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(img/yearBackward_normal.gif) left top no-repeat;
}

.JsDatePickBox .boxMainInner .yearBackwardButtonOver {
	
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(img/yearBackward_over.gif) left top no-repeat;
}

.JsDatePickBox .boxMainInner .yearBackwardButtonDown {
	
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(img/yearBackward_down.gif) left top no-repeat;
}

.JsDatePickBox .boxMainInner .skipDay {
	cursor: default;
	
	width: 40px;
	height: 25px;
	float: left;
	margin: 4px 5px 0 0;
	padding: 0;
}

















.JsDatePickBox .boxMainInner .dayNormal {
	-khtml-user-select: none;
	font-size: 18px;
	cursor: pointer;
	
	color: #4c4c4c;
	width: 40px;
	height: 25px;
	float: left;
	margin: 4px 5px 0 0;
	padding: 0;
	text-align: center;
	line-height: 25px;
}

.JsDatePickBox .boxMainInner .dayNormalToday {
	-khtml-user-select: none;
	font-size: 18px;
	cursor: pointer;
	
	color: #25aae2; /*f40f0f*/
	font-weight: bold;
	width: 40px;
	height: 25px;
	float: left;
	margin: 4px 5px 0 0;
	padding: 0;
	text-align: center;
	line-height: 25px;
}

.JsDatePickBox .boxMainInner .dayDisabled {
	-khtml-user-select: none;
	cursor: default;
	font-size: 12px;
	
	color: #999;
	width: 40px;
	height: 25px;
	float: left;
	margin: 4px 5px 0 0;
	padding: 0;
	text-align: center;
	line-height: 25px;
}

.JsDatePickBox .boxMainInner .dayOver {
	-khtml-user-select: none;
	cursor: pointer;
	font-size: 12px;
	
	color: #4c4c4c;
	width: 40px;
	height: 25px;
	float: left;
	margin: 4px 5px 0 0;
	padding: 0;
	text-align: center;
	line-height: 25px;
}

.JsDatePickBox .boxMainInner .dayOverToday {
	-khtml-user-select: none;
	cursor: pointer;
	font-size: 12px;
	
	font-weight: bold;
	color: #25aae2;
	width: 40px;
	height: 25px;
	float: left;
	margin: 4px 5px 0 0;
	padding: 0;
	text-align: center;
	line-height: 25px;
}

.JsDatePickBox .boxMainInner .dayDown {
	-khtml-user-select: none;
	cursor: pointer;
	font-size: 12px;
	
	color: #F9F9F9;
	width: 40px;
	height: 25px;
	float: left;
	margin: 4px 5px 0 0;
	padding: 0;
	text-align: center;
	line-height: 25px;
}

.JsDatePickBox .boxMainInner .dayDownToday {
	-khtml-user-select: none;
	cursor: pointer;
	font-size: 12px;
	
	color: #25aae2;
	font-weight: bold;
	width: 40px;
	height: 25px;
	float: left;
	margin: 4px 5px 0 0;
	padding: 0;
	text-align: center;
	line-height: 25px;
}