pre.syntax-highlight {
  background : #f8f8ff;
  border : 1px #dedede solid;
  font-family : Monaco,"Courier New",monospace;
  font-size : 0.9em;
  line-height : 1.4em;
  padding-right : 1em;
  overflow : auto;
}

.h-decl { color: #336699; font-style: italic;  }   /* doctype declaration  */
.h-pi   { color: #336699;                      }   /* process instruction  */
.h-com  { color: #338833; font-style: italic;  }   /* comment              */
.h-ab   { color: #000000; font-weight: bold;   }   /* angles as tag delim. */
.h-tag  { color: #993399; font-weight: bold;   }   /* tag name             */
.h-attr { color: #000000; font-weight: bold;   }   /* attribute name       */
.h-attv { color: #333399;                      }   /* attribute value      */
.h-ent  { color: #cc3333;                      }   /* entity               */
.h-lno  {
  color : #b5b5b5;
  background : #ececec;
  cursor : pointer;
  line-height : 1.4em;
  border-right : 1px #dedede solid;
  padding : 1px;
}   /* line numbers         */


.ch-sel, .ch-p, .ch-v, .ch-ps, .ch-at {
    font-weight: bold;
}
.ch-sel {                /* Selectors */
    color: #007;
}
.ch-com {                /* Comments */
    font-style: italic;
    color: #777;
}
.ch-p {                  /* Properties */
    font-weight: bold;
    color: #000;
}
.ch-v {                  /* Values */
    font-weight: bold;
    color: #880;
}
.ch-ps {                 /* Pseudo-selectors and Pseudo-elements */
    font-weight: bold;
    color: #11F;
}
.ch-at {                 /* At-rules */
    font-weight: bold;
    color: #955;
}
.ch-n {
    color: #888;
}