/* Descriptions */
h1 {font-family: Arial, Helvetica, sans-serif; color: #8B9057; font-weight: bold; font-size: 18px;margin-bottom: 0.5em}
.content p {margin-top: 0; margin-right: 10px;}
h1 a.feedback {display: block; float: right; font-size: 12px; margin: 10px;}
a.feedback:link {color: black;}
a.feedback:visited {color: black;}
a.feedback:hover {color: #8B9057;}
a.feedback:active {color: black;}

/* Event Calendar*/

/* Main Table */
table.caltable {
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 12px;
	border:solid #000 1px;
	border-collapse: collapse; 
	width: 590px;
	margin-top: 0px;
	}
/* Calendar Month Row */
table.caltable th.calmonth {
	text-align:center;
	background-color: #959B5D;
	background-color: #959B5D;
	
	border-bottom: 1px solid #000;
	vertical-align: middle;
}
table.caltable th.calmonth img {display: block; border-width: 0; margin: 4px;}
table.caltable th.calmonth img.calleftarrow { float:left;}
table.caltable th.calmonth img.calrightarrow{ float: right;}
table.caltable th.calmonth div.month {
	font-weight:bold;
	color: white;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 2px;
}


/* Day of the Week Row */
table.caltable th.calday {
	border: 1px solid #000;
	text-align:center;
	font-weight:bold;
	background-color: #959B5D;
	color: white;
	}

/* The Cells */
td.calspacer { background-color: #C9B04B;}
td.caldayheader{
	text-align:center;
	height:auto;
	background-color: #385898;
	color:#F0D830;
	width: 68px;
	}
/* RESERVATION CELLS */	
/* the cell itself*/
table.caltable td.calcell {	
	width: 14.3%;
	border: solid #000 1px;
	height: 100px;
	background-color: #FBD98E;
	font-size: 11px;
	vertical-align: top;
	padding: 0;
	}
/* topic */	
table.caltable td.calcell div.topic { 
	background-color: #FBD98E;
	border-bottom: 1px solid black;
	}
table.caltable td.calcell div.topic div {
	padding: 2px;
	text-align: center;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	}

/* month number */
table.caltable td.calcell div.number {
	background-color: white;
	border-bottom: 1px solid black;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-align: center;
	
	}
/* the 2 timeslots */
table.caltable td.calcell div.morning,
table.caltable td.calcell div.evening
	{	width: 100%;	}
table.caltable td.calcell div.evening {border-bottom: 1px solid black;}
table.caltable td.calcell div.morning  {border-bottom: 1px solid black;}
/*the indivudual slots */
table.caltable td.calcell div div { color: black; }
table.caltable td.calcell div div.no {background-color: #FF6666;}
table.caltable td.calcell div div.no {background-color: #FDA07A;}

table.caltable td.calcell div div.yes {background-color: #33CC66;}
table.caltable td.calcell div div.yes {background-color: #97D37A;}

table.caltable td.calcell div div.na {background-color: #ccc;}
table.caltable td.calcell div div span.time {font-weight: bold; display: none; }
table.caltable td.calcell div div span.hour {display: block;}
table.caltable td.calcell div div span.availability {display: block; }
table.caltable td.calcell div div.yes span.availability {display: none; }



/*making sure transparency is not inherited*/

/* style on text in slots */
table.caltable td.calcell div.morning div,
table.caltable td.calcell div.evening div
{padding: 3px; text-align: center;}

	
table.caltable td.calcell div div a {
	color: black; 
	display: block; 
	position: relative;
	font-weight: bold;
}
/*to be sorted*/