/* 
 * 我的日历zhudate
 * BLOG: http://blog.csdn.net/zhumg123
 * MAIL: zhumg123@163.com
 * 	QQ : 312710310
 */
/*
蓝色
头,点击:#BDEBEE 
选择:#C0EBEF

蓝色
点击,选择:#19a97b
头,选择:#AED8B3

*/ 
.zhuDateInput{
	border:#999 1px solid;
	height:24px;
	width:120px;
	background:url(datePicker.gif) no-repeat right;
	cursor:pointer;
}
/*自己私有的div*/
.zhuDateDiv {
	width:170px;
	border:1px #CCC solid;
	position:absolute;
	position:fixed;
	top:10px;
	left:220px;
	background-color:#FFF;
	z-index:20170101;
}
.zhuDateDiv{
	font-size: 12px;
	font-family:Verdana, Geneva, sans-serif;
}
.zhuDateDiv input {
	border: 0px;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
	font-family:Verdana, Geneva, sans-serif;
}
/*top层*/
.zhuDateDiv .zhuDateTop {
	height:30px;
	margin:2px;
	line-height:30px;
}
.zhuDateDiv .topLeft {
	width:40px;
	height:30px;
	float:left;
}
.zhuDateDiv .topArrowLeft {
	border: 4px solid transparent;
	border-right: 6px solid #000;
	width: 0;
	height: 0px;
	display:inline-block;
}
.zhuDateDiv .topArrowRight {
	border: 4px solid transparent;
	border-left: 6px solid #000;
	width: 0;
	height: 0px;
	display:inline-block;
}
.zhuDateDiv .linediv {
	display:inline-block;
	cursor:pointer;
	margin:0px;
	padding:0px;
	border:0px;
}
.zhuDateDiv .leftYear {
	position:relative;
	left:2px;
}
.zhuDateDiv .leftYear1 {
	position:relative;
	left:-12px;left:-8px;
}
.zhuDateDiv .leftMonth {
	position:relative;
	left:-5px;
	cursor:pointer;
}
.zhuDateDiv .rightYear {
	position:relative;
	left:18px;
}
.zhuDateDiv .rightYear1 {
	position:relative;
	left:5px;left:8px;
}
.zhuDateDiv .rightMonth {
	position:relative;
	left:15px;
	cursor:pointer;
}
.zhuDateDiv .topCenter {
	margin:0 0px;
	height:30px;
}
.zhuDateDiv .inputMonth {
	height:24px;
	width:50px;width:36px;
	border: 0px;
	/*padding-left: 4px;
	margin-left:2px;*/
	text-align: center;
	cursor: pointer;
}
.zhuDateDiv .inputYear {
	height:24px;
	width:60px;width:50px;
	border: 0px;
	/*padding-left: 10px;*/
	text-align: center;
	cursor: pointer;
}
.zhuDateDiv .inputYear1 {
	height:24px;
	width:80px;
	border: 0px;
	/*padding-left: 10px;*/
	text-align: center;
	cursor: pointer;
}
.zhuDateDiv .topRight {
	width:40px;
	float:right;
	height:30px;
}
/**border:1px solid #0CF; 年弹出层*/
.zhuDateDiv .yearDiv {
	width:100px;
	background-color:#fff;
	border:1px solid #CCC;
	/*position:absolute;*/
	position:absolute;
	top:32px;top:26px;
	left:55px;left:39px;
	font-size:10px;
	display:none;
}
.zhuDateDiv .yearCenterDiv {
	position:absolute;
	top:26px;
	left:34px;
}
.zhuDateDiv .yearDivUl {
	height:130px;
}
.zhuDateDiv .yearUl {
	text-align:center;
	list-style-type:none;
	padding:0px;
	border:0px;
	margin:0px;
	width:100px;
 overflow::hidden;
}
.zhuDateDiv .yearUl li {
	width:50px;
	height:26px;
	float:left;
	cursor:pointer;
}
.zhuDateDiv .yearliclick,.zhuDateDiv .monthliclick{
	background-color:#AED8B3;
}
/*年不能选中*/
.zhuDateDiv .yearUl .liOver,.zhuDateDiv .monthUl .liOver{
	color:#CCC;
	cursor:text;
}
.zhuDateDiv .yearUl li:hover {
	background-color:#AED8B3;
}
.zhuDateDiv .yearfoot,.zhuDateDiv .monthfoot{
	margin:0px;
	padding:0px;
	border:0px;
	background-color:#AED8B3;
	text-align:center;
	height:26px;
}
.zhuDateDiv .yearfoot a {
	padding-left:8px;
	padding-right:8px;
	cursor:pointer;
}
.zhuDateDiv .yearfoot a:hover {
	color:blue;
}
/*月弹出层*/
.zhuDateDiv #monthDiv {
	width:100px;
	position:absolute;
	top:26px;
	left:100px;left:39px;
	background-color:#FFFFFF;
	border:1px solid #CCC;
	font-size:10px;
	display:none;
}
.zhuDateDiv .monthDivUl {
	height:130px;
}
.zhuDateDiv .monthUl {
	text-align:center;
	list-style-type:none;
	padding:0px;
	border:0px;
	margin:0px;
	width:100px;
 	overflowhidden;
}
.zhuDateDiv #monthDiv li {
	width:50px;
	height:21px;line-height:21px;
	float:left;
}
.zhuDateDiv .monthfoota {
	padding-top:5px;
	padding-bottom:9px;
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
}
.zhuDateDiv .monthfoot a:hover {
	color:Blue;
}
.zhuDateDiv .monthUl li:hover {
	background-color:#AED8B3;
}
/*中间层*/
.zhuDateDiv .zhuDateCenter {
}
.zhuDateDiv .dateTable {
	border:#c5d9e8 1px solid;
	z-index:1;font-size:12px;
}
.zhuDateDiv .dateTable td {
	text-align:center;
	height:25px;
}
/*中间层*/
.zhuDateDiv .dateTrCenter td {
	cursor:pointer;
}
.zhuDateDiv .dateTrCenter td:hover {
	background-color:#AED8B3;
}
.zhuDateDiv .dateTrTop {
	background:#AED8B3;
}
/*今天*/
.zhuDateDiv .dateTodayTd {
	cursor: pointer;
	background-color:#AED8B3;
}
/*正常*/
.zhuDateDiv .datedayTd {
	color:#000000;
}
/*正常天过期*/
.zhuDateDiv .dateTrCenter .dateDayTdOver{
	cursor: text;
	color: #ccc;
}
/*星期天*/
.zhuDateDiv .dateWeekTd {
	cursor: pointer;
	color: red;
}
/*星期天过期*/
.zhuDateDiv .dateWeekTdOver{
	cursor: text;
	color: #FFD9D9;
}
/*底部层*/
.zhuDateDiv .zhuDateBottom {
	margin:0px;
	padding:3px;
	border:0px;
}
.zhuDateDiv .zhuDateBottomTime {
	margin:0px;
	padding:0px;
	list-style:none;
	border:1px solid #CCC;
	height:22px;
	width:128px;width:75px;
	float: left;
	display:none;
}
.zhuDateDiv .zhuDateBottomTime li {
	float: left;
	text-align:center;
	background:#FFF;
}
.zhuDateDiv .zhuDateBottomTime input {
	width:20px;
}
.zhuDateDiv .zhuDateBottomWenzi {
	border-right:1px solid #CCC;
	padding-right:2px;
}
.zhuDateDiv .zhuDateBottomButton {
	float:right;
	border-right: 1px solid #ccc;
}
.zhuDateDiv .zhuDateBottomButton a {
	border: 1px solid #ccc;
	border-right: none;
	text-decoration: none;
	cursor:pointer;
	line-height:22px;
	padding:2px 1px;
}
.zhuDateDiv .zhuDateBottomButton a:hover {
	background-color:#C0EBEF;
}
/*时 分 秒 弹框*/
.zhuDateDiv .hourInputDiv {
	position:absolute;
	top:61px;
	left:1px;
	width:130px;
	height:125px;
	background-color:#FFFFFF;
	border:1px solid #CCC;
	display:none;
}
.zhuDateDiv .hourDivTop{
	background-color:#AED8B3;
	text-align:center;
}
/*X号居右*/
.zhuDateDiv .hourDivTop a{
	position:absolute;
	top:0px;
	right:0px;
	cursor:pointer;
}

