svg.explain {
    margin-right: 20px;
    width: 100px;
    border-radius: 50%;
    background:white;
    transform: rotate(-90deg);
    float:left;
}

svg.explain circle {
    fill: none;
    stroke-width: 5;
}

span.explainlabel {
    display: inline-block;
    width: 10px;
}

ul.explainlist {
    margin-top: 20px;
    margin-left: 88px;
    list-style: none;
}

ul.explainlist li{
    font-size: small;
}

svg.explain text.score {
    font: italic 7px sans-serif;
}

div.explain-tabs {
    padding: 10px;
    background-color: #eee;
}

div.solrquery {
    word-wrap: break-word;
    background-color: #eee;
    padding: 10px;
}

svg.explain circle.item1 {  stroke: #ffa445;  }
span.explainlabel.item1 {  background-color: #ffa445;  }

svg.explain circle.item2 {  stroke: #b1c94e;  }
span.explainlabel.item2 {  background-color: #b1c94e;  }

svg.explain circle.item3 {  stroke: #377bbc;  }
span.explainlabel.item3 {  background-color: #377bbc;  }

svg.explain circle.item4 {  stroke: #ce4b99;  }
span.explainlabel.item4 {  background-color: #ce4b99;  }

svg.explain circle.item5 {  stroke: #ffe718;  }
span.explainlabel.item5 {  background-color: #ffe718;  }

svg.explain circle.item6 {  stroke: #800007;  }
span.explainlabel.item6 {  background-color: #800007;  }

svg.explain circle.item7 {  stroke: #000000;  }
span.explainlabel.item7 {  background-color: #000000;  }