/*
	CSS for <macro:code lang="ruby">

	This css will provide horizontally scrolling code listings.  This means
	that the code listings will no longer have to have a fixed width.  It
	can now dynamically flow with the width of your layout.  It is a bit 
	touchy on IE6 due to a bug when trying to mix a <div> styled with 
	overflow:auto with a nested <table>.
*/

div.CodeMacro {
    border: 1px solid silver;
    margin: 15px 0;
    overflow: auto;
}

div.CodeMacro .CodeRay {
    border-style: none;
    padding: 0;
}

div.CodeMacro table.CodeRay tbody {
	background-color: #f0f0f0;	/* fix background to fill width of code */
}