div#graphics {
	padding: 0px 0px 10px 0px;
	height: 330px;
}

svg {
	display: block;
}

path.buy-line, path.sale-line, path.average-line, path.nbu-line {
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
	fill: none;
}

path.buy-line.hide,
path.sale-line.hide,
path.nbu-line.hide {
	opacity: 0;
}

path.buy-line {
	stroke: #79c77d;
}

path.sale-line {
	stroke: #79b2c7;
}

path.average-line {
	stroke: #777777;
}

path.nbu-line {
	stroke: #e6b873;
}

path.buy-dots, path.sale-dots, path.average-dots, path.nbu-dots {
	stroke-width: 5;
	stroke-linecap: round;
	fill: none;
}

path.buy-dots {
	stroke: #79c77d;
}

path.sale-dots {
	stroke: #79b2c7;
}

path.average-dots {
	stroke: #777777;
}

path.nbu-dots {
	stroke: #e6b873;
}

svg:hover path.buy-line, svg:hover path.sale-line, svg:hover path.nbu-line {
	opacity: 1;
}

svg:hover path.average-line {
	stroke: #555555;
}

svg:hover path.buy-dots, svg:hover path.sale-dots, svg:hover path.nbu-dots {
	opacity: 1;
}

svg:hover path.average-dots {
	stroke: #555555;
}

g.dates, g.date-lines {
	display: none;
}

g.dates.active, g.date-lines.active {
	display: block;
}

polyline.date {
	stroke: #bdbdbd;
	stroke-width: 1;
	fill: none;
}

polyline.pillar {
	stroke: #bdbdbd;
	stroke-width: 1;
	stroke-dasharray: 4;
	fill: none;
}

circle.buy {
	fill: #79c77d;
}

circle.sale {
	fill: #79b2c7;
}

circle.average {
	fill: #777777;
}

circle.nbu {
	fill: #e6b873;
}

text.date {
	font-size: 12px;
	fill: #999999;
}

g.area rect {
	height: 100%;
	fill: transparent;
	stroke-width: 0;
}

g.tooltip rect.tooltip {
	width: 165px;
	border: 1px solid #111111;
	stroke-width: 1;
	stroke: #cfcfcf;
	fill: #FFFFFF;
	rx: 5;
	-moz-box-shadow: 0px 2px 3px #e2e2e2;
	-webkit-box-shadow: 0px 2px 3px #e2e2e2;
}

g.tooltip rect.tooltip.large {
	height: 125px;
}

g.tooltip rect.tooltip.middle {
	height: 105px;
}

g.tooltip rect.tooltip.small {
	height: 85px;
}

g.tooltip tspan.buy, g.tooltip tspan.sale, g.tooltip tspan.average, g.tooltip tspan.nbu {
	font-size: 14px;
	font-weight: bold;
}

g.tooltip tspan.buy {
	fill: #79c77d;
}

g.tooltip tspan.sale {
	fill: #79b2c7;
}

g.tooltip tspan.average {
	fill: #555555;
}

g.tooltip tspan.nbu {
	fill: #e6b873;
}

g.tooltip tspan.currency {
	font-size: 14px;
	font-weight: bold;
	fill: #000000;
}

g.tooltip tspan.time {
	font-size: 12px;
	font-weight: normal;
	fill: #555555;
}

@media (min-width: 940px) {
	div.graphics {
		padding: 0px 0px 20px 0px;
	}
}
@media (min-width: 0px) and (max-width: 939px) {
	div.graphics {
		padding: 0px 0px 0px 0px;
	}
}