﻿/* 日期输入框
------------------------------ */
input.input_cxcalendar{
	width:170px;
	height:18px;
	padding:1px 5px;
	border:1px solid #555;
	background:url(img/cxcalendar.png) no-repeat right center;
	font:12px/18px Arial;
	cursor:pointer;
	}
/* 日期选择器
------------------------------ */
.cxcalendar{
	display:none;
	position:absolute;
	width:170px;
	font:12px Arial;
	border:1px solid #ccc;
	background:#fff;
	box-shadow:2px 2px 5px rgba(0,0,0,0.3);
	z-index:10000;
	}
.cxcalendar .date_hd{
	position:relative;
	height:22px;
	padding:8px 6px 12px 6px;
	background:#fff;
	}

.cxcalendar .date_pre,.cxcalendar .date_next{
	position:absolute;
	top:9px;
	width:9px;
	height:16px;
	padding:3px 4px;
	border:1px solid #fff;
	border-radius:2px;
	color:#333;font:0/0 Arial;
	text-decoration:none;
	outline:0;
	*top:7px;
	*height:14px;
	*font:bold 14px/14px Arial;
	}
.cxcalendar .date_pre{left:9px;}
.cxcalendar .date_next{right:9px;}
.cxcalendar .date_pre:before,
.cxcalendar .date_next:before{
	content:'';
	display:block;
	font:0/0 Arial;
	width:0;
	height:0;
	text-align:center;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	}
.cxcalendar .date_pre:before{border-right:9px solid #333;}
.cxcalendar .date_next:before{border-left:9px solid #333;}
.cxcalendar .date_pre:hover,.cxcalendar .date_next:hover{
	border:1px solid #999;
	background:#eee;
	}

.cxcalendar .date_txt{
	width:163px;
	margin:0 auto;
	border:1px solid #fff;
	border-radius:2px;
	color:#333;
	font:bold 14px/18px Arial;
	text-align:center;
	cursor:pointer;
	}
.cxcalendar .date_txt:hover{border:1px solid #999;background:#eee;}
.cxcalendar .date_txt .y{padding:0 6px 0 0;}
.cxcalendar .date_txt .m{padding:0 6px;}

.cxcalendar .date_set{display:none;width:160px;margin:0 auto;text-align:center;}
.cxcalendar .year_set,.cxcalendar .month_set{
	margin:0;
	padding:0;
	border:1px solid #999;
	border-radius:2px;
	background:#fff;
	font:12px/20px Arial;
	}

.cxcalendar table{
	position:relative;
	border-collapse:collapse;
	table-layout:fixed;
	empty-cells:show;
	text-align:center;
	z-index:1;
	}
.cxcalendar thead th,.cxcalendar tbody td{
	width:24px;
	height:22px;
	padding:0;
	border:4px solid #fff;
	font:12px/20px Arial;
	text-align:center;
	}
.cxcalendar thead th{color:#999;}
.cxcalendar tbody td{position:static;}
.cxcalendar tbody td.disabled{color:#999;}
.cxcalendar tbody .sat{color:#06f}
.cxcalendar tbody .sun{color:#e00;}
.cxcalendar tbody .now{background:#ddd;}
.cxcalendar tbody .num:hover{background:#aaa;color:#333;text-decoration:none;cursor:pointer;}
.cxcalendar tbody td.disabled:hover{background:none;color:#999;cursor:default;}
.cxcalendar table .selected{background:#090;color:#fff;}

.cxcalendar_lock{
	display:none;
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	z-index:9999;
	filter:alpha(opacity=0);
	opacity:0;
	}
