/* default view */
#container:not(.plain-view):not(.accordion){
    max-width:600px;
}
#container:not(.plain-view):not(.accordion) > .click-to-reveal  .label-container {
    overflow-x: auto;
    display: block;
    position: relative;
    white-space: nowrap;
    margin-bottom:10px;
}
#container:not(.plain-view):not(.accordion) > .click-to-reveal  .label-container > .label-scroller  {
    display: inline-block;
}
#container:not(.plain-view):not(.accordion) > .click-to-reveal  .label-container > .label-scroller > .label.selected {
    border: 2px solid black;
}
#container:not(.plain-view):not(.accordion) > .click-to-reveal  .label-container > .label-scroller > .label {
    width: 100px;
    height: 100px;
    vertical-align: middle;
    white-space: normal;
}

#container:not(.plain-view):not(.accordion) > .click-to-reveal  .label-container > .label-scroller > .label:not(:last-of-type) {
    margin-right: 10px;
}
/* accordion view */