.spanpink {
    background-color: deeppink;
    color: white;
    padding: 5px 8px 3px 8px;
    border-radius: 10px;
    position: relative;
    height: 18px;
}

.spanblue {
    background-color: royalblue;
    color: white;
    padding: 5px 8px 3px 8px;
    border-radius: 10px;
    position: relative;
    height: 18px;
}

.spanyellow {
    background-color:#ffd800;
    color: white;
    padding: 2px 8px 2px 8px;
    border-radius: 10px;
    position: relative;
    height: 18px;
    cursor:pointer;
}

.spanpurple {
    background-color:#8d1db4;
    color: white;
    padding: 2px 8px 2px 8px;
    border-radius: 10px;
    position: relative;
    height: 18px;
    cursor:pointer;
}
.spanblue2 {
    background-color:#2148b2;
    color: white;
    padding: 2px 8px 2px 8px;
    border-radius: 10px;
    position: relative;
    height: 18px;
    cursor:pointer;
}

.member-tab-body {
    border-bottom: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}

.member-tab-click {
    padding: 0 1px;
    border-bottom: none;
    cursor: pointer;
    width: 268px;
}

.member-tab-unclick {
    padding: 0 1px;
    border-bottom: 1px solid gray;
    cursor: pointer;
    width: 268px;
}

.pointerhand {
    cursor: pointer;
}