Write CSS styles for the gridview

. Gridviewstyle
{
Border-Right: 2px solid # a7a6aa;
Border-bottom: 2px solid # a7a6aa;
Border-left: 2px solid white;
Border-top: 2px solid white;
Padding: 4px;
}

. Gridviewstyle
{
Color: # ffffff;
}

. Gridviewheaderstyle th
{
Border-left: 1px solid # ebe9ed;
Border-Right: 1px solid # ebe9ed;
}

. Gridviewheaderstyle
{
Background-color: # 5d7b9d;
Font-weight: bold;
Color: white;
}

. Gridviewfooterstyle
{
Background-color: # 5d7b9d;
Font-weight: bold;
Color: white;
}

. Gridviewrowstyle
{
Background-color: # f7f6f3;
Color: #333333;
}

. Gridviewalternatingrowstyle
{
Background-color: # ffffff;
Color: #284775;
}

. Gridviewrowstyle TD,. gridviewalternatingrowstyle TD
{
Border: 1px solid # ebe9ed;
}

. Gridviewselectedrowstyle
{
Background-color: # e2ded6;
Font-weight: bold;
Color: #333333;
}

. Gridviewpagerstyle
{
Background-color: #284775;
Color: # ffffff;
}

. Gridviewpagerstyle table/* to center the paging links */
{
Margin: 0 auto 0 auto;
}

Skin file:
<Asp: gridview cssclass = "gridviewstyle" runat = "server"
>
<Footerstyle cssclass = "gridviewfooterstyle"
/>
<Rowstyle cssclass = "gridviewrowstyle"
/>
<Selectedrowstyle
Cssclass = "gridviewselectedrowstyle"/>
<Pagerstyle cssclass = "gridviewpagerstyle"/>
<Alternatingrowstyle
Cssclass = "gridviewalternatingrowstyle"/>
<Headerstyle cssclass = "gridviewheaderstyle"
/>
</ASP: gridview>