/* matching */

.matchingContainer {
   overflow: hidden;
   position: relative;
   /* width: 550px; */
}

.matchingContainer .matchingColumn {
   float: left;
}

.matchingContainer .matchingLeftLine {
   clear: both;
}

.matchingContainer .matchingFixed, .matchingContainer .matchingDrag, .matchingContainer .matchingDrop, .matchingContainer .matchingEmpty
{
   margin: 4px 4px;
   padding: 2px 6px;
   font-size:90%;
   width: 150px;
   height: 1.3em;
}

.matchingContainer .matchingFixed {
   height: auto;
}

.matchingContainer .matchingFixed, .matchingContainer .matchingDrop {
   float: left;
   margin-bottom: 0px;
}

.matchingContainer .matchingSeparator {
   float: left;
   width: 30px;
   height: 1px;
}

.matchingContainer .matchingDrag {
   cursor: move;
   position: relative;
   top: 0px; /* must be -topmargin to align with previous */
   background: #e8f7fe;
   border: 1px solid #0099CC;
   z-index: 100;
}

.matchingContainer .matchingEmpty {
   border: 1px solid white;
}

.matchingContainer .matchingDragcont {
   position: relative;
}

.matchingContainer .matchingDrop {
   position: relative;
   background: #cccccc;
}

.matchingContainer .matchingDrop.active {
   position: relative;
   background: #dddddd;
}

.matchingContainer .matchingDragClone {
   position: absolute;
}