#BtnPaint{background-image: url("/create/htmlapps/pendant/res/img/Paint.svg"); background-size: 100%; top: 14.5%; left: 63%; width: 4%;}
#BtnFormShifter{background-image: url("/create/htmlapps/pendant/res/img/Formshifter.svg"); background-size: 100%; top: 14.5%; left: 70%; width: 4%;}
#BtnPattern {background-image: url("/create/htmlapps/pendant/res/img/Pattern.svg"); top: 14.5%; left: 77%; width: 4%;}
#BtnPicturePattern {background-image: url("/create/htmlapps/pendant/res/img/Picture.svg"); top: 14.5%; left: 84%; width: 4%;}
#BtnText {background-image: url("/create/htmlapps/pendant/res/img/Text.svg"); top: 14.5%; left: 91%; width: 4%;}

#heightText{top: 29%; left: 62%;}
#topText{top: 34%; left: 62%;}
#bottomText{top: 39%; left: 62%;}
#curveText{top: 44%; left: 62%;}
#curveWidthText{top: 49%; left: 62%;}
#adjustText{top: 54%; left: 62%;}

#topCurveText{top: 64%; left: 62%;}
#topCurveWidthText{top: 69%; left: 62%;}
#sideCurveText{top: 74%; left: 62%;}
#sideCurveWidthText{top: 79%; left: 62%;}


#heightSlider{top: 28%; left: 73%;}
#topSlider{top: 33%; left: 73%;}
#bottomSlider{top: 38%; left: 73%;}
#curveSlider{top: 43%; left: 73%;}
#curveWidthSlider{top: 48%; left: 73%;}
#adjustSlider{top: 53%; left: 73%;}

#topCurveSlider{top: 63%; left: 73%;}
#topCurveWidthSlider{top: 68%; left: 73%;}
#sideCurveSlider{top: 73%; left: 73%;}
#sideCurveWidthSlider{top: 78%; left: 73%;}