.ngal-ui-vertical-rolodex {
    div {
        margin-bottom: 6px;

        span {
            border: solid 2px #777;
            color: #777;
            display: inline-block;
            font-family: Impact, Charcoal, sans-serif;
            height: 30px;
            padding-top: 3px;
            text-align: center;
            vertical-align: middle;
            width: 30px;

            &.active {
                background-color: #777; 
                color: white;
            }

            &:hover {
                cursor: pointer;
            }
        }

        span:first-of-type {
            margin-right: 6px;
        }
    }
}