div.AvailRoomTypeGrid
{
	font-family:Arial;
	height:100%;
	color: #ffffff;
}

/* RoomType */

td.RoomTypeNameHeader, span.RoomTypeName
{
	width:200px;
}
td.ColumnRoomType
{
}

td.RoomTypeNameHeader
{
	font-weight:bold;
	height:23px;
	padding-top:2px;
	padding-left:1px;
	border-right: solid 1px white;	
}

td.RoomTypeName
{
	height:20px;
	width:200px;
	font-size:10px;	
	padding-top:2px;
	padding-left:1px;
	padding-right:2px;
	background-color: #DFDFDF;
	border-right:1px solid white;
	border-bottom:1px solid white;	
}

/* Availabilities */

td.ColumnAvailHeader, span.NoAvail, span.Avail
{
	font-size:10px;
	border-right: solid 1px silver;	
}

td.ColumnAvailHeader
{
	background-image: url(../images/elements/btm_tab_bg.gif);
	height:20px;
	padding-top:1px;	
	padding-left:1px;	
}

td.ColumnAvail
{
}


td.NoAvail, span.NoAvail_Outer, span.Avail, span.Avail_Outer
{
	padding-top: 1px;

}

td.NoAvail
{
	background-color:#FF0000;
	white-space: nowrap;
	width: 55px;
}

td.NoAvail_Outer
{
	background-color:#E98C8C;	
	white-space: nowrap;
	width: 55px;
}


td.Avail
{
	background-color:#00A0E2;
	white-space: nowrap;
	width: 55px;
	color: #ffffff;
}

td.Avail_Outer
{
	background-color:#CFDEFA;	
	white-space: nowrap;
	width: 55px;
}

span.AvailCount
{
	height: 19px;
	margin-left: 2px;
	margin-right: 2px;	
	padding-top:1px;
	
}

.ddlAvail
{
	font-size:10px;	
	display:inline;
}

.ddlAvail option.op
{
	background-color:#FFFFFF;	
	font-size: 8px;
	margin: 0px;
}