* {
    padding: 0;
    margin: 0;
}
body {
    font:13px/1.231 arial, helvetica, clean, sans-serif;
    color: #333;
    margin: 6px 0 0;
}

p {
    margin-bottom: 12px;
}

table {
    border: 1px solid #000;
    border-collapse: collapse;
    width: 880px;
}

th {
    border: 1px solid #000;
    text-align: left;
    vertical-align: top;
    padding: 4px;
}

td {
    border: 1px solid #000;
    height: 90px;
    padding: 4px;
    vertical-align: top;
    text-align: left;
}

td span {
    background: transparent;
    display: block;
    padding: 4px;
}

td.dropzone {
    width: 250px;
}

td:focus {
    outline: 2px solid blue;
}
input[type=button].btn  {
    display: inline-block;
    width: 60px;
    margin: 10px 5px;
    padding: 4px 6px;
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    color: #666;
    text-decoration: none;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
}

#choices {
    height: 120px;
}

#choices span {
    float: left;
    display: flex;
    align-items: center;
    text-align: left;
    margin-left: 4px;
    margin-bottom: 4px;
    padding: 4px;
    width: 200px;
    height: 110px;
    border: 1px solid #000;
}

#choices span:hover, td span:hover {
    cursor: pointer;
}

.draggable {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: center;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

.selected {
    outline: 2px solid blue !important;
}

.hover {
    background-color: #6186c1;
}

.green-border {
    border: 1px solid green;
}

.red-border {
    border: 1px solid red;
}

#td0 {
    background-color: #DCEDFF;
}

#td1 {
    background-color: #DCEDFF;
}

#td2 {
    background-color: #DCEDFF;
}

#td3 {
    background-color: #DCEDFF;
}
ol{
    margin-left: 25px;
    list-style: decimal;
}


