div.alphabet {
	width: 100%;
    height: auto;
    float: left;
    margin-bottom: 20px;
}

div.alphabet span {
	display: inline-block;
    border: 1px solid #ccc;
    padding: 5px 8px;
    margin: 5px;
    cursor: pointer;
}

div.alphabet span:hover {
	background: #e3242a;
    color: #fff;
    border-color: #e3242a;
}

div.alphabet span.active {
	color: black;
}

div.alphabet span.empty {
	color: red;
}

div.alphabet_info {
	display: block;
	position: absolute;
	background-color: #111;
	border-radius: 3px;
	color: white;
	top: 2.5em;
	height: 1.8em;
	padding-top: 0.4em;
	text-align: center;
	z-index: 1; 
}

tr.alphabet_group, tr.alphabet_group:hover {
	background-color: rgba(0,0,0,0.15) !important;
}