.SrcCode {
  background-color: #FFFFCC;
  border: 1px solid #CCCCCC;
  font-size: 13px;
  margin-bottom: 10px;
  margin-top: 10px;
  overflow: auto;
  padding: 10px;
  width: 660px;
}

.dp-highlighter {
  background-color: #FFFFCC;
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 12px;
  margin-bottom: 10px;
  margin-top: 10px;
  overflow: auto;
  max-width: 660px;
  display: block;
  position: relative;
  width: 660px;
}

.dp-highlighter table {
  display: block;
  position: relative;
  outline: 0 none !important;
  overflow: visible !important;
}

.dp-highlighter td {
  font-family: Courier New;
}

/* Styles for the tools */
.dp-highlighter .tools-corner {
  background-color: #eee;
  font-size: 12px;
}

.dp-highlighter .tools {
  background-color: #eee;
  padding: 3px 8px 3px 10px;
  border-bottom: 1px solid gray;
  font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: silver;
}

.dp-highlighter .tools-corner {
  background-color: #eee;
}

.dp-highlighter .tools a {
  font-size: 12px;
  color: gray;
  text-decoration: none;
}

.dp-highlighter .tools a:hover {
  color: red;
  text-decoration: underline;
}

/* Gutter with line number */
.dp-highlighter .gutter {
  padding-right: 5px;
  padding-left: 10px;
  width: 5px;
  background-color: #eee;
  border-right: 1px solid gray;
  color: gray;
  text-align: right;
  vertical-align: top;
}

/* Single line style */
.dp-highlighter .line1,
.dp-highlighter .line2 {
  padding-left: 10px;
  background-color: #FFC;
  border-top: 0px;
  border-bottom: 1px solid #FFC;
  line-height: 130%;
  font-size: 12px;
}

.dp-highlighter .line2 {
  background-color: #FFC;
}

/* Language specific styles */
.dp-c .comment {
  color: green;
}

.dp-c .string {
  color: blue;
}

.dp-c .preprocessor {
  color: gray;
}

.dp-c .keyword {
  color: blue;
}

.dp-c .vars {
  color: #d00;
}

.dp-vb .comment {
  color: green;
}

.dp-vb .string {
  color: #800000;
}

.dp-vb .preprocessor {
  color: gray;
}

.dp-vb .keyword {
  color: blue;
}

.dp-sql .comment {
  color: green;
}

.dp-sql .string {
  color: red;
}

.dp-sql .keyword {
  color: blue;
}

.dp-sql .func {
  color: #ff1493;
}

.dp-sql .op {
  color: #808080;
}

.dp-xml {
  color: gray;
}

.dp-xml .pi, .dp-xml .dtd {
  color: #7E7DDF;
}

.dp-xml .cdata {
  color: #ff1493;
}

.dp-xml .comments {
  color: green;
}

.dp-xml .tag {
  color: black;
}

.dp-xml .tag-name {
  color: black;
}

.dp-xml .attribute {
  color: red;
}

.dp-xml .attribute-value {
  color: blue;
}

.dp-delphi .comment {
  color: #008200;
}

.dp-delphi .string {
  color: blue;
}

.dp-delphi .number {
  color: blue;
}

.dp-delphi .directive {
  color: #008284;
}

.dp-delphi .keyword {
  font-weight: bold;
  color: navy;
}

.dp-delphi .vars {
  color: #000;
}

.dp-py .comment {
  color: green;
}

.dp-py .string {
  color: red;
}

.dp-py .docstring {
  color: #b33b00;
}

.dp-py .keyword {
  color: blue;
  font-weight: bold;
}

.dp-py .builtins {
  color: #ff1493;
}

.dp-py .magicmethods {
  color: #808080;
}

.dp-py .exceptions {
  color: #b33b00;
}

.dp-py .types {
  color: #b33b00;
  font-style: italic;
}

.dp-py .commonlibs {
  color: #8A2BE2;
  font-style: italic;
}

.dp-css .comment {
  color: green;
}

.dp-css .property {
  color: #b33b00;
  font-weight: bold;
}

.dp-css .unit {
  color: #003366;
}

.dp-css .color {
  color: #d86c00;
}

.dp-css .identifier {
  font-weight: bold;
}

.dp-css .brace {
  font-weight: bold;
}

.dp-css .keyword {
  font-weight: bold;
}