div#calendar {
	display: block;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	width: 818px;
	/*padding-left: 10px;*/
}
div#calendar table {
	width: 100%;
}

th.days {
	color: #bbbbbb;
	font-weight: bold;
	width: 14.28%;
	height: 20px;
	text-align: center;
	vertical-align: top;
}

#calendar td {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	width: 14.28%;
	height: 100px;
}

#calendar td.no_date {
	border: 0px solid #000000;
	width: 14.28%;
	height: 100px;
}

#calendar td.empty_row {
	border: 0px solid #000000;
	width: 14.28%;
	height: 10px;
}

.day_number {
	position: absolute;	
	left: 10px;
	top: 10px;
	color: #008b52;
	font-size: 15px;
	font-weight: bold;
}

.day_info_container {
	position: absolute;	
	left: 10px;
	top: 30px;
	width: 90px;
	height: 60px;
	overflow: hidden;
}

.day_info {
	position: relative;
	top: 0px;
}

.arrow_up {
	position: absolute;	
	left: 105px;
	top: 30px;
	width: 9px;
	height: 5px;
	display: none;
}

.arrow_down {
	position: absolute;	
	left: 105px;
	top: 90px;
	width: 9px;
	height: 5px;
	display: none;
}

#main_date {
	position: absolute; 
	width: 186px; 
	height: 64px; 
	left: 30px; 
	top: -68px; 
	z-index: 5; 
	text-align: center; 
	font-family: 'Times'; 
	font-size: 35px; 
	color: #ffffff; 
	background-image: url('../images/dateCircle.png');
}

#main_date_text {
	position: relative; 
	left: 0px; 
	top: 10px; 
	z-index: 5; 
	text-align: center; 
	font-family: 'Times'; 
	font-size: 35px; 
	color: #ffffff; 
}