/*!Don't remove this!
 * jQuery DCalendar and DCalendar Picker plugin styles
 * 
 * Author: Dionlee Uy
 * Email: dionleeuy@gmail.com
 *
 * Date: Mon Mar 2 2013
 */
.calendar {
	position: relative;
	font-family: 'Century Gothic','Segoe UI', Calibri, Arial;
	font-size: 13px;
	border-collapse: collapse;
	margin: 0; padding: 0;
	z-index: 4;
	border:1px solid rgba(0,0,0,0.08);
	width: 100%;
	color: #000;
	text-align: center;
	background-color: #FFF;
}
.calendar th,
.calendar td {
	text-align: center;
	-webki-ttransition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.calendar th:first-child,
.calendar td:first-child {
	margin-left: 5px;
}
.calendar span {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	
}
.calendar .month {
	padding: 15px;
}

.calendar .pMDate, .calendar .nMDate { color: #AAA; }
.calendar .date, .calendar .pMDate, .calendar .nMDate, .calendar .month { cursor: pointer; }
.calendar .date.disabled, .calendar .pMDate.disabled, .calendar .nMDate.disabled { cursor: not-allowed; }
.calendar .date:not(.disabled):hover, .calendar .pMDate:not(.disabled):hover, .calendar .nMDate:not(.disabled):hover, .calendar .month:hover { background-color: #E2E2E2; }
.calendar .date:not(.disabled):active, .calendar .pMDate:not(.disabled):active, .calendar .nMDate:not(.disabled):active, .calendar .month:active { background-color: #ec715f; color: #FFF; }
.calendar .selected {
	background-color: #ec715f !important;
	color: #FFF !important;
}

.calendar tr:first-child th {
	background-color: #FFF;
	padding: 4px;
	padding-top: 8px;
	font-size: 14px;
}
.calendar tr:first-child th { cursor: pointer; color:#000; }
.calendar tr:first-child th:hover { color:#ec715f; }
.calendar tr:first-child th:active { color: #ec715f; }
.calendar thead tr:nth-child(2) th { color: #555; padding: 8px 3px; }
.calendar #prev, .calendar #next {
	font-family: 'Times New Roman';
	font-size: 20px;
	padding: 0;
}
.calendar #today {
	text-align: center; cursor: pointer;
	color: #ec715f; padding: 10px 6px;
}
.calendar #today:hover { color: #80A7DD; }
.calendar #today:active { color: #000; }
.calendar #currDay { color:#ec715f; }
.datepicker {
	width: 100%;
	background: transparent right no-repeat;
	background-size: contain;
}

/* 特卖会日历css */
#temai .calendar {
	position: relative;
	font-family: 'Century Gothic','Segoe UI', Calibri, Arial;
	font-size: 14px;
	border-collapse: collapse;
	margin: 0 auto; padding: 0;
	z-index: 4;
	border:none;
	width: 95%;
	color: #000;
	text-align: center;
	background-color: #FFF;
	border-collapse: separate;
}
#temai .calendar th,
#temai .calendar td {
	text-align: center;
	-webki-ttransition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size: 15px;
}
#temai .calendar th:first-child,
#temai .calendar td:first-child {
	margin-left: 5px;
	font-size: 15px;
}
#temai .calendar span {
	display: inline-block;
	width: 80px;
	height: 65px;
	line-height: 65px;
	font-size: 15px;
}
#temai .calendar .month {
	padding: 15px;
}

#temai .calendar .pMDate, #temai .calendar .nMDate { color: #AAA; }
#temai .calendar .date,#temai .calendar .pMDate,#temai .calendar .nMDate,#temai .calendar .month { cursor: pointer; }
#temai .calendar .date.disabled,#temai .calendar .pMDate.disabled,#temai .calendar .nMDate.disabled { cursor: not-allowed; }
#temai .calendar .date:not(.disabled):hover,#temai .calendar .pMDate:not(.disabled):hover,#temai .calendar .nMDate:not(.disabled):hover,#temai .calendar .month:hover { background-color:transparent; }
#temai .calendar .date:not(.disabled):active,#temai .calendar .pMDate:not(.disabled):active,#temai .calendar .nMDate:not(.disabled):active,#temai .calendar .month:active { background-color:transparent; color: #FFF; }
#temai .calendar .date span{
	background-color: #f7f7f7;
	border: 1px dashed #e9e9e9;
	color: #aaaaaa;
	border-radius: 3px;
}
#temai .calendar .date span.sp1{
	position: relative;
	font-size: 60px;
	color: #f29c8f;
	background-color: #ec715f;
	font-weight: 700;
	
}
#temai .calendar .date i{
	display: inline-block;
	position: absolute;
	width: 100%;
	top:7px;
	left: 0;
	line-height: 32px;
	text-align: center;
	color: #ffffff;
}
#temai .calendar .date i.i1{
	font-size: 25px;
	font-weight: 700;
}
#temai .calendar .date i.i2{
	top:30px;
	left: 0;
	font-size: 15px;
	font-weight: 400;
	text-decoration: line-through;
	
}
#temai .calendar .selected {
	background-color: #22A7F0 !important;
	color: #FFF !important;
}

#temai .calendar tr:first-child th {
	background-color: #FFF;
	padding: 4px;
	padding-top: 8px;
	font-size: 15px;
}
#temai .calendar tr:first-child th { cursor: pointer; color:#000; }
#temai .calendar tr:first-child th:hover { color:#22A7F0; }
#temai .calendar tr:first-child th:active { color: #22A7F0; }
#temai .calendar thead tr:nth-child(2) th { color: #555; padding: 8px 3px; }
#temai .calendar #prev,#temai .calendar #next {
	font-family: 'Times New Roman';
	font-size: 22px;
	padding: 0;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	
}
#temai .calendar #today {
	text-align: center; cursor: pointer;
	color: #22A7F0; padding: 10px 6px;
}
#temai .calendar #today:hover { color: #80A7DD; }
#temai .calendar #today:active { color: #000; }
#temai .calendar #currDay span { color:#22A7F0; }