.c2-sb-wrap { position: relative; display: inline; float: left; width:  100% }
.c2-sb-inner-wrap { position: relative; height: 32px; padding-left: 8px; background: #fff; }
.c2-sb-wrap .c2-sb-text { position: relative; display: inline; float: left; height: 14px; overflow: hidden; padding: 9px 0px; border: 0 none; color: #878686; font-size: 14px; line-height: 14px; cursor: pointer; background: #fff; white-space: nowrap; }
.c2-sb-wrap .c2-sb-button { position: relative; display: inline; float: right; width: 18px; height: 32px; font-size: 0px; line-height: 0px; text-indent: -4000px; background: url(images/right.png) repeat-x 0 0; cursor: pointer; }
.c2-sb-wrap .c2-sb-list-wrap { display: none; position: absolute; left: 0px; top: 100%; border: 2px solid #828080; max-height: 170px; background: #FFFFFF; overflow-x: hidden; overflow-y: auto; min-width: 100%; }
.c2-sb-wrap .c2-sb-list-wrap .c2-sb-list { display: block; list-style-type: none; padding: 0px; margin: 0px; display: block; width: 100%; }
.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: 10px 5px; margin: 0px; height: 14px; line-height: 14px; white-space: nowrap; text-decoration: none; color: #878686; 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: 10px 5px; margin: 0px; height: 14px; line-height: 14px; white-space: nowrap; text-decoration: none; color: #878686; font-size: 14px; font-weight: bold; }
.c2-sb-wrap .c2-sb-list-wrap .c2-sb-list .c2-sb-list-item .c2-sb-list-item-group:hover {  }

/* States */
.c2-sb-wrap,
.c2-sb-wrap .c2-sb-inner-wrap,
.c2-sb-wrap .c2-sb-text { min-width: 240px; }
.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; }