.slider-graph .slider{float:left;position:relative;}
.slider-graph .slider > div{position:absolute;background-color:#808080;border-radius:10px;}
.slider-graph .slider > div > div{height:20px;width:20px;border-radius:20px;position:absolute;background-color:#000;cursor:move}
.slider-graph .graph{float:left;position:relative;width:100%;height:100%;}
.slider-graph .graph > svg{width:100%;height:100%;z-index:1}
.slider-graph .graph .axis{position:absolute;background-color:#808080;}
.slider-graph .graph .axis.x{width:100%;height:2px;margin-top:-1px;left:0}
.slider-graph .graph .axis.y{height:100%;width:2px;margin-left:-1px;top:0}
.slider-graph .graph .grid-line{position:absolute;background-color:#f3f3f3;}
.slider-graph .graph .grid-line.x{top:0;width:1px;height:100%}
.slider-graph .graph .grid-line.y{left:0;height:1px;width:100%}
.slider-graph .graph .mark{position:absolute;background-color:#000;}
.slider-graph .graph .mark.x{width:1px;height:8px}
.slider-graph .graph .mark.y{height:1px;width:8px}
.slider-graph .graph .text{margin:0;position:absolute;font-family:arial;font-size:.8em;background-color:#fff}
.slider-graph .graph .path-pixel{position:absolute;width:1px;height:1px;background-color:#000}
.slider-graph.x .graph{height:90%}
.slider-graph.x .slider.x{height:10%;width:100%;}
.slider-graph.x .slider.x > div{width:100%;height:10px;top:35px;}
.slider-graph.x .slider.x > div > div{top:-5px;margin-left:-10px}
.slider-graph.y .graph{width:90%}
.slider-graph.y .slider.y{width:10%;height:100%;}
.slider-graph.y .slider.y > div{height:100%;width:10px;right:35px;}
.slider-graph.y .slider.y > div > div{left:-5px;margin-top:-10px}
.slider-graph.x.y .slider.x{width:90%;margin-left:10%}
.slider-graph.x.y .slider.y{height:90%}