/* main layout */
* { margin: 0; border: 0; padding: 0 }
body { height: 100%; max-height: 100%; overflow: hidden; background-color: #fff }
* html body { padding: 2.8em 276px 8px 8px }
#search_form, #search_form input, #street_cont, #cat_cont, #item_cont, #minimap_cont, .wimpel,
#miniclip, #miniclip2, #viewport, #print, #mover, #zoomer, img.minimap_item, #registerform input, #saveplace { border: 1px solid #66c }

/* menubar */
div.menubar { position: absolute; left: 8px; right: 8px; top: .5em; height: 1.6em; background-color: #66c; padding-top: 0.2em; white-space: nowrap }
* html .menubar { width: 100% }
div.menubar a, div.menubar label { color: white; text-decoration: none; font: 600 12px arial verdana sans-sherif; margin: 0 5px }
div.menubar form { display: inline }
#username, #password { width: 100px }
div.menubar input { font: 600 12px arial verdana sans-sherif }
div.menubar a { margin: 0 5px }

/* sidebar */
div.sidebar { position: absolute; right: 8px; top: 2.8em; bottom: 370px; width: 262px; overflow: auto }
div.sidebar * { text-decoration: none }
div.sidebar a:hover, div.menubar a:hover, .item a:hover { color: #FF7800 }
.list_header { padding: 5px 0px 5px 30px; background-color: #66c; font: 600 12px arial verdana sans-sherif; color: white }
.sidebar_li, .item, .item a { font-size: small; color: #66c; margin: 0 .5em; text-decoration: none; cursor: pointer }
.sidebar_lsi { margin: 0 1.5em; list-style-type: none; }
.rb { float:right;margin-right:5px }
#saveplace { position: absolute;  right: 8px; bottom: 236px; width: 260px }
#saveplace p { padding: 3px }

/* search form */
#search_form input { background: url(../img/input_bg.jpg) }
#search_field { margin: 0.4em 0.5em 0.5em 2.5em }

/* lists */
#street_cont, #cat_cont, #item_cont { margin-top: 8px }
#sdv span { font-family: monospace; font-size: 14px; color: #66c; margin: 3px; cursor: pointer }
div#sdv { margin-left: 2em }

/* minimap */
#minimap_cont { position: absolute; right: 8px; bottom: 8px; width: 260px }
* html #minimap_cont { right: 7px; bottom: 7px; width: 262px }
#minimap { position: absolute; left: 0; top: 0; display: block }
.minimap_item { position: absolute; display: block; left: 0; top: 0; width: 6px; height: 6px; z-index: 5; background-color: red; cursor: pointer }
#miniclip { position: absolute; left: 0; top: 0; z-index: 3 }
#miniclip2 { position: absolute; left: 0; top: 0; z-index: 4 }
* html #miniclip { filter: alpha(opacity = 40) }

/* viewport */
#viewport { position: fixed; top: 2.8em; left: 8px; bottom: 8px; right: 276px; overflow: hidden }
* html #viewport { height: 100%; width: 100%; }
#tiles { position: relative }
img.tile { z-index: 1; position: absolute }
#ring { position: absolute; left: -100px; z-index: 10 }

/* Controls */
#toolbar, #zoomer { position: absolute; top: 8px; z-index: 30 }
#toolbar { right: 8px }
#print, #zoomer, div.mover { background-color: white }
#zoomer { right: 112px; height: 40px; overflow: hidden }
* html #zoomer { height: 42px }
#zoom_act { position:absolute; top:8px; left:60px }
#zoomer img { cursor: pointer }

/* Items */
.wimarr { position: absolute; width: 25px; height: 25px; z-index: 11 }
.wimpel { position: absolute; display: block; font-size: 11px; text-decoration: none; text-align: center; padding: 5px; margin: 0; background-color: #F6FAFF; z-index: 13 }
.wimpel:hover { z-index: 14 }
.wimpel a { font-size: 11px; text-decoration: none; text-align: center; padding: 5px; margin: 0; background-color: #F6FAFF }
.ho:hover { color: #FF7800 }

/* content */
#content { margin-top: 2.8em }
input { color: black }

li.sidebar_li:hover, .active, #sdv span:hover { color: #F70 }

#savebtn, .btn { padding: 0 5px;  border-width: 1px; border-style: solid; background-color:#D9D9F2;
	font-weight: bold; font-size: 14px; text-decoration: none; color: #66C; margin: 0 5px }
#savebtn { float: right; margin: 2px 2px }
.btn { border-color: white #333 #333 white;  }
input.btn:active { border-color: #848484 white white #848484 }

.info_cont { position: absolute; padding:8px; visibility: hidden; background-color: white; border: 1px solid #66c; z-index: 14; }
.info_cont img { display: block }
.info_text { border: 1px solid #66C }
.info_text { display: none }
.info_menu { max-width: 340px }
.info_menu a, .info_menu span { cursor: pointer; text-decoration: none; color:#66C; margin: 5px; font-weight: 600 }
.info_menu a:hover { color: #f80 }
.info_menu span:hover { color: #f80 }
.fr { margin-left: 130px !important }
.inactive_menu { color: #888 !important; cursor: auto !important; }

@media screen {
	.print_impr {
		display: none;
	}
}

@media print {
	.print_impr {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}
}