.navi
  /* STYLING */
  .multi_grid
    border: 1px solid #CDD0D3
    border-bottom: 0
    border: 1px solid #CDD0D3

    li
      margin: 0
      display: block
      padding: 5px 0 5px 10px
      border-bottom: 1px solid #CDD0D3
  


    li div
      border-bottom: 1px solid #CDD0D3
      padding-bottom: 5px
      clear: both
      overflow: hidden
  
    li .title
      float: left
  
    li .links
      float: right
  
    li
      padding-left: 30px
      border-bottom: 0
  
    .moved
      background-color: rgba(255, 255, 255, 0.6)
      padding-right: 20px
      min-width: 400px
  
    .drag
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTgxODI2NTlBNUY5MTFERkJEQTY5NjM0QTI0OTkzQ0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTgxODI2NUFBNUY5MTFERkJEQTY5NjM0QTI0OTkzQ0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBODE4MjY1N0E1RjkxMURGQkRBNjk2MzRBMjQ5OTNDQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBODE4MjY1OEE1RjkxMURGQkRBNjk2MzRBMjQ5OTNDQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlrgasEAAAA7SURBVHjaYvz//z8DuYCJgQKAUzOLSOV/ZJpUmy3RaJI0H0ej6WQzMBYGyGaYjUguGC6hzThgaRsgwABmFBehNiE89QAAAABJRU5ErkJggg==) no-repeat 0px 2px

  /* ESSENTIAL */
  .drag
    display: block
    float: left
    height: 20px
    width: 18px
    cursor: move
    background: gray

  .multi_grid,
  .multi_grid ol
    list-style: none

  .multi_grid 
    li div
      clear: both
      overflow: hidden

    .pos_helper
      padding: 0
      margin: 0
      height: 0
      transition-duration: 0.3s
      -moz-transition-duration: 0.3s
      -webkit-transition-duration: 0.3s

    &.drag_active .pos_helper
      height: 6px

    .pos_helper.hover
      height: 20px

    .hover
      background-color: rgba(255, 0, 0, 0.1)
      transition-duration: 0.3s
      -moz-transition-duration: 0.3s
      -webkit-transition-duration: 0.3s

  .moved
    z-index: 3000


.float_left
  float: left
  margin-right: 100px !important
.float_right
  float: right

.position_handle
  background: url(../bhf/pictos.png) no-repeat -94px 0
  cursor: move
  display: block
  text-indent: -9999px
  height: 30px
  width: 30px