table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
}

.characters td, th {
    padding: 8px;
    vertical-align: top;
    min-width: 200px;
    max-width: 250px;
}

.events td, th {
    padding: 8px;
    vertical-align: top;
    min-width: 250px;
}

.small-td {
    min-width: 10px !important;
}

.first {
    border-left: 1px solid #dddddd !important;
}
.last {
    border-right: 1px solid #dddddd !important;
}

.events {
    text-align: center;
}

.event {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    border-bottom: none;
}

.choice {
    border-left: 1px dotted #dddddd;
    border-right: 1px dotted #dddddd;
    border-top: none;
    border-bottom: none;
}

.characters td {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.add {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

.small-form {
    text-align: left !important;
    max-width: 200px;
}

.field-sizing-content {
    field-sizing: content;
    resize: none;
    max-height: 200px;
    max-width: 200px;
}
.field-no-resize {
    resize: none;
}

.hide-event{
    display: none;
    float: right;
}

.event:hover .hide-event{
    display: block;
}

.hide-choice{
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
}

.choice-div {
    position: relative;
}

.choice-div:hover .hide-choice {
    display: block;
}