div.code {
 background: #f7f7f7;
 border: 1px solid #d7d7d7;
 border-radius: .3em;
 padding: .25em;
 overflow: auto
}

div.code pre {
 margin: 0;
 overflow: auto;
}

table.code {
 border: 1px solid #ddd;
 border-spacing: 0;
 border-top: 0;
 border-collapse: collapse;
 empty-cells: show;
 font-size: 12px;
 line-height: 130%;
 padding: 0;
 margin: 0 auto;
 table-layout: fixed;
 width: 100%;
}
table.code th {
 border-right: 1px solid #d7d7d7;
 border-bottom: 1px solid #998;
 font-size: 11px;
}
table.code th.lineno { width: 4em }
table.code thead th {
 background: #eee;
 border-top: 1px solid #d7d7d7;
 color: #999;
 padding: 0 .25em;
 text-align: center;
 white-space: nowrap;
}
table.code thead th.content {
 text-align: left;
}
table.code thead th.content span.recover {
 background: #f7f7f7;
 border-left: 1px solid;
 border-right: 1px solid;
 cursor: pointer;
 margin: 0 1em 0 0;
 padding: 0 .5em;
}
table.code tbody th {
 background: #eed;
 color: #886;
 font-weight: normal;
 padding: 0 .5em;
 text-align: right;
 vertical-align: top;
}
table.code tbody th :link, table.code tbody th :visited {
 border: none;
 color: #886;
 text-decoration: none;
}
table.code tbody th :link:hover, table.code tbody th :visited:hover {
 color: #000;
}
table.code tbody tr:hover td {
 background: #eed;
}
table.code td {
 font: normal 11px monospace;
 overflow: hidden;
 padding: 1px 2px;
 vertical-align: top;
}
table.code tr.hilite th {
 background: #ccf;
}
table.code tr.hilite td {
 background: #ddf;
}
.image-file { background: #eee; padding: .3em }
.image-file img { background: url(../imggrid.png) }

/* Default */
.code-block span { font-family: monospace; }
