/*
 * Selecter Plugin [Formstone Library]
 * @author Ben Plum
 * @version 2.2.4
 *
 * Copyright © 2013 Ben Plum <mr@benplum.com>
 * Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
 */
 
.selecter-element { position: absolute; left: -999999px; opacity: 0; filter: alpha(opacity=0); }
.selecter { position: relative; z-index: 1; display: block; width: 100%; }
.selecter .selecter-selected { position: relative; z-index: 49; overflow: hidden; display: block; border: 1px solid #ccc; cursor: pointer; text-overflow: clip; }
.selecter .selecter-options { position: absolute; top: 100%; left: 0; z-index: 50; overflow: auto; overflow-x: hidden; display: none; width: 100%; border: 1px solid #ccc; border-width: 0 1px 1px; }
.selecter .selecter-group { background: #F9F9F9; border-bottom: 1px solid #e3e3e3; color: #999; display: block; font-size: 11px; padding: 5px 10px 4px; text-transform: uppercase; }
.selecter .selecter-item { overflow: hidden; display: block; border-bottom: 1px solid #e3e3e3; cursor: pointer; text-overflow: ellipsis; }
.selecter .selecter-item:hover,
.selecter .selecter-item.selected { background: #F9F9F9; }
.selecter .selecter-item.disabled { color: #999; cursor: default; }
.selecter .selecter-item.first { border-radius: 0; } 
.selecter .selecter-item.last { border-radius: 0 0 2px 2px; border-bottom: 0; }