/* Thor notice box: 112 x 97. Title is painted on the patcher background. */

html,
body {
    margin: 0;
    padding: 0;
    width: 112px;
    height: 97px;
    overflow: hidden;
    background: #fdf5ec;
    font-family: Tahoma, "MS Sans Serif", Arial, sans-serif;
    color: #2a241c;
}

.status-box {
    position: relative;
    width: 112px;
    height: 97px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #fdf5ec;
}

.status-row {
    position: absolute;
    left: 6px;
    width: 92px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
}

.status-row-0 { top: 10px; }
.status-row-1 { top: 38px; }
.status-row-2 { top: 66px; }

.status-name {
    float: left;
    color: #2a241c;
    white-space: nowrap;
}

.status-state {
    float: right;
    width: 28px;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
}

.status-state.is-on {
    color: #1b7a32;
}

.status-state.is-off {
    color: #b42318;
}

.status-state.is-unknown {
    color: #777777;
}