.notification.b .type {
  position: relative;
  display: block;
  float: left;
  width: 48px;
  height: 48px;
  margin: 0 8px 0 0;
  background-color: #08252f;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.notification.b .type:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  width: 24px;
  height: 24px;
  background-image: url("../../../common/images/sprites-24.png");
  background-size: 384px 144px;
  background-repeat: no-repeat;
  background-position: -120px -48px;
}
.notification.b .type.t2:before,
.notification.b .type.t9:before,
.notification.b .type.t10:before {
  background-position: -96px -48px;
}
.notification.b .type.t1:before,
.notification.b .type.t5:before,
.notification.b .type.t7:before {
  background-position: -120px -48px;
}
.notification.b .type.t3:before,
.notification.b .type.t4:before {
  background-position: -144px -48px;
}
.notification.b .type.t14:before,
.notification.b .type.t15:before {
  background-position: -168px -48px;
}
.notification.b .type.t16:before {
  background-position: -192px -48px;
}
.notification.b .type.t11:before,
.notification.b .type.t12:before,
.notification.b .type.t13:before {
  background-position: -144px -48px;
}
.notification.b .actor {
  display: block;
  float: left;
  margin: 0 8px 0 0;
}
.notification.b .actor .profile-photo {
  display: block;
  width: 48px;
  height: 48px;
}
.notification.b .actor .profile-photo img {
  display: block;
  width: 100%;
  height: 100%;
}
.notification.b .summary .message {
  display: block;
}
.notification.b .time {
  font-size: 12px;
  line-height: 20px;
}
.notification.b .summary,
.notification.b .time {
  display: block;
  margin-left: 56px;
}