.iterative-headline-variant {
    padding: 3px 8px;
    padding-left: 37px;
    font-size: 1.7em;
    line-height: 100%;
    height: 1.7em;
    width: 100%;
    outline: 0;
    margin: 0 0 3px;
    background-color: #fff;
    background-image:url("../atom_24.png");
    background-position: 6px 6px;
    background-repeat: no-repeat;
}
.iterative-excerpt-variant {
    padding-left: 44px;
    background-color: #fff;
    background-image: url("../atom_512.png");
    background-position: 6px 12px;
    background-repeat: no-repeat;
    background-size: 32px;
}

.iterative-excerpt-wrapper { 
    width: 98%; 
}


.iterative-message {
    position: relative;
    text-align: right;
    top: 7px;
    right: 8px;
    height: 0px;
    font-size: 10px;
    line-height: 14px;
    cursor:pointer;
    opacity:0.4;
    z-index:100;
}
.iterative-message:hover { opacity:1; }

.iterative-message.up {
    top:-27px;
}
.iterative-message.excerpt {
    top:12px; right:3%;
}
.iterative-message.winner { opacity: 1; }
.iterative-message.winner:hover { opacity:0.5; }
.iterative-message span.message {
    color: white;
    font-weight: bolder;
    padding: 2px;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
}
.iterative-message span.message.success {
    background-color: hsl(94, 61%, 44%);
}

.iterative-message span.message.fail {
    background-color: hsl(0, 61%, 44%);
}
.iterative-message span.message.baseline {
    background-color: #777;
}
.iterative-message span.aside {
    color:#CCC;
    background-color:white;
    border-radius:5px;
    top:2px; position:relative;
    padding:0px;
    padding-bottom:0; padding-left:5px; padding-right:5px;
}