/* Badge management */
.ManageBadges .Options {
   min-width: 120px;
}

.Badge #Content {
   position: relative;
}
.Badge div.Options {
    margin: 2px 4px 0 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ManageBadges .BadgePhoto {
   position: absolute;
   margin-top: -3px;
}
.ManageBadges .BadgeName {
   padding-left: 40px;
   white-space: nowrap;
}
.ManageBadges .BadgeNameHead {
   padding-left: 60px;
}

.ManageBadges .BadgePhotoDisplay {
   float: left;
   padding: 0 20px 2px 0;
}
.ManageBadges .BadgeCountDisplay {
   font-style: oblique;
}
.Popup .BadgePhotoDisplay {
   float: left;
   padding: 10px 20px 2px 10px;
}

/* Badges list */
.ItemBadge .BadgePhoto {
   float: left;
}
.ItemBadge .ItemContent {
   padding-left: 55px;
   min-height: 40px;
}
.ItemBadge .Meta {
   line-height: 1.3;
}

/* Profile module */
.BadgeGrid img {
   margin: 1px;
   vertical-align: bottom;
   height: 40px;
   width: 40px;
}

/* Leaderboards */
.Leaderboard-User {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.Leaderboard-User img,
.Leaderboard-User .Username {
    vertical-align: middle;
}

/* Auto complete for badge giving */
textarea.MultiComplete {
   width: 100%;
   height: 20px;
   text-align: left;
}
.ac_results {
   padding: 0;
   border: 1px solid #bbb;
   border-top: 0;
   background-color: white;
   overflow: hidden;
   z-index: 99999;
}
.ac_results ul {
   width: 100%;
   list-style-position: outside;
   list-style: none;
   padding: 0;
   margin: 0;
}
.ac_results li {
   margin: 0;
   padding: 5px;
   cursor: default;
   display: block;
   /*
   if width will be 100% horizontal scrollbar will apear
   when scroll mode will be used
   */
   /*width: 100%;*/
   font-size: 12px;
   /*
   it is very important, if line-height not setted or setted
   in relative units scroll will be broken in firefox
   */
   line-height: 16px;
   overflow: hidden;
   border-bottom: 1px solid #bbb;
   text-align: left;
}
.ac_lastitem {
   border-bottom: 0 !important;
}
.ac_results strong {
   font-weight: bold;
   background: #daf4fd;
}
.ac_over strong {
   font-weight: bold;
   background: #2ab0de;
}
.ac_over {
   background: #44c7f4;
   color: #fff;
}
div.AddPeople h4 {
  border-bottom: 0px;
}
div.AddPeople textarea.MultiComplete {
  width: 100%;
  margin-bottom: 2px;
}
div.AddPeople form div {
   text-align: right;
}