.TimeHeader {
	height:27px;
	BACKGROUND-COLOR: Gainsboro;
	border-top-color: #808080;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-color: #808080;
	border-left-style: solid;
	border-left-width: 1px;
}
/* Filler cell for time table, beginning of the hour, no bottom border */
.FB
{

	background-color: #FFFFFF;
	border-left: 1px solid Silver;
	height: 1px;
	width: 10px;
	color: White;
	font-size: 1px;
}

/* Filler cell for time table, second half of the hour, no bottom border */
.FH
{	

	background-color: #FFFFFF;
	border-left: 1px solid White;
	height: 1px;
	width: 10px;
	color: White;
	font-size: 1px;
}


.SC
{	
	background-color: #0000FE;
	border-left: 0px;

}

.SelectedMidCell
{	
	background-color: #0000FE;
	BORDER-left: #C0C0C0 1px solid;
	height: 5px;
	font-size: 1px;
	color: #0000FE;

}

/* selected but unavailable middle cell */
.SU_MidCell
{
	BORDER-left: #C0C0C0 1px solid;
	background-color: red;
	height: 5px;
	font-size: 1px;
	color: Red;
}

.STIP_MidCell
{
	BORDER-left: #C0C0C0 1px solid;
	background-color: red;
	height: 5px;
	font-size: 1px;
	color: Red;
}

.PR {
	background-color: #0000FF;	
}

.Unknown 
{
	BORDER-left: #C0C0C0 1px solid;
	background-color: Green;
}

.U_MidCell
{
	BORDER-left: #C0C0C0 1px solid;
	background-color: #C0C0C0;
	height: 5px;
	font-size: 1px;
	color: #C0C0C0;
}
.TimeHeaderSpaceDaysNB
{
	background-color: #f7f3ef;
	width: 4px;
	height: 1px;
	border-left: solid 1px #808080;
	
}

.TimeHeaderSpaceDaysThin
{
	border-right: black 1px inset;
	border-left: black 1px inset;
	background-color: #f7f3ef;
	width: 4px;
	height:2px;
}
.TimeHeaderNLB {
	BACKGROUND-COLOR: Gainsboro;
}

.TimeHeaderBB {
	height:27px;
	BACKGROUND-COLOR: Gainsboro;
	BORDER-TOP: gray 1px solid;
}

/* Time Table Cell */

.TimeTableHCell {
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 7pt;
	border-left: Gray 1px solid;
	border-top: Gray 1px solid;
	background-color: White;
	width: 25px;
	text-align: left;
	vertical-align: top;
}

.TimeTableHCellNB {
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 7pt;	
	background-color: White;
	width: 9px;
	text-align: left;
	vertical-align: top;
}

.TimeTableHCellTB {
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 7pt;	
	border-top: Gray 1px solid;
	background-color: White;
	/*width: 9px;*/
	width: 25px;
	text-align: left;
	vertical-align: top;
}

.TimeTableHCellRB {
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 7pt;
	BORDER-left: Gray 1px solid;
	BACKGROUND-COLOR: White;
	width: 8px;
	text-align: left;
	vertical-align: top;
}
.TimeTableHCellLB {
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 7pt;
	border-left-color: gray;
	border-left-style: solid;
	border-left-width: 1px;
	BACKGROUND-COLOR: Gainsboro;
	width: 8px;
	text-align: left;
	vertical-align: top;
}
.TimeTableHCellAlt {
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 7pt;
	BORDER-LEFT: black 1px solid;
	BACKGROUND-COLOR: Gainsboro;
	width: 8px;
	text-align: left;
	vertical-align: top;
}
.TimeTableHBBCellNLB {
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 7pt;
	BORDER-bottom: black 1px solid;
	BACKGROUND-COLOR: Gainsboro;
	width: 8px;
	text-align: left;
	vertical-align: top;
}
.TimeTableHBBCell {
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 7pt;
	BORDER-left: #808080 1px solid;
	border-bottom-color: #808080;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	BACKGROUND-COLOR: White;
	width: 8px;
	text-align: left;
	vertical-align: top;
	height: 5px;
}

.TimeTableHBBCellAlt {
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 7pt;
	BORDER-LEFT: #808080 1px solid;
	border-bottom-color: #808080;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	BACKGROUND-COLOR: White;
	width: 8px;
	text-align: left;
	vertical-align: top;
	height: 5px;
}
.TimeTableHBBCellAltRB {
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 7pt;
	BORDER-LEFT: #808080 1px solid;
	border-bottom-color: #808080;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	BACKGROUND-COLOR: Gainsboro;
	width: 8px;
	text-align: left;
	vertical-align: top;
}
.TimeTableCell {
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 7pt;
	border-left: solid 1 #C0C0C0;
	width: 8px;
	text-align: center;
	vertical-align: middle;
	border: none;	
}
.TimeTableCellAlt {
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 7pt;
	border-left: dotted 1 #C0C0C0;
	width: 8px;
	text-align: center;
	vertical-align: middle;
}

/* alter this value when the Safari browser grid doesn't align on reserve2 */
/*height: 55px; */
/* for one day reservations: */
/* height: 46px works well for four rows */
/* height: 55px works well for three rows */
/* height: 67px works well for two rows */
/* height: 80px works well for one row */
.ReserveRow
{
	background-color: #f7f3ef;
}
.ReserveThinCel
{
	width:0.25px;
	background-color: #f7f3ef;
}
.ReserveThinCelBB
{
	width:1px;
	background-color: #f7f3ef;
	
}
.ReserveMidCelBB
{
	width:75px;
	BORDER-left: #C0C0C0 1px solid;
	BORDER-bottom: black 1px solid;
	background-color: #ffffff;
}
.ReserveMidCelNB
{
	width:75px;
	BORDER-LEFT: black 1px inset;
	BORDER-RIGHT: black 1px outset;
	background-color: Gainsboro;
}
.ReserveMidCellNoBorders
{
	width:75px;
	background-color: #ffffff;
	border-left: solid 1px #C0C0C0;
	height: 1px;
	font-size: 1px;
	color: White;
	
}
.ReserveMidCellBottomBorder
{
	width:75px;
	BORDER-bottom: #696969 1px solid;
	border-left: solid 1px #C0C0C0;
	background-color: #ffffff;
	height: 2px;
	font-size: 1px;
	color: White;
}
.ReserveNarrowMidCellBB
{
	width:75px;
	background-color: Gainsboro;
	BORDER-bottom: #808080 1px solid;
	BORDER-LEFT: #808080 1px solid;
	
}

.Reserve2LockedVehicleNameRow
{
	background-color: #F7F3EF;
	color: #808080;
	font-weight: bold;
	font-family: Tahoma, Verdana, Sans-Serif;
	font-size: 7pt;
	
}

.ReservationTimeGrid
{
	overflow: auto;
	overflow-y: hidden;
	position: relative;
}