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:     accept : '#wysiwyg',
      drop : function(event, ui) {
  
        sidebar_id_end = sidebar_id_end + 1;
        sidebar_result_html = sidebar_part_1 + sidebar_part_2 + sidebar_id_end.toString() + sidebar_part_3 + sidebar_id_end.toString() + sidebar_part_4 + sidebar_part_5;
        sidebar_id_complex = sidebar_id_begin + sidebar_id_end.toString();
        $('#small_content').append(sidebar_result_html);
        tinymce.execCommand('mceAddControl',true,sidebar_id_complex);
          
      }
    });
  
    <!-- MODULES hide -->
  
    $('#hide_large_wysiwyg').click(function() {
      $('#large_content').fadeOut('slow');
      $('#large_title').fadeIn('slow');
    });
  
    $('#hide_medium_wysiwyg').click(function() {
      $('#medium_content').fadeOut('slow');
      $('#medium_title').fadeIn('slow');
    });
  
    $('#hide_small_wysiwyg').click(function() {
      $('#small_content').fadeOut('slow');
      $('#small_title').fadeIn('slow');
    });
  
    <!-- MODULES show -->
  
    $('#show_large_wysiwyg').click(function() {
  
      $('div#large_content').css('height','335px');
      $('div#large_content > .holder').css('height','310px');
      $('#frame_large_content').css('height','285px');
      $('#custom_module_content_ifr').css('height','247px');
  
      $('#large_content').fadeIn('slow');
      $('#large_title').fadeOut('slow');
    });
  
    $('#show_medium_wysiwyg').click(function() {
  
      $('div#medium_content').css('height','335px');
      $('div#medium_content > .holder').css('height','310px');
      $('#frame_medium_content').css('height','285px');
      $('#custom_module_header_ifr').css('height','247px');
  
      $('#medium_content').fadeIn('slow');
      $('#medium_title').fadeOut('slow');
    });
  
    $('#show_small_wysiwyg').click(function() {
  
      $('div#small_content').css('height','335px');
      $('div#small_content > .holder').css('height','310px');
      $('#frame_small_content').css('height','285px');
      $('#custom_module_sidebar_ifr').css('height','247px');
  
      $('#small_content').fadeIn('slow');
      $('#small_title').fadeOut('slow');
    });
  
  });
  
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">
  
  