.canvas-map { 
	position: relative;
	width: 665px; overflow: hidden;
	font-size: 12px;
}
.canvas-map-container {
	position: relative;
	background: white;
}
.canvas-map-container-shadow-center {
	background: white url(/vis/msk-map/shadow-center.jpg) left top no-repeat;
	transition: background 0.4s;
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	-ms-transition: background 0.4s;
	-o-transition: background 0.4s;
}

.canvas-map-container > canvas {
	display: block; margin: 0 auto;
}

.canvas-map-comparison, .canvas-map-dynamic, .canvas-map-message-text {
	background: rgba(255,255,255,.9);
	/*
	box-shadow: 0px 0px 7px rgba(0,0,0,.7);
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.7);
	-moz-box-shadow: 0px 0px 7px rgba(0,0,0,.7);
	-ms-box-shadow: 0px 0px 7px rgba(0,0,0,.7);
	-o-box-shadow: 0px 0px 7px rgba(0,0,0,.7);
	border-radius: 3px;
	*/
}
.canvas-map-comparison, .canvas-map-dynamic {
	position: absolute; left: 0px; right: 0px;
	transition: left 0.4s, right 0.4s, top 0.4s, bottom 0.4s, width 0.4s, background 0.4s, transform 0.4s;
	-webkit-transition: left 0.4s, right 0.4s, top 0.4s, bottom 0.4s, width 0.4s, background 0.4s, -webkit-transform 0.4s;
	-moz-transition: left 0.4s, right 0.4s, top 0.4s, bottom 0.4s, width 0.4s, background 0.4s, -moz-transform 0.4s;
	-ms-transition: left 0.4s, right 0.4s, top 0.4s, bottom 0.4s, width 0.4s, background 0.4s, -ms-transform 0.4s;
	-o-transition: left 0.4s, right 0.4s, top 0.4s, bottom 0.4s, width 0.4s, background 0.4s, -o-transform 0.4s;
}
.canvas-map-comparison {
	top: /*25px*/0px;
	overflow: hidden;
	height: 100%;
}
.canvas-map-comparison-hidden { 
	left: -1800px; right: 1800px;
}
.canvas-map-comparison-visible { left: 0px/*25px*/; right: 0px; }
.canvas-map-h1 {
	font: bold 24px/30px NokiaSansS60, Arial, sans-serif; color: #333;
	position: absolute; top: 17px; left: 17px;
}
.canvas-map-h2 {
	font: bold 16px/20px NokiaSansS60, Arial, sans-serif; color: #333;
	position: absolute; top: 50px; left: 17px;
}
.canvas-map-footnote {
	font: normal 11px/13px NokiaSansS60, Arial, sans-serif; color: #333;
	position: absolute; bottom: 10px; left: 17px;
}
.canvas-map-comparison-sort-toggler { border-bottom: 1px dotted; }
.canvas-map-comparison-sort-toggler:hover { color: #2b83aa; cursor: pointer; }
.canvas-map-comparison-thead {
	position: absolute; top: 80px; left: 0;
	width: 100%;
	color: black;
}
.canvas-map-comparison-thead-1, .canvas-map-comparison-thead-2 {
	text-align: right; float: left;
}
.canvas-map-comparison-thead-1 {
	width: 130px;
}
.canvas-map-comparison-thead-2 {
	width: 155px;
}
.canvas-map-comparison-thead-3 {
	text-indent: 41px;
}
.canvas-map-comparison-dates {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 550px;
}
.canvas-map-comparison-date { 
	position: relative;
	margin: 0 1.2em; padding: 0 .2em;
	border-bottom: 1px dotted; 
	color: #2b83aa; 
	background: rgba(255,255,255,.8);
	cursor: pointer; 
	/*
	transition: color .2s;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-ms-transition: color .2s;
	-o-transition: color .2s;
	*/
}
.canvas-map-comparison-date-value {
	display: block;
	position: absolute;
	top: -30px; left: 50%;
	font-size: 2em;
	text-align: center;
	color: #333;
	min-width: 50px;
}
.canvas-map-comparison-date-value2 {
	display: block;
	position: relative;
	left: -50%;
    padding-bottom: 15px;
	text-shadow: 0 0 1px white, 0 0 2px white;
	-webkit-text-shadow: 0 0 1px white, 0 0 2px white;
	-moz-text-shadow: 0 0 1px white, 0 0 2px white;
	-ms-text-shadow: 0 0 1px white, 0 0 2px white;
	-o-text-shadow: 0 0 1px white, 0 0 2px white;
}
.canvas-map-comparison-date-bar-container {
	height: 30px;
	width: 100%;
	position: absolute;
	left: -50%;
	/*bottom: -7px;*/
	bottom: 0;
}
.canvas-map-comparison-date-bar {
	height: 83%;
	background: gray;
	position: absolute;
	left: 0;
    margin-bottom: 15px;
	bottom: 0;
	width: 100%;
}
.canvas-map-comparison-date:hover, .canvas-map-comparison-date-cur { color: inherit; }
.canvas-map-comparison-date-cur { border-bottom: none; cursor: default; }
.canvas-map-comparison-labels, .canvas-map-comparison-lines {
	position: absolute; top: 100px;
	height: 330px; margin-top: 0;
	color: #444;
	text-shadow: 0 0 1px white, 0 0 2px white;
	-webkit-text-shadow: 0 0 1px white, 0 0 2px white;
	-moz-text-shadow: 0 0 1px white, 0 0 2px white;
	-ms-text-shadow: 0 0 1px white, 0 0 2px white;
	-o-text-shadow: 0 0 1px white, 0 0 2px white;
}
.canvas-map-comparison-labels {
	position: relative;
	float: left; width: /*50%*/ 43%;
	text-align: right;
}
.canvas-map-comparison-labels > div { margin-top: -5px; /* cursor: pointer; */ }
/*
.canvas-map-comparison-labels > div:hover { color: #2b83aa; }
.canvas-map-comparison-labels > div[data-ward=" ��������� � �����"],
.canvas-map-comparison-labels > div[data-ward=" ��������� � �����"]:hover { cursor: default; color: inherit; }
*/

.canvas-map-comparison-lines {
	position: relative;
	float: right; width: /*43*//*37*/47%;
}
.canvas-map-comparison-anim {
	position: absolute; left: 0; width: 100%;
	transition: left 1s, top 1s, width 1s, background 1s;
	-webkit-transition: left 1s, top 1s, width 1s, background 1s;
	-moz-transition: left 1s, top 1s, width 1s, background 1s;
	-ms-transition: left 1s, top 1s, width 1s, background 1s;
	-o-transition: left 1s, top 1s, width 1s, background 1s;
	height: 6px;
}
.canvas-map-comparison-value {
	position: absolute; top: -5px; right: 100%;
	padding-right: 20px;
}
.canvas-map-comparison-portion {
	position: absolute; left: 100px; top: 0;
	display: block; width: 30px; text-align: right;
	font-size: 10px;
}
.canvas-map-with-dynamic .canvas-map-comparison { height: /*260*//*300*/290px; }
.canvas-map-with-dynamic .canvas-map-comparison-labels { width: /*65*//*55*/56%; }
.canvas-map-with-dynamic .canvas-map-comparison-lines { width: /*23*//*17*/29%; margin-right: 1%; }
.canvas-map-comparison-toggler {
	position: absolute; left: 17px; top: 50px; 
	padding-left: 27px;
	background: transparent url(/vis/msk-map/canvas-map-comparison-toggler.gif) left center no-repeat;
	cursor: pointer;
}
.canvas-map-comparison-toggler-active { background-image: url(/vis/msk-map/canvas-map-comparison-toggler-active.gif); }
.canvas-map-comparison-toggler-hidden { opacity: 0; }
.canvas-map-comparison-toggler > span {
	color: #0983a8;
	border-bottom: 1px dotted;
}
.canvas-map-message {
	display: none;
	position: absolute; left: 0%; top: 50%;
	width: 100%;
	text-align: center;
}
.canvas-map-message-visible { display: block; }
.canvas-map-comparison-visible { display: block; }
.canvas-map-message-text { 
	padding: .3em .6em; background: rgba(0,0,0,.7); color: white;
	box-shadow: 0px 0px 7px rgba(0,0,0,.7);
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,.7);
	-moz-box-shadow: 0px 0px 7px rgba(0,0,0,.7);
	-ms-box-shadow: 0px 0px 7px rgba(0,0,0,.7);
	-o-box-shadow: 0px 0px 7px rgba(0,0,0,.7);
	border-radius: 3px;
}

