/* Always set the map height explicitly to define the size of the div
      * element that contains the map. */
     #map {
       height: 100%;
     }
     /* Optional: Makes the sample page fill the window. */
     html, body {
       height: 100%;
       margin: 0;
       padding: 0;
     }

   <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
     #locationField, #controls {
       position: relative;
       width: 480px;
     }
     #autocomplete {
       top: 0px;
       left: 0px;
       width: 100%;
       border-radius: 0px;
     }
     .label {
       text-align: right;
       font-weight: bold;
       width: 100px;
       color: #303030;
     }
     #address {
       border: 1px solid #000090;
       background-color: #ffffff;
       width: 480px;
       padding-right: 2px;
     }
     #address td {
       font-size: 10pt;
     }
     .field {
       width: 99%;
     }
     .slimField {
       width: 80px;
     }
     .wideField {
       width: 200px;
     }
     #locationField {
       height: 20px;
       margin-bottom: 2px;
     }