/* ============== */
/* = Show Group = */
/* ============== */

/* Group details */

#groupDetails {
  padding-bottom:10px;
}

#groupDetails p.owner {
  margin:10px 0;
  font-weight:bold;
}

#groupDetails p.admin {
  margin-top:10px;
  font-weight:bold;
  font-size:93%;
}

#groupDetails p.actions {
  margin:10px 0;
}

#groupDetails p.actions a {
  outline:0;
}

#groupDetails .details-table {
  margin-top:5px;
}

#groupDetails .details-table table td {
  padding:3px 0;
  vertical-align:top;
}

#groupDetails .details-table table td.title {
  font-size:93%;
  width:170px;
}

#groupDetails .details-table table td.value span.hl {
  color:#29ABE2;  
}

#groupMembers {
  margin:20px 0 15px 0;
}

#groupMembers a {
  float:left;
  margin:0 5px 5px 0;
  display:block;
  zoom:1;
}

#description {
  background:url('/images/groupDescription.gif') top left no-repeat;
  padding-top:13px;
}

#description p {
  margin:0 0 20px 0;
  background:#f2f2f2;
  padding:7px 8px 6px 8px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}

/* Comments */

#comments {
  margin-top:15px;
}

#comments h5.add {
  border-top:1px solid #F2F2F2;
  padding-top:10px;
  margin-top:15px;
}

#comments .commentForm {
  border-top:1px solid #F2F2F2;
  margin-top:15px;
}

#comments .commentForm .form-box {
  margin-top:12px;
}

#comments ul {
  background:#dcf1ff;
  padding:0px 8px;
}

#comments li {
  border-bottom:1px solid #a6dcf6;
  padding:8px 0;
  position:relative;
}

#comments li.last {
  border:0;
}

#comments li p {
  font-size:100%;
  line-height:1.6em;
  margin-right:15px;
}

#comments li p.delete {
  position:absolute;
  top:8px;
  right:0;
  line-height:1em;
  margin:0;
}

#comments li p.delete a {
  display:block;
  width:12px;
  height:12px;
  text-indent:-10000px;
  background:url('/images/delete.gif') no-repeat 0 0;
  outline:0;
}

#comments li p.delete a:link, #comments li p.delete a:visited {
  background-position:0 0;
}

#comments li p.delete a:hover, #comments li p.delete a:active {
  background-position:0 -12px;
}

#comments li .first div.photo {
  float:left;
  margin-right:8px;
}

#comments li .first p {
  font-size:100%;
}

#comments li .first p span.staff {
  background:#98d2f8;
  color:#ffffff;
  text-transform:uppercase;
  font-size:80%;
  font-weight:bold;
  padding:2px 4px;
  margin-left:3px;
}

#comments li p.details {
  font-size:85%;
  line-height:1.3em;
  color:#6f6f6f;
  padding-bottom:2px;
}

/* ========= */
/* = Index = */
/* ========= */

#groupsNav {
  background:#f2f2f2;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  margin:10px 0 15px 0;
}

#groupsNav p {
  padding:6px 8px;
  font-size:93%;
}

#groupsNav .second p {
  text-align:right;
}

#groups li {
  border-bottom:1px solid #f2f2f2;
  margin:10px 0;
  padding-bottom:10px;
}

#groups li .photo {
  float:left;
}

#groups li h5,
#groups li p {
  margin:0 0 0 210px;
}

#groups li h5 {
  font-size:131%;
  font-weight:bold;
}

#groups li p {
  font-size:93%;
  margin-top:10px;
  margin-bottom:10px;
}

#groups li p.players a {
  margin:0 5px 5px 0;
  display:block;
  float:left;
  zoom:1;
}

#groups li p.players {
  margin-bottom:0;
}

#groups li .description {
  background:url('/images/groupDescription.gif') top left no-repeat;
  padding-top:10px;
  margin:5px 0 10px 210px;
}

#groups li .description p {
  background:#f2f2f2;
  padding:6px 8px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  margin:0;
  font-size:85%;
}