
 .calendarYear {
 	font-family:arial;
 	font-size:12px; 
background:blue;
 }
 
 .calendarYearHeader{
 vertical-align:top;
 text-align:center;
 background:#f0f0f0;
 color:blue;
 font-weight:bold;
 }
 
 .calendarYearNext{
 vertical-align:top;
 text-align:center;
 background:#f0f0f0;
 color: blue;
 font-weight:bold;
 }
 
 .calendarYearPrev{
 vertical-align:top;
 text-align:center;
 background:#f0f0f0;
 color:blue;
 font-weight:bold;
 }

.calendarYearNext a {
 	/*color:white;*/
 	text-decoration:none;
 }
 .calendarYearNext a:hover {
 	color:red; 	
 }
 
 .calendarYearPrev a {
 	/*color:white;*/
 	text-decoration:none;
 }
 
 .calendarYearPrev a:hover {
 	color:red; 	
 }
 
 /*background for a month cell*/
 
 .calendarYearMonth{
 	vertical-align:top;
 	text-align:center; 		
 	background:#f0f0f0;
 }
 
 /*-----------------------*/ 
 .calendarMonth{
 	/*font-family:courier;*/ 
 	font-size:12px;
 	/*background:yellow;*/
 }  
  
 .calendarMonthHeader{
 vertical-align:top;
 text-align:center;
 background:blue;
 color:white;
 }
 
 .calendarMonthNext{
 vertical-align:top;
 text-align:center;
 background:blue;
 color:white;
 }
 
 .calendarMonthPrev{
 vertical-align:top;
 text-align:center;
 background:blue;
 color:white;
 }
 
 .calendarMonthNext a {
 	color:white;
 	text-decoration:none;
 }
 .calendarMonthNext a:hover {
 	color:yellow; 	
 }
 
 .calendarMonthPrev a {
 	color:white;
 	text-decoration:none;
 }
 .calendarMonthPrev a:hover {
 	color:yellow; 	
 }
 
.calendarHeader{
 vertical-align:top;
 text-align:center;
 background:#F0F0F0;
 color:blue;
 }
  
 .calendar{
 vertical-align:top;
 text-align:center;
 background:#E0E0E0; 
font-size:10px;
padding:2px;
 }

 .calendarToday{
 vertical-align:middle;
 text-align:center;
 border:2px solid yellow;
font-size:10px;
 }

 .calendarPassed{
 vertical-align:middle;
 text-align:center;
 /*background:teal;*/
 background:#C0C0C0;
 color:#808080;
 font-style:italic;
 font-size:10px;
/* padding:2px;*/
 }

.calenderInvalid {
}

 .calendarBooked{
 vertical-align:top;
 text-align:center;
 background:red;
font-size:10px;
/*padding:2px;*/ 
 }

 .calendarBookedMultiple{
 vertical-align:top;
 text-align:center;
 background:yellow; 
font-size:10px;
/*padding:2px;*/
 }



 .calendarBookedToday{
 vertical-align:top;
 text-align:center;
 background:red; 
 border:2px solid yellow;
 }

 .calendarBookedMultipleToday{
 vertical-align:top;
 text-align:center;
 background:yellow; 
 border:2px solid red;
 }


a.calendarDateLink {
color:black;
text-decoration:none;
font-size:10px;
}

a.calendarDateLink:hover {
text-decoration:underline;
background:white;
}
