#directions-panel {
        height: 100%;
        float: left;
       /** width: 390px;*/
        width: 300px;
 		font-size: 14px;
      /**   font-family: Arial;*/
        overflow: auto;
        	background-color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 24px;

      }
  
   html, body, #map-canvas {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

#map-canvas {
    width: 100%;
    height: 500px;
}   


      #panel {
        position: absolute;
        top: 5px;
        left: 50%;
        margin-left: -180px;
        z-index: 5;
        background-color: #fff;
        padding: 5px;
        border: 1px solid #999;
      }





     

      #control {
        background: #fff;
        padding: 5px;
        /**font-size: 14px;*/
        font-size: 10px;
       /** font-family: Arial;*/
        border: 1px solid #ccc;
        box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
        display: none;
      }

      @media print {
        #map-canvas {
          height: 800px;
          margin: 0;
        }

        #directions-panel {
         float: none;
         width: auto;
        
  
        }
      }


      table {
        font-size: 12px;
      }
      #listing {
        position: relative;
        width: 200px;
        
      /*  height: 800px;*/
       height: 200px;
        
        overflow: auto;
       /** left: 442px;*/
        top: 0px;
        cursor: pointer;
        overflow-x: hidden;
      }
    
      #locationField {
        position: relative;

        width: 190px;
        height: 25px;
       /** left: 108px;*/
        top: 0px;
        z-index: 5;
        background-color: #fff;
      }
      #controls {
        position: relative;
        /**left: 300px;*/
        width: 140px;
        top: 0px;
        z-index: 5;
        background-color: #fff;
      }
      #autocomplete {
        width: 100%;
      }
      #country {
        width: 100%;
      }
      .placeIcon {
        width: 20px;
        height: 34px;
        margin: 4px;
      }
      .hotelIcon {
        width: 24px;
        height: 24px;
      }
      #resultsTable {
        border-collapse: collapse;
        width: 240px;
      }
      #rating {
        font-size: 13px;
        font-family: Arial Unicode MS;
      }
      .iw_table_row {
        height: 18px;
      }
      .iw_attribute_name {
        font-weight: bold;
        text-align: right;
      }
      .iw_table_icon {
        text-align: right;
      }
      
            #pac-input {
        background-color: #fff;
        padding: 0 11px 0 13px;
        width: 400px;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
        text-overflow: ellipsis;
      }

      #pac-input:focus {
        border-color: #4d90fe;
        margin-left: -1px;
        padding-left: 14px;  /* Regular padding-left + 1. */
        width: 401px;
      }

      .pac-container {
        font-family: Roboto;
      }

      #type-selector {
        color: #fff;
        background-color: #4d90fe;
        padding: 5px 11px 0px 11px;
      }

      #type-selector label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
      }