.c2-sb-wrap { position: relative; display: inline; float: left; }
.c2-sb-inner-wrap { position: relative; height: 22px; padding-left: 8px; background: #fff; border: 1px solid #d6cce2; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; }
.c2-sb-wrap .c2-sb-text { position: relative; display: inline; float: left; height: 16px; overflow: hidden; padding: 3px 0px; border: 0 none; color: #b796c5; font-size: 14px; line-height: 16px; cursor: pointer; background: transparent; white-space: nowrap; }
.c2-sb-wrap .c2-sb-button { position: relative; display: inline; float: left; width: 21px; height: 22px; font-size: 0px; line-height: 0px; text-indent: -4000px; background: #fff; border: 1px solid #d6cce2; border-left: 0; cursor: pointer; top: -1px; right: -1px; }
.c2-sb-wrap .c2-sb-button span { width: 0; height: 0; display: block; border-top: 5px solid #000; border-right: 5px solid transparent; border-left: 5px solid transparent; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -5px; }
.c2-sb-wrap .c2-sb-list-wrap { display: none; position: absolute; left: 0px; top: 100%; border: 1px solid #d6cce2; background: #FFFFFF; min-width: 100%; max-height: 100px; overflow-x: hidden; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; }
.c2-sb-wrap .c2-sb-list-wrap .c2-sb-list { display: block; position: relative; list-style-type: none; padding: 0px; margin: 0px; display: block; overflow-x: hidden; }
.c2-sb-wrap .c2-sb-list-wrap .c2-sb-list .c2-sb-list-item { display: block; width: 100%; padding: 0px; margin: 0px; }
.c2-sb-wrap .c2-sb-list-wrap .c2-sb-list .c2-sb-list-item .c2-sb-list-item-link { display: block; padding: 3px 5px; margin: 0px; height: 16px; line-height: 16px; white-space: nowrap; text-decoration: none; color: #b796c5; font-size: 14px; }
.c2-sb-wrap .c2-sb-list-wrap .c2-sb-list .c2-sb-list-item .c2-sb-list-item-link:hover,
.c2-sb-wrap .c2-sb-list-wrap .c2-sb-list .c2-sb-list-item .c2-sb-list-item-link-active { background: #f3f3f3; }

.c2-sb-wrap .c2-sb-list-wrap .c2-sb-list .c2-sb-list-item .c2-sb-list-item-group { display: block; padding: 3px 5px; margin: 0px; height: 16px; line-height: 16px; white-space: nowrap; text-decoration: none; color: #b796c5; font-size: 14px; font-weight: bold; }
.c2-sb-wrap .c2-sb-list-wrap .c2-sb-list .c2-sb-list-item .c2-sb-list-item-link:hover {  }

/* States */
.c2-sb-wrap,
.c2-sb-wrap .c2-sb-inner-wrap,
.c2-sb-wrap .c2-sb-text,
.c2-sb-wrap .c2-sb-button { z-index: 10; }
.c2-sb-wrap .c2-sb-list-wrap { z-index: 6; }

.c2-sb-closing,
.c2-sb-closing .c2-sb-inner-wrap,
.c2-sb-closing .c2-sb-text,
.c2-sb-closing .c2-sb-button { z-index: 15; }
.c2-sb-closing .c2-sb-list-wrap { z-index: 11; }

.c2-sb-open,
.c2-sb-open .c2-sb-inner-wrap,
.c2-sb-open .c2-sb-text,
.c2-sb-open .c2-sb-button { z-index: 20; }
.c2-sb-open .c2-sb-list-wrap { z-index: 16; }

/* jScroll Pane overrides */
.c2-sb-wrap .jspTrack { background: #F3F3F3; }
.c2-sb-wrap .jspDrag { background: #d6cce2; }
.c2-sb-wrap .jspVerticalBar { width: 6px; }