@charset "utf-8";
/* CSS Document */

.ie body {
	text-align: center;
	}

body {
	margin-top: 15px;
	background-color: #333333;
	}

.ie #container {
	text-align: left;
	}

#container {
	position: relative;
	width: 649px; height: auto;
	margin-left: auto; margin-right: auto;
	}

/* -------------------------------------------------------------------------------------- */ 
/* form labels : metro area - state - city - price - units							      */
/* -------------------------------------------------------------------------------------- */

#labels {
	height: 16px;
	}
	
	#metroLabel {
		position: relative; float: left;
		font: bold 12px arial, sans-serif; color: #333333; line-height: 16px;
		}
		
	#stateLabel {
		position: relative; float: left; margin-left: 74px;
		font: bold 12px arial, sans-serif; color: #333333; line-height: 16px;
		}
		
	#cityLabel {
		position: relative; float: left; margin-left: 24px;
		font: bold 12px arial, sans-serif; color: #333333; line-height: 16px;
		}
		
	#priceLabel {
		position: relative; float: left; margin-left: 128px;
		font: bold 12px arial, sans-serif; color: #333333; line-height: 16px;
		}
		
	.ie #priceLabel {
		position: relative; float: left; margin-left: 131px;
		font: bold 12px arial, sans-serif; color: #333333; line-height: 16px;
		}
		
	#unitsLabel {
		position: relative; float: left; margin-left: 146px;
		font: bold 12px arial, sans-serif; color: #333333; line-height: 16px;
		}
		
	.ie #unitsLabel {
		position: relative; float: left; margin-left: 148px;
		font: bold 12px arial, sans-serif; color: #333333; line-height: 16px;
		}
		
	#typeLabel {
		position: relative; float: left; padding-top: 2px;
		font: bold 12px arial, sans-serif; color: #333333; line-height: 16px;
		}
	
	.ie #typeLabel {
		position: relative; float: left;
		font: bold 12px arial, sans-serif; color: #333333; line-height: 16px;
		}
		
/* -------------------------------------------------------------------------------------- */ 
/* form controls : metro area - state - city - price - units							  */
/* -------------------------------------------------------------------------------------- */
		
#controls {
	height: 24px;
	}
	
.ie #controls {
	margin-top: -20px;
	}
	
	.metroControl {
		position: relative; float: left; margin-top: 2px;
		width: 140px;
		}
		
	.ie	.metroControl {	margin-top: 1px; padding: 0px; }
		
	.stateControl {
		position: relative; float: left; margin-top: 2px; margin-left: 10px;
		width: 50px;
		}
		
	.ie .stateControl { margin-top: 1px; }
		
	.cityControl {
		position: relative; float: left; margin-left: 10px;
		width: 140px;
		}
		
	.ie .cityControl { margin-top: 1px; }
		
	.price {
		position: relative; float: left; margin-left: 10px;
		width: 75px;
		}
		
	.ie .price {
		position: relative; float: left; margin-top: 1px; margin-left: 10px;
		width: 75px;
		}
		
	.units {
		position: relative; float: left; margin-left: 10px;
		width: 35px;
		}
		
	.ie .units {
		position: relative; float: left; margin-top: 1px; margin-left: 10px;
		width: 35px;
		}		
		
	.separator {
		position: relative; float: left; margin-top: 0px; margin-left: 2px; margin-right: -8px;
		font: bold 16px arial, sans-serif; color: #333333; line-height: 22px;
		}
	

/* -------------------------------------------------------------------------------------- */ 
/* form controls : specialty type - clear - submit										  */
/* -------------------------------------------------------------------------------------- */
	
#controls2 {
	margin-top: 3px;
	height: 21px;
	}
	
.ie #controls2 {
	margin-top: 4px;
	height: 21px;
	}
	
	#typeControl {
		margin-left: 101px;
		height: 20px;
		width: 270px;
		}

	#searchClear {
		position: relative; float: right; margin-top: -19px; margin-right: 19px;
		width: 125px;
		}
		
	.ie #searchClear {
		position: relative; float: right; margin-top: -19px; margin-right: 9px;
		width: 125px;
		}
		
		.search {
			width: 60px; float: left;
			font: bold 12px arial, sans-serif; color: #ffffff; text-transform: uppercase;
			background-color: #990000;
			border: 1px solid #999999;
			cursor:pointer;
			}	
	
		.clear {
			position: relative; float: left; margin-left: 5px;
			width: 60px;
			font: bold 12px arial, sans-serif; text-transform: uppercase;
			border: 1px solid #999999;
			cursor:pointer;
			}

	input.price {}
	input.units {}
	input.price:hover {	border: 2px solid #990000; }
	input.units:hover {	border: 2px solid #990000; }
	input.price:focus {
		color: #000000;
		background-color: #cccccc; border: 2px solid #990000;	
		}
	input.units:focus {
		color: #000000;
		background-color: #cccccc; border: 2px solid #990000;	
		}
	
	input.checkbox {}
	input.checkbox:hover { border: 2px solid #990000; }
	input.checkbox:focus {
		color: #000000;
		background-color: #cccccc; border: 2px solid #990000;	
		}
		
	.ie input.checkbox {}
	
	.label { font: bold 12px arial, sans-serif; color: #333333; }
	
#flash {
	position: relative;
	width: 648px; height: 520px;
	margin-top: -6px;
	margin-left: auto; margin-right: auto;
	border: 1px solid #333333;
	}
	
.ie #flash {
	margin-top: -24px;
	}