.autoComplete{
  width:100%;
  border-top: 1px solid #eeeeee;
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
  border-left: 1px solid #888888;
  background: #eeeeee;
  cursor:pointer;
  max-height: 200px;
  overflow: auto;
}

.autoComplete ul {
  margin:0px;
  padding:0px 0px 7px;
  width:100%;
  list-style-type:none;
}

.autoComplete  li {
  margin:0;
  padding:3px 5px 3px 7px;
}

.autoComplete ul li.selected {
  background-color: lightsteelblue;
}

.fullList {
  max-height: 200px;
  overflow: auto;
}

div.autoCompleteEntryBox{
 border: #DDB640 solid 1px;
 color:black;
 padding: 3px;
}

/* The nameBlock is how the name is displayed when it has been selected */
.j_nameBlock {
  float: left;
  background: #eeeeee;
  border: 1px solid #888888;
  padding: 1px;
  margin:0px 3px 2px 0px;
}

.j_nameBlock td{
  white-space: nowrap;
}

.j_nameBlock .j_name{
  color: black;
  padding: 0px 3px;
  width: auto;
  float:left;
}

.j_nameBlock .j_icon {
  text-align:center;
  padding: 0px 3px 0px 0px;
  height: 13px;
  width: 13px;
  vertical-align: middle;
}

.j_nameBlock .delete:hover {
 cursor: pointer;
}

.j_nameBlock .delete .filler {
  width:15px; 
  margin-right:5px;
}

.j_nameBlock.j_new {
  background-color: #79A86B;
}

#toListInput{
  width: 15em;
  float:left;
}
#name_selector_to {
  background: #ffffff;
}
.name_selector .entry.error{
  color:red;
}

.list_disp{
  float:left;
}

/*The list of names that is displayed when the form is opened (not autocompleted)*/
.j_fixedNameList {
  border: 1px solid grey;
  padding: 5px;
  max-height: 100px;
  overflow: auto;
}

.j_fixedNameList .j_name{
  cursor: pointer;
}

.j_fixedNameList .j_name:hover{
  cursor: pointer;
  background-color: powderblue;
}

.j_fixedNameList .selected {
  background-color: lightsteelblue;
}

.j_fixedNameList .j_heading {
  margin-bottom: 10px;
  font-style: italic;
}

/* */
.nameSelector .entry {
  overflow: visible;
  float: left;
  border: 0px solid red;
}

/* The error message and instructions appears */
.nameSelector .error {
  color: red;
}

.nameSelector .instructions{
  padding-top:1px;
  color:grey;
  font-size: 12px;
}

/* Listing out the group members in a drop-down */
.j_groupMembersList, .j_alternativesList {
  z-index:5;
  text-align:left;
  position:absolute;
  width: auto;
  padding:4px;
  background: white;
  border: 1px solid grey;
/*  border-bottom: 1px solid darkgrey;
  border-right: 1px solid darkgrey;
*/}

.j_alternativesList {
  z-index: 2;
  display:none;
  background: #eee;
}

.j_alternativesList .j_name {
  cursor: pointer;
}

.j_alternativesList td.j_name:hover {
  cursor: pointer;
  background-color: lightsteelblue;
}

.j_groupMembersList .j_name {
  color: black;
}

.fullListTriggerPlacement {
  float:left; 
  width:6%; 
  padding-top:5px;
}