/* chris */
.people .pagetitle {
  font-size:16px;
  padding-bottom:6px;
}
.people .user a { font-size:16px; }
.people .meta {
  width:55%;
  float:right;
}
.people.groups .meta { width:50%; }
.people .meta .infos {
  float:right;
  padding:2px 6px 3px;
  margin-bottom:2px;
  border:1px solid #ccc;
  background:#f8f8f8;
}
.people .meta .actions { text-align:right; }

.people .info {
  margin:8px;
  border-bottom:1px dotted #ccc;
  padding-bottom:8px;
}
.people .info .thumb {
  float:left;
  margin-right:5px;
}

.people .info .user-info {
  font-size:14px;
  /* XXX these are all to defeat .info .user styling... refactor? */
  border:none;
  background-color:#fff;
  padding:0px;
  margin-left:50px;
}
.people .micro {
  float:left;
  width:80px;
  height:86px;
  padding-top:9px;
  margin:3px;
  text-align:center;
  overflow:hidden;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}
.people .micro.selectable { 
  cursor:pointer; 
  border:1px solid #ddd;
}
.people .micro.selected { 
  background:#efc url(../../images/global/check.gif) no-repeat 67px 5px; 
}

/* gotta do this just where it's needed--otherwise the relative positioning
 * messes up putting the micro containers in a div with overflow auto */
.ident.suggested .people .micro { position:relative; }
.people .micro .tooltipbox {
  display:none;
  position:absolute;
  width:80px;
  left:0;
  top:0;
}
.people .micro .tooltip {
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  padding:3px;
  width:200px;
  position:absolute;
  bottom:0;
  color:white;
  background:black;
  opacity:.6;
  filter:alpha(opacity=60);
}
.people .micro .tooltip.left {
  left:20px;
}
.people .micro .tooltip.right {
  right:20px;
}
.people .micro .tooltipbox .arrow {
  position:absolute;
  top:0;
  width:16px;
  height:9px;
  font-size:0; /* otherwise, ie6 won't let this div get as small as we want */
  background:url(../../images/stream/themes/white/talkbottom.gif);
  opacity:.6;
  filter:alpha(opacity=60);
}
.people .micro .tooltipbox .arrow.left {
  left:40px;
}
.people .micro .tooltipbox .arrow.right {
  right:40px;
}
.people .contacts {
  border:1px solid #ccc;
  height:20em;
  overflow-y:auto;
  background:#f9f9f9;
  width:50%;
}
.people .contacts .contact { padding:1em 0 1em 1em; }
.people .contacts .zool { 
  font-style:italic; 
  padding-top:8em;
  text-align:center;
}
.people .contacts .contact.border { border-bottom:1px dotted #c2c2c2; }
.people .contacts .contact input { padding-right:2em; }
.people .contacts .contact * { vertical-align:middle; }
.people .controls button { margin-top:1em; }
.people .controls .all { line-height:33px; }
.people .emailsbox {
  border:1px solid #ddd;
  width:50%;
}
.people .spied {
  float:right;
  width:40%;
}
.people .spied .title {
  font-size:18px;
  border-bottom:1px dotted #ccc;
  margin-bottom:4px;
  padding-bottom:4px;
  line-height:25px;
}