#search_2 {
    position: relative; 
    margin: 10px 0 10px 7px; 
}
	
#suggest_list {
	position: absolute;
	height: 480px;
    overflow: auto;
    left: 0px;
    top: 24px;
    color: #000;
    cursor: pointer;
    list-style: outside none none;
    font-family: sans-serif;
    font-size: 11pt;
    z-index: 100001;
    padding: 0;
    margin: 0;
}
	
.list_item {
    background-color:#fff;
}

#suggest_list li:hover {
    background-color: #e6e6fa; 
}

#suggest_list li {
	    padding: 4px 10px ; 
	    border-top-style: solid ;border-top-width:1px; border-top-color: #d3d3d3;
	    border-left-style: solid ;border-left-width:1px; border-left-color: #d3d3d3;
	    border-right-style: solid ;border-right-width:1px; border-right-color: #d3d3d3;
}
	
.search {
    width: 340px; /* Ширина поля с кнопкой */
    border: 1px solid #000; /* Параметры рамки */
    border-color: #a9a9a9;
    min-height: 20px; /* Минимальная высота */
    background: #fff;
	display: none;
}

input[type="search"] {
    border: none; /* Убираем рамку */
    outline: none; /* Убираем свечение в Chrome и Safari */
    -webkit-appearance: none; /* Убираем рамку в Chrome и Safari */
    width: 310px; /* Ширина поля */
    vertical-align: middle; /* Выравнивание по середине */
    font-family:sans-serif;
    font-size: 11pt;
}

input[type="submit"] {
    width: 20px; /* Ширина кнопки */
    height: 20px; /* Высота кнопки */
    border: none; /* Убираем рамку */
    background: url(../images/find.png) no-repeat 100% 100%; 
    opacity: 0.5;
    cursor: pointer;
}
	
#buttons{
    padding: 0;
    color:#fff; 
    font-weight: 700
}
#buttons:after { 
    content:" "; 
    clear:both; 
    display:block; 
}
	
html, body { 
    height: 100%;
	width:100%; 
	margin:0; 
	background: url(../images/cr4.jpg) repeat; 
	font-family:sans-serif; 
	color:#000; 
	font-weight: 700;
}

#map { 
	height: 100%; 
	width:100%; 
	border-top: 1px solid black; 
	border-bottom: 1px solid black; 
	cursor:crosshair; 
	background: #fff; 
	overflow:hidden;
}

.checkbox_block {
    float: left;
    margin: 0px 2px 5px 0px;
}

.checkbox {
  vertical-align: top;
  margin: 0 3px 0 0;
  width: 17px;
  height: 17px;
}

.checkbox + label {
  cursor: pointer;
}

.checkbox + label:hover {
    color: #F77F00 ;
}

.checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}

.checkbox:not(checked) + label {
  color: #CDD1DA;   
  font-size: 14pt;
  font-weight:400;
  position: relative;
  padding: 0px 10px 0 45px;
}

.checkbox:not(checked) + label:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  width: 40px;
  height: 22px;
  border-radius: 10px;
  background: #CDD1DA;
  box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
}

.checkbox:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0 2px 5px rgba(0,0,0,.3);
  transition: all .2s; 
}

.checkbox:checked + label:before {
  background: #9FD468;
}

.checkbox:checked + label:after {
  left: 20px;
}

