.sidenavbar {
  width: 200px;
  float: left;
  /* height: 90%; */
  /* overflow: auto; */
}
.container {
  margin-top: 20px;
  height: 600px;
}

#map_container { 
  float: left; 
  position: relative; /* so we can position:absolute the layers box */
}
#map_container, #map {
  width: 635px;
  height: 100%;
  background: white;
  border: solid 1px black;
}

#layers
{
  border: solid 1px black;
  background-color: white;
  width: 120px;
  z-index: 100;
  padding: 0px;
}
/* #layers, #layers * {*/
#layers {
  position: absolute;
  top: 8px;
  right: 206px;
  font-size: 12px;
  text-align: center;
}
#layer_list { 
  display: none;
  text-align: left;
  padding: 5px 3px 5px 5px;
}
#layer_list ul {
  padding-left: 0; 
}
#layer_list img { display: none; }

.clear {
  clear: both;
}

inView {
}
outView {
  background-color: #ccc;
}

.hidden { 
  display: none; 
}

.dialogMessage ul {
  padding-left: 5px;
}
.dialogMessage li {
  margin-left: 10px;
}

/* make sure flickr images don't overflow the popup info windows */
#map a img {
  max-height: 300px;
  max-height: 200px;
}

.search.initial {
  color: #888;
}