anchor.diff:      position: relative;
       width: 800px;
       height: auto;
  +    background: blue;
   }
   #control_box{
       width: 100%;
   	height: auto;
  -    background: blue;
  -     opacity: 1.0;
  -    filter: alpha(opacity=100); /* For IE8 and earlier */
  +   /*  background: blue; */
  +     opacity: 0.5;
  +    filter: alpha(opacity=50); /* For IE8 and earlier */
   }
   #mutant_box{
       width: 100%;
       auto: 100%;
  -   
  +    opacity: 0.5;
  +    filter: alpha(opacity=50); /* For IE8 and earlier */
   }
   
   #resizable{
  
positive.code:   	<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
    
  	<script>
  	  $( function() {
  	    $( "#resizable" ).draggable({ cursor: "crosshair"});
  	    var initialResizableWidth=$('#resizable').width();
  	    var initialResizableHeight=$('#resizable').height();
  	    $("#resizable").resizable({
  	        aspectRatio: true
  	    });
  
negative.code: 			        top: "20px",
  			        left: "20px",
  			        width: initialResizableWidth,
  			        height : initialResizableHeight
  			    });
  			});
  	    
  