.textBackground {
		background: url('Images/yellow.jpg');/*slate_grey.gif');*/
		}

td#controlBar { /* class textBackground */
	height: 130px; /*60px;*/ 
	padding: 7px 0px 5px 180px;
	}
	
div#titleBox {
	position: absolute;
	left: 0px;
	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('Images/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 { /* class textBackground */
		float: left;
		margin-left: 0px;
		margin-top: 3px;
		padding: 0 0 3px 5px;
		
		color: black; /* @titleText */		
		font-size: 18px;
		font-weight: normal;
		overflow: visible; /* see japanesePreview below */
		}
		
		div#title span#englishTitle span a:link, div#title span#englishTitle span a:visited {
			text-decoration: none;
			color: black; /* @titleText */	
			}
		div#title span#englishTitle span a:hover {
			text-decoration: underline;
			}

		div#title span#japaneseTitle {
			float: left; 
			margin-top: 2px;
			}
		/* preselection kanji display, overflows this <td> under adjacent inputbox if necessary */
		div#title span#japanesePreview {
			float: left;
			padding: 2px 3px 3px 0;
			margin-bottom: -3px;  /* align our overflowed background onto outside of containing div's margin */
			position: relative;
			left: 300px;
			margin-left: -300px;
			color: gray;
			}
	
	div#inputControls {
		float: left;
		margin: 2px 2px 0 2px;
		overflow: hidden; /* for offscreen Next button */
/*		width: 176px; */
		}
		div#inputControlInner {
			height: 24px;
			overflow: hidden; /* for offscreen Next button */
			}
		
			input#englishInput {
				display: block;
				float: left;
				width: 150px;
				height: 24px;
				padding: 0px 3px;
		
				font-family: Arial;
				font-size: 18px;
				
				background: white;
				border: solid 1px #dddddd;
				}
				
			div#nextButtonDiv {
/*				background: url('Images/Next.png') no-repeat;*/
				background-position: 24 46;*/
				background: #dddddd;
				width: 24px; 
				margin-top: 3px;
				overflow: hidden;
				}
			a#nextButton:link, a#nextButton:visited {	
				display: block; float: right; 
				margin-top: 2px;
				height: 23px; width: 24px; 
				background: url('Images/Next.png') no-repeat 0 0;
				border: none;
		
/*				position: relative;
				top: 0;*/
				
				overflow: hidden; /* Hide pre-load img */
				}
			a#nextButton img#nextButtonPreload { margin-left: -25px; border: none; }
			a#nextButton:hover { background-position: 0 -23px; }
			a#nextButton:active { background-position: 0 -46px; }
		
	img#helpButton {
		clear: both;		
		float: right; 
		margin: 5 4 0 0px;
		}
	div#helpBox {  /* class textBackground */
 		display: block;
		position: absolute;
		top: 37px;
 		left: 460px;
 		width: 200px; 
		padding: 3px 5px 5px 5px;

		color: black; /* @titleText */	
 		text-align: left;
  		font-size: x-small;
 		border: solid 1px grey;
		}


div#dropdown {
	float: right;
	clear: left;
	width: 90%;
	margin-right: 0px; /* 26px from right border, but added a 19px help icon inbetween */
	//margin-right: 13px; /* Don't fucking ask me what IE is doing with this????*/
	margin-top: -1px;
	margin-bottom: 13px; // to clear the help box when it simultaneously appears
	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;
		}
*/	
	


			
			
		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#resultsFrame {
	position: absolute;
	left:0;
	top:0;
	width: 770px;
	height: 607px;
	display: none;
	text-align: center;
	background-color: transparent;
//	border: solid 1px gray;
	overflow:scroll;
	}

		a.addressBox {
			float: left;
			margin: 5px;
			text-align: center;
			background: #dddddd;
			}
		a.addressBox:hover {
			background: white;
			}
		span.addressName, span.addressNumber {
			float: left;
			padding: 10px;
			text-align: center;
			border: solid 1px blue;
			}
		span.addressName { min-width: 150px }	
		span.addressNumber { min-width: 50px }	
			
		span.kana { /* Setting this creates a psuedo min-width for containing span */
			width: 150px;
			}
		span.addressNumber {
			width: 50px;
			white-space: nowrap;
			}			
		span.english { color: blue; text-decoration: underline }
		span.kana, span.kanji { color: black }
		
		a:link, a:visited { text-decoration: none }
		span.href { display: none }

/*****************************************************************************************************************/

div#mapLayer {
	position: absolute;
	left:0;
	top:0;
	width: 770px;
	height: 607px;
//	border: solid 2px gray;
	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;
	background: #ffffcc;
	}	
	input#searchQuery {
		float: left;
		font-size: 14px;
		width: 100px;
		height: 25px;
		margin: 2px 5px 0px 0;
		padding-left: 2px;
		display: none;
		}
	input#searchButton {
		float: left;
		margin-top: 2px;
		margin-right: -50px; /* stop containing div's background squaring off our smoothed edges */
		}
		
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('Images/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;
		}