/**
 * A default stylesheme for Listbox.js plugin.
 *
 * @copyright   (c) 2012, Igor Kalnitsky <igor@kalnitsky.org>
 * @version     0.3.0-dev
 * @license     BSD
 */

.lbjs {
    margin: 0px;
    width: 170px;
    padding: 3px;
    border: 1px solid #CCC;
    border-radius: 5px;
    background: #FCFCFC;    
}

.lbjs .lbjs-list {
    margin: 0px;
    overflow: auto;
}

.lbjs .lbjs-list .lbjs-group {
    margin: 0px;
    padding: 5px;
    color: black;
    font-weight: bolder;
}

.lbjs .lbjs-list .lbjs-item {
    margin: 1px;
    padding: 3px;
    color: black;
    font-size: smaller; 
    display: block;
    border-radius: 3px;   
}

.lbjs .lbjs-list .lbjs-item.lbjs-child {
    padding-left: 15px; 
}

.lbjs .lbjs-list .lbjs-item.clip {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.lbjs .lbjs-list .lbjs-item.scroll {
    white-space: nowrap;
    overflow: hidden;
    animation: marquee 5s linear;
    animation-play-state: paused;
}

.lbjs .lbjs-list .lbjs-item.scroll:hover {
	animation-play-state:running;
}

.lbjs .lbjs-list .lbjs-item:not(.disabled) {
	cursor: hand;
    cursor: pointer;
}

.lbjs .lbjs-list .lbjs-item:hover:not(.disabled) {
	background: rgb(112, 147, 216);
    background: rgba(112, 147, 216, 0.9);
}

.lbjs .lbjs-list .lbjs-item.selected {
	background: rgb(112, 147, 216);
    background: rgba(112, 147, 216, 0.5);
}

.lbjs .lbjs-list .lbjs-item.disabled {
    color: #999;
    cursor: default;
}