diff --git a/400-SOURCECODE/AIAHTML5.Web/index.html b/400-SOURCECODE/AIAHTML5.Web/index.html
index b84132d..8d10752 100644
--- a/400-SOURCECODE/AIAHTML5.Web/index.html
+++ b/400-SOURCECODE/AIAHTML5.Web/index.html
@@ -707,7 +707,7 @@
                                 <div class="col-sm-6 no-padding marginTop10 filloptionopacity">
                                     <div class="row">
                                         <label class="pull-left" style="font-weight:normal;">Scale</label>
-                                        <div class="pull-left" style="width:62%; margin-left:3%; margin-top:2%;">
+                                        <div id="edit-slider-3"  class="pull-left" style="width:62%; margin-left:3%; margin-top:2%;">
                                             <div id="slider-range-min-3"></div>
                                             <!--<p>Your slider has a value of <span id="slider-value"></span></p>-->
                                         </div>
@@ -715,7 +715,7 @@
 
                                     <div class="row">
                                         <label class="pull-left" style="font-weight:normal;">Opacity</label>
-                                        <div class="pull-left" style="width:53%; margin-left:3%; margin-top:2%;">
+                                        <div id="edit-slider-4"  class="pull-left" style="width:53%; margin-left:3%; margin-top:2%;">
                                             <div id="slider-range-min-4"></div>
                                         </div>
                                     </div>
@@ -744,7 +744,7 @@
                                         <!--<span class="demo " data-control="hue" style="float:left;">&nbsp;</span>-->
 
 
-                                        <div class="form-group" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;">
+                                        <div class="form-group" id="editstylebordercolor" style="display:inline-flex;vertical-align:top;cursor:pointer;margin-right:36px;">
 
                                             <input type="text" class="form-control borderColorCanvasPreview" data-control="saturation" style="display:none;" value="#0088cc">
                                         </div>
@@ -798,26 +798,39 @@
             if (document.getElementById('fill-option').checked)
             {
 
-                $("#filloption1").css({ "pointer-events": "auto" });
-                $("#filloption12").css({ "pointer-events": "auto" });
+                //$("#filloption1").css({ "pointer-events": "auto" });
+                //$("#filloption12").css({ "pointer-events": "auto" });
                 $("#edit-slider-3").css({ "pointer-events": "auto" });
                 $("#edit-slider-4").css({ "pointer-events": "auto" });
                 $("#editstylebackgroundcolor").css({ "pointer-events": "auto" });
                 $("#editstyleTexture").css({ "pointer-events": "auto" });
                 $(".filloptionopacity label").css({ "cursor": "pointer" });
                 $(".filloptionopacity").css({ "opacity": "1" })
+                document.getElementById("filloption1").disabled = false;
+                document.getElementById("filloption2").disabled = false;
+                document.getElementById("filloption1").style.cursor = "default";
+                document.getElementById("filloption2").style.cursor = "default";
+
+
+
             }
             else
             {
 
-                $("#filloption1").css({ "pointer-events": "none" });
-                $("#filloption2").css({ "pointer-events": "none" });
+                //$("#filloption1").css({ "pointer-events": "none" });
+                //$("#filloption2").css({ "pointer-events": "none" });
                 $("#edit-slider-3").css({ "pointer-events": "none"});
                 $("#edit-slider-4").css({ "pointer-events": "none"});
                 $("#editstylebackgroundcolor").css({ "pointer-events": "none"});
                 $("#editstyleTexture").css({ "pointer-events": "none" });
                 $(".filloptionopacity label").css({ "cursor": "default" });
-                $(".filloptionopacity").css({ "opacity": ".5"})
+                $(".filloptionopacity").css({ "opacity": ".5" })
+                document.getElementById("filloption1").disabled = true;
+                document.getElementById("filloption2").disabled = true;
+                document.getElementById("filloption1").style.cursor = "default";
+                document.getElementById("filloption2").style.cursor = "default";
+
+
 
             }