body {
    font: 13px Arial, sans-serif;
    color: #333;
    background-color: #ffffff;
}

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

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

td {
    border: 1px solid #000;
    width: 200px;
    height: 300px;
    padding: 4px;
    vertical-align: top;
}

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

td:focus {
    outline: 2px solid blue;
}

input[type=button] {
    margin-top: 10px;
    margin-left: 10px;
}

#choices {
    height: 160px;
}

#choices span {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: 4px;
    margin-bottom: 4px;
    padding: 4px;
    width: 147px;
    height: 40px;
    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: #90EE90;
}

#td1 {
    background-color: #ADD8E6;
}

#td2 {
    background-color: #d5bad5;
}

#td3 {
    background-color: #f6b54d;
}

#td4 {
    background-color: #F64747;
}

#td5 {
    background-color: #F1A9A0;
}

#td6 {
    background-color: #C9874F;
}