anchor.diff:    //$(ui.draggable) draggable element
     //$(this) droppable element
   
  -  var header_part_1 = '<div class="inner"><div class="holder"><div class="headline"><h4 class="head">Large Module Content</h4><a href="javascript:void(0);" id="hide_large_wysiwyg">Hide</a></div><div class="edit-box"><div class="holder"><div class="frame">';
  + // var header_part_1 = '<div class="inner"><div class="holder"><div class="headline"><h4 class="head">Large Module Content</h4><a href="javascript:void(0);" class="hide_large_wysiwyg">Hide</a></div><div class="edit-box"><div class="holder"><div class="frame">';
     var header_part_2 = '<textarea class="field mceEditor" cols="40" id="header_new_';
     var header_part_3 = '" name="header_new[';
  -  var header_part_4 = ']" rows="20" style="width:100%;"></textarea>';
  -  var header_part_5 = '</div></div></div></div></div><div style="height:10px; background-color: white; width: 100%;"></div>';
  +  var header_part_4 = ']" rows="20" style="width:100%;"></textarea><div class="custom divider" style="width: 100%;height: 10px;background-color: #D7EEF8;"></div>';
  +//  var header_part_5 = '</div></div></div></div></div><div style="height:10px; background-color: white; width: 100%;"></div>';
     var header_id_begin = 'header_new_';
     var header_id_end = 0;
     var header_id_complex = '';
   
  -  var content_part_1 = '<div class="inner"><div class="holder"><div class="headline"><h4 class="medium">Medium Module Content</h4><a href="javascript:void(0);" id="hide_medium_wysiwyg">Hide</a></div><div class="edit-box"><div class="holder"><div class="frame">';
  + // var content_part_1 = '<div class="inner"><div class="holder"><div class="headline"><h4 class="medium">Medium Module Content</h4><a href="javascript:void(0);" class="hide_medium_wysiwyg">Hide</a></div><div class="edit-box"><div class="holder"><div class="frame">';
     var content_part_2 = '<textarea class="field mceEditor" cols="40" id="content_new_';
     var content_part_3 = '" name="content_new[';
  -  var content_part_4 = ']" rows="20" style="width:100%;"></textarea>';
  -  var content_part_5 = '</div></div></div></div></div><div style="height:10px; background-color: white; width: 100%;"></div>';
  +  var content_part_4 = ']" rows="20" style="width:100%;"></textarea><div class="custom divider" style="width: 100%;height: 10px;background-color: #D7EEF8;"></div>';
  + // var content_part_5 = '</div></div></div></div></div><div style="height:10px; background-color: white; width: 100%;"></div>';
     var content_id_begin = 'content_new_';
     var content_id_end = 0;
     var content_id_complex = '';
   
  -  var sidebar_part_1 = '<div class="inner"><div class="holder"><div class="headline"><h4 class="small-content">Small Module Content</h4><a href="javascript:void(0);" id="hide_small_wysiwyg">Hide</a></div><div class="edit-box"><div class="holder"><div class="frame">';
  + // var sidebar_part_1 = '<div class="inner"><div class="holder"><div class="headline"><h4 class="small-content">Small Module Content</h4><a href="javascript:void(0);" class="hide_small_wysiwyg">Hide</a></div><div class="edit-box"><div class="holder"><div class="frame">';
     var sidebar_part_2 = '<textarea class="field mceEditor" cols="40" id="sidebar_new_';
     var sidebar_part_3 = '" name="sidebar_new[';
  -  var sidebar_part_4 = ']" rows="20" style="width:100%;"></textarea>';
  -  var sidebar_part_5 = '</div></div></div></div><div style="height:10px; background-color: white; width: 100%;"></div></div>';
  +  var sidebar_part_4 = ']" rows="20" style="width:100%;"></textarea><div class="custom divider" style="width: 100%;height: 10px;background-color: #D7EEF8;"></div>';
  +//  var sidebar_part_5 = '</div></div></div></div><div style="height:10px; background-color: white; width: 100%;"></div></div>';
     var sidebar_id_begin = 'sidebar_new_';
     var sidebar_id_end = 0;
     var sidebar_id_complex = '';
  
positive.code: 	<h3>Module Content</h3>
  
          <div class="parent_container">
          <div class="gray-area" id="large_title">
            <div class="holder">
  	    <h4 class="head">Large Module Content</h4>
  	    <a href="javascript:void(0);" id="show_large_wysiwyg">Show</a>
  	  </div>
          </div>
  
  	  <div class="inner" id="large_content">
              <% if @custom_module.id.present? %>
  	      <div class="holder">
  	        <div class="headline">
                    <h4 class="head">Large Module Content</h4>
  	          <a href="javascript:void(0);" id="hide_large_wysiwyg">Hide</a>
  	        </div>
  	        <div class="edit-box">
      	          <div class="holder">
  		    <div class="frame">
  		      <%= f.text_area "header", :style => "width:100%;", :class => "field mceEditor" %>
  		    </div>
  	          </div>
  	        </div>
  	      </div>
              <% end %>
  	  </div>
          </div>
  
          <div class="parent_container">
          <div class="gray-area" id="medium_title">
            <div class="holder">
  	    <h4 class="medium">Medium Module Content</h4>
  	    <a href="javascript:void(0);" id="show_medium_wysiwyg">Show</a>
  	  </div>
          </div>
  
  	<div class="inner" id="medium_content">
            <% if @custom_module.id.present? %>
              <div class="holder">
  	      <div class="headline">
                  <h4 class="medium">Medium Module Content</h4>
  	        <a href="javascript:void(0);" id="hide_medium_wysiwyg">Hide</a>
  	      </div>
  	      <div class="edit-box">
      	        <div class="holder">
  		  <div class="frame">
  		    <%= f.text_area "content", :class => "field mceEditor", :style => "width:100%;" %>
  		  </div>
  	        </div>
  	      </div>
  	    </div>
            <% end %>
  	</div>
          </div>
  
          <div class="parent_container">
          <div class="gray-area" id="small_title">
            <div class="holder">
  	    <h4 class="small-content">Small Module Content</h4>
  	    <a href="javascript:void(0);" id="show_small_wysiwyg">Show</a>
  	  </div>
          </div>
  
          <div class="inner" id="small_content">
            <% if @custom_module.id.present? %>
  	    <div class="holder">
  	      <div class="headline">
                  <h4 class="small-content">Small Module Content</h4>
  	        <a href="javascript:void(0);" id="hide_small_wysiwyg">Hide</a>
  	      </div>
  	      <div class="edit-box">
      	        <div class="holder">
  		  <div class="frame">
  		    <%= f.text_area "sidebar", :class => "field mceEditor", :style => "width:100%;" %>
  		  </div>
  	        </div>
  	      </div>
  	    </div>
            <% end %>
  	</div>
         </div>
        </div>
  
negative.code: <%= javascript_include_tag 'skinnycms/jquery/jquery-1.4.4.min.js' %>
  <%= javascript_include_tag 'skinnycms/jquery/jquery-ui-1.8.7.custom.min.js' %>
  <%= javascript_include_tag 'skinnycms/jquery/jquery.livequery.js' %>
  
  <style type="text/css">
  .parent_container {
    margin-bottom:10px;
  }
  
  .custom divider {
    width: 100%;
    height: 15px;
    background-color: #D7EEF8;
  }
  </style>
  <script type="text/javascript">
  
  