.cp_header {
  background-color: #faa635;
}

div {
    overflow: visible;
}

#div_mapinfo_outer, #div_mapinfo_popupgray {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    margin: 0px;
    background-color: Transparent;
    opacity: 0.9;
    z-index: 95;
    text-align: center;
    vertical-align: middle;
    display: block;
}

#div_mapinfo_popupgray {
    z-index: 95;
    opacity: 0.3;
    background-color: black;
}

#div_mapinfo {
    position: relative;
    background-color: white;
    text-align: left;
    padding: 5px;
    width: 1080px;
    margin: auto;
    display: block;
    border-radius: 0.5em;
    z-index: 96;
}

.map_popup_main {
    width: 1060px;
    margin: auto;
}
.map_popup_pubmed,.map_popup_summary,.map_popup_locdetail {
    border-radius: 0.5em;
}

.map_popup_pubmed_year, .map_popup_pubmed_year_on {
    width: 5em;
    font-size: 0.9em;
}
.map_popup_pubmed_doi, .map_popup_pubmed_doi_on {
    font-size: 0.9em;
}
.map_popup_pubmed_year_off {
    width: 5em;
    font-size: 0em;
    display:none;
}

.map_popup_pubmed_doi_off {
    font-size: 0em;
    display: none;
}

.map_popup_loc_close {
    width: 2em;
    padding: 0.2em;
    cursor: pointer;
    vertical-align: top;
    text-align: right;
}


@media only screen and (max-width:1100px) {
    .map_popup_main {
        width: 600px;
        margin: auto;
    }

    #div_mapinfo {
        width: 620px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx), only screen and (max-width:620px) {
    .map_popup_main {
        width: 98%;
        margin: auto;
    }

    #div_mapinfo {
        width: 99%;
    }
}