.c2-sb-wrap { position: relative; display: inline; float: left; margin-right: 5px; }
.c2-sb-inner-wrap { position: relative; height: 19px; padding-left: 4px; background: url(../images/sprite.png) no-repeat 0px 0px; }
.c2-sb-wrap .c2-sb-text { position: relative; display: inline; float: left; height: 13px; overflow: hidden; padding: 3px 8px 3px 0; border: 0 none; color: #505050; font-size: 13px; line-height: 13px; cursor: pointer; background: url(../images/center.png) repeat-x 0 0; white-space: nowrap; }
.c2-sb-wrap .c2-sb-button { position: relative; display: inline; float: left; width: 16px; height: 19px; font-size: 0px; line-height: 0px; text-indent: -4000px; background: url(../images/sprite.png) repeat-x -5px 0px; cursor: pointer; }
.c2-sb-wrap .c2-sb-list-wrap { display: none; position: absolute; left: 0px; top: 100%; border: 2px solid #828080; background: #FFFFFF; min-width: 100%; max-height: 170px; overflow-x: hidden; }
.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: 4px 5px; margin: 0px; height: 13px; line-height: 13px; white-space: nowrap; text-decoration: none; color: #505050; font-size: 13px; }
.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 ul { margin: 0; }
.c2-sb-wrap .c2-sb-list-wrap ul li { background: transparent; }

.c2-sb-wrap .c2-sb-list-wrap .c2-sb-list .c2-sb-list-item .c2-sb-list-item-group { display: block; padding: 10px 5px; margin: 0px; height: 14px; line-height: 14px; white-space: nowrap; text-decoration: none; color: #505050; 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: url(images/scroll.png) repeat-x 0 0; border: 1px solid #000000; }
.c2-sb-wrap .jspArrowUp { background: url(../images/sprite.png) no-repeat right -16px !important; border: 1px solid #000000; }
.c2-sb-wrap .jspArrowDown { background: url(../images/sprite.png) no-repeat right 0px !important; border: 1px solid #000000; }

.c2-sb-focused { outline: 1px dotted #000000; }