.mod-panel {
    width: 100%;
    max-width: 740px;
    /* min-width: 580px; */
    margin: 0 auto 30px;
    _width: 690px;
}
.mod-panel .hd{
	padding-top: 25px;
	margin-bottom: 30px;
	line-height: 30px;
	text-align: center;
}
.mod-panel .hd h1{
	font-size: 24px;
	color:#212121;
}
.mod-panel .bd{
	/* width: 660px; */
	margin:0 auto 20px;
}

.mod-panel .period{
	height: 36px;
	margin-bottom: 15px;
	line-height: 36px;
	text-align: center;
}
.mod-panel .minus,.mod-panel .plus{
	vertical-align: middle;
	font-size: 20px;
	font-family: "demurecontrols";
}
.mod-panel .minus:hover,.mod-panel .plus:hover{
	text-decoration: none;
}
.mod-panel .reset{
	margin-left: 24px;
	color:#348bcf;
}
.mod-panel .input-text{
    _position:relative;
    _top: 6px;
	width: 40px;
	height: 20px;
	padding:4px 0;
	border:1px solid #e8e8e8;
	line-height: 20px;
	text-align: center;
}

.mod-panel .detail{
	width:330px;
	margin:0 auto 25px;
	overflow: hidden;
}
.mod-panel .detail p{
	line-height: 30px;
	text-indent: 2em;
}
.mod-panel .result{
	overflow: hidden;
}
.mod-panel .calendar{
	float: left;
	width:300px;
	margin:0 15px 20px 15px;
	color:#333;
}
.mod-panel .calendar table{
	width:100%;
	table-layout:fixed;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ebebeb;
	text-align: center;
}
.mod-panel .calendar caption{
    _position:relative;
	height: 30px;
	padding: 3px 10px;
	background: #2095f2;
	margin-bottom: 0;
	line-height: 30px;
	text-align: center;
	color: #fff;
}
.mod-panel .calendar caption span{
	margin: 0 10px;
}
.mod-panel .calendar caption a{
	margin:0 5px;
	text-decoration: none;
	color:#fff;
}
.mod-panel .calendar td,.calendar th{
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.mod-panel .calendar td{
	border:1px solid #e8e8e8;
}
.mod-panel .calendar td span{
	display: block;
    cursor: pointer;
}
.mod-panel .calendar .widget-back{
	float: right;
    _position: absolute;
    _top: 6px;
    _right: 8px;
}
.mod-panel .calendar .widget-today span{
	font-weight: bold;
}
.mod-panel .detail td span:hover,.mod-panel .detail .widget-active span{
	background: #8BD2FD;
	color:#fff;
}
.mod-panel .calendar .widget-disabled span{
	color:#ccc;
}
.mod-panel .calendar .widget-disabled span:hover{
	background: none;
	color:#ccc;
}
.mod-panel .status0 span{
	background: #CDFFCC;
	color: #187917;
}
.mod-panel .status1 span{
	background: #51CCEE;
	color: #fff;
}
.mod-panel .status2 span{
	background: #FFDCA4;
	color: #E55500;
}
.mod-panel .status3 span{
	background: #FFCDCC;
	color: #DD000D;
}
.mod-panel .ft p{
	text-indent: 2em;
	margin-bottom: 10px;
}
.mod-panel .calendar-tips{
	padding-bottom: 20px;
	border-bottom: 1px dotted #e8e8e8;
	margin-bottom: 20px;
}
.mod-panel .calendar-tips li {
    height: 20px;
    margin-bottom: 12px;
    line-height: 20px;
    overflow: hidden;
    zoom: 1;
}
.mod-panel .calendar-tips li em {
    float: left;
    width: 18px;
    height: 18px;
    border-width: 1px;
    border-style: solid;
    margin-right: 14px;
}
.mod-panel .calendar-tips li em.aBlue {
    border-color: #3FA4FE;
    background: #51CCEE;
}
.mod-panel .calendar-tips li em.aGreen {
    border-color: #12D014;
    background: #CDFFCC;
}
.mod-panel .calendar-tips li em.aRed {
    border-color: #FD7774;
    background: #FFCDCC;
}
.mod-panel .calendar-tips li em.aYellow {
    border-color: #FD933B;
    background: #FFDCA4;
}