/* Tooltip for Export button*/
.exhibit-toolboxWidget-popup {
    position: relative;
}

.exhibit-toolboxWidget-popup:after {
    text-align: left;

    display: none
}

.exhibit-toolboxWidget-popup:hover:after {
    display: block;
    position: absolute;
    left: 2em;

    z-index: 10;
    max-width: 10em;

    border: 1px dotted grey;
    padding: 0.5em;

    background: #ebe7bc;

    content: 'Export As...';
    text-align: left;
    white-space: nowrap;
}

.exhibit-slider {
    border: 1px solid #CCC;
    padding-bottom: 5px;
    background-color: #E3E6EC;
}

.multiGroupEvents {
    width: 400px;
    height: 100px;
    overflow: auto;
}

/* PlotIt Title */
#sidebar > header {
    margin-bottom: 0.25em;

    text-align: center;

    font-size: 2em;
    text-decoration: none;
    font-weight: bold;
}

#sidebar > header > header {
    font-size: 0.8em;
    /*font-style: italic;*/
}

#sidebar > section {
    border-bottom: 1px solid black;
    padding-bottom: 1em;
}

#sidebar > section > p {
    margin: 0 0;

    font-size: 0.8em;
}

#sidebar > section {
    margin: 0.5em 0em;
}

#sidebar > section > a {
    font-size: 1em;
    font-weight: bold;
    color: #000;
}

#sidebar > section > header {
    margin-bottom: 0.25em;
}

#sidebar #help:before {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.25em;

    width: 1em;
    height: 1em;

    box-shadow: 0.05em 0.05em 0.12em #aaaaff;
    border: 1px solid #0000ff;
    border-radius: 100%;

    padding: 0.1em;

    text-align: center;

    font-family: "Courier New", monospace;
    font-size: 1.5em;
    color: #0000ff;
    content: '?';
}

#sidebar a:hover {
    color: #444;
}

#sidebar #help:hover:before {
    border-color: #2222ff;
    color: #2222ff;
}

/* historical map controls */
#historicalOpacityControls {
    display: block;
    font-size: 1.5em;
}

/* Show/Hide panel buttons */
.cwrc-hide a {
    font-weight: bold;
    color: #000;
    font-size: 1em;
    text-decoration: none;
}

.cwrc-hide a:hover {
    text-decoration: underline;
}

/* DETAILS BOX*/
#detailsBox {
    margin: 1em 0;

    min-height: 5em;
    max-height: 20em;

    overflow: auto;

    border: 1px solid #738699;
    border-radius: 0.25em;
    background: white;
}

#detailsBox .placeholder {
    color: #aaa;
    font-style: italic;
    text-align: center;
}

#detailsBox {
    max-height: 15em;

    font-size: 13px;
    color: #777;
    font-family: Arial, Tahoma, Sans-serif;
}

#detailsBox > div.item > div,
#detailsBox > div.item > img,
#detailsBox > div.item > iframe {
    display: inline-block;
    vertical-align: top;

    max-height: 100%;
}

#detailsBox > div.item > img {
    max-height: 10em;
    max-width: 33%;
}

#detailsBox > div.item > div {
    padding: 0.25em;
}

#detailsBox > div.item > div a {
    text-decoration: none;
    border-bottom: 1px dotted black;
}

#detailsBox > div.item > div a:hover {
    border-bottom: 1px solid black;
}

#detailsBox > div.item > div > header {
    margin: 0.1em 0;
}

#detailsBox > div.item > div > header > span:first-of-type {
    font-weight: bold;
}

#detailsBox > div.item > div > header > span:first-of-type:after {
    content: ''
}

#detailsBox > div.item > div > header > span:last-of-type:after {
    content: ''
}

#detailsBox > div.item > div > section > header {
    margin-bottom: 0.1em;

    text-decoration: underline;
    font-size: 1.25em;
}

/* === TIMELINE === */
#timelineArea {
    margin-top: 0.4em;
}

.timeline-event-icon img {
    position: relative;
    top: -6px;
}

.timeline-selected {
    background: white;
    border: 2px dotted blue;
    border-radius: 0.25em;
}

.timeline-band-layer {
    /* because their code only sets it for ie and moz, with prefixes. */
    cursor: -moz-grab;
    cursor: -webkit-grab;
    cursor: grab;
}

.timeline-band-layer:active {
    /* because their code doesn't seem to set it for while clicked */
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.timeline-band-layer-inner[name='ether-markers']:first-of-type {
    background: rgba(51, 51, 51, 0.30);
}

/* miniline viewport indicator*/
.timeline-ether-highlight {
    border: 1px solid black;
}

.timeline-event-label {
    padding-left: 0.25em;
}

.timeline-date-label {
    box-shadow: 1px 1px 1px #666;
    border-radius: 0 1em 1em 0;

    background: #333;
}

.timeline-date-label-em {
    line-height: 200%;
    color: #fffee6;
    font-weight: bold;
}

/* ==== MAP ====*/
.gm-style-iw div div div {
    /* Hiding simple map popups */
    display: none
}

/*still need the multi-stack ones though*/
.gm-style-iw .multiGroupEvents {
    display: block;
}

div.map-lens {
    text-align: left;
    overflow: auto;
    width: auto;
    height: auto;
}

/*Hiding the close button*/
.gm-style-iw + div {
    display: none;
    visibility: hidden;
}

.exhibit-focusDialog {
    display: none;
}