/*this is the stylesheet for the instant search box, you can manually 
edit the position of the search box by uncommenting and changing the left and top values bellow.
Also make sure you set autoPosition = false in instantSearch.js*/

.resultsContainer {
    display: none;
    position: absolute;
    margin: 3px 0;
    z-index: 10000;
    text-align: left;
    float: right;
    vertical-align: bottom;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    width: 300px;
    border: 2px solid #ccc;
    padding: 0;
    -moz-box-shadow: 0 4px 8px #666;
    -webkit-box-shadow: 0 4px 8px #666;
    box-shadow: 0 4px 8px #666;
    line-height: 18px;
    min-height: 22px;
    background-color: #fff;
}

.resultsLoader {
    background-image: url("../images/zoomloader.gif");
    background-position: right center;
    background-repeat: no-repeat;
    float: right;
    height: 16px;
    margin: 5px;
    width: 16px;
}

.resultsContainer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;

}

.resultsContainer li {
    margin: 0;
    padding: 0;
}

.resultsContainer a {
    display: block;
    color: #000;
    background-color: #fff;
    padding: 0.2em 0.4em;
    text-decoration: none;
    overflow: hidden;
    height: 18px;

}

.resultsContainer a:hover, .selected a {
    background-color: #eee;
    color: #000000;
}

.resultsContainer a:link {
    font-weight: normal;
}

.resultsContainer hr {
    margin: 0;
    border-color: #cccccc;
}

.highlightFont {
    font-weight: bold;
}

.alignRight {
    display: inline-block;
    float: right;
    font-weight: lighter;
    font-size: 80%;
    margin-top: 1px;
    padding-left: 5px;
}