.zhuDateDiv .hourDivTop a:hover,.zhuDateDiv .hourDivCenter span:hover{
	color:#FFFFFF;
	background-color:#AED8B3;
}

.zhuDateDiv .hourDivCenter span {
	display:block;
	float:left;
	width:24px;
	height:19px;
	line-height:19px;
	text-align:center;
	cursor:pointer;
	margin-bottom:1px;
}
.zhuDateDiv .spanClick{
	color:#19a97b;
}
/*过期的时间*/
.zhuDateDiv .spanOver{
	color:#ccc;
}
/*分钟*/
.zhuDateDiv .minutesInputDiv,.zhuDateDiv .secondsInputDiv{
	position:absolute;
	top:35px;
	left:1px;
	width:245px;
	height:150px;
	background-color:#FFFFFF;
	border:1px solid #CCC;
	display:none;
}
/*月度弹出层*/
.zhuDateDiv .otherMonthDiv{
	width:170px;
	height:90px;
}
.zhuDateDiv .otherMonthDiv span {
	display:block;
	float:left;
	width:42px;
	height:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	margin-bottom:1px;
}
.zhuDateDiv .otherMonthDiv .spanMonthClick{
	color:#FFFFFF;
	background-color:#AED8B3;
}
/*过期的时间*/
.zhuDateDiv .otherMonthDiv .spanOverdue{
	color:#CCC;
	/*background-color:#CCC;*/
	cursor:text;
}
.zhuDateDiv .otherMonthDiv span:hover{
	color:#FFFFFF;
	background-color:#AED8B3;
}
/*季度的宽度*/
.zhuDateDiv .otherquarterDiv{
	width:250px;
	height:30px;
}