/*
  jQuery at-username
  basic styling; you might want to use this as a starting point
*/

#at-username-autocomplete
{
  border: 1px solid #ddd;
  color: #555;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  box-shadow: #ddd 1px 1px 4px;
}

#at-username-autocomplete li
{
  background-color: #fff;
  cursor: pointer;
  margin: 0;
  min-width: 150px;
  padding: 2px 5px !important;
}

#at-username-autocomplete li.active
{
  color: #333;

  background: #dddddd; /* Old browsers */
  background: -moz-linear-gradient(top, #dddddd 0%, #eeeeee 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #dddddd 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #dddddd 0%,#eeeeee 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #dddddd 0%,#eeeeee 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #dddddd 0%,#eeeeee 100%); /* W3C */
}

#at-username-autocomplete li:hover
{
  color: #000;
}