.checkbox.blue:checked + label:before { background: #A9BCF5 ; }
.checkbox.green:checked + label:before { background: #9FD468 ; }
.checkbox.red:checked + label:before { background: #F78181 ; }
.checkbox.purple:checked + label:before { background: #D358F7 ; }

.btn_reset {
    border-radius:10px;
    cursor: pointer;
    margin: 0 10px 0 10px; 
    padding: 0 7px;
    border: none; 
    height: 22px;
    background-color: #E5E5E5;	
	box-shadow: inset 0 5px 5px rgba(0,0,0,.2);    
	font-family: sans-serif;
}


.btn_seconds {
    border-radius:5px;
    cursor: pointer;
    margin: 10px 0 0 10px; 
    padding: 0 5px;
    border: none; 
    height: 22px;
    line-height: 22px;
    background-color: #E5E5E5;	
    box-shadow: inset 0 5px 5px rgba(0,0,0,.2);    
	font-family: sans-serif;
}

.coord_input{
    border: 1px solid #000; 
    border-color: #a9a9a9;
    min-height: 20px;  
    font-family:sans-serif;
    font-size: 11pt;    
}

.btn_close {
    cursor: pointer;
    margin: 0 0 0 10px;
    padding: 0 5px;
    height: 30px;
    background-color:#ff0000; 
    border: none;   
    color: #fff;
    font-weight: 700;
    border-radius:5px;
	font-family: sans-serif;
}

table.recalc td { 
    padding-right: 0px; 
}

.nobr {
    white-space: nowrap; align: left;
}

.btn_zoom{
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0;
    height: 40px;
	width: 40px;
    font-size: 20pt;
    font-weight: 700;
    border-radius: 5px;
	font-family: sans-serif;
	line-height: 25px;
	background-color: #333333; 
	border: 1px solid #cdc5c2;
	color: white; 
	opacity: 0.70; 
}

.btn_zoom:hover {
	color: white;
	opacity: 0.80	;
	
}

#inputseconds {
	width:300px; 
	position:fixed; 
	right:0; 
	top:0; 
	z-index: -3; 
	color:#F77F00 ; 
	border:1px solid black;
	background:url(../images/cr4.jpg) repeat; 
	padding:20px 0 5px 20px;
}

.recalc{
 color:#F77F00;
 font-weight: 700;
}

#coordsinput {
 width:340px; 
 position:fixed; 
 right:0; 
 top:0; 
 z-index: -2; 
 color:#F77F00; 
 border:1px solid black;
 background:url(../images/cr4.jpg) repeat; 
 padding:20px 0 5px 20px;
}

/*::selection {
    color: black; 
    background: #FFB002; 
} */
  
::-moz-selection {
    color: black; 
    background: #FFB002; 
}

#copypaste {
	position:absolute; 
	width: 110px; 
	float: none; 
	top: 60%; 
	left:0; 
	z-index:-4; 
	margin-left:5px ; 
	opacity: 0.9;
}

#coordinatesarea{
	width: 110px; 
	height: 130px; 
	font-size: 13px ;
	font-family: 'Lucida Console', Monaco, monospace;
}

#close_copypaste{
	padding:0px 15px;  
	height: 30px; 
	cursor: pointer; 
	background-color: #EEEEEE; 
	box-shadow: inset 0 2px 2px rgba(0,0,0,.2); 
}

#ButtLatitudeD{
    padding: 2px 20px; 
    margin:5px 0; 
    box-shadow: inset 0 2px 5px rgba(0,0,0,.2);  
    cursor: pointer ;    
    background-color: #E5E5E5;  
}

#ButtLatitudeDm{
    padding: 2px 40px; 
    margin:5px 0; 
    box-shadow: inset 0 2px 5px rgba(0,0,0,.2);  
    cursor: pointer;     
    background-color: #E5E5E5;
}

#ButtLatitudeDms{
    padding: 2px 40px; 
    margin:5px 0 5px 40px; 
    box-shadow: inset 0 2px 5px rgba(0,0,0,.2);  
    cursor: pointer;  
    background-color: #E5E5E5;
}

#zoom {
	position: absolute; 
	width: 35px; 
	bottom:0; 
	left:0; 
	z-index: 9999; 
	margin: 0; 
	height:20px; 
	line-height: 20px; 
	font-family: Verdana, sans-serif; 
	font-size: 10pt; 
	font-weight:400; 	
	background-color:#333333; 
	border: 1px solid black;
	color:white; 
	opacity:0.70; 
	text-align:center;
}

#footer {
     width:100%; 
     position:relative; 
     color:#F77F00 ; 
     margin-top: 5px;
}

#logo {
    width:100%; 
    text-align:center; 
    padding-top: 5px; 
    font-size:13pt;
} 

#mapcontainer{
    width:100%; 
    height:95%; 
    position:relative;
}

.details_btn a{
	color: #CDD1DA ;
	text-decoration: none;
	font-size: 14pt;
    font-weight: 500;
}

.details_btn a:hover{
	color: #F77F00 ;
	text-decoration: none;
	font-size: 14pt;
    font-weight: 700;
}

#trkbtn2{
	position:absolute; 
    top: 2%; 
    left: 45%; 
    z-index: -13; 
    cursor: pointer;     
    padding: 0 5px;
    height: 30px;
    background-color: #F77F00;
    border: 2px solid #505050;
    color: #505050;
    font-weight: 700;
	font-size: 14px;
    border-radius: 12px;
    font-family: sans-serif;" 
}

#trkbtn2:hover {
    background-color: #FFBF00;
}

.btn_zoom{
    cursor: pointer;
    margin: 0;
    padding-bottom: 5px;
    height: 40px;
    width: 40px;
    font-size: 24pt;
    font-weight: 500;
    border-radius: 5px;
    font-family: sans-serif;
    line-height: 25px;
    background-color: #333333;
    border: 1px solid #cdc5c2;
    color: white;
    opacity: 0.70;
}

.btn_zoom:hover {
    color: white;
    opacity: 0.80;
}

.gm-style-mtc {
    margin: 0 !important;
}