/* We need the min-height in order to have a region that is never empty and can receive draggables
   min-height doees not work on IE6 and the 2 other lines are there to make it work in that situation.
   32 pixels is the height of the region when it is empty. */
.dnd-region {
   min-height: 32px;
   height: auto !important;
   height: 32px;
}

/*
Add height to handle div so that we can drag from the whole bar instead of just the title. Should work in IE as well,
though it hasn't been tested.
*/
.dnd-handle {
   cursor: move;
   position: relative;
   min-height: 1.2em;
   height: auto !important;
   height: 1.2em;
}

.dnd-droppable {
   border: red 1px dashed;
   background-color: Transparent;
}