/*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;
    /* left: 100px; */
    /* top: 100px; */
    z-index: 10000;
    top: 35px;
    text-align: left;
    float: left;
    vertical-align: bottom;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    /* font-weight: bold; */
    /* background: #fff; */
    width: 250px;
    /* border: 1px solid #ccc; */
    /* background-color: #fff; */
    /* margin: 0; */
    /* padding: 0; */
    /*-moz-box-shadow: 0px 2px 8px #000000;*/
    /* -webkit-box-shadow: 0px 2px 8px #000000; */
    /* box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.21); */
}

.resultsContainer .list-group{
    -moz-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.21);
    -webkit-box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.21);
}

.resultsContainer.show{
    display: block !important;
}

/*
.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.1em 0.4em;
	text-decoration : none;
	overflow:hidden;
	height:18px;

}

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

.thinFont {
	font-weight : lighter;
}

.alignRight{
	display : inline-block;
	float : right;
	font-weight : lighter;
	font-size : 70%;
	margin-top : 2px;
	padding-left:40px;
}
*/