.lookupFieldContainer {
	position:relative;	
	width:350px;
}
.lookupFieldContainer.loading 
{
    z-index: 9;	
}

.lookupFieldContainer.hasResultBox {
	z-index: 99;
}
	
/*Fix for http://stackoverflow.com/questions/6949059/jquery-ui-modal-dialog-captures-all-keypress-so-i-cant-input-text-inside-it */	
.ui-dialog .lookupFieldContainer.loading 
{
    z-index: 1009;	
}
.ui-dialog .lookupFieldContainer.hasResultBox {
	z-index: 1099;
}
/*End of fix */	
	
.lookupFieldContainer[data-hasdropdown=true] input 
{
    width: 323px; /*G Chrome issue - input must be 3px narrower otherwise arrow just down*/
}
	
.lookupFieldContainer .arrow 
{   
    background-image: url('/europeanaquatics/cassette.axd/file/scripts/jquery.ui.custom.stso/jquery.stso.lookupfield/img/lookupFieldArrowDown-5b63bfa2e7e42694fa7dd3b042e6eac2e7ea934d.png');
    background-repeat:no-repeat;
    background-color:Gray;
    width:18px;
    height:19px;
    float:right;
}	
	
.lookupResults {
	position: absolute;
	top: 20px;
	left: 0px;
	border: 1px solid gray;
	z-index: 100;
	background-color:white;
	max-height:285px;
	overflow-y:auto;
	overflow-x:hidden;	
	margin:0px;
	padding:0px;	
	min-width: 351px;
	max-width: 650px;
}
	
.lookupResults li {
	display: list-item;
	list-style:none;
	border-width:0px;
	border-bottom: 1px solid #aaa;
	margin:0px;
	padding:0px;
	padding-right: 25px;
}
	
.lookupResults li:hover {
	background-color: lightblue;
	color: white;
}
	
.lookupResults li div {
	display:block;
	margin:0px;
	padding: 1px 2px;
	border-width:0px;
	white-space:nowrap;
	max-width: 500px;
}	

.lookupResults .desc 
{
    margin-left:5px;
    color: Gray;
}

/*Override default width of field in order to keep arrow on same line*/
.detail-form input[type=text].lookupField.hasDropDown {
    width: 324px;
}