body {
}

.mydatagrid /** main grid */ {
    width: 80%;
    border: solid 1px #000000;
}

    .mydatagrid td /** text element **/ {
        padding: 2px;
        border: solid 1px #000000;
        color: #000000;
        text-align: left;
        font-size: 14px;
    }

    .mydatagrid th /**header details */ {
        padding: 3px 1px;
        color: #FFFFFF;
        background: #008cba;
        border: solid 1px #000000;
        font-size: 15px;
        font-weight: bolder;
    }

    .mydatagrid caption {
        font-size: 18px;
        font-weight: bold;
        color: #ff0000;
        text-align: center;
        padding: 5px;
    }

    .mydatagrid .alt {
        background: #fcfcfc url(grd_alt.png) repeat-x top;
    }

    .mydatagrid tr:nth-child(even) {
        background-color: #ffffff;
    }

    .mydatagrid tr:nth-child(odd) {
        background-color: #cccccc;
    }