/**
 * CSS for Maps
 *
 * Created 23 Aug 2012
 * Updated 12 Jun 2016
 *
 * Last update: height of browse button on campus maps landing page, AB.
 *
 * @author Allan A Beattie
 */


/* New maps styles
------------------------------------------------------------ */

#map_tools_container {
    float: left;
    width: 100%;
}

#map_search_wrapper,
#map_filter_wrapper {
    float: left;
    width: 332px;
}

#map_filter_wrapper {
    margin: 0 11px 0 0;
}

#map_search_container,
#map_filter_container {
    float: left;
    width: 185px;
    margin: 0 0 10px;
    padding: 10px;
    border: 1px solid #ccc;
    background: url(/global/images/layout/content-footer-bg.jpg) repeat-x left bottom #fff;
}

#map_search_container h3,
#map_filter_container h3 {
    margin: 0 0 10px;
    padding: 0 0 8px;
    border-bottom: 1px dotted #898989;
    font-size: 110%;
    color: #444;
}

#map_search_filter select {
    width: 88%;
    height: 36px;
    margin: 0 0 10px;
    padding: 7px 5px;
    border: 1px solid #aaa;
}

#maps_filter_go {
    display: block;
    float: right;
    height: 36px;
    padding: 8px;
    border: 0;
    background: #932f4c;
    font-family: Verdana, Geneva, sans-serif;
    font-size: x-small;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
}

#maps_filter_go:hover,
#maps_filter_go:focus {
    background: #b24a69;
}

#map_details_container {
    margin: 0 0 1em;
}

#map_details_container iframe {
    width: 100% !important;
}

.map_container {
    height: 300px;
    border: 1px solid #ccc;
}

.search_container {
    position: relative;
    clear: both;
    width: 100%;
}

.search_container fieldset {
    border: none;
}

.search_container form {
    position: relative;
    clear: both;
    width: 100%;
}

.search_container label {
    position: absolute;
    left: -99999em;
}

.search_text_container {
    height: 22px;
    padding: 5px;
    border: 1px solid #aaa;
    background: #fff;
}

.search_text_container input {
    width: 100%;
    padding: 3px 0 0;
    border: 0;
    background-repeat: no-repeat;
    line-height: normal;
}

.search_go_container {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    border: 1px solid #aaa;
}

.search_go_container input {
    width: 32px;
    height: 32px;
    border: 1px solid #fff;
    background: url(../images/icons/search_icon.gif) no-repeat;
}


/* Generic call to action button
------------------------------------------------------------ */

#map_geo {
    float: left;
    margin: 1em 0;
    font-size: 0.9em;
}

#map_get_directions a,
#map_please_wait,
#map_find_nearest a {
    float: right;
    margin: 5px 0 5px 5px;
}

#map_get_directions a,
#map_find_nearest a {
    display: block;
    padding: 10px 20px;
    border-bottom: 0;
    border-radius: 3px;
    background: green;
    text-decoration: none;
    color: #fff;
}

#map_get_directions a:hover,
#map_get_directions a:focus,
#map_find_nearest a:hover,
#map_find_nearest a:focus {
    background: #00ae00;
    text-decoration: none;
}


/* Maps search results/nearest list
------------------------------------------------------------ */

#maps_list li {
    line-height: normal;
}

#maps_list li a {
    display: block;
    margin: 0 0 20px;
    padding: 0 0 5px;
}

.maps_headline,
.maps_campus,
.maps_description {
    display: block;
}

.maps_campus {
    font-size: x-small;
    color: #888;
}

.maps_description {
    clear: both;
    color: #444;
}

.map_info_window {
    width: 200px;
    height: 112px;
}

#map_metrics_info {
    display: none;
    margin-top: -1px;
    padding: 5px;
    border: 1px solid #ccc;
    background: #ffffd3;
    font-size: 80%;
    color: #788A98;
}


/* alphabet listing links, done properly...
------------------------------------------------------------ */

.a_to_z {
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.a_to_z li {
    display: inline-block;
    margin: 0 2px 2px 0;
    font-size: 14.9px;
}

.a_to_z a,
.a_to_z b {
    display: inline-block;
    padding: 0.25em 0.5em;
    border-radius: 0.3em;
    background: #cb6382;
    text-decoration: none;
    font-family: monospace;
    font-weight: normal;
    color: #fff;
}

.a_to_z b {
    background: #ccc;
}

.a_to_z a:hover,
.a_to_z a:focus {
    background: #da8fa6;
    color: #fff;
}


/* embedded maps
------------------------------------------------------------ */

iframe.embed_map {
    width: 100%;
    min-height: 300px;
    border: 0;
}