/*  */
#search-bar {
	
	float: left;
	/*overflow: auto;	*/
	background:#6EC6F1;
	margin-top:10px;
	margin-left: 10px;
	padding-left: 10px;
	padding-right:8px;
	padding-bottom: 6px;
	border: solid 1px black;
	}

.searchbox {
	font-size: 14px;
	background-color:#FFFFFF;
	
width: 288px;
height:25px;
border: inset #636363;
border-width:2px;
padding-bottom:2px;
padding-top:2px;
padding-left:2px;
text-align:left;
display:none;
}

input#LocAjax{display:inline;
}

.search-one {
	float: left;
	/*display: block; not necessary?*/
}

.search-one p{
	font-size: 18px;
	font-weight: bold;
	text-indent: 0px;
	margin-top: 0px;
	padding-left:0px;
	margin-bottom: 6px;
	margin-left: 0px;
}

.search-one p label{
	font-size: 0.8em;
}

.search-two {
    display:inline;
    padding-top:20px;
    float:left;
    padding-left:0px
}

#latlongtable {
	background:#6EC6F1;
	color: #000000;
    /* display:inline; took out as I think was conflicting with display:none in searchbox*/
height:30px;
border: none;
}

table#latlongtable {
border-spacing:0px;
}

#latlongtable input{

border: inset #636363;
border-width:2px;
padding-bottom:1px;
padding-top:1px;
padding-left:2px;
}

#lat, #lon {height:15px;width:50px;font-size:0.9em}

.watermark {color: #999;}



/* To make the dialogs work with IE6/7*/
div#dialog1, div#dialog2, div#dialog3, div#dialog4{ display:none;}

div#keypanel
{
width: 200px;
display:none;
position:absolute;
margin:1.7em 0em 0em 0em;
text-align:center;
background:#e5eecc;
border:solid 2px #c3c3c3;
z-index:2;
}


#keyflip{
width: 150px;
margin:0em 0em 0em 0em;
text-align:center;
cursor:pointer;
background: #D5E8FA;
border: 2px outset #D5E8FA;
padding:2px 10px 2px 10px;
color: #000;
}

#keyflip:focus, #keyflip:hover, #keyflip:active{
border: 2px inset #898989;
background: #C0CBE7;color: #363636;
cursor:pointer;
}

#key_table {border:1px solid black; font-size:0.7em;color:#06a;}
#key_table img {height:25px;}