/* CSS used in the Availibility display. */

/* New CSS Stuff Below */


.RatesTableGeneric{
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-size:11px;
}

.RatesTableTopRow {
	vertical-align: middle;
	border: 1px;
	border-style:solid;
	border-color:#000000;
}

.RatesTableLowRow {
	vertical-align: middle;
	background-color: #e1d2ff;
}

.RatesTableMidRow {
	vertical-align: middle;
	background-color: #b6f8bd;
}

.RatesTableHighRow {
	vertical-align: middle;
	background-color: #ffec85;
}

.RatesTablePremRow {
	vertical-align: middle;
	background-color: #ffa800;
}

.RatesTableDetails {
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:9px;
}

/* Old CSS Stuff Below */

#availBox {
	border: 1px rgb(75%,75%,75%) solid;
	padding: 5px;
	width: 616px;	
}
#availBox #availBoxLabel {
	position: relative;
	display: inline;
	font: bold 10pt/11pt "Trebuchet MS", verdana, arial, sans-serif;
	top: -10pt;
	left: 0;
	color: rgb(0,0,96);
	background-color: white;
	padding: 0 8px 0 3px;
	height: 1em;
}

#availBox #info {
	float: right;
	display: inline;
	font: bold 8pt/10pt "Trebuchet MS", verdana, arial, sans-serif;
	color: rgb(50%,50%,50%);
	padding: 4px;
	width: 240px;
	border: 1px rgb(85%,85%,85%) solid;
}

#legendBox {
	float: left;
	display: inline;
	padding: 0;
	line-height: 2em;
	margin: 0 0 0 6px;
}
#legendBox p {
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	text-indent: 5px;
}
#bookedBox {
	float: left;
	display: inline;
	background-color: white;
	border: 1px black solid;
	padding: 2px;
}

table.avail {
	position: relative;
	top: -5pt;
	left: 5px;
	font: 8pt/10pt "Trebuchet MS", verdana, arial, sans-serif;
	margin: 0 0 0 0;
	background-color: white;
	border-width: 0;
	border-collapse: collapse;
	border: 10;
}
table.avail tr.months {
	height: 6px;
	overflow: hidden;
}
table.avail th {
	padding: 0;
	margin: 0;
	text-align: left;
	height: 8px;
	overflow: hidden;
}
table.avail td {
	width: 32px;
	padding: 0;
	background-color: white;
	border: 1px black solid;
}
table.avail tr.booking {
	height: 18px;
}
table.avail td.prices {
	color: black;
	font-size: 7pt;
	text-align: center;
	height: 6px;
}
table.avail td.dates {
	color: black;
	border: 0;
	font-size: 7pt;
	height: 6px;
}
table.avail .fatLeft {
	border-right: 2px black solid;
}


table.avail .booked, #availBox #booked {
	background: url(../availability/lib/booking.gif) repeat;
	width: 28px;
	height: 14px;
	margin: 2px;
}
table.avail .free {
	width: 28px;
	height: 14px;
	margin: 2px;
	background-color: white;
}


table.avail .High {
	background-color: rgb(255,236,133);
}
table.avail .Mid {
	background-color: rgb(182,248,189);
}
table.avail .Low {
	background-color: rgb(225,210,255);
}

#availBox #legBooked {
	background: url(../availability/lib/booking.gif) repeat;
	width: 28px;
	height: 14px;
}
#legendBox #high {
	width: 28px;
	height: 14px;
	background-color: rgb(255,236,133);
}
#legendBox #mid {
	width: 28px;
	height: 14px;
	background-color: rgb(182,248,189);
}
#legendBox #low {
	width: 28px;
	height: 14px;
	background-color: rgb(225,210,255);
}