.graphs-v3 { position: relative; background: white; }
.graphs-v3-lines-container { position: relative; }
.graphs-v3-zoom-interval { position: absolute; left: 0; top: 0; display: none; background: rgb(0,0,0); opacity: .3; filter:alpha(opacity=30); }
.graphs-v3-overlay { position: absolute; left: 0; top: 0; background: transparent url(b.gif) left top repeat; }
.graphs-v3-timeline { position: relative; min-height: 40px; border-top: 1px solid #c9c9c9; }
.graphs-v3-timeline > div {
	position: absolute; top: 0;
	padding: 0;
	white-space: nowrap;
	font: normal 10px/20px Arial, sans-serif; color: #666;
}
.graphs-v3-timeline > div:first-child { padding-left: 0; }
.graphs-v3-timeline > div > div {
	position: absolute; top: 0; bottom: 17px; left: 0px;
	width: 1px;
	border-left: 1px solid #c9c9c9;
}
.graphs-v3-timeline > div:first-child > div { left: 0; }
.graphs-v3-timeline > div.anc-right { padding-right: 0; padding-left: 0; }
.graphs-v3-timeline > div.anc-right > div { left: auto; right: -1px; }

.graphs-v3-y-labels { 
	position: absolute; left: 0; top: 0;
	width: 25px;
	font: normal 11px/19px Arial, sans-serif; color: #666;
}
.graphs-v3-y-label {
	position: absolute; right: 7px;
	height: 20px; margin-top: -10px;
}
.graphs-v3-y-label-0, .graphs-v3-y-line-0 { top: 0; }
	.graphs-v3-y-label-0 { margin-top: -5px; }
.graphs-v3-y-label-1, .graphs-v3-y-line-1 { top: 25%; }
.graphs-v3-y-label-2, .graphs-v3-y-line-2 { top: 50%; }
.graphs-v3-y-label-3, .graphs-v3-y-line-3 { top: 75%; }
.graphs-v3-y-label-4, .graphs-v3-y-line-4 { top: 100%; }
	.graphs-v3-y-label-4 { }

.graphs-v3-y-lines { 
	position: absolute; left: 0; right: 0; top: 0; 
	border: 0 solid #c9c9c9; border-width: 1px 1px 0 1px;
}
.graphs-v3-y-line { 
	position: absolute; left: -5px; right: 0;
	height: 1px; margin-top: -2px; 
	background: transparent url(//fom.ru/vis/charts/v3/linesv3-dotted.png) left top repeat;
}
	.graphs-v3-y-line-0, .graphs-v3-y-line-4 { display: none; }
	.graphs-v3-y-line-0 { margin-top: 10px; }
	.graphs-v3-y-line-4 { margin-top: -10px; }

	
.graphs-v3 .html-bar-legend { padding-left: 25px; }


.graphs-v3-setFullZoom {
	position: absolute; right: 0; top: 0;
	padding: 7px 10px;
	font: normal 10px/14px Arial; color: #4c4c4c; cursor: pointer;
}
.graphs-v3-setFullZoom:hover {
	padding-top: 6px; padding-bottom: 8px;
}


.graphs-v3-tooltip {
	position: absolute; left: 0; top: 0;
	font-size: 11px;
	padding: 0 5px 5px 10px;
	opacity: .8;
	 -webkit-transform: translateZ(0); 
}
.graphs-v3-tooltip-right { padding: 0 10px 5px 5px; }
.graphs-v3-tooltip-content {
	padding: 3px 6px;
	background: #f6f6f6;
	font: normal 10px/14px Arial; color: #4c4c4c;
	white-space: nowrap;
	border-radius: 3px; box-shadow: rgba(0, 0, 0, .3) 2px 2px 0;
}
.graphs-v3-tooltip-content > b:first-child {
	font-size: 12px;
}
.graphs-v3-tooltip-arrow-overflow {
	position: absolute; left: -10px; top: 0; width: 24px; height: 20px; overflow: hidden;
}
.graphs-v3-tooltip-arrow {
	position: absolute; left: 8px; top: -24px; width: 30px; height: 30px; overflow: hidden; background: #f6f6f6; 
	transform: rotate(35deg); -o-transform: rotate(35deg); -moz-transform: rotate(35deg); -ms-transform: rotate(35deg); -webkit-transform: rotate(35deg) translateZ(0);
}
.graphs-v3-tooltip-arrow-overflow-shadow {
	top: 1px; width: 20px;
}
.graphs-v3-tooltip-arrow-shadow {
	opacity: .5;
	background: black;
}
.graphs-v3-tooltip-right > .graphs-v3-tooltip-arrow-overflow {
	left: auto; right: -11px; top: 0; width: 24px; height: 20px; overflow: hidden;
}
.graphs-v3-tooltip-right > .graphs-v3-tooltip-arrow-overflow > .graphs-v3-tooltip-arrow {
	left: -15px; top: -24px; width: 30px; height: 30px; 
	transform: rotate(-35deg); -o-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -webkit-transform: rotate(-35deg) translateZ(0); 
}
.graphs-v3-tooltip-right > .graphs-v3-tooltip-arrow-overflow-shadow {
	right: -16px; top: 2px;
}
.graphs-v3-tooltip-right > .graphs-v3-tooltip-arrow-overflow-shadow > .graphs-v3-tooltip-arrow-shadow {
	opacity: .3; top: -26px;
}