@charset "utf-8";
/* CSS Document */
.cal_top_bar {
	background-color:#ececec;
	border:1px solid #dddddd;
	text-align:center;
	padding:5px;
}
.cal_top_bar li {
	display:inline-block;
	vertical-align:top;
}
.cal_top_bar li a {
	font-size:0;
	text-indent:-100000px;
	display:block;
	width:20px;
	height:20px;
    background: url(../images/default/can_arrw.gif) no-repeat 50% 0;
}
.cal_top_bar li.cal_prev {
	float:left;
}
.cal_top_bar li.cal_next {
	float:right;
}
.cal_top_bar li.cal_next a {
	background-position:50% -20px;
}
.cal_top_bar li select {
	padding:0 16px 0 0;
	font-weight:bold;
	border:none;
	background: url(../images/default/can_arrw.gif) no-repeat 100% -42px;
  -webkit-appearance:none;
  -moz-appearance:none;
  -o-appearance:none;
   appearance:none; 
}
.ie9 .cal_top_bar li select {
	background:none;
	padding:0;
}
.cal_top_bar li select option {
	font-weight:normal
}
.eventCalender, 
.calender{border-collapse:collapse;}
	.eventCalender td p{
		height:22px;
		line-height:22px;
		font-weight:bold;
	}
	.eventCalender td{vertical-align:top;}
	.eventCalender td.mid{padding:0 20px;}
/*.calender{ background:#eaf2dd;}*/
.calender{}
	.calender th,
	.calender td{
		height:25px;
		width:33px;
		font-size:12px;
		line-height:23px;
		/*font-weight:bold;
		padding:0 5px;*/
		text-align:center;
		background:#fff;
		color:#000;
		border:1px solid #b7b7b7;
	}
	
	.calender th{
		background:[header_top_bg];
		border:1px solid [header_top_bg];
		border-bottom-color:#fff;
		color:#fff;
		font-weight:bold;
		border-right:0;
	}
	.calender th.lastday{}
.calender td.sel-date {
	background:#ececec; 
	color:#000; 
	cursor:pointer;
 } 
.calender td.sunclass { /*background-color:#ffd0b0 !important;*/ color:#b91600 !important; }
.calender td.satclass { /*background-color:#ececec !important;color:#666 !important;*/  }
.calender td.altmonth { color:#666 !important;  }

.pagin {
    font-size:11px;
    float:right; 
    overflow:hidden;
    padding-bottom:5px;
}
.pagin li{
    float:left; 
    padding:0 7px 0 8px;
    background:url(../images/divider.gif) no-repeat 0 5px;
}
.pagin li.noBg{ background:none; }
.pagin li.noPad{ padding-right:0; }
@media screen and (min-width: 320px) and (max-width: 800px) {
	.eventCalender {
		min-width:600px;
	}
}