/* this is an example CSS that defines styles for all classes
        available in the class pulldown of the table. of course 
        customizations can include completely different styles, and
        also for different elements (changeable or not) */

    table {
        border-width: 0px;
        padding: 3px;
    }

    table.plain td {
        border-width: 1px;
        border-style: solid;
        border-color: black;
    }

    table.listing {
        border-width: 0px;
    }

    table.listing td {
        border-style: solid;
        border-width: 1px;
        border-color: black;
    }
    
    table.listing th {
        border-style: solid;
        border-width: 1px;
        border-color: black;
        background-color: gray;
        color: white;
    }
    
    table.grid {
        border-width: 0px;
    }

    table.grid td {
        border-style: solid;
        border-width: 1px;
        border-color: black;
    }
    
    table.grid th {
        border-style: solid;
        border-width: 1px;
        border-color: black;
    }
    
    table.data {
        border-style: solid;
        border-width: 1px;
        border-color: black;
    }

    table.data td {
        border-style: solid;
        border-width: 1px;
        border-color: gray;
    }
    
    table.data th {
        border-style: solid;
        border-width: 1px;
        border-color: gray;
    }