.spell .name {
    /* nothing extra right now */
}
.mana {
    text-align: center;
}
.level {
    text-align: center;
}
.erl {
    text-align: center;
}
.cost {
    text-align: center;
}
.spell .notes {
    color: #f02020;
}
td .spell:hover .notes {
    display: block;
    position: absolute;
	/* width: 25em; */
    width:auto ;
    left: 5em; 
    background-color: #000;
    padding: 0.8em;
    border: 3px ridge gray;
}
.spell .notes em {
    font-style: normal;
    border-bottom: 1px dotted #fff;
}
.spell .notes .etymology {
    display: block;
    font-family: helvetica, sans-serif;
    font-size: 80%;
    font-weight: normal;
    margin-top: 0.25em;
    color: #e08080;
}