/*

File: directions.css
Purpose: To apply styles specific to the Directions page

*/


form#addresses {
  height: 6em;
  margin: 1.5em 0;
  margin-right: 11.25em;
  width: 32.25em;
  white-space: nowrap;
}
  form#addresses ol {
    list-style-type: none;
    height: 3em;
  }
    .inputs li {
      clear: left;
      width: 32.25em;
    }
      .inputs li label {
        display: block;
        float: left;
        width: 9.75em;                                                          /* With #content split into fourths with 1.5em gutters, this is 1/4 */
      }
      .inputs li span {
        display: block;
        float: left;
        height: 1.5em;
        width: 1.5em;
      }
      input {
        display: block;
        float: left;
        height: 1.25em;                                                         /* To vertically center the text */
        margin: 0.125em 0;                                                      /* To vertically center the text */
        width: 21em;                                                            /* With #content split into fourths with 1.5em gutters, this is 2/4 + 1 gutter */
      }
      input[type="submit"] {
        clear: none;
        height: 1.5em;
        margin: 0;
        width: 9.75em;
      }
  div.buttons {
    clear: both;
    margin: 1.5em 0;
    margin-left: 11.25em;                                                       /* label { width } + gutter (label { margin-right }) */
  }
  div.buttons input {
    margin: 0;
  }

#map {
  height: 27em;
  margin: 1.5em 0 1.5em -9px;
  position: relative;
  width: 100%;
}
  #map .bottom-right_curl {
    background: transparent url(/images/css/curl.medium.bottom-right.overlay.png) 100% 100% no-repeat;
    height: 118px;
    margin-bottom: -9px;
    margin-right: -9px;
    position: absolute;
      bottom: 0;
      right: 0;
    width: 148px;
    z-index: 90;
  }
  #map .top-left_curl {
    background: transparent url(/images/css/curl.medium.top-left.overlay.png) 0 0 no-repeat;
    height: 148px;
    position: absolute;
      left: 0;
      top: 0;
    width: 117px;
    z-index: 90;
  }
  #google_map {
    background-color: #ecefef !important; /* Override Google's grey background */
    height: 100%;
    margin-bottom: 9px;
    margin-left: 9px;
    position: absolute;
      left: 0;
      top: 0;
    width: 100%;
  }
    #google_map a {
      border: none;
    }
    #google_map div.gmnoprint,
    #google_map a[href="http://www.google.com/intl/en_us/help/terms_maps.html"] {
      z-index: 100;                                                             /* Put the pan/zoom controls above the curl image; Positioning already set inline */
    }