.segmented {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;

    zoom: 0.7;

    letter-spacing: 0.2pt;
}
.segmented .label {
    border: 1pt #3e7aff;
    font-size: 10pt;
    border-style: solid none solid solid;
    color: #3e7aff;
    float: left;
    padding: 8px;
    padding-right: 30px;
    padding-left: 30px;
    text-align: center;
}
.segmented :first-child .label {
    border-radius: 5px 0 0 5px;
}
.segmented :last-child .label {
    border-radius: 0 5px 5px 0;
    border-right-style: solid;
}
.segmented input {
    display: none;
}
.segmented input:checked + .label {
    background-color: #3e7aff;
    border-color: #3e7aff;
    color: #fff;
}