td#controlBar {
	background: #ffffcc; 
	height: 60px; 
	padding: 7px 0px 5px 180px;
	}
	
div#titleBox {
	position: absolute;
	top: 7px;
	height: 50px;
	width: 100%;
	overflow: visible;
	
	text-align: left;
	}

	a#backButton {
		float: left;
		margin-left: 160px; /* padding/margin-left in containing #titleBox screws up 100% width in FF3.0, sends Google button off the */ 
		height: 24px;
		width: 23px;
		margin-top: 3px;
		
		background: url('Back.png') no-repeat 0 0;
		overflow: hidden; /* Hide pre-load img */
		}
		a#backButton img#backButtonPreload { border: none }
		a#backButton:hover { background-position: 0 -23px } 
		a#backButton:active { background-position: 0 -46px } 
	
	div.title {
		float: left;
		margin-left: 0px;
		margin-top: 4px;
		padding: 0 5px 3px 5px;
		
		font-size: 18px;
		font-weight: normal;
		background: #ffffcc; 
		}
		div.title span#englishTitle span a {
			text-decoration: none;
			color: black;
			}
		div.title span#englishTitle span a:hover {
			text-decoration: underline;
			}
	
	div#inputControls {
		float: left;
		margin: 3px 10px 0 2px;
		overflow: hidden; /* for offscreen Next button */
		width: 176px;
		}
		div#inputControlInner {
			background: url('Next.png') no-repeat right -69px;
			height: 22px;
			overflow: hidden; /* for offscreen Next button */
			}
		
			input#englishInput {
				display: block;
				float: left;
				width: 150px;
				height: 22px;
				padding: 0px 3px 0px 3px;
		
				font-family: Arial;
				font-size: 18px;
				
				background: white;
				border: solid 1px #dddddd;
				}
				
			a#nextButton:link, a#nextButton:visited {	
				display: block; float: right; border: none;
				height: 23px; width: 24px; 
				background: url('Next.png') no-repeat 0 0;
		
				position: relative;
				top: 0;
				overflow: hidden; /* Hide pre-load img */
				}
			a#nextButton img#nextButtonPreload { border: none }
			a#nextButton:hover { background-position: 0 -23px; }
			a#nextButton:active { background-position: 0 -46px; }
		
			
			
		div#mapButton {
			padding-right: 15px;
			}
			a.mapButton {
				float: right;
				display: block;
				}
			a.mapButton#googleButton, a.mapButton#googleRadioButton {
				background: url('Images/GoogleButton.gif') 0 0;
				width: 73px;
				height: 31px;
				overflow: hidden;
				}
				a.mapButton img#googleButtonPreload { border: none; }
				a.mapButton#googleButton:active, a.mapButton#googleRadioButton:active
					{ background-position: 0 -31px; }
					
			a.mapButton#mapionButton, a.mapButton#mapionRadioButton {
				background: url('Images/MapionButton.gif') 0 0;
				width: 69px;
				height: 31px;
				overflow: hidden;
				}
				a.mapButton img#mapionButtonPreload { border: none; }
				a.mapButton#mapionButton:active, a.mapButton#mapionRadioButton:active 
					{ background-position: 0 -31px; }
			
			a.mapButton#mapfanButton, a.mapButton#mapfanRadioButton {
				background: url('Images/MapFanButton.gif') 0 0;
				width: 80px;
				height: 31px;
				overflow: hidden;
				}
				a.mapButton img#mapfanButtonPreload { border: none; }
				a.mapButton#mapfanButton:active, a.mapButton#mapfanRadioButton:active 
					{ background-position: 0 -31px; }
	
			a.mapButton#mapionButton, a.mapButton#mapfanButton {
				display: none;
				}
		div#mapButton a#mapOptionsButton {
			float: right; 
			background: #dddd99; 
			padding: 10px 3px;
			}
			div#mapButton a#mapOptionsButton img {
				border: none;
				}
div#mapsRadioLayer {
	position: absolute;
	top: 37px;
	left: 0;
	width: 100%;

	display: none;
	}
	div#mapsRadioLayer div#radioButtons {
		float: right;
		margin-right: 15px;
		padding: 10px 0;
		
		background: white;
		border: solid 1px black;
		width: 130px;
		}
		div#mapsRadioLayer div#radioButtons input {
			float: left;
			clear: left;
			height: 28px;
			margin-left: 10px;
			margin-right: 10px;
			}
		div#mapsRadioLayer div#radioButtons a.mapButton {
			float: left;
			margin-bottom: 5px;
			}
	


div#dropdown {
	float: right;
	clear: left;
	width: 80%;
	margin-right: 26px;
	//margin-right: 13px; /* Don't fucking ask me what IE is doing with this????*/
	margin-top: -1px;
	padding: 0;

	background: white;
	border: solid 1px #dddddd;

	overflow: hidden; /*a:hover background below sticks out because we MUST set to 100% o/w IE cuts words*/
	display: none;
	}
	div#dropdown a {
		display: block;
/*		float: left; clear: left;*/
		padding: 0 5px 3px 5px;
/*		width: 100%;*/
	
		color: gray;
		text-decoration: none;
		}
	 
	div#dropdown a:hover {
		color: black;
		text-decoration: underline;
		}
	
	
/*****************************************************************************************************************/
	
	
iframe#resultsFrame {
	position: absolute;
	left:0;
	top:0;
	width: 770px;
	height: 607px;
	display: none;
	}
div#loadingPleaseWait {
	position: absolute;
	left:0;
	top:0;
	width: 770px;
	height: 607px;
	display: none;
	opacity: .8;
	filter: alpha(opacity=80);
	background: white
	}	
	
/*****************************************************************************************************************/
	
	
div#searchBox {
	position: absolute;
	top: 100px;
	left: 0px;
	padding-left: 3px;
	}	
	input#search {
		float: left;
		font-size: 14px;
		width: 100px;
		height: 21px;
		margin: 3px 5px 2px 0;
		padding-bottom: 0px;
		display: none;
		}
	input#searchButton {
		float: left;
		}
		
img#logo {
	position: absolute;
	top:0px;
	left:0px;
	width: 156px;
	height: 103px;
	border: none;
	}	

a#problemsLink {
	display: block;
	position: absolute;
		top: 640px;
		left: 10px;
			
	height:22px;
	width:21px;
	overflow: hidden;
	
	background: url('ErrorTriangle.gif') no-repeat 2px 2px #dddddd;

	font-size: 10px;
	font-weight: bold;
	
	border: solid px #dddddd;
	text-decoration: none;
	}
	a#problemsLink:hover {
		text-decoration: underline;
		border: solid 1px #555;
		width: 130px;
		}
	a#problemsLink span {
		display: block;
		padding: 3px 3px 3px 21px;
		}