/**
 * This is needed to not screw up the map controls
 */
#map-canvas .gm-style img { max-width: none; }
#map-canvas .gm-style label { width: auto; display: inline; }

.search-address, .map-controls {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
}
.search-address .search-wrapper {
    display: table-cell;
    width: 377px;
    border: solid 1px #ddd;
    background: white;
    margin-top: 5px;
    box-sizing: border-box;
}
.search-address button {
    vertical-align: middle;
    background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed); 
    background-color: #4d90fe; 
    height:32px; 
    width:72px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    border-radius: 0 2px 2px 0;
    text-align: center;
    z-index: -1;
    border: 0;
}
.search-address button:hover {
    background-color: #357ae8;
    background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
  }
.search-address button::before {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAABVUlEQVRYw+2YQRGEMAxFkVAJlYAEJCABCUhAQiWshJWABCRUAg7+XsrMTkibNDBdDvtnek0fSfqToQPQPeE8AuK5IDkBGAC8AESctQEIAHxXKTUIgB7ACr0CAHcrCIAJNm0A+ltALkAc2jWlKoKkcnCKCdCR0i3p4lNmroJwPRGEgC6VhGo2gaTXUQUhwEQryKsmUOaZU40WEOoTk8Eb3iTGYgGhcgaQmcRYL4N0BjHl+RnIeDuI1iFJ8EBivC0gm7bRCsGj1ktKIIGx6pohNjNZ9RYQnxliTgHRM1a/XrH4kIEZhEzstT0mgeTmBpJZzemJjgk65naTO9aAPvOFtavAWMqKdjHyhcxIW9quGRVVO2uh/lTr8fWMqbEw1cvzV/AlXXico2c884IgwZhADMY2STBNQDQwzUAkmKYgAoxvClKAGZqDMDBb89IwRjlI0/f/W+ID3tQLQPib2qQAAAAASUVORK5CYII=');
    content: "";
    background-size: 17px;
    height: 17px;
    width: 17px;
    margin: 0 auto;
    display: block;
}
#map-search-autocomplete {
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 20px;
    font-weight: 300;
    margin: 0;
    padding: 0 6px;
    height:auto;
    border: none;
    width: 300px;
    outline:none;
    background: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D) transparent;
}
.map-controls img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.map-controls .button {
    float:left;
    box-sizing: border-box;
    height: 32px;
    padding: 3px;
    background-color: #fff;
    border: outset 2px;
    border-radius: 3px;
    cursor: pointer;
    margin-top: 1px;
}
.map-controls .button.down{
    border-style: inset;
    background-color: #fefefe;
}
.map-controls .button.square{
    width: 32px;
}
.map-controls .button span {
    vertical-align: middle;
}
.info-window-address .label {
    padding-right: 1em;
    font-weight: bold;
}

/**
 * Map info window style
 */
.whlocation-info-window dl {
    display: table-row;
}
.whlocation-info-window dt {
    display: table-cell;
    font-weight: bold;
    padding-right: 1em;
}

.whlocation-info-window dd {
    display: table-cell;
}