body {
 -moz-user-select:none;
} 
.cal_container{
	margin:0px auto;
	position:relative;
	width:750px;
	background: url(../image/calBg.png) repeat-y;
}
.cal_header{
	background: url(../image/header.png) no-repeat;
	width:750px;
	height:223px;
}
.cal_content{
	background: url(../image/calendarBg.png) no-repeat;
	width:750px;
	height:477px;
	
}
.cal_footer{

	background: url(../image/rl_footer.png) no-repeat;
	width:100%;
	height:9px;
}
/* For calendar body */
.cal_table{
	height: 395px;
  width: 638px;
  margin-left:56px;
	/*margin-left:3px;
	height:100%;*/
	border-right:1px solid #C2C2C2;
	border-bottom:1px solid #C2C2C2;
	border-left:1px solid #C2C2C2;
}
.cal_thead{
	height:36px;
/*	background: url(../BD_images/cal_header.png) repeat-y; line-height:32px;*/
	
	color:#5d584f;
	font-size:16px;
}
.cal_table th{
	text-align:center;
	border-right:1px #c2c2c2 solid;
}
.cal_table td{
	border-top:1px #c2c2c2 solid;
	border-left:1px #c2c2c2 solid;
	cursor:pointer;
}
.cal_month_body{
	height:100%;
	width:100%;
	font-size:22px;
	position:relative;
	background-color:#f9f9fa;
}
.cal_before .cal_month_body{
	color:#ccc;
	background-color:#fafafb;
}
.cal_before .cal_month_body{
	color:#ccc;
	background-color:#fafafb;
}
.cal_after .cal_month_body{
	color:#ccc;
	background-color:#fafafb;
}
 .cal_week {
	background-color:#f1f1f2;
}
.cal_after .cal_week {
	background-color:#f1f1f2;
}
.cal_now .cal_month_body{

	position:relative;
	
background:url(../image/grid_today.png) no-repeat 30px  bottom ;
}
#cal_table .cal_num_day{
	position:absolute;
	right:10px;
	bottom:20px;
}
#cal_table .workN{
	font-size:12px;
	position:absolute;
	width:37px;
	height:18px;
	top:0px;
	left:0px;
	text-align:center;
	line-height:18px;
	color:#fff;
	background-color:#a9a9a9;

}
#cal_table .rest{
	font-size:12px;
	position:absolute;
	width:37px;
	height:18px;
	top:0px;
	left:0px;
	text-align:center;
	line-height:18px;
	color:#fff;
	background-color:#6292c8;
}
.cal_lunar_day{
	position:absolute;
	right:10px;
	bottom:3px;
	font-size:14px;
	color:#808080;
}
.cal_after .cal_lunar_day{
	color:#ccc;
}
.cal_before .cal_lunar_day{
	color:#ccc;
}
 .cal_now  .cal_lunar_day{
	color:#808080;
 }
/* day Selector*/
.day_select{
	position:absolute;
	height:25px;
	width:614px;
	left:70px;
	top:188px;
	font-size:14px;
}
#day_select ul li{
	float:left;
	font-size:11px;
	color:white;
}
#day_select .prev_btn{
	width:32px;
	background:url(../image/prev_btn.png) no-repeat;
	height:23px;
	cursor:pointer;
	 margin-left: 3px;
   margin-top: -2px;

}
#day_select .cal_year{
	width:40px;	
	margin-left:10px;
	cursor:pointer;
	font-size:14px;

}
#day_select .sel_btn{
	width:18px;
	height:8px;
	margin-top:5px;
	margin-right:3px;
	background:url(../image/year_sel.png) no-repeat;
	_background:url(../image/year_sel.gif) no-repeat;
	cursor:pointer;
}
#day_select .cal_month{
	width:39px;
	text-align:center;
	cursor:pointer;
	height:18px;
	line-height:18px;
	font-size:14px;
}
#day_select .next_btn{
	width:31px;
	background:url(../image/next_btn.png) no-repeat;
	height:22px;
	cursor:pointer;

	    margin-left: 2px;
    margin-top: -1px;
}
#festival_sel_btn{
	width:31px;
	background:url(../image/festival_sel_btn.png) no-repeat;
	height:21px;
	cursor:pointer;
	position:absolute;
	top:4px;
	right:4px;
}

#cal_header .cal_today_btn{
	float:right;
	width:77px;
	height:33px;
	background:url(../image/cal_today_btn.png) no-repeat;
	margin:148px 65px 0 0;
	cursor:pointer;
}
#cal_header .lunar_Info{
	float:left;
	height:26px;
	margin: 148px 0 0 300px;
	display:inline;
	color:white;
	font-size:14px;
	line-height:23px;
}
#day_select .month_selected{
    color:#868382;
	background:url(../image/sel_month.png) no-repeat;
	_background:url(../image/sel_month.gif) no-repeat;
	font-weight:bold;
	width:40px;
	height:18px;
}



