.bbleft { float: left; width: 160px; margin: 0; padding: 0; font-size: 11px; line-height: 15px; }
.bbtop { margin-top: 8px; background-color: #ddd; padding: 8px 0; font-weight: bold; color: #000; }
.bbtop a { padding-left: 8px; }
.bbright { float: left; width: 790px; margin: 0; padding: 0; font-size: 11px; line-height: 15px; }
.bbpan { min-height: 150px; margin: 2px 4px 8px 0; font-size: 1.2em; text-align: justify; }
.bbpan p, br { margin-bottom: 4px; }
.bbpan .quoteTop, .codeTop { margin-top: 8px; padding-top: 4px; padding-left: 4px; width: 782px; height: 22px; border-left: 4px solid #2f2736; border-top: 1px dotted #2f2736; border-right: 1px dotted #2f2736; font-weight: bold; font-size: 0.8em; }
.bbpan .quoteTop { background: #ddd url(../images/quote.png) no-repeat top right; }
.bbpan .codeTop { background: #ddd url(../images/code.png) no-repeat top right; }
.bbpan .quoteMain, .codeMain { margin-bottom: 8px; width: 770px; padding: 8px; border-left: 4px solid #2f2736; border-bottom: 1px dotted #2f2736; border-right: 1px dotted #2f2736; background-color: #eee; }

.codeStyle { padding: 10px; text-align: left; display: block; overflow: auto; font: 1.1em/1.5em 'Lucida Console', 'courier new', monospace; background: #FAFAFA; border: 1px solid #f2f2f2; border-left: 4px solid #004b07; color: #004b07; }
.quoteStyle { padding: 10px; background: #FAFAFA; border: 1px solid #f2f2f2; border-left: 4px solid #2a004b; color: #2a004b; font: 1.1em/1.5em 'Lucida Console', 'courier new', monospace; }