.RGBSLIDER {
position: absolute;
top: 0px;
left: 160px;
width: 90px;
height: 62px;
max-width:350px;
background:#ffffff;
font-family: Arial;
color: #5a566d;
 box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000; /* Add cool effects to your sliders! */

}

.RGBSLIDER2 {top: 270px;left: 10px;display:inline-block;position:absolute;pointer:cursor;-webkit-appearance:none;width:580px;height:35px;background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0),hsla(0, 0%, 100%, 1),hsla(0, 0%, 100%, 1),hsla(0, 0%, 100%, 1),hsla(0, 100%, 50%, 1),hsla(10, 100%, 50%, 1),hsla(20, 100%, 50%, 1),hsla(30, 100%, 50%, 1),hsla(40, 100%, 50%, 1),hsla(50, 100%, 50%, 1),hsla(60, 100%, 50%, 1),hsla(70, 100%, 50%, 1),hsla(80, 100%, 50%, 1),hsla(90, 100%, 50%, 1),hsla(100, 100%, 50%, 1),hsla(110, 100%, 50%, 1),hsla(120, 100%, 50%, 1),hsla(130, 100%, 50%, 1),hsla(140, 100%, 50%, 1),hsla(150, 100%, 50%, 1),hsla(160, 100%, 50%, 1),hsla(170, 100%, 50%, 1),hsla(180, 100%, 50%, 1),hsla(190, 100%, 50%, 1),hsla(200, 100%, 50%, 1),hsla(210, 100%, 50%, 1),hsla(220, 100%, 50%, 1),hsla(230, 100%, 50%, 1),hsla(240, 100%, 50%, 1),hsla(250, 100%, 50%, 1),hsla(260, 100%, 50%, 1),hsla(270, 100%, 50%, 1),hsla(280, 100%, 50%, 1),hsla(290, 100%, 50%, 1),hsla(300, 100%, 50%, 1),hsla(310, 100%, 50%, 1),hsla(320, 100%, 50%, 1),hsla(330, 100%, 50%, 1),hsla(340, 100%, 50%, 1),hsla(350, 100%, 50%, 1),hsla(360, 100%, 50%, 1));background: -moz-linear-gradient(left, hsla(0, 100%, 50%, 1),hsla(10, 100%, 50%, 1),hsla(20, 100%, 50%, 1),hsla(30, 100%, 50%, 1),hsla(40, 100%, 50%, 1),hsla(50, 100%, 50%, 1),hsla(60, 100%, 50%, 1),hsla(70, 100%, 50%, 1),hsla(80, 100%, 50%, 1),hsla(90, 100%, 50%, 1),hsla(100, 100%, 50%, 1),hsla(110, 100%, 50%, 1),hsla(120, 100%, 50%, 1),hsla(130, 100%, 50%, 1),hsla(140, 100%, 50%, 1),hsla(150, 100%, 50%, 1),hsla(160, 100%, 50%, 1),hsla(170, 100%, 50%, 1),hsla(180, 100%, 50%, 1),hsla(190, 100%, 50%, 1),hsla(200, 100%, 50%, 1),hsla(210, 100%, 50%, 1),hsla(220, 100%, 50%, 1),hsla(230, 100%, 50%, 1),hsla(240, 100%, 50%, 1),hsla(250, 100%, 50%, 1),hsla(260, 100%, 50%, 1),hsla(270, 100%, 50%, 1),hsla(280, 100%, 50%, 1),hsla(290, 100%, 50%, 1),hsla(300, 100%, 50%, 1),hsla(310, 100%, 50%, 1),hsla(320, 100%, 50%, 1),hsla(330, 100%, 50%, 1),hsla(340, 100%, 50%, 1),hsla(350, 100%, 50%, 1),hsla(360, 100%, 50%, 1));-webkit-border-radius: 100px;-moz-border-radius: 100px;-ms-border-radius: 100px;-o-border-radius: 100px;border-radius: 100px;box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000; /* Add cool effects to your sliders! */}

.RGBSLIDER2::-webkit-slider-thumb
{
  -webkit-appearance:none;
  border: 1.5px solid #5a566d;
  height: 35px;
  width: 35px;
  border-radius: 30px;
  background: #ffffff;
  margin-top: -1px;
  opacity: 0.6;

}

