/* 
############################################################################
# StyleSheet for controlling .NET datagrid
# 
# To use this stylesheet in your datagrid, set the CssClass attributes for each
# Element as follows:

<asp:DataGrid id="DataGrid1" runat="server" CssClass="dgGrid" GridLines="None">
    <AlternatingItemStyle CssClass="dgAlternatingRow"></AlternatingItemStyle>
    <ItemStyle CssClass="dgNormalRow"></ItemStyle>
    <HeaderStyle CssClass="dgHeaderRow"></HeaderStyle>
    <FooterStyle CssClass="dgFooterRow"></FooterStyle>
    <PagerStyle CssClass="dgPagerRow" Mode="NumericPages"></PagerStyle>
    <Columns>
        <asp:BoundColumn DataField="Field1" HeaderText="Field1">
            <HeaderStyle CssClass="dgHeaderCell"></HeaderStyle>
            <ItemStyle CssClass="dgNormalCell"></ItemStyle>
            <FooterStyle CssClass="dgFooterCell"></FooterStyle>
        </asp:BoundColumn>
    </Columns>
</asp:DataGrid>

############################################################################
*/

.dgGrid
{
    font-family: Verdana;
    font-size: 9pt;
    border: none;
    padding: 2px;
    border-collapse: separate;
    border-right: dotted 1px #cccccc;
}

.dgHeaderRow, .dgFooterRow, .dgNormalRow, .dgAlternatingRow, .dgPagerRow
{
}

.dgHeaderRow
{
    font-weight: bold;
    background-color: #336699;
    background: url(../images/dg_cell_gradient.gif) repeat-x;
    white-space: nowrap;
    background-position: 0px -7px;
}

.dgHeaderRow
{
    border-bottom: dotted 1px #cccccc;
}

.dgPagerRow
{
    font-weight: bold;
    border: none;
    border-left: dotted 1px #cccccc;
    border-bottom: dotted 1px #cccccc;
}

.dgNormalRow
{
    background-color: #f9f9fb;
}

.dgAlternatingRow
{
    background-color: #f0f0fc;
}

.dgHeaderCell, .dgFooterCell, .dgNormalCell
{
    padding: 2px 5px 2px 5px;
    vertical-align: top;
    border-left: dotted 1px #cccccc;
}


.dgHeaderCell,.dgFooterCell
{
    color: #333333;
    padding: 4px 5px 4px 5px;
}
.dgNormalCell
{
    border-bottom: dotted 1px #cccccc;
}

.dgNormalCell a
{
    background-image: url("../images/ico_edit.gif");
    background-repeat: no-repeat;
    padding-left: 20px;
}