html { height:100% }
body { margin:0; padding:0; width:100%; height:100%; color:white; 
		font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; 
		font-size: 1.1em;
		background-color: transparent;
}

.close-button { position:absolute; right:5px; top:5px; width:50px; height:50px; z-index:9999; 
				background:url('https://maps.gstatic.com/m/streetview/images/close.png') center center no-repeat; }
.button { width:36px; height:36px; background:url('../images/button-normal.png') no-repeat;
		  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.tool-button { width:36px; height:36px; background:url('../images/button-normal.png') no-repeat;
		  border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
		  margin-bottom:2px; }
.tool-button-sel { width:36px; height:36px; background:url('../images/button-sel.png') no-repeat; 
				   border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; 
				   margin-bottom:2px; }
.button:active, .tool-button:active { background:url('../images/button-highlight.png') no-repeat; }
.layer-buttons { width:40px; height:83px; margin-left:6px; margin-bottom:6px; padding-top:4px; padding-left:4px;
				 border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
				 background-color:rgba(0,0,0,0.6); }
.zoom-buttons { width:36px; height:76px; margin-left:24px; margin-bottom:2px; }

#directions-panel { position:absolute; z-index:10; top:20px; width:100%; height:100%; pointer-events: none; }
#directions-text { background-color:rgba(255,255,255,0.95); color:#000; padding:4px; overflow:auto; 
				   width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; 
				   text-align:center; pointer-events: none; }
#canvas { left:0px; top:0px; width:100%; height:100%; }


#searchfield { display: block; width: 100%; text-align: center; margin-bottom: 35px; color:#000; }

#searchfield form {
  display: inline-block;
  background: #eeefed;
  padding: 0;
  margin: 0;
  padding: 5px;
  border-radius: 3px;
  margin: 5px 0 0 0;
}
#searchfield form .biginput {
  width: 600px;
  height: 40px;
  padding: 0 10px 0 10px;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  color: #000000;
  font-weight:normal;
  font-size: 1.5em;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#searchfield form .biginput:focus {
  color: #000000;
}

.autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto; }
.autocomplete-suggestion { padding: 10px 5px; color: #000; font-size: 1.2em; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399ff; }