body
{
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Century Gothic' !important;
}


.cssDataGrid
{
    width: 100%;   
    border: none 0px transparent;
    min-width: 100%;
    margin-bottom:20px; 
}

.cssDataGrid td
{
    padding:5px;
    font-family: 'Century Gothic' !important;
}

.cssDGHeader
{
    background-color: #999;   
    color: White;
    border: none 0px transparent;
    height: 40px;
    text-align: center;
    font-size: 0.8em;

}

.cssDGHeader th
{
    text-align: center;
}

.cssDGPage
{
    background-color: #646464;    
    color: White;
    border: none 0px transparent;
    height: 23px;
    text-align: center;
    font-size: 1em;
}

.cssDGRow, .cssDGAlterRow

{
    background-color: #fff;    
    font-size: 1em;
    color: #000;
    min-height: 25px;
    text-align: left;
    border: solid 1px #ccc;   
}

.cssDGAlterRow

{
    background-color: #eee;    
}

.cssDGRow img, .cssDGAlterRow img {width:32px;}

/* edit */
html, button, input, select, textarea {
    font-family: 'Century Gothic' !important;
    color: #222;
    background-color: #eee;
}