.chart-header-controls {
	position: relative;
	z-index: 1;
}
.chart-footer-controls {
	position: relative;
}
.chart-zoom-buttons {
	text-align: center;
	margin: 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.chart-zoom-btn {
	height: 20px;
	width: 40px;
	color: rgb(155, 155, 155);
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	border-top: solid rgb(200, 200, 200) 1px;
	border-bottom: solid rgb(200, 200, 200) 1px;
	border-left: solid rgb(240, 240, 240) 1px;
	border-right: solid rgb(230, 230, 230) 1px;
	cursor: pointer;
	background-color: transparent;
}
.chart-zoom-btn:first-child {
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	border-left-color: rgb(200, 200, 200);
	background-color: rgb(220, 220, 220);
	background-image: url(../images/custom/zoom_sw.png);
	background-repeat: no-repeat;
	background-position: center;
}
.chart-zoom-btn:last-child {
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	border-right-color: rgb(200, 200, 200);
}
.chart-zoom-btn.selected {
	background-color: rgb(255,220,80);
	border-color: rgb(220, 180, 20);
	color: rgb(90, 90, 90);
}
.chart-zoom-btn:hover {
	background-color: rgb(255, 250, 204);
}
.chart-zoom-btn:first-child:hover {
	background-image: url(../images/custom/zoom_out_sw.png);
}
.chart-zoom-btn.selected:hover {
	background-color: rgb(255,230,100);
}