#search{padding-bottom: 20px; }
.ui-autocomplete {
	max-height: 150px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px; z-index:10000 !important;
}
#searchparameters{float:left}

#key{position:absolute; background-color:#CFCFCF; top:0; right:0; font-size: 0.7em;}
.keycell{max-width:300px;}

#lpitems {float: left;}

#forms {float: left;  margin-left: 10px; position:relative;}

#clear {background-color:#91BD09; border-radius:3px;cursor:pointer;padding-left:3px;padding-right:3px;}

.formSpan{margin:5px; float:left; border: 1px solid #CFCFCF; padding:2px; cursor:pointer; line-height: 2em;
	  background-color:#EDEDED; border-radius:3px;}
.highlightedFormSpan{margin:5px; float:left; border: 1px solid #CFCFCF; padding:2px; cursor:pointer; line-height: 2em;
	  background-color:#8FC9FF; border-radius:3px;}


#coordinates{clear:both; padding-top: 10px;}
#northing{margin-left: 10px;}
#displayoptions{clear:both;padding-top: 10px;}

body{width:98%; cursor:wait;}

#mapdiv {float:left; 
	 height:720px; 
	 width:680px;}

#mapinfocontainer {width:100%; height:720px; overflow:hidden;}

#markerinfocontainer { height:100%; float:left;}

#formswithlabel{width:100%; height:44%;background-color:#F2F2F2;overflow-y:auto;}
#allforms {background-color:#F2F2F2; width:100%; overflow-y:auto;
border-bottom-right-radius:6px;
border-bottom-left-radius:6px; }

#lpItem {background-color:#D9D9D9; width:100%; 
border-top-left-radius:6px;
border-top-right-radius:6px;}

#space {height:3%;}

#individualMarkerTop{background-color:#D9D9D9; width:100%; height:4%;
border-top-left-radius:6px;
border-top-right-radius:6px;}

#individualMarkers {background-color:#F2F2F2; width:100%; height:49%; overflow-y:auto;position:relative;
border-bottom-right-radius:6px;
border-bottom-left-radius:6px;}

.questionmark {height: 1em; width: 1em; margin-left:1em; margin-top:2px;}

#searchbuttondiv {clear:both; padding-top:20px; }


.popupInfo{margin:3px;padding:4px; border-radius:4px; cursor:move;}
.close{margin-left:5px; float:right; cursor:pointer; position:relative; top:-4px;left:4px;}

.smcap {font-size: 0.8em;}

.invisibleline {visibility: hidden;}

#formplaceholder{width:160px;height:1.34em;border:1px solid;
		border-color:#CCC;
		border-color:rgba(0,0,0,0.3);
		border-bottom-color:rgba(0,0,0,0.5);
		border-radius:3px;position:absolute; top:1.2em; left:15px;box-shadow:0px 0px 1px #3366FF;}

#formcontainer{width:170px;max-height:300px;background-color:rgb(255,255,229);display:none;
		overflow-y:auto;position:absolute; top:2.7em;left:15px;z-index:1000;}

.righticon{float:right;cursor:pointer;}

.searchbutton {color:#FFF; 
		text-shadow:0 -1px rgba(0,0,0,0.15);
		font-size:14px;
		padding:10px 20px 11px; 
		cursor:pointer;
		text-decoration:none;
		border:1px solid;
		border-color:#CCC;
		border-color:rgba(0,0,0,0.3);
		border-bottom-color:rgba(0,0,0,0.5);
		border-radius:3px;
		background-color:#91BD09;
		background-image:-webkit-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
		background-image:   -moz-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
		background-image:     -o-linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
		background-image:        linear-gradient(rgba(255,255,255,0.2), rgba(0,0,0,0.2));
		-webkit-box-shadow:inset 1px 1px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.3), inset 0 -2px 2px -2px rgba(0,0,0,0.5);
		-moz-box-shadow:inset 1px 1px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.3), inset 0 -2px 2px -2px rgba(0,0,0,0.5);
		box-shadow:inset 1px 1px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.3), inset 0 -2px 2px -2px rgba(0,0,0,0.5);
		-webkit-user-select:none;
		-moz-user-select:none;
		user-select:none; 
		}


.searchbutton:hover {
	text-decoration:none;
	background-color:#E7FBAC;
	background-image:-webkit-linear-gradient(rgba(255,255,255,0.4), rgba(0,0,0,0.3));
	background-image:   -moz-linear-gradient(rgba(255,255,255,0.4), rgba(0,0,0,0.3));
	background-image:     -o-linear-gradient(rgba(255,255,255,0.4), rgba(0,0,0,0.3));
	background-image:        linear-gradient(rgba(255,255,255,0.4), rgba(0,0,0,0.3));
}

.arrow-up {
	width: 0;
	height: 0;
	border-left: 0.8em solid transparent;
	border-right: 0.8em solid transparent;
	border-bottom: 0.8em solid #91BD09;
cursor:pointer;
float:right;
margin-top:0.2em;
}

.arrow-down {
	width: 0;
	height: 0;
	border-left: 0.8em solid transparent;
	border-right: 0.8em solid transparent;
	border-top: 0.8em solid #91BD09;
cursor:pointer;
float:right;
margin-top:0.2em;
}

.surveyPointNoStyle{
width: 4px;
height: 4px;
background-color: white;
-moz-border-radius: 4px ;
border-radius:  4px;
position:relative; top:3px; left:3px; 
display:inline-block;
margin: 3px;
}

.itemPointNoForm{
width: 8px;
height: 8px;
background-color: #33FFFF;
-moz-border-radius: 8px ;
border-radius:  8px;
position:relative; top:3px; left:3px; 
display:inline-block;
margin: 3px;
border: 1px solid #DBB8FF;
}


.formFound{
width: 8px;
height: 8px;
background-color: #3333FF;
-moz-border-radius: 8px ;
border-radius:  8px;
position:relative; top:3px; left:3px; 
display:inline-block;
margin: 3px;
border: 1px solid black;
}

.small {
width: 6px;
height: 6px;
background-color: red;
-moz-border-radius: 6px ;
border-radius:  6px;
position:relative; top:3px; left:3px; 
display:inline-block;
margin: 3px;
border: 1px solid black;
}

.medium{
width: 9px;
height: 9px;
background-color: red;
-moz-border-radius: 9px ;
border-radius:  9px;
position:relative; top:3px; left:3px;
display:inline-block;
margin: 3px;
border: 1px solid black;
}
.large {
width: 12px;
height: 12px;
background-color: red;
-moz-border-radius: 12px ;
border-radius:  12px;
display:inline-block;
margin: 3px;
position:relative; top:3px; left:3px;
border: 1px solid black;
}

.nofrequency{
width: 8px;
height: 8px;
background-color: red;
position:relative; top:3px; left:3px;
display:inline-block;
margin: 3px;
border: 1px solid black;
}