/**
 * These styles are particular to the /has pages and the search rolldown
 */

.search-form label, #search h2 {
    position: absolute;
    left: -9999px;
}

.search-form div {
    position: relative;
}

#search-input {
    border: 0.071em solid #fff;
    border-radius: 0.25em;
    background-color: rgba(255, 255, 255, 0.5);
    color: #000;
    display: inline;
    margin: 0 0 0 1em;
    padding: 0.143em 0.75em;
    width: 25em;
}

#search-input-button {
    transform: translate(0, -50%);
    vertical-align: middle;
    margin-top: 1em;
}

.rolldown #search-input {
    background-color: rgba(255, 255, 255, 0.9);
}

.rolldown #search-input-button {
    right: 25px;
}

.rolldown #search-close {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
}

.rolldown .search-form div {
    padding-right: 55px;
}

#searchresults ol {
    margin-left: 1.5em;
}

#searchresults li {
    list-style: decimal;
    color: #999;
}

#searchresults li p {
    color: #000;
}

#ajaxsearchresults {
    margin-top: 1em;
    color: #999;
}

#ajaxsearchresults ol {
    border-top: 0.083em dashed #3c2c29;
}

#ajaxsearchresults li {
    list-style: decimal;
    list-style-position: inside;
    border-bottom: 0.083em dashed #3c2c29;
}

#ajaxsearchresults li a {
    color: #ccc;
    text-decoration: underline;
    padding: 0.25em 0;
}

#ajaxsearchresults li a:hover {
    color: #fff;
}

#ajaxsearchresults li:hover {
    color: #fff;
    text-shadow: 0 0 5px #000;
    background-color: rgba(255, 255, 255, 0.1);
    text-decoration: none;
}