/************************hl¡ª¡ªdetail**********************************/
#detailDialog{
	position:absolute;
	z-index:10;
	
	
	/*background:url(../BD_images/detail_dialog.png) no-repeat;*/
	display:none;
	width:307px;
	cursor:pointer;
}
#detail_header{
	height:23px;
	width:307px;	
}
.detail_top_normal{
	background:url(../image/detail_top_normal.gif) no-repeat;
}
.detail_top_left{
	background:url(../image/detail_top_left.gif) no-repeat;
}
.detail_top_right{
	background:url(../image/detail_top_right.gif) no-repeat;
}
#leftContent{
	background:url(../image/detail_day_d.gif) repeat-y;
}
#detail_footer{
	height:23px;
	width:307px;
}
.detail_down_normal{
	background:url(../image/detail_down_normal.gif) no-repeat;
}
.detail_down_right{
	background:url(../image/detail_down_right.gif) no-repeat;
	background-position:1px 0px;
}
.detail_down_left{
	background:url(../image/detail_down_left.gif) no-repeat;
}
#detailDialog .hl_num_left{
	font-size:40px;
	margin:0px 0px 0px 8px;
	width:60px;
	text-align:center;
	font-weight:bold;
	color:#524f4d;
	display:inline;
	float:left;
}
#detailDialog .hl_dayInfo{
	font-size:14px;
	
	font-weight:bold;
	
	color:#616163;
}
#detailDialog .header_right{
	float:left;
	display:inline;
	margin-left:14px;
	margin-top:2px;
}
#detailDialog .hl_week{
	font-size:12px;
	width:100px;
	text-align:center;
	margin-left:12px;
	color:#878789;
}

#leftContent{
	width:100%;
}
#rightContent{
	background:url(../image/detail_jiyi.gif)  repeat-y;
	background-position:left bottom;
	width:100%;
	
}
#rightContent .hl_h_lunar{
	color:#828181;
	width:225px;
	margin-top:25px;
	text-align:center;
}
#leftContent .detail_lunar{
	color:#666565;
	font-size:12px;
	margin-top:5px;
}
#rightContent .hl_h_lunar_detail{
	color:#666;
	width:225px;
	margin-top:5px;
	font-size:12px;
	text-align:center;
}
#hl_yi{
	margin:0px;
}
#hl_ji{
	margin-top:2px;
}
#hl_yi .hl_yi{
	width:42px;
	height:21px;
	float:left;
	margin-left:20px;
	display:inline;
	margin-top:7px;
	background:url(../image/yi.png) no-repeat;
}
#hl_ji .hl_ji{
	width:42px;
	height:21px;
	float:left;
	margin-left:20px;
	display:inline;
	margin-top:5px;
	background:url(../image/ji.png) no-repeat;
	
}
#hl_yi_detail{
	float:left;
	width:210px;
	line-height:20px;
	display:inline;
	font-size:12px;
	color:#9a9a9a;
	margin-left:14px;
	margin-top:5px;
}
#hl_ji_detail{
	float:left;
	width:210px;
	display:inline;
	line-height:20px;
	font-size:12px;
	color:#9a9a9a;
	margin-left:14px;
	margin-top:5px;
}
#open_sel_div{
	position:absolute;
	height:212px;
	overflow-y:auto;
	overflow-x:hidden;
	width:62px;
	background:url(../image/open_sel_box.png) repeat-y;
	_background:url(../image/open_sel_box.gif) repeat-y;
	top:190px;
	left:108px;
	display:none;
}
#festival_sel_div{
	position:absolute;
	height:212px;
	overflow-y:auto;
	overflow-x:hidden;
	width:62px;
	background:url(../image/open_sel_box.png) repeat-y;
	_background:url(../image/open_sel_box.gif) repeat-y;
	top:154px;
	left:132px;
	display:none;
}
#festival_sel_body div{
	width:98%;
	color:#898484;
	padding-left:10px;
	font-size:12px;
	font-weight:bold;
	line-height:22px;
}
#festival_sel_body{
	height:180px;
	width:55px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-top:25px;
	font-size:10px;
	margin-left:4px;
	cursor:pointer;
}
#sel_body div{
	width:38px;
	text-align:center;
	color:#999;
	font-size:12px;
}
#sel_body{
	height:180px;
	width:55px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-top:25px;
	font-size:10px;
	margin-left:4px;
	cursor:pointer;
}
.year_bg{
	background-color:#ccc;
}
.grid_bg{
	background-color:#fffab0;
}
#festival_sel{
	background:url(../image/festival_sel.png) no-repeat;
	width:134px;
	height:29px;
	position:absolute;
	top:148px;
	left:70px;
}