html {
 height: 100%;
 background-color: #222;
}

body {
 margin: 0px;
 background: #222;
}

.styled-select select {
 background: #aaa;
 width: 250px;
 height: 30px;
 margin-left: 15px;
 font-size: 16px;
 line-height: 1;
 border: 1px solid #bbb;
 border-radius: 4px;
}

.sdButton {
 display: inline-block;
 vertical-align: top;
 background: linear-gradient(to bottom, #f6f6f6 0%, #aaaaaa 100%);
 border-radius: 3px;
 border: 1px solid #808080;
 padding: 1px;
 height: 28px;
 width: 60px;
 text-align: center;
}

.sdButton:active {
 background: #868585;
}

.sdSlider {
 position: relative;
 display: inline-block;
 border: 1px solid #777777;
 border-radius: 3px;
}

.sdslLabel {
 height: 20px;
 text-align: center;
 font: normal 16px sans-serif;
}

input[type="range"].vVertical {
 appearance: none;
 height: 4px;
 border: 1px solid #8e8a86;
 background-color: #888888;
 transform: rotate(270deg);
 transform-origin: 0% 50%;
}

input[type="range"]::-webkit-slider-thumb {
 appearance: none;
 background-color: #999999;
 border-radius: 4px;
 border: 1px solid #5c5c5c;
 width: 20px;
 height: 34px;
}

input[type="range"]::-moz-range-thumb {
 appearance: none;
 background-color: #999999;
 border-radius: 4px;
 border: 1px solid #5c5c5c;
 width: 20px;
 height: 34px;
}
