.drsElement {
    position: absolute;
  }

  /*
  The main mouse handle that moves the whole element.
  You can apply to the same tag as drsElement if you want.
  */
  .drsMoveHandle {
    height: 10px;
    background-color: #CCC;
    border-bottom: 1px solid #666;
    cursor: move;
    font-size: 9px;
  }

  /*
  The DragResize object name is automatically applied to all generated
  corner resize handles, as well as one of the individual classes below.
  */
  .dragresize {
    position: absolute;
    width: 3px;
    height: 3px;
    font-size: 1px;
    background: #EEE;
    border: 1px solid #333;
  }

  /*
  Individual corner classes - required for resize support.
  These are based on the object name plus the handle ID.
  */
  .dragresize-tl {
    top: -5px;
    left: -5px;
    cursor: nw-resize;
  }
  .dragresize-tm {
    top: -5px;
    left: 50%;
    margin-left: -4px;
    cursor: n-resize;
  }
  .dragresize-tr {
    top: -5px;
    right: -5px;
    cursor: ne-resize;
  }

  .dragresize-ml {
    top: 50%;
    margin-top: -4px;
    left: -5px;
    cursor: w-resize;
  }
  .dragresize-mr {
    top: 50%;
    margin-top: -4px;
    right: -5px;
    cursor: e-resize;
  }

  .dragresize-bl {
    bottom: -15px;
    left: -5px;
    cursor: sw-resize;
  }
  .dragresize-bm {
    bottom: -15px;
    left: 50%;
    margin-left: -4px;
    cursor: s-resize;
  }
  .dragresize-br {
    bottom: -15px;
    right: -5px;
    cursor: se-resize;
  }