div.code {
  border: 1px solid gray;
  background-color: #F0F0F0;
}

ol.code {
  margin-top: 0;
  margin-bottom: 0;
}

ol.code li {
  font-family: courier new;
  font-size: 11px;
  line-height: 16px; 
  border-bottom: 1px solid whitesmoke;
  padding-right: 12px;
  padding-left: 24px;
  background-color: white;
}

ol.code li.inblock {
  background-image: url('images/inblock.gif');
  background-repeat: repeat-y;
  background-position: 8px 0;
}

ol.code li.startblock {
  background-image: url('images/minus.gif');
  background-repeat: no-repeat;
  background-position: 8px bottom;
}

ol.code li.substartblock {
  background-image: url('images/subminus.gif');
  background-repeat: no-repeat;
  background-position: 8px bottom;
}

ol.code li.block {
  background-image: url('images/plus.gif');
  background-repeat: no-repeat;
  background-position: 8px bottom;
}

ol.code li.subblock {
  background-image: url('images/subplus.gif');
  background-repeat: no-repeat;
  background-position: 8px bottom;
}

ol.code li.endblock {
  background-image: url('images/blockend.gif');
  background-repeat: no-repeat;
  background-position: 8px 0;
}

ol.code li.subendblock {
  background-image: url('images/subblockend.gif');
  background-repeat: no-repeat;
  background-position: 8px 0;
}

ol.code span.unexpanded {
  border: 1px solid gray;
  background-color: #FFF;
  font-size: 11px;
}

ol.code span.php_DD0000 { 
  color: #DD0000;
}

ol.code span.php_FF9900 {
  color: #FF9900;
}

ol.code span.php_007700 {
  color: #007700;
}

ol.code span.php_FFFFFF {
  color: #FFFFFF;
}

ol.code span.php_0000BB {
  color: #0000BB;
}

ol.code span.php_000000 {
  color: #000000;
}

ol.code span.php_FF8000 {
  color: #FF8000;
}