input[type="text"] {
    margin-bottom:0;
    outline:none;
}

#results {
    margin-top:1em;
    display:inline-block;
}

input[type="text"], #autocompletes {
    font-family:"Lucida Grande", "Lucida Sans Unicode";
}

#autocompletes {
    cursor:pointer;
    overflow:auto;
    border-left:thin solid #ccc;
    border-bottom:thin solid #ccc;
    border-right:thin solid #ccc;
    background:rgba(255, 255, 255, 0.8);
    width:100%;
    max-height:200px;
    font-size:0.8em;
}

.queryContainer > * {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}

#query, #autocompletes {
    font-size:12pt;
    width:100%;
}

#autocompletes > div {
    border-bottom:1px solid #eee;
    padding:3px;
}

#autocompletes div.selected, #autocompletes div:hover {
    background:#eee;
}

#autocompletes .matching {
    color:#777;
}

#query[status="invalid"], #query[status="pending"] { color:gray; }
#query[status="error"] { color:red; }
#query[status="valid"] { color:black; }