table.textile-ex {
width: 100%;
margin: 8px 8px 16px 8px;
padding: 0;
}

table.textile-ex td {
vertical-align: top;
}

table.textile-ex td.input {
background-color: #eeeeff;
margin: 0;
padding: 0;
}

table.textile-ex td.output {
margin: 0;
padding: 0;
font-size: 1.0em;
}

col.textile-col-left, col.textile-col-right {
width: 50%;
}

div.textile-example:before {
font-family: verdana, helvetica, sans-serif;
display: block;
text-align: right;
font-size: 10px;
color: #999;
content: "[textile]";
}

div.textile-browser:before {
font-family: verdana, helvetica, sans-serif;
display: block;
text-align: right;
font-size: 10px;
color: #999;content: "[browser]";
}

div.textile-xhtml:before {
font-family: verdana, helvetica, sans-serif;
display: block;
text-align: right;
font-size: 10px;
color: #999;content: "[xhtml]";
}

div.textile-example, div.textile-browser, div.textile-xhtml {
padding: 0 8px 8px 8px;
margin: 0;
}

div.textile-example {
background-color: #eeeeff;
}

div.textile-browser {
background-color: #ffeeee;
}

div.textile-xhtml {
background-color: #eeffee;
}

pre {
font-family: "Lucida Console", "Courier New", Courier, monospace;
font-size: 12px;
margin: 0;
padding: 0;
word-wrap: break-word;
}

div.textile-example, div.textile-xhtml {
font-family: "Lucida Console", "Courier New", Courier, monospace;
font-size: 12px;
}

div.textile-browser {
font-family: Constantia, Georgia, "Times New Roman", Times, serif;
font-size: 14px;
}

div.textile-xhtml {
font-size: 11px;
}

div.textile-browser table {
width: 100%;
border: 1px solid #000;
border-collapse: collapse;
margin: 4px;
}

div.textile-browser table td, div.textile-browser table th {
border: 1px dotted #000;
padding: 2px 8px;
height: 4em;
}

div.textile-browser * {
font-size: 1.0em;
margin-top: 0;
margin-bottom: 0;
}

div.textile-browser p + p {
margin-top: 16px;
}

blockquote {
margin-bottom: 16px;
}

div.textile-browser hr {
border: 0;
width: 80%;
height: 2px;
color: #000;
}