.hsCalendar div {
	/* common */
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
	
}

.hsCalendar {
	/* Main div */
	height: 180px;
	width: 312px;
	padding: 1px;
	background-color: #444;
	color: white;
	
	
}

.hsCalHead {
	/* header */
	height: 20px;
	width: 308px;
	padding: 1px;
	/*background-color: LightSlateGrey;*/
	background-color: #444;
	border: 1px solid silver;
}
.hsCalHead div {
	/*  */
	float: left;
}

.hsBtnPrev, .hsBtnNext {
	/* buttons */
	width: 15px;
	cursor: pointer;
	background-color: #444;
}

.hsMonthPicker {
	/*  */
	width: 175px;
}

.hsMonthTitle {
	/*  */
	width: 140px;
}
.hsYearTitle {
	/*  */
	width: 78px;
}

.hsYearPicker {
	/*  */
	width: 108px;
}

.hsBtnPrev {
	/* next month button */
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.hsBtnNext {
	/* next month button */
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.hsWeekHead {
	/* weekdays header */
	/*background-color: MediumSlateBlue;*/
	width: 308px;
	padding: 1px;
	height: 20px;
	background: #8B0000 ; /* Old browsers */
	border-left: 1px solid silver;
	border-right: 1px solid silver;
}

.hsWeekHead div {
	/* weekdays header */
	float: left;
}

.hsWeekDay {
	/* weekday indiv. header */
	color: white;
	padding: 1px;
}

.hsCell {
	/* generic cell */
	width: 42px;
	height: 20px;
	padding: 1px;
}

.hsDayCell{
	color: white;
	cursor: pointer;
	background: #444;
	padding: 1px;
	
}

.hsPastDayCell{
	color: #777;
}

.hsCalBody {
	/*  */
	width: 308px;
	height: 131px;
	padding: 1px;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}


.hsCalBody div {
	/*  */
	float: left;
}

.hsCalClosebtn{
	/*  */
	height: 20px;
	width: 20px;
	cursor: pointer;
	text-align: center;
	vertical-align:text-top;
	background: #8B0000 ;
}