/* Main layout */
div#map {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

div#controls {
    position: absolute;
    top: 1em;
    left: 1em;
    width: 19em;
    margin: 0;
    padding: 1em 1em 0 1em;
    z-index: 1001;
    overflow: hidden;
}

div#menuButton {
    position: absolute;
    top: 1em;
    left: 1em;
    display: none;
    margin: 0;
    padding: 0.2em 0.5em;
    z-index: 1001;
}

h4.menu-heading {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

h4.menu-heading span.arrow {
    font-size: 0.8em;
    margin-left: 0.2em;
    position: relative;
    top: -0.15em;
}

div.menu-content {
    display: none;
    margin: 0.5em 0 1em 0.5em;
}

input#fileSelect {
    width: 17em;
}

/* Style for things in the controls menu that are indented from the left by the width of a checkbox, to make them line
up with a checkbox's accompanying label. */
.indentControl {
    margin-left: 1.8em;
}

/* Popup layout */
table.popupQSOTable {
    line-height: 1em;
    position: relative;
    left: -3px;
}

/* Hide certain elements until we have something to put in there */
div#qrzApiStatus, div#hamqthApiStatus, table#qsoFiltersTable {
    display: none;
}