div.diagram{
    display: inline-block;
    vertical-align: top;
    text-align: center;
    border: 0.2em solid #000000;
}

div.diagram h3{
    
}

div.diagram table.legend{
    list-style: none;
    text-align: left;
    font-weight: bold;
}

div.diagram table.legend tr.color_0{color: #ffffff;}
div.diagram table.legend tr.color_1{color: #00ff00;}
div.diagram table.legend tr.color_2{color: #ff0000;}
div.diagram table.legend tr.color_3{color: #0000ff;}
div.diagram table.legend tr.color_4{color: #ffff00;}
div.diagram table.legend tr.color_5{color: #ff00ff;}
div.diagram table.legend tr.color_6{color: #00ffff;}
div.diagram table.legend tr.color_normal{color: #cccccc;}
div.diagram table.legend tr.color_magic{color: #55ff55;}
div.diagram table.legend tr.color_rare{color: #15c6e1;}
div.diagram table.legend tr.color_hero{color: #ad7fa8;}
div.diagram table.legend tr.color_legend{color: #f57900;}
div.diagram table.legend td{
    padding-right: 1em;
    text-shadow: 0 0 0.2em #000000;
}

div#drop_rune_stars img.star{
    width: 1em;
    height: 1em;
    margin-right: -0.5em;
}