.slider {
	vertical-align: middle; display: inline-block; position: relative;
}
.slider.slider-horizontal {
	width: 210px; height: 20px;
}
.slider.slider-horizontal .slider-track {
	left: 0px; top: 50%; width: 100%; height: 10px; margin-top: -5px;
}
.slider.slider-horizontal .slider-selection {
	top: 0px; height: 100%; bottom: 0px;
}
.slider.slider-horizontal .slider-handle {
	margin-top: -5px; margin-left: -10px;
}
.slider.slider-horizontal .slider-handle.triangle {
	border-width: 0px 10px 10px; width: 0px; height: 0px; margin-top: 0px; border-bottom-color: rgb(4, 128, 190);
}
.slider.slider-vertical {
	width: 20px; height: 210px;
}
.slider.slider-vertical .slider-track {
	left: 50%; top: 0px; width: 10px; height: 100%; margin-left: -5px;
}
.slider.slider-vertical .slider-selection {
	left: 0px; top: 0px; width: 100%; bottom: 0px;
}
.slider.slider-vertical .slider-handle {
	margin-top: -10px; margin-left: -5px;
}
.slider.slider-vertical .slider-handle.triangle {
	border-width: 10px 0px 10px 10px; width: 1px; height: 1px; margin-left: 0px; border-left-color: rgb(4, 128, 190);
}
.slider input {
	display: none;
}
.slider .tooltip-inner {
	white-space: nowrap;
}
.slider-track {
	border-radius: 4px; position: absolute; cursor: pointer; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); background-image: linear-gradient(rgb(245, 245, 245), rgb(249, 249, 249)); background-repeat: repeat-x; background-color: rgb(247, 247, 247); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.slider-selection {
	border-radius: 4px; position: absolute; box-sizing: border-box; box-shadow: inset 0px -1px 0px rgba(0,0,0,0.15); background-image: linear-gradient(rgb(249, 249, 249), rgb(245, 245, 245)); background-repeat: repeat-x; background-color: rgb(247, 247, 247); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}
.slider-handle {
	border: 0px solid transparent; border-image: none; width: 20px; height: 20px; position: absolute; opacity: 0.8; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.2), 0px 1px 2px rgba(0,0,0,0.05); background-image: linear-gradient(rgb(20, 155, 223), rgb(4, 128, 190)); background-repeat: repeat-x; background-color: rgb(14, 144, 210); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}
.slider-handle.round {
	border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
}
.slider-handle.triangle {
	background: none;
}
