@CHARSET "UTF-8";
.sbmHolder{
	background-color: #fff;
	border: solid 1px #ccc;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 22px;
	position: relative;
	width: 100%;
    /*box-sizing: content-box;*/
}
.sbmHolder:focus .sbmSelector{
	
}
.sbmSelector{
	display: block;
	height: 20px;
	left: 0;
	line-height: 20px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 5px;
	top: 0;
	width: 100%;
        padding-right: 20px;
        white-space: nowrap;
        text-overflow: ellipsis;
}
.sbmSelector:link, .sbmSelector:visited, .sbmSelector:hover{
	color: #515151;
	outline: none;
	text-decoration: none;
}
.sbmToggle{
	background: url(select-icons.png) 0 -20px no-repeat #c9c9c9;
	display: block;
	height: 20px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
}
.sbmToggle:hover{
	background: url(select-icons.png) 0 -20px no-repeat #c9c9c9;
}
.sbmToggleOpen{
	background: url(select-icons.png) 0 0 no-repeat #c9c9c9;
}
.sbmToggleOpen:hover{
	background: url(select-icons.png) 0 0 no-repeat #c9c9c9;
}
.sbmHolderDisabled{
	background-color: #ebebeb;
	border: solid 1px #ccc;
}
.sbmHolderDisabled .sbmHolder{
	
}
.sbmHolderDisabled .sbmToggle{
	
}
.sbmOptions{
	background-color: #fff;
	border: solid 1px #ccc;
    border-top: 0px;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	width: 100%;
	z-index: 1;
	overflow-y: auto;
    -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: content-box;    /* Firefox, other Gecko */
	box-sizing: content-box;         /* Opera/IE 8+ */
}
.sbmOptions li{
	padding: 0;
}
.sbmOptions a:link, .sbmOptions a:visited{
    border-bottom: dotted 1px #ccc;
    display: block;
    outline: none;
    padding: 4px 0 3px 5px;
    color: #454444;
    text-decoration: none;
}
.sbmOptions a.sbmFocus{
    color: #454444;
    background: #f1f1f1;
}
.sbmOptions a.selectedOption{
    color: #fff;
    background: #646567;
    font-weight: bold;
}
.sbmOptions .sbmDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbmOptions .sbmGroup{
	border-bottom: dotted 1px #515151;
	color: #515151;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbmOptions .sbmSub{
	padding-left: 17px;
}
.sbmSelector.inactiveOption, .sbmSelector.inactiveOption:link, .sbmSelector.inactiveOption:visited, .sbmSelector.inactiveOption:hover {
    color: #9C9C9C;;
}

.sbmHolder.open {
    background: #f1f1f1;
}
.sbmOptions li.first, .sbmControls {
    background: #f1f1f1;
}
.sbmHolder.open .sbmSelector {
    font-weight: bold;
}
.sbmHolder.open .sbmSelector.inactiveOption, 
.sbmHolder.open .sbmSelector.inactiveOption:link,
.sbmHolder.open .sbmSelector.inactiveOption:visited,
.sbmHolder.open .sbmSelector.inactiveOption:hover {
    color: #515151;
}
.sbmHolder.open .sbmOptions .first a:hover,
.sbmHolder.open .sbmOptions .first a:focus,
.sbmHolder.open .sbmOptions .first a.sbmFocus{
    background: #f1f1f1;
    color: #515151;
}
.sbmControls {
    height: 25px;
    overflow-y: hidden;
    border: solid 1px #ccc;
    left: -1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: 1;
    -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box;    /* Firefox, other Gecko */
    box-sizing: content-box;         /* Opera/IE 8+ */
    line-height: 10px;
}
.sbmControls a,
.sbmControls a:hover,
.sbmControls a:focus,
.sbmControls a.sbmFocus{
    font-size: 12px;
    color: #515151;
    background: none;
    cursor: pointer;
    text-decoration: underline;
    padding-top: 7px;
    padding-bottom: 5px;
}