a {
  color: #ed2670;
  text-decoration: none;
}

body {
  background: #222222 url('/static/images/web/backgroundColorSquare.jpg') repeat;
  color: #fff;
  font-family: helvetica, arial, sans-serif;
  font-weight: normal;
}

p, h1, h2, h3, h4, h5, h6 {
  color: #fff;
  font-family: helvetica, arial, sans-serif;
  font-weight: normal;
}

h1 {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0;
}

h2 {
  background-color: #282828;
  font-size: 13px;
  font-weight: bold;
  margin: 10px 0;
  padding: 4px;

  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

hr {
  background: transparent;
  border: 0;
  height: 9px;
  margin: 0 -14px;
  padding: 0;
}

p {
  font-size: 14px;
  margin: 0.5em 0;
}

table {
  padding: 9px;
  width: 100%;
}

td {
  padding: 5px;
}

td:first-child {
  width: 110px;
}

td input[type="text"],
td input[type="password"] {
  width: 100%;
}

.activity-item {
  border-bottom: 1px solid #2f2f2f;
  padding: 4px 0;
}
.activity-item:last-child {
  border-bottom: 0;
}

.activity-item .content {
  padding-left: 40px;
}

.activity-item .details {
  font-size: 14px;
  line-height: 16px;
}

.activity-item .headline {
  font-size: 13px;
  font-weight: bold;
  line-height: 22px;
  text-shadow: #000 0px 1px 0px;
}

.activity-item .headline span {
  margin: -6px 0 6px 0;
}

.activity-item .headline img {
  vertical-align: middle;
}

.activity-item .source-user-avatar {
  height: 16px;
  width: 16px;
  vertical-align: middle;
}

.activity-item .target-user-avatar {
  clear: both;
  margin-top: 2px;
  position: absolute;
}

.activity-item .target-user-name {
  float: left;
}

.activity-item .time-since {
  color: #ccc;
  font-size: 11px;
  margin: 0 0 2px 0;
}

.activity-item .value {
  float: left;
  width: 120px;
}

.error {
  background: #ed2670;
  color: #000;
  font-weight: bold;
  margin: 1em 0;
  padding: 4px;
  text-align: center;

  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.field-label {
  text-align: right;
}

.fixed-page-area {
  margin: 0 auto;
  max-width: 640px;
  padding: 0 9px;
}

.footer p {
  color: #aaa;
  font-size: 13px;
}

.footer-options {
  color: #444;
  margin-top: 40px;
  text-align: center;
}

.give-or-take-section table td:first-child {
  width: 60px;
}

.give-or-take-section .tab span {
  font-size: 12px;
  vertical-align: middle;
}

.give-or-take-section .tabs {
  line-height: 22px;
  font-size: 22px;
}

.give-or-take-section .value {
  font-size: 40px;
  text-align: center;
  width: 100%;
  vertical-align: middle;
}

.group-item {
  padding: 6px 0;
}

.group-item a {
  text-decoration: underline;
}

.group-item .avatar {
  position: absolute; 
}

.group-item .content {
  padding: 2px 0 0 40px;
}

.group-item .name {
  font-size: 13px;
  font-weight: bold;
  text-shadow: #000 0px 1px 0px;
}

.group-member-item {
  border-bottom: 1px solid #2f2f2f;
  padding: 6px 0 4px 0;
}
.group-member-item:last-child {
  border-bottom: 0;
}

.group-member-item a {
  text-decoration: underline;
}

.group-member-item .avatar {
  clear: both;
  position: absolute;
}

.group-member-item .content {
  padding-left: 40px;
}

.group-member-item .name {
  font-size: 13px;
  font-weight: bold;
  padding-top: 2px;
  text-shadow: #000 0px 1px 0px;
}

.header {
  height: 44px;
  width: 100%;
}

.header td {
  padding: 0;
  vertical-align: middle;
}

.header .left-col {
  width: 87px;
}

.header .logo-col {
  text-align: center;
}

.header .right-col {
  text-align: right;
  width: 88px;
}

.hide {
  display: none;
}

.left {
  float: left;
}

.nav-link {
  display: none;
}

.right {
  float: right;
}

.row {
  clear: both;
}

.score {
  float: left;
  width: 85px;
}

.scores {
  font-size: 14px;
  line-height: 22px;
}

.scores img {
  vertical-align: middle;
}

.tab {
  font-weight: bold;
  padding: 4px;
  margin: 4px;
}

.tabs {
  text-align: center;
}

.tabs img {
  vertical-align: middle;
}

.tabs .current-tab {
  background-color: #444;
  color: #ddd;

  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.view-more-link {
  background: #888;
  font-size: 14px;
  font-weight: bold;
  padding: 12px;
  margin: 4px 0;
  text-align: center;

  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.view-more-link a {
  color: #222222;
}