/*Main container*/
.TopLevelGrid
{
	clear:both;
}
#ResBook .MainContainer
{
	OVERFLOW:auto; 
	HEIGHT:270px;
	padding-bottom:15;
}

#ResBook .MainContainerAddEdit
{
	OVERFLOW:auto; 
	HEIGHT:50px;
	padding-bottom:15;
}

#ResBook
{
	clear:both;
}
#ResBook .HeaderRow
{
	clear:both;
	position:relative;
}
#ResBook .RoomLabel
{
	position:absolute;
	width: 140px;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	padding-left:1px;
	z-index:20;
}

/*the capacity label*/
#ResBook .CapacityLabel
{
	position:absolute;
	border: solid 1px black;
	left:140px;
	width: 21px;
	text-align:center;
	overflow:hidden;
	z-index:21;
}

/*Top Time block*/
#ResBook .TimeHeaderBlock
{
	
	position:absolute	;
	border: solid 1px black;
	width: 48px;
	text-align: center;
	z-index:20;
}

/*A row for the Building*/
#ResBook .BuildingRow
{
	position: relative;
	top: 14px;
}

/*The name of the building*/
#ResBook .BuildingName
{
	position: relative; 
	width: 161px;
	overflow:hidden;
	z-index:30;
}

#ResBook .RowHeight
{
	/*	ONE ROW*/
	/*height: 15px;*/
	/*TWO ROWS*/
	height: 30px;
	/*Three ROWS*/
	/*height: 45px;*/
}

#ResBook .MultiTZBorderColor
{
	border: solid 1px black;
}
#ResBook .TZBorderColor
{
	border-left: solid 1px black;
	border-bottom: solid 1px black;
	border-top: solid 1px gainsboro;
	border-right: solid 1px gainsboro;
}


/*Individual building time cell in grid*/
#ResBook .BuildingTimeBlock
{
	position: absolute; 
	width: 48px;
	border: solid 1px black;
	top:0;
	text-align: center;
	vertical-align: middle;
}

#ResBook .BuildingNoTimeBlock
{
	position: absolute; 
	width: 48px;
	border-left: solid 1px gainsboro;
	border-bottom: solid 1px black;
	border-top: solid 1px gainsboro;
	border-right: solid 1px gainsboro;
	top:0;
	text-align: center;
	vertical-align: middle;
}

/*A row for the room and times and events*/
#ResBook  .RoomRow
{
	position: relative;
	top:14;
}

#ResBook .RoomName
{
	position: relative;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	width: 140px;
	overflow:hidden;
	vertical-align:top;
}

#ResBook .Capacity
{
	position:absolute;
	left:140px;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	padding:0px;
	top: 0px;
	text-align:center;
	overflow:hidden;
}

#ResBook .RBNormal
{
	border-right: black 1px solid;
}

#ResBook .RBTimeNormal
{
	border-right: solid 1px #c5c5c5;
}

/*Individual time cell in grid*/
#ResBook .TimeBlock
{
	position: absolute;
	border-bottom: black 1px solid;
	top: 0px;
}

/*Container for the events*/
#ResBook .EventContainer
{
	position: absolute;
	left: 161px;
	top: 0px;
}

/* an event */
#ResBook .Event
{
	position: relative;
	border:solid 1px black;
	z-index: 5;
	top: -1px;
	overflow:hidden;
}

/* an event from the cart*/
#ResBook .CartEvent
{
	position: absolute;
	border:solid 1px black;
	z-index: 5;
	top: 0px;
}

/* building hours */
#ResBook .BuildingClosed
{
	position: absolute;
	border:solid 1px black;
	z-index: 15;
	top: -1px;
}

/*build hours container*/
#ResBook .BHContainer
{
	top: 0px;
	position: absolute; 
	z-index:10
}

/*bar that user is actively moving around*/
.ActiveEvent
{
	z-index: 5;
	position: absolute;
	top: 0px;
	
	background-color: #6b89b4;
}