body {
  font-size: 16px;
}

.small {
  font-size: 12px; /* 75% of the baseline */
}

.large {
  font-size: 20px; /* 125% of the baseline */
}

.clear {clear:both}    
#nav {
	margin:0; 
	padding:0; 
	list-style:none;

}	
	
	/* make the LI display inline */
	/* it's position relative so that position absolute */
	/* can be used in submenu */
	#nav li {
		float:left; 
		display:block; 
		width:150px; 
		background:#ccc; 
		position:relative;
		z-index:99999; 
	}
		
	/* this is the parent menu */
	#nav li a {
		display:block; 
		padding-top:10px; 
		font-weight:700;  
		height:28px; 
		text-decoration:none; 
		color:#fff; 
		text-align:center; 
        font-size:70%;
		background:#000 url(/images/bg-nav.gif) top left repeat-x;
		border-right:1px solid #333;
		text-transform:uppercase;
	}

	#nav li a:hover {

		background:url(/images/bg-button.gif) top left repeat-x;
	}
	
	/* you can make a different style for default selected value */
	#nav a.selected {
		color:#f00;
	}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			width:150px; 
			float:left; 
			border-top:1px solid #fff;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding-bottom: 15px;
			color:#fff;
		}
		
		#nav ul a:hover {
			text-decoration:underline;	
		}
		
		.burgundy-button {
    background: url(/images/bg-rotated-burgundy-gradient.gif) top left repeat-x !important; /* Бардовый фон с картинкой */
    color: #fff; /* Белый текст */
    font-weight: bold; /* Жирный текст */
    text-align: center; /* Текст по центру */
    text-transform: uppercase; /* Заглавные буквы */
}

		

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
	margin:0 0 0 -2px;
}




.place_table {
background: rgb(229, 227, 223);
cursor:pointer;
}


.baloon_icon {
display:block;
		width:20px;
		height:34px;
		background:url(https://maps.gstatic.com/mapfiles/markers2/red_markers_A_J2.png);
}


#wait {position: absolute; display: block; top:50%; left:50%; font-size:200%; z-index:9999;}

.layer1 {
    position: absolute; /* Относительное позиционирование */
    background: #a5bfdd; /* Цвет фона */
	width: 200px;s
    
   }
   
   
   .select_1 { width:16px; height:16px; background: url(/images/OK.png) no-repeat; position:absolute;top:5px;right:10px;cursor:pointer;}
   
   .select_2 { width:16px; height:16px; background: url(/images/OK_1.png) no-repeat;position:absolute;top:5px;right:10px;cursor:pointer;display:none;}
   .initial-line {
    position: relative;
	top:10px;
	margin-left:10px;
	margin-right:10px;
	}
	#map_link {
right:40px;  
bottom:40px;

}

	.picked_line{position:fixed; 
	cursor:pointer;
border-bottom:1px solid #900;    
//position:absolute;   
right:5px;  
bottom:5px;
display:block;
//top:expression( (document).body.scrollTop*1 + document.documentElement.offsetHeight*1 - 30);
}

	.show_picked_line{
	cursor:default;
	display:none; 
	position:absolute;    
right:5px;  
bottom:17px;
padding: 10px;
border: 1px solid black;
padding-left: 5px; 
padding-right: 5px;
}

.show_picked_line_1{
cursor:default;
	display:block; 
	position:absolute;
padding: 10px;
border: 1px solid black;    
right:5px;  
bottom:17px;
background:white;
padding-left: 5px; 
padding-right: 5px;
}

	#print_link_icon{position:fixed; 
	display:none;
//position:absolute;   
right:5px;  
bottom:90px;
//top:expression( (document).body.scrollTop*1 + document.documentElement.offsetHeight*1 - 180 );
}

html, body { 
min-width:1100;
height: 100%;
}

span.help {
font-weight:bolder;
}

#psi_calc{
right:0px;  
top:15px;
display:block;
background:white;
//top:expression( (document).body.scrollTop + 15 );
width:200px;
}


 
 #psi_calc_hide{position:fixed;    
right:0px; 
//position:absolute;  
top:15px;   
display:block;
background:white;
//top:expression( (document).body.scrollTop + 15 );}

 #map_canvas {
	  min-width: 500px;
}

 #input {
 width:auto;
  height: auto;

 }
  #initial {
  
	margin-left: 7%;
	  z-index:2;
 }
   #info {
  
	margin-right: 15px;
	
 }
 
  .header {
  margin: 0;
  text-align: center;
}
  .header2 {
  
  text-align: left;
}

 .contextmenu{
    visibility:hidden;
    background:#ffffff;
    border:1px solid black;
    z-index: 10;  
    position: relative;
    width: 5em;
}

   table {
    border-color: black;
	
   }
   .greentext{
   background-color: green;
   color: white;
   border-color: transparent;
   }
   

    .brd1 {
	border-left-color: transparent;
	border-right-color: transparent;
   }
   .brd2 {
	border-color: transparent;
   }
   
     .brd3 {
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-color: transparent;
   }
   
     .brd4 {
	border-left-color: transparent;
	border-top-color: transparent;
   }
   
      .brd5 {
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-top-color: black;
   }
   
     .brd6 {

	border-bottom-color: transparent;
	border-top-color: black;
	border-left-color: black;
    border-right-color: black;
   }
   
     .brd7 {

	border-bottom-color: black;
	border-top-color: black;
	border-left-color: black;
    border-right-color: black;
	
	
   }
   
       .brd8 {
	border-right-color: transparent;
	border-bottom-color: black;
	border-left-color: transparent;
	border-top-color: transparent;
   }
   
       .brd9 {
	border-right-color: black;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
   }
   
          .brd10 {
	border-right-color: transparament;
	border-bottom-color: transparent;
	border-left-color: black;
	border-top-color: transparent;
   }
   .list_2 {
   margin-left:20px;
   }
   
   .ui-dialog .ui-dialog-title {
  text-align: center;
  width: 100%;
}

.ol-popup {
        position: absolute;
        background-color: white;
        box-shadow: 0 1px 4px rgba(0,0,0,0.2);
        padding: 15px;
        border-radius: 10px;
        border: 1px solid #cccccc;
        bottom: 12px;
        left: -50px;
        min-width: 180px;
      }
      .ol-popup:after, .ol-popup:before {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
      }
      .ol-popup:after {
        border-top-color: white;
        border-width: 10px;
        left: 48px;
        margin-left: -10px;
      }
      .ol-popup:before {
        border-top-color: #cccccc;
        border-width: 11px;
        left: 48px;
        margin-left: -11px;
      }
      .ol-popup-closer {
        text-decoration: none;
        position: absolute;
        top: 2px;
        right: 8px;
      }
      .ol-popup-closer:after {
        content: "✖";
      }

	  .compare-btn {
		padding:3px 10px;
		border-radius:6px;
		border:1px solid #999;
		background:#e7e7e7;
		font-weight:bold;
		cursor:pointer;
		}
		.compare-btn:hover { background:#dcdcdc; }