#calendar {
	width: 200px;
	font: 11px arial, verdana, sans-serif;
}

#calendar .header {
	width: 195px;
	height: 20px;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
}

#calendar .header .left {
	width: 25px;
	height: 20px;
	float: left;
	display: block;
	background: url(pics/cal_left.gif) 5px top no-repeat;
	cursor: pointer;
}

#calendar .header .head {
	width: 145px;
  	height: 20px;
	float: left;
	display: block;
	text-align: center;
  	cursor: pointer;
}

#calendar .header .right {
	width: 25px;
	height: 20px;
	float: right;
	display: block;
	background: url(pics/cal_right.gif) top right no-repeat;
	cursor: pointer;
}

#calendar .labels {
	width: 200px;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
}

#calendar .labels .label {
	width: 28px;
	float: left;
}

#calendar .days {
	color: #fff;
}

#calendar .days .day {
	margin: 2px 7px 2px 2px;
	padding: 0px 2px 0px 0px;
	width: 17px;
	height: 16px;
	float: left;
	display: block;
	text-align: right;
	cursor: pointer;
}

#calendar .days .click_day {
	margin: 2px 7px 2px 2px;
	padding: 0px 2px 0px 0px;
	width: 15px;
	height: 14px;
	float: left;
	display: block;
	text-align: right;
	border: 1px solid #fff;
	cursor: pointer;
}

#calendar .days .active_day {
  margin: 2px 7px 2px 2px;
	padding: 0px 2px 0px 0px;
	width: 15px;
	height: 14px;
	float: left;
	display: block;
	color: #f8981d;
	text-align: right;
	border: 1px solid #fff;
	cursor: pointer;
	background-color: #fff;
}

#calendar .days .empty {
	width: 28px;
	height: 20px;
	float: left;
	display: block;
}

#informationholder img {
	text-align: center;	
}
