#RatesBox {
	width: 513px;
	height: 300px;
	overflow: auto;
	padding: 0;
	margin: 0;
	border: 1px solid #666;
	color: transparent;
	background-color: #EEE;
	}

	#RatesBox table#RatesOverflow {
		width: 492px; /*96%;*/
		border-collapse: collapse;
		margin: 0 0 10px 0;
		}
	
/* -------------- left column (th) -------------- */
	
		#RatesBox table#RatesOverflow th {
			width: 60%;
			font: normal .85em Arial, Helvetica, sans-serif;
			color: #666;
			background-color: transparent;
			text-align: center;
			padding: .3em 0;
			margin: 0;
			border: 1px solid #808080;
			}
			
			#RatesBox table#RatesOverflow th span {
				font: normal 14px Arial, Helvetica, sans-serif;
				color: #C30;
				background-color: transparent;
				}
				
/* -------------- right columns (td) -------------- */

		#RatesBox table#RatesOverflow td {
			width: 20%;
			font: normal .9em Arial, Helvetica, sans-serif;
			color: #069;
			background-color: transparent;
			text-align: center;
			padding: 0;
			margin: 0;
			border-spacing: 0;	
			border: 1px solid #808080;
			}
			
			#RatesBox table#RatesOverflow td span.BOOKED {
				font: normal .7em Arial, Helvetica, sans-serif;
				color: #C30;
				background-color: transparent;
				}
			
			
/* -------------- year rows -------------- */

		#RatesBox table#RatesOverflow th.year, #RatesBox table#RatesOverflow td.year {
			font: bold 16px Arial, Helvetica, sans-serif;
			color: #FFC;
			background-color: #069; /*#CCC;*/
			letter-spacing: .2em;
			}
		
			#RatesBox table#RatesOverflow td.year {
				font: normal .7em Arial, Helvetica, sans-serif;
				}
		
/* -------------- heading rows -------------- */
		
		#RatesBox table#RatesOverflow th.heading, #RatesBox table#RatesOverflow td.heading {
			font: bold 14px Arial, Helvetica, sans-serif;
			color: #C30;
			background-color: #DDD;
			}
			
				#RatesBox table#RatesOverflow td.heading {
					font: normal .8em Arial Narrow, Helvetica, sans-serif;
					}