.RGBSLIDER3 {top: 270px;left: 10px;display:inline-block;position:absolute;pointer:cursor;-webkit-appearance:none;width:580px;height:35px;background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0),hsla(0, 0%, 100%, 1),hsla(0, 0%, 100%, 1),hsla(0, 0%, 100%, 1),hsla(0, 100%, 50%, 1),hsla(10, 100%, 50%, 1),hsla(20, 100%, 50%, 1),hsla(30, 100%, 50%, 1),hsla(40, 100%, 50%, 1),hsla(50, 100%, 50%, 1),hsla(60, 100%, 50%, 1),hsla(70, 100%, 50%, 1),hsla(80, 100%, 50%, 1),hsla(90, 100%, 50%, 1),hsla(100, 100%, 50%, 1),hsla(110, 100%, 50%, 1),hsla(120, 100%, 50%, 1),hsla(130, 100%, 50%, 1),hsla(140, 100%, 50%, 1),hsla(150, 100%, 50%, 1),hsla(160, 100%, 50%, 1),hsla(170, 100%, 50%, 1),hsla(180, 100%, 50%, 1),hsla(190, 100%, 50%, 1),hsla(200, 100%, 50%, 1),hsla(210, 100%, 50%, 1),hsla(220, 100%, 50%, 1),hsla(230, 100%, 50%, 1),hsla(240, 100%, 50%, 1),hsla(250, 100%, 50%, 1),hsla(260, 100%, 50%, 1),hsla(270, 100%, 50%, 1),hsla(280, 100%, 50%, 1),hsla(290, 100%, 50%, 1),hsla(300, 100%, 50%, 1),hsla(310, 100%, 50%, 1),hsla(320, 100%, 50%, 1),hsla(330, 100%, 50%, 1),hsla(340, 100%, 50%, 1),hsla(350, 100%, 50%, 1),hsla(360, 100%, 50%, 1));background: -moz-linear-gradient(left, hsla(0, 100%, 50%, 1),hsla(10, 100%, 50%, 1),hsla(20, 100%, 50%, 1),hsla(30, 100%, 50%, 1),hsla(40, 100%, 50%, 1),hsla(50, 100%, 50%, 1),hsla(60, 100%, 50%, 1),hsla(70, 100%, 50%, 1),hsla(80, 100%, 50%, 1),hsla(90, 100%, 50%, 1),hsla(100, 100%, 50%, 1),hsla(110, 100%, 50%, 1),hsla(120, 100%, 50%, 1),hsla(130, 100%, 50%, 1),hsla(140, 100%, 50%, 1),hsla(150, 100%, 50%, 1),hsla(160, 100%, 50%, 1),hsla(170, 100%, 50%, 1),hsla(180, 100%, 50%, 1),hsla(190, 100%, 50%, 1),hsla(200, 100%, 50%, 1),hsla(210, 100%, 50%, 1),hsla(220, 100%, 50%, 1),hsla(230, 100%, 50%, 1),hsla(240, 100%, 50%, 1),hsla(250, 100%, 50%, 1),hsla(260, 100%, 50%, 1),hsla(270, 100%, 50%, 1),hsla(280, 100%, 50%, 1),hsla(290, 100%, 50%, 1),hsla(300, 100%, 50%, 1),hsla(310, 100%, 50%, 1),hsla(320, 100%, 50%, 1),hsla(330, 100%, 50%, 1),hsla(340, 100%, 50%, 1),hsla(350, 100%, 50%, 1),hsla(360, 100%, 50%, 1));-webkit-border-radius: 100px;-moz-border-radius: 100px;-ms-border-radius: 100px;-o-border-radius: 100px;border-radius: 100px;box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000; /* Add cool effects to your sliders! */}

.RGBSLIDER3::-webkit-slider-thumb
{
  -webkit-appearance:none;
  border: 1.5px solid #5a566d;
  height: 35px;
  width: 35px;
  border-radius: 30px;
  background: #ffffff;
  margin-top: -1px;
  opacity: 0.6;

}

.menuIcon {
position: absolute;
top: 0px;
left: 0px;
width: 40%;
max-width:410px;
height:62px;
/*background:#c5ccd4 url(/graphics/bg.gif);*/
font-family: Arial;
color: #5a566d;
}

.menuIconImg {
width: 62px;
height:62px;
}

.menuTextRGB {
position: absolute;
top: 17px;
left: 80px;
font-size:21px;
vertical-align:middle;
height:62px;

/*background:#c5ccd4 url(/graphics/bg.gif);*/
font-family: Arial;
color: #5a566d;
 z-index: 2;
}

.menuRightSzenen {
position: absolute;
top: 7px;
left: 298px;
width: 10px;
height:62px;
font-size:24px;
vertical-align:middle;
/*background:#c5ccd4 url(/graphics/bg.gif);*/
font-family: Arial;
color: #5a566d;
}

.RGB1 {
position: absolute;

top: 210px;
left: 10px;
width: 250px;;
height: 62px;
max-width:350px;
background:#ffffff;
font-family: Arial;
color: #5a566d;
 box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000; /* Add cool effects to your sliders! */

}

.RGB2 {
position: absolute;
top: 50px;
left: 10px;
width: 250px;
height: 62px;
max-width:350px;
background:#ffffff;
font-family: Arial;
color: #5a566d;
 box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000; /* Add cool effects to your sliders! */

}

.RGB3 {
position: absolute;
top: 210px;
left: 340px;
width: 250px;
height: 62px;
max-width:350px;
background:#ffffff;
font-family: Arial;
color: #5a566d;
 box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000; /* Add cool effects to your sliders! */

}

.RGB4 {
position: absolute;
top: 50px;
left: 340px;
width: 250px;;
height: 62px;
max-width:350px;
background:#ffffff;
font-family: Arial;
color: #5a566d;
 box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000; /* Add cool effects to your sliders! */

}

.RGB5 {
position: absolute;
top: 130px;
left: 340px;
width: 250px;;
height: 62px;
max-width:350px;
background:#ffffff;
font-family: Arial;
color: #5a566d;
 box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000; /* Add cool effects to your sliders! */

}

.RGB6 {
position: absolute;
top: 130px;
left: 10px;
width: 250px;
height: 62px;
max-width:350px;
background:#ffffff;
font-family: Arial;
color: #5a566d;
 box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000; /* Add cool effects to your sliders! */

}

.RGB7 {
position: absolute;

top: 290px;
left: 10px;
width: 250px;;
height: 62px;
max-width:350px;
background:#ffffff;
font-family: Arial;
color: #5a566d;
 box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000; /* Add cool effects to your sliders! */
opacity: 0.5;
}

.RGB8 {
position: absolute;

top: 290px;
left:340px;
width: 250px;;
height: 62px;
max-width:350px;
background:#ffffff;
font-family: Arial;
color: #5a566d;
 box-shadow: 3px 3px 30px #a49c99, 3px 3px 30px #000000; /* Add cool effects to your sliders! */

}

.rgbclose {
position: absolute; 
top: 4px;
right: 4px;
width: 30px;
}

.rgbclosehr {
position: absolute; 
top: 30px;
 width: 598px;
 left: 0px;
}