/* Container Div styling for calendar*/
#calendar 
	{
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	margin: 0 auto;
	font-weight: normal;
	background-image:url(../images/cal_bckgd.jpg);
	}
#calendar a:link 
	{
	text-decoration: none;
	color: #352e28;
	text-align: left;
	}

#calendar a:visited 
	{
	text-decoration: none;
	color: #352e28;
	text-align: left;
	}

#calendar a:hover 
	{
	text-decoration: none;
	color: #1aa8e3;
	}
	
/* Change all td borders here NOT FOR With and Height see below */
#calendar td
	{
	padding:3px;
	}
	
/* Table tag: calendar year */
.year 
	{
	text-align: center;
	}
	
/* table tag: calendar month */
.month 
	{
	text-align: center;
	}
	
/* td tag: calendar year title */
.yearname 
	{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	}
	
/* td tag: calendar month title */
.monthname 
	{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #352e28;
	}
	
/* tr tag: calendar weekdays 
################ Width will deside how wide for all day cells ############### */
.dayname td 
	{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #352e28;
	width: 25px;
	}
	
/* td tag: calendar year navigation */
.yearnavigation 
	{
	font-size: 12px;
	}
	
/* td tag: date picker */
.datepicker 
	{
	background-color: #879ea7;
	}
	
/* form tag: date picker form */
.datepickerform 
	{
	margin: 0px;
	}
	
/* td tag: calendar month navigation */
.monthnavigation 
	{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 20px;
	}
	
/* select tag: month picker */
.monthpicker
	{
	font-size: 11px;
	background-color: #fefefe;
	}
	
/* select tag: Year picker */
.yearpicker 
	{
	font-size: 11px;
	background-color: #fefefe;
	}
	
/* Input/Submit tag: date picker button */
.pickerbutton 
	{
	font-size: 11px;
	background-color: #1aa8e3;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	}
	
/* td tag: days that do not belong to the current month */
.nomonthday 
	{
	}
	
/* td tag: days that belong to the current month
################ height will deside how large day cells are #################  */
.monthday 
	{
	text-align: center;
	vertical-align:top;
	font-size: 11px;
	font-weight: bold;
	background-color: #fefefe;
	color: #352e28;
	height: 25px;
	}

/* td tag: the current day */
.today 
	{
	text-align: center;
	vertical-align:top;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #fe9508;
	background-color: #fefefe;
	}
	
/* td tag: the selected day */
.selectedday 
	{
	text-align: center;
	vertical-align:top;
	font-size: 12px;
	font-weight: bold;
	background-color: #fe9508;
	}
	
/* td tag: All Sundays  */
.sunday
	{
	text-align: center;
	background-color:#fefefe;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: #352e28;
	}
	
/* Sunday Link */
.sunday a 
	{
	color: #667171;
	}
	
/* td tag: All Saturdays */
.saturday 
	{
	text-align: center;
	vertical-align: top;
	font-size: 11px;
	font-weight: bold;
	color: #352e28;
	background-color:#fefefe;
	}
	

.saturday a 
	{
	color: #667171;
	}
	
/* td tag: event day set by setevent() */
.event 
	{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color:#000; 
	background-color:#F4E7D5;
	}
	
.event a 
	{
	}
	
/* td tag: only created if prefix added to event for selectevent in setEvent() */
.selectedevent {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: red;
	background-color: #eaeaea;
	border: 1px solid #1aa8e3;
	}
	
.selectedevent a 
	{
	color: red;
	}
	
/* td tag: only created if prefix added to event for today's event in setEvent() */
.todayevent 
	{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: red;
	background-color: #e2cdac;
	border: 1px solid #1aa8e3;
	}
.todayevent a 
	{
	background-color: #eaeaea;
	color: red;
	}
	
/* table tag: calendar event content */
.eventcontent {
	font-size: 10px;
	width: 100%;
}