<HTML>
<HEAD>
<TITLE>
Table 'color' Inheritance Test ---quirk --- bug 46480
</TITLE>

<STYLE type="text/css">
TABLE, TD, TH {border: 10px solid}
body {background: white}
</STYLE>

</HEAD>
<BODY>

<H2>Test A</H2>

<DIV style="color: green">
<TABLE>
  <TR style="color: blue">
   <TD>Field</TD>
   <TD>Records for Cropping Years</TD>
  </TR>
</TABLE>
</DIV>

<H2>Test B</H2>

<TABLE>
  <TR style="color: blue">
   <TD style="color: inherit">Field</TD>
   <TD>Records for Cropping Years</TD>
  </TR>
</TABLE>

<H2>Test C</H2>

<TABLE style="color: blue">
  <TR>
   <TD style="color: inherit">Field</TD>
   <TD>Records for Cropping Years</TD>
  </TR>
</TABLE>

<H2>Test D</H2>

<TABLE style="color: blue">
  <TR style="color: inherit">
   <TD style="color: inherit">Field</TD>
   <TD>Records for Cropping Years</TD>
  </TR>
</TABLE>

<H2>Test E</H2>

<TABLE style="color: blue">
 <TBODY style="color: inherit">
  <TR style="color: inherit">
   <TD style="color: inherit">Field</TD>
   <TD>Records for Cropping Years</TD>
  </TR>
 </TBODY>
</TABLE>

</BODY>
</HTML>