.canvas-map-list-container {
	position: relative;
	overflow: hidden; padding-bottom: 5px;
	background: #f7f7f7 url(//fom.ru/uploads/files/140/img/dpv-qa-sep.gif) 330px top repeat-y;
}
.canvas-map-list-header-q, .canvas-map-list-header-a {
	padding-top: 10px;
}
.canvas-map-list-header-q {
	float: left; 
	width: 310px; padding-right: 20px;
}
.canvas-map-list-header-a {
	margin-left: 350px;
}
.canvas-map-list-header-q-i, .canvas-map-list-header-a-i {
	color: #ff5934;
}
.canvas-map-list-header-q-b, .canvas-map-list-header-a-b {
	display: block; 
	padding-top: 10px;
	font-weight: normal;
}
.canvas-map-list-header-q-b:after, .canvas-map-list-header-a-b:after {
	content: "\0000a0";
	display: inline-block; width: 1em;
	background: transparent url(//fom.ru/uploads/files/140/img/dpv-ar-down.gif) center center no-repeat;
}
.canvas-map-list-header-d {}
.canvas-map-list-header-q-b, .canvas-map-list-header-a-b, .canvas-map-list-header-d {
	cursor: pointer;
}
.canvas-map-list-header-q-b:hover, .canvas-map-list-header-a-b:hover, .canvas-map-list-header-d:hover {
	color: #2b83aa;
}
.canvas-map-list {
	position: absolute; 
	left: 0; right: 0; width: 100%;
	top: 0; 
	max-height: /*400*//*500px*/100%; overflow: auto;
	background: #f7f7f7;
}
.canvas-map-list > ul { padding: 1px 0; }
.canvas-map-list-q {
	margin: 1em 0;
}
.canvas-map-list-a { padding-top: .2em; padding-left: 1.5em; }
.canvas-map-list-d {
	list-style: none; margin: 0; padding: 0;
	float: left;
}
.canvas-map-list-d-b {
	margin-right: 1em;
	font-weight: normal; cursor: pointer; 
	border-bottom: 1px dotted;
}
.canvas-map-list-d-b:hover {
	color: #2b83aa;
}
.canvas-map-list-d-b-cur, .canvas-map-list-d-b-cur:hover {
	font-weight: bold; cursor: default; color: inherit;
}
.canvas-map-list-d-b-span {
	font-style: italic;
}
.canvas-map-list-d-b-span:after {
	content: "%";
}
.canvas-map-list-d-ul {
	overflow: hidden;
	margin: 0 0 .3em 0; padding: 0;
}



.canvas-map-dynamic, .canvas-map-dynamic-container > b {
	display: block;
}
.canvas-map-dynamic {
	bottom: 36px;
	/*height: 130px;*/
}
.canvas-map-dynamic-hidden { bottom: -200px; }
.canvas-map-dynamic-lines > div > div, .canvas-map-dynamic-container > b {
	margin: 0 5px;
}
.canvas-map-dynamic-container > b {
	margin-top: 10px; margin-bottom: 5px;
}
.canvas-map-dynamic-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	cursor: pointer;
}
.canvas-map-dynamic-close:hover {
	color: #2b83aa;
}
.canvas-map-dynamic-container {
	overflow: hidden;
	transition: width .4s;
	-webkit-transition: width .4s;
	-moz-transition: width .4s;
	-ms-transition: width .4s;
	-o-transition: width .4s;
}
.canvas-map-dynamic-row {
	display: table; 
	/*width: 100%;*/
	width: 100%;
}
.canvas-map-dynamic-row > div {
	display: table-cell; text-align: center;
}
.canvas-map-dynamic-lines > div {
	height: 50px;
	vertical-align: bottom;
}
.canvas-map-dynamic-dates > div {cursor: pointer; }
.canvas-map-dynamic-dates > div:hover { color: #2b83aa; }
.canvas-map-dynamic-lines > div > div {
	background: gray;
}
.canvas-map-dynamic-row-1 > div { width: 100%; }
.canvas-map-dynamic-row-2 > div { width: 50%; }
.canvas-map-dynamic-row-3 > div { width: 33.3%; }
.canvas-map-dynamic-row-4 > div { width: 25%; }
.canvas-map-dynamic-row-5 > div { width: 20%; }
.canvas-map-dynamic-row-6 > div { width: 16.6%; }
.canvas-map-dynamic-row-7 > div { width: 14.2%; }
.canvas-map-dynamic-row-8 > div { width: 12.5%; }
.canvas-map-dynamic-row-9 > div { width: 11.1%; }
.canvas-map-dynamic-row-10 > div { width: 10%; }
.canvas-map-dynamic-row-11 > div { width: 9.5%; }
.canvas-map-dynamic-row-12 > div { width: 9%; }
.canvas-map-dynamic-row-13 > div { width: 8.5%; }
.canvas-map-dynamic-row-14 > div { width: 8%; }
.canvas-map-dynamic-row-15 > div { width: 7.5%; }
.canvas-map-dynamic-row-16 > div { width: 7%; }
.canvas-map-dynamic-row-17 > div { width: 6.5%; }
.canvas-map-dynamic-row-18 > div { width: 6%; }
.canvas-map-dynamic-row-19 > div { width: 5.5%; }
.canvas-map-dynamic-row-20 > div { width: 5%; }


.canvas-map-ward-selector {
	position: absolute; right: 17px; top: 20px;
	width: 220px;
	transition: right .5s;
	-webkit-transition: right .5s;
	-moz-transition: right .5s;
	-ms-transition: right .5s;
	-o-transition: right .5s;
}
.canvas-map-ward-selector-hidden {
	right: -500px;
}
.canvas-map-ward-selector-current, .canvas-map-ward-selector-list {
	width: 170px;
	background: #bbbbb8;
}
.canvas-map-ward-selector-current, .canvas-map-ward-selector-toggler {
	height: 20px; line-height: 20px;
}
.canvas-map-ward-selector-toggler {
	padding-right: 180px;
}
.canvas-map-ward-selector-list {
	position: absolute;
	right: 0;
	top: 100%;
	margin-top: -3px;
	padding-top: 3px;
	white-space: nowrap;
	color: #333;
	border-radius: 0 0 3px 3px;
	box-shadow: -2px 2px 2px rgba(0,0,0,.6);
}
.canvas-map-ward-selector-current, .canvas-map-ward-selector-item {
	transition: background-color .4s;
	-webkit-transition: background-color .4s;
	-moz-transition: background-color .4s;
	-ms-transition: background-color .4s;
	-o-transition: background-color .4s;
}
.canvas-map-ward-selector-current:hover, .canvas-map-ward-selector-item:hover {
	cursor: pointer;
}
.canvas-map-ward-selector-current {
	float: right; margin-left: .3em;
	/*margin-top: -1.7em; */
	margin-right: -180px;
	box-shadow: -2px 0px 2px rgba(0,0,0,.6);
	/*border-radius: 0 3px 3px 0;*/
	border-radius: 3px;
	text-indent: .5em; /* .canvas-map-ward-selector-item/padding-left */
	background-color: #ececec;
	background-image: -moz-linear-gradient(top,  rgba(187,187,184,0) 0%, rgba(187,187,184,0.01) 1%, rgba(187,187,184,1) 81%, rgba(187,187,184,1) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(187,187,184,0)), color-stop(1%,rgba(187,187,184,0.01)), color-stop(81%,rgba(187,187,184,1)), color-stop(100%,rgba(187,187,184,1)));
	background-image: -webkit-linear-gradient(top,  rgba(187,187,184,0) 0%,rgba(187,187,184,0.01) 1%,rgba(187,187,184,1) 81%,rgba(187,187,184,1) 100%);
	background-image: -o-linear-gradient(top,  rgba(187,187,184,0) 0%,rgba(187,187,184,0.01) 1%,rgba(187,187,184,1) 81%,rgba(187,187,184,1) 100%);
	background-image: -ms-linear-gradient(top,  rgba(187,187,184,0) 0%,rgba(187,187,184,0.01) 1%,rgba(187,187,184,1) 81%,rgba(187,187,184,1) 100%);
	background-image: linear-gradient(to bottom,  rgba(187,187,184,0) 0%,rgba(187,187,184,0.01) 1%,rgba(187,187,184,1) 81%,rgba(187,187,184,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bbbbb8', endColorstr='#bbbbb8',GradientType=0 );
}
.canvas-map-ward-selector-current:hover {
	background-color: #ccc;
}
.canvas-map-ward-selector-item {
	padding: .3em .5em;
	background-color: rgba(230, 230, 230, 0);
}
.canvas-map-ward-selector-item:hover { 
	background-color: rgba(230, 230, 230, 1);
}
.canvas-map-ward-selector-clear {
	float: left; margin-right: 1em;
	color: #0076c0;
	cursor: pointer;
	display: block;
	position: absolute;
	left: -60px;
	top: 0;
}
.canvas-map-ward-selector-clear:hover { color: black; }
.canvas-map-ward-selector-clear-str {
	border-bottom: 1px dotted;
	background: rgba(255,255,255,.5);
	border-left: .2em solid rgba(255,255,255,.5);
	border-right: .2em solid rgba(255,255,255,.5);
}
.canvas-map-legend {
	position: absolute;
	right: 17px; top: 430px;
    max-width: 200px;
	background: rgba(255,255,255,.5);
}
/*.canvas-map-legend-item { margin-left: 1.2em;}*/
.canvas-map-legend-item { display: block; text-align: right; margin-bottom: 7px; vertical-align: bottom;}
.canvas-map-legend-item:first-child { margin-left: 0; }
.canvas-map-legend-item-color { vertical-align: top; float: right; margin-left: 7px; padding: 0 .5em; margin-right: .3em; }

.canvas-map-tooltip {
	position: absolute;
	max-width: 200px;
	background: white;
	padding: 16px;
	border-radius: 5px;
	box-shadow: 7px 7px 20px black;
}
/*.canvas-map-comparison-visible ~ .canvas-map-tooltip { visibility: hidden; }*/
.canvas-map-tooltip-q, .canvas-map-tooltip-w-d, .canvas-map-tooltip-a {
	display: block;
}
.canvas-map-tooltip-w-d {
	margin: 1em 0 .3em 0;
}

.canvas-map-ward-label {
	font: bold 12px/16px Tahoma, sans-serif;
	color: black;
	text-shadow: 0 0 1px white, 0 0 2px white;
}

.canvas-map-zoomed-ward {
	position: absolute;
	left: 7px;
	top: 79px;
}