body.city_map {padding:0; height:100%; width:100%; background-color:#000; color:#fff;}

/* syslinks */
#syslinks {position:absolute; top:0; left:73px; z-index:1302;}
#syslinks {color:#fff;}

#syslinks a, #syslinks a:visited {color:#b1b1b1;}
#syslinks a:hover {color:#ff0000;}

#sys_home a {background-position:0 -54px;}
#sys_search a {background-position:-19px -54px;}
#sys_feedback a {background-position:-38px -54px;}


/* navigation */
#map_objects_list {position:absolute; z-index:1301; top:13px; left:35px;}
#objects_bg {position:absolute; z-index:1302; top:0; left:0; width:100%; height:100%; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; background-color:#000; //height:expression((this.parentNode && this.parentNode.clientHeight) ? this.parentNode.clientHeight+'px' : 0); //width:expression((this.parentNode && this.parentNode.clientWidth) ? this.parentNode.clientWidth+'px' : 0);}
#navigation {position:relative; z-index:1303; top:0;}
#navigation .container {padding:1.5em 35px 0 5px; margin-top: 37px;}
ul.navigation li b {color:#ffde01;}
ul.navigation li.current ul {margin-left:-34px;}
ul.navigation li a.pseudo {border-bottom-color:#275ac2; border-bottom-style: dotted; border-bottom-width:1px; text-decoration:none;}
ul.navigation li a.pseudo:visited {border-bottom-color:#465879;}
ul.navigation li a.pseudo:hover {border-bottom-color:#e30029;}
ul.navigation li.with_year {padding:0; clear:left;}
ul.navigation li span.year {display:block; float:left; width:32px; font-size:80%; color:#ababab; padding-left:5px; /*padding:0.4em 0 0 5px; //padding:0.5em 0 0 5px;*/ z-index:1304; position:relative;}
#navigation .top_level_items .navigation li li {padding-bottom:0.2em; line-height:120%;}





/* navigation state switcher */
#navigation #object_state_switcher {padding:0; padding-top:0.4em;}
#navigation #object_state_switcher span {color:#969696; border-bottom:1px dotted #969696; cursor:pointer; //cursor:hand; display:block; margin:2px 5px 3px 5px; padding:0; white-space:nowrap;}
#navigation #object_state_switcher .active span {border:1px solid #fff; color:#fff; margin:0; padding:1px 4px 2px 4px; cursor:auto;}

#object_state_switcher .state_frame_tail {margin-top:-1px; display:none;}
#object_state_switcher .state_frame_tail div {background-color:#000; width:6px; height:6px; margin:0 auto;}
#object_state_switcher .state_frame_tail img {background:url(/i/css/state_frame_tail.gif) no-repeat 0 0;}
#object_state_switcher .active .state_frame_tail {display:block;}

#object_state_switcher #object_project {padding-right:0.6em;}
#object_state_switcher #object_in_progress {padding-right:0.6em;}


/* map */
#CityMapMask {overflow:hidden; cursor:move; width:100%; height:100%; position:absolute;} /* + look in city_map template */
#CityMap {position:relative;}
#MiniMap {z-index:1201; position:absolute; top:20px; right:20px;}
#MiniMap, #MiniMap .mini-map {width:200px; height:200px;}

#mini-map-bg {position:absolute; top:0; left:0; background-color:#000; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}

#MiniMap .canvas-container {position:absolute; width:200px; height:200px; left:0; top:0;}
#MiniMap .canvas-container canvas#MapFramesConnectors {width:200px; height:200px;}

.mini-map {position:absolute; top:0; left:0; display:none;}
.mini-map-frame {cursor:move; background-color:#fef200; position:absolute;}

.central-mini-map {position:absolute; display:none;}
.central-mini-map-frame {position:absolute; /*background-color:#d5b369;*/}
.central-mini-map-frame-border {border:1px solid #d5b369; height:100%;}

.map-arrow
{
	position:absolute;
	cursor:pointer;
	display:none;
	z-index:1002;
	width:47px;
	height:47px;
	color:#fbfbfb;
    overflow: hidden;
}
.map-arrow.hover
{
	color:#fc302f;
	border-bottom-color:#fc302f;
}
div.map-arrow.inactive
{
	cursor:default;
	color:#4a4a4a;
	border-bottom-color:#4a4a4a;
}
.map-arrow span
{
	font-size:70%;
	font-weight:normal;
	text-decoration:none;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	font-weight:600;
	display:block;
	width:0.7em;
	position:absolute;
}
.map-arrow img
{
    position: absolute;
    top: 0;
    width: 188px;
    height: 141px;
    background: url(/i/css/map-arrows.png) no-repeat 0 0;
    -background-image: none;
    -filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/i/css/map-arrows.png,sizingMethod=crop);
}
.map-arrow.hover img {top: -47px;}
.map-arrow.inactive img {top: -94px;}

#MapArrowL {left:5px; top:49%;}
#MapArrowL img {left:0;}

#MapArrowR {right: 0; top: 49%;}
#MapArrowR img {left: -141px;}

#MapArrowT {top: 5px; left: 49%;}
#MapArrowT img {left: -47px;}

#MapArrowB {bottom: 0; left: 49%;}
#MapArrowB img {left: -94px;}

#MapArrowL span {top:14px; left:20px;}
#MapArrowR span {top:14px; right:30px;}
#MapArrowT span {top:14px; left:20px;}
#MapArrowB span {top:6px; left:20px;}


.on-map-object,
.on-map-place,
.on-map-letter,
.on-map-tree,
.on-map-checkpoint
{
	position:absolute;
	background-repeat:no-repeat;
	background-position:0 0;
}
.on-map-object img.compound
{
    position: absolute;
}
.on-map-tree
{
    width: 800px;
    height: 800px;
}
.on-map-letter
{
    width: 540px;
    height: 450px;
}
.on-map-tree.show-tree
{
    background-image: url(/i/css/tree_grid.jpg);
}
body.ru .show-letter
{
    background-image: url(/i/css/k_y_i_v_ru.jpg);
}
body.en .show-letter
{
    background-image: url(/i/css/k_y_i_v_en.jpg);
}
body.ua .show-letter
{
    background-image: url(/i/css/k_y_i_v_ua.jpg);
}
.on-map-place
{
    width:187px;
    height:0;
    //height:170px;
    padding-top:170px;
    background-position: 50% 0;
    color:#b8b8b8;
    font-size:70%;
    text-align:center;
}
.on-map-place.show-place
{
    background-image: url(/i/css/check_grid.jpg);
}


.on-map-object {padding-left:300px;}

.on-map-object a {
	margin-top:200px;
	text-decoration:none;
	background:url(/i/css/omobj-removal-line.gif) no-repeat 0 bottom;
	padding:10px 0 0 52px;
	font-size:190%;
	font-family:"Times New Roman", Times, serif;
	white-space:nowrap;
	float:left;
}

.on-map-checkpoint {
	background-image:url(/i/css/kiev_map_checkpoint.jpg);
	background-position: 0 17px;
	width:119px;
	height:121px;
	text-align:center;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	font-size:160%;
	cursor:pointer;
}

.on-map-checkpoint.hover {
    color:#01f601;
	background-position: 0 -104px;
}

.on-map-object a:visited {background-position:-1990px bottom;}
.on-map-object a:hover {background-position:-995px bottom;}

.on-map-object .building-notice {
	clear:left;
	color:#fff;
	font-style:italic;
	font-size:90%;
	font-family:"Times New Roman", Times, serif;
	padding:10px 0 18px 52px;
}

.on-map-object img.preview {
	float:left;
	margin:0 -42px 0 52px;
	background-repeat:no-repeat;
	background-position:8px 6px;
	cursor:pointer;
}

.on-map-object ul {
	float:left;
	padding:0 0 0 52px;
}

.on-map-object ul li {
	font-size:90%;
	white-space:nowrap;
	color:#92918d;
	padding:0 0 0.1em 0;
}

.on-map-object ul li.available,
.on-map-object ul li.not-available
{
	padding-top:7px;
}

.on-map-object ul li.available { color:#81b20b; }
.on-map-object ul li.not-available { color:#d68500; }

#omobj_10.on-map-object a {margin-top:280px;}
#omobj_30.on-map-object a {margin-top:250px;}

#omobj_34.on-map-object {padding-left:400px;}
#omobj_34.on-map-object a {margin-top:430px;}

#omobj_41.on-map-object {padding-left:235px;}

#omobj_32.on-map-object a {margin-top:300px;}
#omobj_32.on-map-object  {padding-left:350px;}

#omobj_35.on-map-object a {margin-top:230px;}

#omobj_33.on-map-object a {margin-top:350px;}

#omobj_40.on-map-object a {margin-top:335px;}
#omobj_40.on-map-object  {padding-left:350px;}

#omobj_27.on-map-object,
#omobj_36.on-map-object  {padding-left:220px;}

#omobj_28.on-map-object,
#omobj_42.on-map-object {padding-left:165px;}

#omobj_43.on-map-object {padding-left:350px;}
#omobj_43.on-map-object a {margin-top:470px;}

#omobj_103.on-map-object,
#omobj_101.on-map-object,
#omobj_99.on-map-object,
#omobj_97.on-map-object,
#omobj_60.on-map-object,
#omobj_59.on-map-object,
#omobj_105.on-map-object  {padding-left:150px;}


#quick_search,
#copyright
{
    position: absolute;
    bottom: 14px;
    height: 4.7em;
    z-index: 1001;
    margin: 0;
    font-size: 100%;
    line-height: 120%;
}

#quick_search
{
    left: 0;
    width: 23%;
}
#copyright
{
    left: 23%;
    width: 20%;
}

#quick_search .container,
#copyright .container
{
    position: absolute;
    padding: 0;
    margin: 0;
}

#quick_search .container
{
    padding: 14px 0 0 47px;
}

#copyright .container
{
    font-size: 80%;
    padding: 14px 0 0 11px;
}

.footer_block_bg
{
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #000;
    filter:alpha(opacity=85);
    -moz-opacity:.85;
    opacity:.85;
}

#quick_search .footer_block_bg
{
    width: 90%;
    right: 0;
}

#over_viewer {z-index:601;}
#over_viewer .viewer_bg
{
    filter:alpha(opacity=80);
    -moz-opacity:.8;
    opacity:.8;
    background-color:#000;
}