/**
 * Drag and drop related css.
 */

.drag-drop .droppable-target .droppable-target-hover {
    border-color: #0000FF;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.droppable-target, .box-sizing {
	-webkit-box-sizing: content-box;  /*  Safari/Chrome, other WebKit */
	-moz-box-sizing: content-box;     /* Firefox, other Gecko */
	box-sizing: content-box;          /* Opera/IE 8+ */
}

.target-border {
    border: 1px solid transparent;
}

.token-border-hover, .target-border-highlight {
    border-width: 1px;
    border-style: solid;
    border-color: #0000FF !important;
}

.drag-drop-label .textContainer {
   position: relative;
}

.drag-drop-label .textContainer p {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.token, .token:visited {
    cursor: url("openhand.cur"), auto;
    overflow: hidden;
}

.token:active {
	cursor: url("closedhand.cur"), auto;
}

.ui-state-disabled.ui-droppable-disabled {
    opacity : 1;
    filter: alpha(opacity = 100);
}

.ddTable {
    display: table;
    table-layout: fixed;
}

.ddTableRow {
    display: table-row;
}

.ddTableCell {
    display: table-cell;
}