/****************************************************************************** * CVS Project : $Id: tables.css,v 1.3 2006/10/03 13:57:35 nicholas Exp $ * * All pages using this stylesheet will need to be rendered in "Standard Mode" * for centering to work. In other words, include a DTD such as * * * * See also, http://www.w3.org/International/articles/serving-xhtml/Overview.html#quirks ******************************************************************************/ /*=========================================== generic properties -------------------------------------------*/ table caption { /* caption tag causes print errors in Firefox. See bug 294991. */ padding: 0; text-align: center; margin: 1em auto 0 auto; font-weight: bold; } td.alignL, th.alignL { text-align: left !important; } td.alignC, th.alignC { text-align: center !important; } td.alignR, th.alignR { text-align: right !important; } /*=========================================== common elements -------------------------------------------*/ table.easyread, table.lined { border-collapse: collapse; margin: 0 auto 2em auto; } table.easyread caption, table.lined caption { text-transform: uppercase; font-size: 11pt; } table.easyread thead tr, table.lined thead tr { background-color: #c8bfa0; border-top: 1px solid #000; border-bottom: 3px double black; /* 'medium' does not print properly */ } table.easyread th, table.lined th { /* th instead of 'thead tr' for IE compatibility */ border-top: 1px solid #000; border-bottom: 3px double #000; } /*=========================================== class "easyread" -------------------------------------------*/ table.easyread { font-family: Arial, sans-serif; font-size: 10pt; } table.easyread tr.A { background-color: #fff; } table.easyread tr.B { background-color: #e0d9be; } table.easyread th, table.easyread td { padding: .25em; text-align: center; } /*@media screen { table.easyread td { border-bottom: 1px solid #000; } }*/ @media print { table.easyread td { border-bottom: 1px dashed #000; } } /*=========================================== class "editorial" -------------------------------------------*/ table.editorial th, table.editorial td { vertical-align: top; } /*=========================================== class "colsL" -------------------------------------------*/ table.colsL th, table.colsL td { padding: .25em; text-align: left !important; } /*=========================================== class "lined" -------------------------------------------*/ table.lined th, table.lined td { padding: .1em .25em; text-align: center; border-top: 1px solid black; border-bottom: 1px solid black; } /*=========================================== generic class "table_style_1" e.g., "BRIS Speed by Circuit" -------------------------------------------*/ table.table_style_1 { border-collapse: collapse; width: 450px; /* center Editorial column 523px w/4px padding */ margin: 0 auto 2em auto; font-family: Arial, sans-serif; font-size: 10pt; border: 2px solid black; border-bottom: 3px solid black; } table.table_style_1 caption { font-size: 11pt; font-weight: bold; padding: .5em 0; } @media screen { table.table_style_1 caption { border: inherit !important; } } table.table_style_1 th, table.table_style_1 td { padding: .25em .5em; border-right: 1px solid black; border-bottom: 1px solid black; vertical-align: top; } table.table_style_1 td.alignR { padding-right: 2em; } table.table_style_1 td:first-child { /* assumes first column is horsename */ white-space: nowrap; } /*=========================================== color classes (for screen only) -------------------------------------------*/ @media screen { /* overrides printing defaults of B&W */ table.color_dkgreen { border-color: #267300; } table.color_dkgreen caption { background-color: #267300; color: #ffc; } table.color_dkgreen thead { background-color: #9ACD80; } table.color_dkgreen tbody { background-color: #EBF5E6; } table.color_dkgreen th, table.color_dkgreen td { border-color: #267300; } table.color_ltblue { border-color: #4D7399; } table.color_ltblue caption { background-color: #4D7399; color: #ffc; } table.color_ltblue thead { background-color: #B3CDE6; } table.color_ltblue tbody { background-color: #F0F5FA; } table.color_ltblue tr.B { background-color: #CFDAE6; } table.color_ltblue th, table.color_ltblue td { border-color: #4D7399; } table.color_brown { border-color: #630; } table.color_brown caption { background-color: #630; color: #ffc; } table.color_brown thead { background-color: #8D6640; } table.color_brown tbody { background-color: #F0EBE6; } table.color_brown th, table.color_brown td { border-color: #630; } table.color_honey { border-color: #D9B366; } table.color_honey caption { background-color: #D9B366; color: black; } table.color_honey thead { background-color: #E6CD9A; } table.color_honey tbody { background-color: #FAF5EB; } table.color_honey th, table.color_honey td { border-color: #D9B366; } }