.bsmContainer {
  /* container that surrounds entire bsmSelect widget */
}

.bsmSelect {
  /* the newly created regular 'select' */
  display: inline;
}

.bsmOptionDisabled {
  /* disabled options in new select */
  color: #999;
}

.bsmHighlight {
  /* the highlight span */
  float: right;
  padding: 0;
  margin: 0 0 0 1em;
}

.bsmList {
  /* html list that contains selected items */
  margin: 0.25em 0 1em 0;
  position: relative;
  display: block;
  padding-left: 0;
  list-style: none;
}

.bsmListItem {
  /* li item from the html list above */
  	position: relative; 
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	background: #E2E6F0;
	border: 1px solid #9DACCC; 
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	margin: 0 0 -1px 0; 
	line-height: 1em;
	font-size:12px;
	margin-bottom:2px;
	margin-left:2px;
	float:right;
	text-align:right;
}

.bsmListItem:hover {
  background-color: #e6e9f1;
}

.bsmListItemLabel {
  /* this is a span that surrounds the text in the item, except for the remove link */
  	padding: 3px; 
	display: block;
	margin-left:15px;
	white-space:nowrap;
}

.bsmListSortable .bsmListItemLabel {
  cursor: move;
}

.bsmListItemRemove {
  /* the remove link in each list item */
  	position: absolute;
	left: 3px; 
	top: 1px;
	margin:3px 3px 3px 0;
	height:11px;
	width:11px;
	background:url(x.png) no-repeat 0 0;
}
.bsmListItemRemove:hover {
    text-decoration:none;
	background:url(x.png) no-repeat 0 -24px;
	
}
.bsmScrollWorkaround {
  /* Fix a bug when the 'html' element has an overflow set to either 'scroll' or 'auto' on FF. */
   padding-bottom: 1px;
   overflow: auto;
}