.port-events {
    max-height: 110px;
    overflow: auto;
    width: 1005px;
    background-color: #8b744f;
    padding-left: 10px;
    border-style: solid;
    border-width: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.port-events div.link {
    float: right;
    margin-left: -100%;
    margin-right: 10px;
    font-size: 0.7em;
}
.port-events div.link a,
.port-events div.link a:link,
.port-events div.link a:visited {
    text-decoration: none;
    color: #bdaf8a;
}
.port-events div.link a:hover {
    text-decoration: none;
    color: #4b332f;
}

.port-events table thead .header th {
    text-align: left;
    font-weight: bold;
    font-size: 1em;
    padding-left: 5px;
    padding-right: 5px;
}
.port-events table thead .header .time,
.port-events table tbody .event .time {
    width: 13.8em;
}
.port-events table tbody .event {
    cursor: crosshair;
}
.port-events table tbody .event:hover {
    background-color: #6b543f;
}
.port-events table tbody .event td {
    padding-left: 5px;
    padding-right: 5px;
}
.port-events table tbody .event .time,
.port-events table tbody .event .description {
    font-size: 0.8em;
}
.port-events table tbody .event .battle {
    font-weight: bold;
}
.port-events table tbody .event .attack {
    font-style: italic;
}