.bbsterm {
  width: 640px;
  height: 400px;
  padding: 8px;
  overflow: hidden;
  border: 2px inset #C0C0C0;
  text-align: left;
}

.bbsterm div {
  height: 16px;
}

.bbsterm .cur {
  animation: bbscursor 0.5s steps(1) infinite alternate;
}

@keyframes bbscursor {
  from {
    box-shadow: inset 0 -3px 0 #AAAAAA;
  }
  to {
    box-shadow: none;
  }
}

.bbsterm .f0 {
  color: #000000;
}

.bbsterm .f1 {
  color: #0000AA;
}

.bbsterm .f2 {
  color: #00AA00;
}

.bbsterm .f3 {
  color: #00AAAA;
}

.bbsterm .f4 {
  color: #AA0000;
}

.bbsterm .f5 {
  color: #AA00AA;
}

.bbsterm .f6 {
  color: #AA5500;
}

.bbsterm .f7 {
  color: #AAAAAA;
}

.bbsterm .f8 {
  color: #555555;
}

.bbsterm .f9 {
  color: #5555FF;
}

.bbsterm .fa {
  color: #55FF55;
}

.bbsterm .fb {
  color: #55FFFF;
}

.bbsterm .fc {
  color: #FF5555;
}

.bbsterm .fd {
  color: #FF55FF;
}

.bbsterm .fe {
  color: #FFFF55;
}

.bbsterm .ff {
  color: #FFFFFF;
}

.bbsterm .b1 {
  background-color: #0000AA;
}

.bbsterm .b2 {
  background-color: #00AA00;
}

.bbsterm .b3 {
  background-color: #00AAAA;
}

.bbsterm .b4 {
  background-color: #AA0000;
}

.bbsterm .b5 {
  background-color: #AA00AA;
}

.bbsterm .b6 {
  background-color: #AA5500;
}

.bbsterm .b7 {
  background-color: #AAAAAA;
}