ul#areas {
  list-style-type: none;
  margin: 0 0 8px 35px;
  padding: 0;
  font-size: 10pt;
  height: 25px; }
  ul#areas li {
    float: left;
    margin-right: 13px; }
    ul#areas li div:first-child {
      float: left;
      margin-right: 4px;
      width: 26px;
      height: 18px;
      border: 1px solid #000; }
    ul#areas li div.temporal {
      background-color: #66cc33; }
    ul#areas li div.parietal {
      background-color: #ffff66; }
    ul#areas li div.frontal {
      background-color: #6699cc; }
    ul#areas li div.occipital {
      background-color: #ff6666; }

#graph-desc {
  width: 485px;
  margin: 3px 0 15px; }

#graph {
  width: 485px;
  height: 320px;
  border: 0;
  padding: 20px 0 16px;
  position: relative;
  /* Width approximation. */ }
  #graph div.indicator {
    position: absolute;
    top: 2px;
    left: 5px;
    font-size: 7pt;
    font-weight: bold; }
  #graph #cols {
    width: 450px;
    height: 320px;
    clear: both;
    position: relative;
    padding-left: 35px;
    background: url('/images/graph/graphl.gif') top left no-repeat;
    /* Brain area colors. */ }
    #graph #cols div#labels {
      clear: both;
      width: 450px; }
      #graph #cols div#labels div {
        margin: 0;
        background-color: #eee;
        font-size: 10pt;
        text-align: center;
        border-bottom: 1px solid #000;
        border-right: 1px solid #fff; }
      #graph #cols div#labels div:last-child {
        border-right: 1px solid #000; }
      #graph #cols div#labels div:first-child {
        border-left: 1px solid #000; }
    #graph #cols div {
      float: left;
      display: inline;
      margin-right: 1px; }
    #graph #cols div.bar {
      border: 1px solid #000;
      font-size: 7pt;
      text-align: center; }
    #graph #cols div.temporal {
      background-color: #66cc33; }
    #graph #cols div.parietal {
      background-color: #ffff66; }
    #graph #cols div.frontal {
      background-color: #6699cc; }
    #graph #cols div.occipital {
      background-color: #ff6666; }
    #graph #cols div.counteract {
      clear: both; }
  #graph div.eight div {
    width: 55px; }
  #graph div.seven div {
    width: 63px; }
  #graph div.six div {
    width: 73px; }
  #graph div.five div {
    width: 88px; }
  #graph div.four div {
    width: 110px; }
  #graph div.three div {
    width: 147px; }
  #graph div.two div {
    width: 221px; }
  #graph div.one div {
    width: 443px; }