.calendar {padding-bottom:8px;}
.calendar div.indicator { 
	width: 13px;
	height: 8px;
	background: url("../img/indicator.png") no-repeat;
	position: relative;
}
.calendar div.indicatorMouse {
	width: 13px;
	height: 8px;
	background: url("../img/indicator30.png") no-repeat;
	position: relative;	
}

#miniMonthCalendar, #monthManagement {font-size:14px; font-weight: 600;}
#miniMonthCalendar td {background:none; padding: 0px 0px 3px 0px;}
#monthManagement #prevMonth, #monthManagement #nextMonth {
	background-color: transparent;
	border: none;
	vertical-align: top;
}
#monthManagement #prevMonth {padding-left:0;}
#monthManagement #nextMonth {padding-right:0;}

#miniMonthCalendar td.hasEvent {font-weight:800 !important;cursor: pointer;cursor: hand;}

@media (min-width: 1200px) {
	#miniMonthCalendar td {width:27px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#miniMonthCalendar td {width:25px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	#miniMonthCalendar td {width:20px;font-size:12px;}
	#miniMonthCalendar, #monthManagement {font-size:13px;}
	#monthManagement #currentMonth {height: 16px;line-height: 16px;}
	#monthManagement #prevMonth , #monthManagement #nextMonth {line-height: 16px;}
	#monthManagement #prevMonth {padding-right:0;}
	#monthManagement #nextMonth {padding-left:0;}	
}

@media (max-width: 767px) {
	.calendar {
		border-bottom:none;
		padding-bottom:15px;
	}
	#miniMonthCalendar, #monthManagement {font-size:16px;}
	#monthManagement input {line-height:20px;}
}

@media (max-width: 480px) {
	.calendar {
		border-bottom:none;
		padding-bottom:15px;
	}
	#miniMonthCalendar, #monthManagement {font-size:16px;}
	#monthManagement input {line-height:20px;}

}