.lookupcontainer {
    background: rgba(0, 0, 0, .025);
    padding: 1.5em;
    border-radius: 3px;
    font-size: 1em;
    border: 1px solid #CCC;
    border-bottom-width: 5px;
    display: grid;
    grid-template-columns: auto 200px 1fr;
    grid-gap: .5em 1em;
    margin: 1em 0em
}

.lookupcontainer .toolheader {
    display: block;
    margin-bottom: 0.5em;
    font-size: 1.25em;
    font-family: "BryantPro";
    font-weight: bold;
    grid-column: 1/-1
}

.lookupcontainer label {
    grid-column: 1;
    font-weight: bold;
}

.lookupcontainer .note {
    grid-column: 3;
    font-style: italic;
}

.lookupcontainer button {
    grid-column: 2
}

.lookupcontainer input.error {
    border-color: #C00
}

.lookupcontainer .error {
    color: #C00
}

#resultswrapper {
    display: grid;
    grid-template-columns: 100%;
    justify-content: center;
    align-items: center;
    padding: 1.5em;
    border: 1px solid #CCC;
    opacity: 0;
    box-shadow: 0em 0em 1em #0001
}

#resultswrapper h2 {
    margin-top: 0em;
}

#resultswrapper .grid {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: .5em 1em;
    padding: .5em;
}

#resultswrapper #cbsaUrbanRuralTarget {
    text-transform: capitalize;
}

#resultswrapper table {
    margin-top: 1em;
}

#resultswrapper table th,
#resultswrapper table td {
    text-align: left;
    padding: .5em
}

#resultswrapper table th:not(:first-child),
#resultswrapper table td:not(:first-child) {
    text-align: right
}

#resultswrapper th {
    border-bottom: 1px solid #CCC
}

#resultswrapper tr:nth-child(even) td {
    background: #f9f9f9
}