.d3-slider {
    position: relative;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
    z-index: 2;
    background-image: -webkit-gradient(); 
    background-color: #FFF;  
    border: 1px solid #D3D3D3;
    border-radius: 3em/3em;
    opacity: 0.85;
    height:8px;
}

.d3-slider-horizontal {
    height:8px;
}  

.d3-slider-vertical {
    width: .8em;
    height: 100px;
}      

.d3-slider-handle {
    position: absolute;
    z-index: 3;
     -webkit-appearance: none;
   background-color: #f2ab1e;
        background-repeat: repeat-x;
        background-image: -khtml-gradient(linear, left top, left bottom, from(#f0c911), to(#f2ab1e));
        background-image: -moz-linear-gradient(top, #f0c911, #f2ab1e);
        background-image: -ms-linear-gradient(top, #f0c911, #f2ab1e);
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0c911), color-stop(100%, #f2ab1e));
        background-image: -webkit-linear-gradient(top, #f0c911, #f2ab1e);
        background-image: -o-linear-gradient(top, #f0c911, #f2ab1e);
        background-image: linear-gradient(top, #f0c911, #f2ab1e);
    opacity: 1;
    width: 16px;
    height: 24px;
    border: 1px solid #f2ab1e;
    border-radius: 8px;
}

.d3-slider-handle:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2ab1e), color-stop(1, #f0c911) );
	background:-moz-linear-gradient( center top, #f2ab1e 5%, #f0c911 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e', endColorstr='#f0c911');
	background-color: #f2ab1e;
}

.d3-slider-horizontal .d3-slider-handle {
    top: -.6em;
    margin-left: -.6em;
}

.d3-slider-axis {
    position: relative;
    z-index: 1;    
}

.d3-slider-axis-bottom {
    top: .8em;
}

.d3-slider-axis-right {
    left: .8em;
}

.d3-slider-axis path {
    stroke-width: 0;
    fill: none;
}

.d3-slider-axis line {
    fill: none;
    stroke: #eee;
    stroke-width: 0;
    shape-rendering: crispEdges;
}

.d3-slider-axis text {
    font-size: 11px;
    fill: none;
}

.d3-slider-vertical .d3-slider-handle {
    left: -.25em;
    margin-left: 0;
    margin-bottom: -.6em;      
}