styles.css

.ddmatch li {
    margin: 6px;
    padding: 4px;
}

.ddmatch li.matchdrag {
    border: 1px solid black;
    background-color: white;
}

.ddmatch li.placeholder {
    border: 1px dotted black;
    text-align: center;
}

.ddmatch ul.matchorigin {
    width: 35%;
    border: 1px solid gray;
    list-style: none;
    margin: 6px;
    padding: 4px;
    float: right;
}

.ddmatch .matchorigin li {
    list-style:none;
}

.ddmatch .matchtarget {
    border: 1px solid black;
    list-style: none;
    min-height: 30px;
    margin: 6px;
    padding: 4px;
    width: 100%;
}

.ddmatch .matchtarget li {
    list-style:none;
}

.ddmatch li p {
    display: table-cell;
    vertical-align: middle;
}

.ddmatch ul.matchdefault {
    border: 2px solid gray;
}

.ddmatch td.text {
    width: 25%;
}
.ddmatch td.control {
    width: 75%;
    margin: 6px;
    padding: 4px;
}

.ddmatch table.answer {
    float: left;
    width: 60%;
    margin-bottom: 0.5em;
}

.ddmatch .correctanswertable {
    margin: 10px;
}

.ddmatch .matchtarget.yui3-dd-drop-active-valid {
    border: 2px dotted red;
}

.ddmatch .matchtarget.yui3-dd-drop-over {
    border: 2px dotted green;
}

.matchtarget .placeholder.hidden {
    display: none;
}

.ddmatch .matchtarget.yui3-dd-drop-over li {
    background-color: blue;
}

/* Editing form. */
body#page-question-type-ddmatch div[id^=fitem_id_][id*=subquestions_] {
    background: #EEE;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #BBB;
    border-bottom: 0;
}

body#page-question-type-ddmatch div[id^=fitem_id_][id*=subquestions_] .fitemtitle {
    font-weight: bold;
}

body#page-question-type-ddmatch div[id^=fitem_id_][id*=subanswers_] {
    background: #EEE;
    margin-bottom: 2em;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 1px solid #BBB;
    border-top: 0;
}