/***********************************************
	Resource: jsUiElements/UISlider.css
***********************************************/



.sliderBarCont {
  background: none;
  position: relative;
  width: 15em;
  height: 1em;
  margin:  .2em 0 .3em 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}
.sliderBar {
  width: 100%;
  height: .4em;
  background: linear-gradient(#B2B2B2, #888888);
  position: absolute;
  left:0;
  top:.3em;
  border-radius: .5em;
  -webkit-border-radius: .5em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.slider {
  background: #B2B2B2;
  width: 1em;
  height: 1em;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  background: radial-gradient(#B2B2B2, #888888);
  border: solid .1em #888888;
  cursor:default;
}

/***********************************************
	Resource: jsUiElements/ColorSelector.css
***********************************************/



#ColorSelector {
  padding:.5em;
  position: absolute;
  left:0;
  top:0;
}

#colorDisplay {
  position: relative;
  width: 15em;
  height: 5em;
  margin-top: 1em;
}

#sliderR .sliderBar {
  background: linear-gradient(red, #990000);
}
#sliderR .slider {
  background: radial-gradient(red, #990000);
  border-color: #990000;
}
#sliderG .sliderBar {
  background: linear-gradient(green, #004700);
}
#sliderG .slider {
  background: radial-gradient(green, #004700);
  border-color: #004700;
}
#sliderB .sliderBar {
  background: linear-gradient(blue, #000080);
}
#sliderB .slider {
  background: radial-gradient(blue, #000080);
  border-color: #000080;
}