.selecter { display: block; margin: 10px 0px; position: relative; max-width: 30%; z-index: 1; }
.selecter .selecter-element { height: 100%; left: 0px; position: absolute; opacity: 0; width: 100%; z-index: -1; }
.selecter .selecter-element, .selecter .selecter-element:focus { outline: medium none; }
.selecter .selecter-selected { background: rgb(249, 249, 249) url(484e8ded8dd8c221efd5206595d47c6bd15701d2.png)  no-repeat scroll right center; border: 1px solid rgb(204, 204, 204); border-radius: 3px; color: rgb(51, 51, 51); cursor: pointer; display: block; font-size: 13px; margin: 0px; overflow: hidden; padding: 8px 10px; position: relative; text-overflow: clip; z-index: 2; }
.selecter .selecter-options { border-style: solid; border-color: rgb(204, 204, 204); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-width: 0px 1px 1px; background-color: rgb(254, 254, 254); border-radius: 0px 0px 3px 3px; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); display: none; left: 0px; margin: 0px; max-height: 260px; overflow-y: auto; overflow-x: hidden; padding: 0px; position: absolute; top: 100%; width: 100%; z-index: 50; }
.selecter .selecter-group { background: rgb(249, 249, 249) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(227, 227, 227); color: rgb(153, 153, 153); display: block; font-size: 11px; padding: 5px 10px 4px; text-transform: uppercase; }
.selecter .selecter-item { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(227, 227, 227); color: rgb(51, 51, 51); cursor: pointer; display: block; font-size: 13px; margin: 0px; overflow: hidden; padding: 8px 10px; text-overflow: ellipsis; width: 100%; }
.selecter .selecter-item.placeholder { display: none; }
.selecter .selecter-item.selected { background: rgb(249, 249, 249) none repeat scroll 0% 0%; }
.selecter .selecter-item.disabled { color: rgb(153, 153, 153); cursor: default; }
.selecter .selecter-item:first-child { border-radius: 0px; }
.selecter .selecter-item:last-child { border-radius: 0px 0px 2px 2px; border-bottom: 0px none; }
@media screen and (min-width: 980px) {
  .selecter .selecter-item:hover, .selecter .selecter-item.selected:hover { background-color: rgb(243, 243, 243); }
  .selecter .selecter-item.disabled:hover { background-color: rgb(255, 255, 255); }
  .selecter:hover .selecter-selected { background-color: rgb(255, 255, 255); }
  .selecter.disabled .selecter-item:hover { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
}
.selecter.open { z-index: 3; }
.selecter.open .selecter-selected { border-radius: 3px 3px 0px 0px; z-index: 51; }
.selecter.open .selecter-selected, .selecter.focus .selecter-selected { background-color: rgb(255, 255, 255); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); }
.selecter.cover .selecter-options { border-radius: 3px; border-width: 1px; top: 0px; }
.selecter.cover .selecter-options .selecter-item.first { border-radius: 3px 3px 0px 0px; }
.selecter.cover.open .selecter-selected { border-radius: 3px 3px 0px 0px; z-index: 49; }
.selecter.bottom .selecter-options { border-width: 1px 1px 0px; bottom: 100%; top: auto; }
.selecter.bottom .selecter-item:last-child { border: medium none; }
.selecter.bottom.open .selecter-selected { border-radius: 0px 0px 3px 3px; }
.selecter.bottom.open .selecter-options { border-radius: 3px 3px 0px 0px; }
.selecter.bottom.cover .selecter-options { bottom: 0px; top: auto; }
.selecter.bottom.cover.open .selecter-selected { border-radius: 3px; }
.selecter.bottom.cover.open .selecter-options { border-radius: 3px; }
.selecter.multiple .selecter-options { border-radius: 3px; border-width: 1px; box-shadow: none; display: block; position: static; width: 100%; }
.selecter.disabled .selecter-selected { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-color: rgb(238, 238, 238); color: rgb(204, 204, 204); cursor: default; }
.selecter.disabled .selecter-options { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-color: rgb(238, 238, 238); }
.selecter.disabled .selecter-group, .selecter.disabled .selecter-item { border-color: rgb(238, 238, 238); color: rgb(204, 204, 204); cursor: default; }
.selecter.disabled .selecter-item.selected { background: rgb(250, 250, 250) none repeat scroll 0% 0%; }
.selecter .selecter-options.scroller { overflow: hidden; }
.selecter .selecter-options.scroller .scroller-content { max-height: 260px; padding: 0px; }
@media screen and (max-width: 740px) {
  .selecter { max-width: 40%; }
}
@media screen and (max-width: 500px) {
  .selecter { max-width: 100%; }
}