/* CSS Document for the calendar */

table#calendar {
	vertical-align: top;
	width: 100%;
	margin: 0;
	padding: 0;
	border-left: 1px solid #A0AB8A;
	border-bottom: 1px solid #A0AB8A;
	background: #F9FAF5;
}

tr#title th {
	height: 30px;
padding:0;
margin:0;
	text-transform: uppercase;
	padding-left: 14px;
	text-align: left;
	font-family: Verdana, Arial, san-serif;
	font-size: 10px;
	font-weight: bold;
	color: white;
	background: #A0AB8A;

}
table#calendar td, th {
	text-align: center;
	font-family: Verdana, Arial, san-serif;
	font-size: 11px;
	font-weight: bold;
	color: #663;
	
}
/*----------- DAYS TITLES --*/
tr#days th.padded_left {
	padding-left: 2px;
}
tr#days th.padded_right {
	padding-right: 2px;
}

tr#days th {
	padding: 20px 0;
}

/*----------- DATES --*/
table#calendar td {
	border: 2px solid #F9FAF5;
	padding: 4px;
	
}
table#calendar td.padded_left {
	padding-left: 2px;
}
table#calendar td.padded_right {
	padding-right: 2px;
}

table#calendar td.active {
	background: #F2EED4;
}

/*----------- LINKS --*/
table#calendar a, table#calendar a:visited, table#calendar a:hover {
	display: block;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	color: #663;
	text-decoration: none;
	
}
table#calendar a:hover {
	text-decoration: underline;
}

/*----------- BOTTOM BUTTONS --*/
tr#buttons th {
	padding: 15px 0 10px 0;
	align: center;
	text-align: center;
	
}

.calendar-month {
	height: 30px;
	padding-left: 14px;
	text-align: left;
	font-family: Verdana, Arial, san-serif;
	font-size: 10px;
	font-weight: bold;
	color: white;
	background: #A0AB8A;
}