/* CSS Document */

#cont {
  /*width: 580px;
  padding: 8px;
  background-color: #eeeeff;
  border: 1px solid #000066;
  display:none;*/
}

#svPanel {
  width: 550px;
  height: 40px;
  position: relative;
}

#status {
  position: absolute;
  top: 15px;
  left: 0px;
  width: 530px;
  text-align: center;
  font: 14px bold;
  font-family:Arial, Helvetica, sans-serif;
  color: #666666;
  background-color: white;
  display:none;
}

#instruction {
  position: absolute;
  top: 295px;
  left: 0px;
  width: 550px;
  text-align: center;
  font: 16pt sans-serif;
  color: #eeeeee;
  display: none;
}

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

#streetview {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 538px;
  display:none;
  /*height: 319px;*/}

#progressBorder {
  position: relative;
  width: 550px;
  height: 10px;
  margin: 2px 0px 2px 0px;
  border: 1px solid #000066;
  background-color: white;
  overflow: hidden;
}

#progressBar {
  position: absolute;
  background-color: #000066;
  width: 548px;
  height: 8px;
  top: 1px;
  right:1px;
}

#map {
  width: 573px;
  height: 358px;
  margin-right: 0px;
  overflow: hidden;
  background:#006666;
}

#nomap {
  /*width: 540px;*/
  margin: 180px 0px 0px 160px;
  overflow: hidden;
  color:#fff;
  font-size:11px;
  display:none;
}

#directions {
  width: 275px;
  height: 300px;
  margin-left: 1px;
  position: relative;
  overflow: auto;
  display:none;
}

.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: 30px;*/
  text-align: left;
  font: 12px arial;
  float: left;
  position: relative;
  top: 4px;
  margin-right: 5px;
  color:#fff;
}

.input {
  float: left;
  width: 132px;
  text-align: left;
}
.inputtxt{height:18px; background-color:#CCCCCC; margin-top:3px; font-size:10px;}

.controls {
 /*float:left;
 clear: both;*/
 padding: 0px 0px 0px 19px;
}

#speed {
  float: left;
}

#buttons {
float: left
}

table {
  border-collapse: collapse;
}

td {
  vertical-align: top;
}