(CSS) b-addon-controls

.b-addon-controls{display:inline-block;
    border-top:1px solid rgb(215,196,186);
    border-right:1px solid rgb(215,196,186);
    border-left:1px solid white;
    border-bottom:1px solid white;
    border-radius:4px}
.b-addon-controls > .item{
    -moz-box-sizing:border-box; box-sizing:border-box;
    display:inline-block; height:30px; padding:0 17px;
    background-color:rgb(248,233,214);
    border-top:1px solid white;
    border-right:1px solid white;
    border-left:1px solid rgb(215,196,186);
    border-bottom:1px solid rgb(215,196,186);
    font-size:18px; line-height:28px; color:rgb(138,100,80); text-decoration:none;
    text-shadow:-1px 1px 0 white}
.b-addon-controls > .item:active{top:auto}

.b-addon-controls > .active{padding:1px 18px; border:none;
    background-color:rgb(135,95,72); box-shadow:inset 0 0 12px rgba(90,50,30,1);
    color:white; text-shadow:-1px 1px 0 rgb(87,43,15)}

.b-addon-controls > .first{border-radius:3px 0 0 3px}
.b-addon-controls > .last{border-radius:0 3px 3px 0}