@charset "utf-8";
/* CSS Document */

#svPanel {
  width: 798px;
  height: 60px;
  position: relative;
}

#status {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 798px;
  text-align: center;
  font: 12pt;
  color: #666666;
  background-color: white;
}

#instruction {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 798px;
  text-align: center;
  font: 12pt;
  color: #eeeeee;
  display: none;
}

#svPanel, #directions, #map {
  border: 1px solid black;
  background-color: white;
}

#streetview {
  position: absolute;
  float:left;
  clear:both;
  top: 0px;
  left: 0px;
  width: 798px;
  height: 319px;
}

#map {
  width: 400px;
  height: 317px;
  overflow: hidden;
  float:left;
  clear:both;
}

#directions {
  width: 396px;
  height: 410px;
  overflow: auto;
  float:right;
}

.waypoint {
  position: relative;
  background-color: #eeeeee;
  border: 1px solid #666666;
  padding: 6px;
  margin: 4px;
  font: 10pt sans-serif;
}

.letterIcon {
  width: 24px;
  height: 38px;
  background-image: none;
}

.waypointAddress {
  position: absolute;
  top: 17px;
  left: 32px;
}

#summary {
  padding: 4px;
  font: 10pt sans-serif;
}

.dstep {
  border-top: 1px solid #666666;
  padding: 4px;
  padding-left: 8px;
  font: 10pt sans-serif;
  margin-left: 4px;
  margin-right: 4px;
  cursor: pointer;
  background-color: white;
}

.label {
  width: 52px;
  text-align: right;
  font: 12pt sans-serif;
  float: left;
  position: relative;
  top: 4px;
}

.input {
  float: right;
  width: 335px;
  text-align: left;
}

.controls {
 padding: 4px;
 width: 392px;
 clear:left;
 float:left;
}

#buttons {
 padding: 5px 5px 0 0;
 float:right;
 width:338px;
}

.custombuttons {
	width: 25.11em;
	height: 2em;
}

table {
  border-collapse: collapse;
}

td {
  vertical-align: top;
}