I'm having a bit of a problem with a simple module.
I've converted a simple web page to a module. The page uses several DataGrid controls to display data. I'm having trouble with the header rows of the DataGrids.
In my web page version, I have the header rows of the data grid set to a white font on a dark blue background.
When this is converted to a module, I get dark blue fonts on a dark blue background in the DataGrid header row. This seems to come from the style TH in default.css:
TH {
vertical-align: baseline;
font-family: Tahoma, Arial, Helvetica;
font-size: 12px;
font-weight: bold;
color: #003366;
}
If I change this to color:white, then everything is find inside of the module.
My question: How do I override this style in my module?
My DataGrids are called like this:
<asp:GridView ID="companyInfoGridView" runat="server" CellPadding="0" ForeColor="#333333" GridLines="None"
OnSelectedIndexChanged="GridView1_SelectedIndexChanged" style="z-index: 100; position: relative " Font-Names="Tahoma" CaptionAlign="Left" Font-Size="Small" BorderStyle="Solid" BorderWidth="0px" Width="100%">
<FooterStyle BackColor="#003366" Font-Bold="True" ForeColor="White" />
<RowStyle HorizontalAlign="Right" />
<EditRowStyle BackColor="#2461BF" />
<SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
<PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
<HeaderStyle BackColor="#003366" Font-Bold="True" ForeColor="White" HorizontalAlign="Right" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>