body, html {
    font-family: Arial;
    font-size: 12px;
    margin: 0;
    background-color: #222;
    padding: 0;
    height:100%;
}

.app-hldr {
  width: 100%;
}

.player-hldr {
  float: left;
  width: 100%;
  background-color: #222;
}

.player {
  height:48px;
}

#jp_container_1 {
  z-index: 2;
}

#map_canvas{
  margin: 0;
  height: 100%;
  display: none;
}

#pano{
  background-color:#000000;
  position: absolute;
  z-index:5;
  width:100%;
  height:100%;
  display: none;
}

.title-header, .action, .action-btn {
    text-align: center;
}

.title {
  color: #ccc;
  font-size: 28px;
  padding: 20px;
}

a:link {
  color: #999;
}

.go {
  margin:30px;
  background-color:transparent;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border:1px solid #dcdcdc;
  display:inline-block;
  color:#21a321;
  font-family:arial;
  font-size:28px;
  font-weight:bold;
  padding:12px 41px;
  text-decoration:none;
}

.go :active {
  position:relative;
  top:1px;
}

#temp-audio-controls {
  position:absolute; 
  z-index:4; 
  height:20px; 
  width:200px; 
}

#closeStreetView {
  z-index:9999; 
  background-color:#333; 
  font-size:16px; 
  color:white; 
  padding:15px;
  position:absolute; 
  top:10px; 
  right:10px; 
  cursor:pointer;
}