/* matching */

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

.matchingContainer .matchingColumnLeft,  
.matchingContainer .matchingColumnRight {
   float: left;
}

.matchingContainer .matchingLeftLine {
   clear: both;
}

.matchingContainer .matchingFixed, .matchingContainer .matchingDrag, .matchingContainer .matchingDrop
{
   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;
}

body.print-style .matchingContainer .matchingSeparator {
   width: 80px;
}

body.print-style .matchingContainer .matchingDrop,
body.print-style .matchingContainer .matchingReset {
   display: none;
}

.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 .matchingDragcont {
   position: relative;
}

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

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

.matchingContainer .matchingDragClone {
   position: absolute;
}