#debug {
border:5px solid #f00;
border-width:5px 0;
background:#fff url(/@W3dImg/debug_bkgrd.gif) 0 0 repeat;
padding:0 0 0 5px;
color:#000;
white-space:pre;
font-family:monospace;
/*
Could limit size of debug container so that page itself won't need to scroll, just the container
But the scrollbars for the container might be off screen. Page scroll bars are easier to access!
*/
/*width:100%;
overflow:auto;*/
}

#debug ol {
margin:0;
}
#debug ol li {
margin-left:3em;
padding:0 0;
/*border-top:1px solid #ccc;*/
}
#debug ol li:first-child {
border-top:0;
}

#debug .alt-row {
background-color:#eee;
background-color:rgba(238,238,238,0.5);
}

/**
 * Table
 */
#debug table tr th {
background-color:#ddf;
background-color:rgba(221,221,255,0.5);
font-weight:bold;
}
#debug table tr th[colspan] {
background-color:#bbf;
background-color:rgba(187,187,255,0.5);
text-align:center;
}
#debug table tr th, #debug table tr td {
padding:0 6px;
text-align:left;
vertical-align:top;
}
#debug .numeric {
text-align:right;
padding-left:6px;
}

/**
 * DEVELOPMENT SECTION IN FOOTER
 */
#development {
color:#fff;
display:none;
}