.selectContainerClass {
  float: left;
  width: 225px; 
}

.selectLabelClass {
  font-weight: bold; 
  font-size: 9px;
  font-family: verdana;
}

.selectClass {
  height: 250px; 
  width: 225px; 
  border: 1px solid #838383; 
  overflow-y: scroll;
}
 
.buttonContainerClass {
  float: left; 
}

.buttonAddClass {
  padding: 50px 20px 0 20px;
}

.buttonAddClass img {
  cursor: pointer;
}

.buttonRemoveClass {
  padding: 0 20px 0 20px;
  margin: 10px 0 0 0;
}

.buttonRemoveClass img {
  cursor: pointer;
}

.optionClass {
  cursor: default; 
  -khtml-user-select: none; 
  -moz-user-focus: ignore; 
  -moz-user-input: disabled; 
  -moz-user-select: none;
  font-weight: bold;
  font-size: 10px;
  padding: 3px 2px 3px 2px;
}

.optionClass p {
  display: none;
}

.optionHoverClass {
  cursor: default; 
  -khtml-user-select: none; 
  -moz-user-focus: ignore; 
  -moz-user-input: disabled; 
  -moz-user-select: none; 
  background-color: #eeeeee;
  font-weight: bold;
  font-size: 10px;
  padding: 3px 2px 3px 2px;
}

.optionHoverClass p {
  display: none;
}

.optionSelectedClass {
  cursor: default; 
  -khtml-user-select: none; 
  -moz-user-focus: ignore; 
  -moz-user-input: disabled; 
  -moz-user-select: none; 
  background-color: #cccccc; 
  font-weight: bold;
  font-size: 10px;
  padding: 3px 2px 3px 2px;
}

.optionSelectedClass p {
    display: none;
}

.optionHiddenClass {
  display: none; height: 0;
}