.showCoverage {
    position: fixed;
    top: 50px;
    right: 20px;
    width: auto;
    padding: 1px 6px;
    text-align: center;
    border-radius:10px;
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #CCC;
    border-radius: 5px;
    font-size: 75%;
}

.coverage {
    padding: 1em;
    margin: 1em 0em 0em;
    border-style: solid;
    border-width: 1px;
}

.coverage:before {
    display: block;
    width: 250px;
    margin: -1.5em 0px 0.5em;
    font-weight: bold;
    border: 1px solid #8B0000;
    background: none repeat scroll 0% 0% #FFF;
    padding: 3px 1em;
    border-style: solid;
    border-width: 1px;
}

.automated {
    border-color: Green;
    background-color: #90EE90;
}

.automated:before {
    content: "Test Coverage: Automated";
    border: 1px solid Green;
}

.manual {
    border-color: #8B0000;
    background-color: #FFA54F;
}

.manual:before {
    content: "Test Coverage: Manual";
    border: 1px solid #8B0000;
}

.clientOnly {
    border-color: #668B8B;
    background-color: #F6F9ED;
}

.clientOnly:before {
    content: "Test Coverage: Client Only";
    border-color: #668B8B;
}

.unimplemented {
    border-color: crimson;
    background-color: tomato;
}

.unimplemented:before {
    content: "Test Coverage: Unimplemented";
    border-color: crimson;
}

.test {
    font-size: 80%;
    color: #404040;
}

.test:after { content: ", "; } 
.test:last-child:after { content: ""; }