I have a grid that has an row that is for inserting new records when there is no data currently in the database, and or same for when there is a row in the database. The problem is the footer row looks messed can't seem to get it to look right can someone help me please. Below is the CSS I am using, and picture of the problem.
thanks,
willie

CSS Code:
Code:
body
{
}
 
.GridviewTable
{
    /* font, table border and table margins here */
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    font-size: 7pt;
    margin: 20px 0px 0px 20px;
}
 
.GridviewTable th
{
    /* you don't need to use HeaderStyle-CssClass
    Just use the <th> element of the Gridview's overall
    CSSClass */
    color: white;
    border-bottom: solid thin black;
    /*padding-left: 10px;
    padding-right: 10px; */
}
 
.GridviewTable td
{
    padding: 6px 0px; /* puts vertical spacing between rows */
}
 
.GridviewTable tr
{
    /* any color or background-color set here will override
    the .AlternatingRow property so it's best not to use it
    if you want alternating rows to be different */
}
 
.TableRow
{
    color: #333333;
    background-color: #F7F6F3;
}
 
.SelectedRow
{
    color: #333333;
    background-color: #E2DED6;
    font-weight: bold;
}
 
.AlternatingRow
{
    color: #284775;
    background-color: white; /*light gray*/
}
 
.EditRow
{
    background-color: #999999;
}
 
 
.Header
{
    color: white;
    background-color: #5D7B9D;
    font-weight: bold;
}
 
.Footer
{
    color: white;
    background-color: #e2e2e2;
    font-weight: bold;
    height: 50px;
}
 
.PagerRow
{
    color: white;
    background-color: #284775;
    text-align: center;
}
Problem Page:
Link to problem page