body {
	margin: 0;
	background-color: #e8e8e8;
	cursor: pointer;
}

#map { position: absolute; }

.block {
	width: 256px; height: 256px;
	float: left;
}

.button {
	background-color: white;
	border: 1px solid #777;
	position: absolute;
	width: 26px; height: 26px;
	top: 80px;
}
.button img { margin: 5px 0 0 5px; }

#button-print { left:10px; }
#button-link { left:40px; }
#button-move { left:80px; background: url('/i/button-back.gif') top left repeat-x; }
#button-line { left:110px; }
#button-zoomout { left:150px; }
#button-zoomin { left:180px; }

#small-map {
	position: absolute;
	top: 70px; right: 249px;
	width: 100px;
	height: 66px;
	background: url('/i/small-map.gif') no-repeat;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#small-square {
	width: 0; height: 0;
	background: red;
	border: 1px solid black;
	opacity: 0.6;
	filter: alpha(opacity=60);
	overflow: hidden;
	font-size: 0;
}

#bks { font: 11px Tahoma; color: #000; position: absolute; bottom: 5px; left: 10px; }
#copyright { font: 11px Tahoma; color: #000; position: absolute; bottom: 5px; right: 260px; }
#copyright a, #bks a { color: #000; }
#copyright a:hover, #bks a:hover { color: red; }

#print-zone {
	position: absolute;
	width: 648px; height: 648px;
	color: white;
	font: bold 60px Arial;
	text-align: center;
	border: 3px solid #004400;
	background-color: #08a808;
	display: none;
}

#print-zone p { margin-top: 280px; }

#link {
	width: 500px;
	background-color: white;
	position: absolute;
	padding: 0px 20px 10px 20px;
	left: 0px;
	top: 0px;
	border: 2px solid #999;
	display: none;
	cursor: default;
}

#link-close {
	position: absolute;
	top: 10px; right: 10px;
	width: 13px; height: 13px; 
	background: url('/i/close.gif') no-repeat; 
	cursor: pointer; 
}

#link p { margin: 20px 0 10px 0 }
#link .small { 
	font: 12px Tahoma;
	color: #555;
	margin: 10px 0 0 0;
}
#link .smaller { 
	font: 11px Tahoma;
	color: #08a808;
	margin: -10px 0 0 0;
}

#link textarea {
	margin: 5px 0 0 0;
	width: 495px;
	font: 14px Tahoma;
}

.tooltip{
 position:absolute;
 left:-9999px;
 color:#fff;
 background-color:#222;
 padding:2px 10px 4px 10px;
 border:1px solid #fff;
}

#balloon { cursor: default; position: absolute; left: -3000px; top: -3000px; }
#balloon-top-left { width: 16px; min-width: 16px; background: url('/i/balloon/t.png') left bottom no-repeat; }
#balloon-top-right { height: 15px; background: url('/i/balloon/t.png') right bottom no-repeat; }
#balloon-left { background: url('/i/balloon/m.png') left top repeat-y; }
#balloon-text { font: 14px Georgia; padding-right: 15px; background: url('/i/balloon/m.png') right top repeat-y; text-align: center; }
#balloon-text p { margin: 5px 0 5px 0; text-align: center; }
#balloon-text img { cursor: pointer; }
#balloon-bottom-left { height: 9px; background: url('/i/balloon/b.png') left top no-repeat; }
#balloon-bottom-right { background: url('/i/balloon/b.png') right top no-repeat; }
#balloon-shadow { width: 21px; min-width: 21px; background: url('/i/balloon/shad.png') right bottom no-repeat; }
#balloon-tail { cursor: pointer; height: 51px; background: url('/i/balloon/tail.png') right top no-repeat; }
#balloon-close { width: 13px; height: 13px; background: url('/i/balloon/close.gif') left center no-repeat; cursor: pointer; }

#large-photo {
	width: 500px;
	border: 2px solid #08a808;
	position: absolute;
	top: 100px; left: 100px;
	display: none;
	cursor: pointer;
}

#large-photo p {
	background-color: #000;
	margin: 0;
	color: #fff;
	font-size: 13px;
	position: absolute;
	bottom: 5px; right: 5px;
	padding: 1px 5px;
}

.distance {
	font: 13px Tahoma;
	padding: 1px 3px;
	position:absolute; 
	background-color: white;
	border:1px solid black;	
}
.distance-close {
	margin: 0;
	cursor: pointer; 
}
#loading { 
   position: relative;
   left: 0;
   top: 0;
   background: url('/i/progress.png') left top no-repeat;
   width: 40px;
   height: 40px;
   display: none;
}