fieldset.story {
    color:white;
    position:fixed;
    background:radial-gradient(black, #00000073);
}
fieldset.story legend {
    text-align:left;
    cursor:pointer;

    background:radial-gradient(black, #00000073);
}
fieldset.story form.option div.item {
    float:left; margin-right:3px;
    min-height:25px; vertical-align:middle;
}
fieldset.story input[type=button] {
    background-color:#FF9900; color:white;
    border-radius:10px 10px 10px 10px;
    border:2px solid #FF9900;
}
fieldset.story input[type=button]:hover {
    background-color:#FFCC33;
    border:2px solid #FFCC33;
}
fieldset.story input[type=text] {
    background-color:white; color:black;
    border-radius:6px 6px 6px 6px;
    border:2px solid #14a58e;
}
fieldset.story input[type=text]:hover {
    background-color:cyan;
}
fieldset.story div.input textarea {
    border-radius:6px;
    border:2px solid #14a58e;
}
fieldset.story select {
    background-color:#99CC66; color:white;
    border-radius:10px 10px 10px 10px;
    border:2px solid #99CC66;
}

fieldset.story div.output {
    clear:both;
    overflow:auto;
}
fieldset.story div.status div.item {
    float:left; padding:4px;
    height:18px;
}
fieldset.story div.status div.item>label {
    font-size:10px;
    /* color:#504242e0; */
}

fieldset.story table {
    color:white;
}
fieldset.story table tr {
    background-color:#e1f1ff1f;
}
fieldset.story table th {
    background-color:#99CCFF;
}
fieldset.story table.content tr:hover {
    background-color:green;
}