ZK Grid CSS

<zk>

    <style>
        .fgrid tr.z-row td.z-row-inner,tr.z-row,div.z-grid-body
        div.z-cell,div.z-grid { border: none; overflow: hidden; zoom: 1;
        background: white; border-top: none; border-left: none;
        border-right: none; border-bottom: none; }

        .fgrid .z-grid-odd .fgrid .z-row-inner,.fgrid .z-grid-odd
        .z-cell { background-color: #F7F7F7; border-bottom: 1px solid
        transparent; border-left: 1px solid transparent; border-top: 1px
        solid transparent; }

        .fgrid .z-grid-odd .fgrid.z-row-inner,.fgrid.z-grid-odd
        .z-cell,.fgrid.z-grid-odd { background: none repeat scroll 0 0
        transparent; }

        .fgrid tr.z-grid-odd td.z-row-inner,.fgrid tr.z-grid-odd
        .z-cell,.fgrid tr.z-grid-odd { background: white }

        .fgrid tr.z-row td.z-row-inner,.fgrid tr.z-row .z-cell {
        background: white; border-top: none; }

        
    </style>

    <window id="win" width="99%" height="auto">
        <label value="Grid without sclass " style="font-size :20px;" />
        <panel width="100%">
            <panelchildren>
                <separator />
                <grid hflex="min">
                    <columns>
                        <column hflex="min" align="right" />
                        <column hflex="min" />
                        <column hflex="min" align="right" />
                        <column hflex="min" />
                        <column hflex="min" align="right" />
                        <column hflex="min" />
                        <column hflex="min" align="right" />
                        <column hflex="min" />
                        <column hflex="min" align="right" />
                        <column hflex="min" />
                    </columns>
                    <rows>
                        <row>
                            <label value="Salutation" />
                            <textbox />
                            <label value="Last Name" />
                            <textbox />
                            <label value="First Name" />
                            <textbox />
                            <label value="Middle Name" />
                            <textbox />
                        </row>
                        <row>
                            <label value="Suffix" />
                            <textbox />
                            <label value="Gender" />
                            <textbox />
                            <label value="DOB" />
                            <textbox />
                            <label value=" " />
                            <label value=" " />
                            <label value=" " />

                        </row>
                        <row>
                            <label value="SSN" />
                            <textbox />
                            <label value="Marital Status" />
                            <textbox />
                            <label value="" />
                            <label value=" " />
                            <label value=" " />
                            <label value=" " />
                            <label value=" " />
                        </row>

                        <row>
                            <cell colspan="8">
                                <separator bar="true" />
                            </cell>
                        </row>

                        <row>
                            <cell colspan="8" style="" align="left">
                                <label value="Contact Details" />
                            </cell>
                        </row>


                        <row>
                            <label value="Address:" />
                            <cell colspan="3">
                                <textbox rows="1" hflex="1" />
                            </cell>
                            <label value="" />
                            <label value=" " />
                            <label value=" " />
                            <label value=" " />
                            <label value=" " />
                        </row>

                        <row>
                            <label value="" />
                            <cell colspan="3">
                                <textbox rows="1" hflex="1" />
                            </cell>
                            <label value="" />
                            <label value=" " />
                            <label value=" " />
                            <label value=" " />
                            <label value=" " />
                        </row>

                        <row>
                            <label value="City" />
                            <textbox rows="1" hflex="1" />
                            <label value="State" />
                            <textbox />
                            <label value="ZipCode " />
                            <textbox />
                            <label value=" " />
                            <label value=" " />
                            <label value=" " />
                        </row>

                        <row>
                            <label value="Home Phone" />
                            <textbox />
                            <label value="Office Phone" />
                            <span>
                                <textbox width="100px" />
                                <textbox width="30px" />
                            </span>
                            <label value="Mobile" />
                            <textbox />
                            <label value="Fax" />
                            <textbox />
                            <label value=" " />
                            <label value=" " />
                        </row>

                        <row>
                            <label value="Email" />
                            <cell colspan="3">
                                <textbox rows="1" hflex="1" />
                            </cell>
                        </row>
                    </rows>
                </grid>
            </panelchildren>
        </panel>
    </window>
    <window id="win1" width="99%" height="440px">
        <label value="Grid with sclass " style="font-size :20px;" />
        <panel width="100%">
            <panelchildren>
                <separator />
                <grid hflex="min" sclass="fgrid">
                    <columns>
                        <column hflex="min" align="right" />
                        <column hflex="min" />
                        <column hflex="min" align="right" />
                        <column hflex="min" />
                        <column hflex="min" align="right" />
                        <column hflex="min" />
                        <column hflex="min" align="right" />
                        <column hflex="min" />
                        <column hflex="min" align="right" />
                        <column hflex="min" />
                    </columns>
                    <rows>
                        <row>
                            <label value="Salutation" />
                            <textbox />
                            <label value="Last Name" />
                            <textbox />
                            <label value="First Name" />
                            <textbox />
                            <label value="Middle Name" />
                            <textbox />
                        </row>
                        <row>
                            <label value="Suffix" />
                            <textbox />
                            <label value="Gender" />
                            <textbox />
                            <label value="DOB" />
                            <textbox />
                            <label value=" " />
                            <label value=" " />
                            <label value=" " />

                        </row>
                        <row>
                            <label value="SSN" />
                            <textbox />
                            <label value="Marital Status" />
                            <textbox />
                            <label value="" />
                            <label value=" " />
                            <label value=" " />
                            <label value=" " />
                            <label value=" " />
                        </row>

                        <row>
                            <cell colspan="8">
                                <separator bar="true" />
                            </cell>
                        </row>

                        <row>
                            <cell colspan="8" style="" align="left">
                                <label value="Contact Details" />
                            </cell>
                        </row>


                        <row>
                            <label value="Address:" />
                            <cell colspan="3">
                                <textbox rows="1" hflex="1" />
                            </cell>
                            <label value="" />
                            <label value=" " />
                            <label value=" " />
                            <label value=" " />
                            <label value=" " />
                        </row>

                        <row>
                            <label value="" />
                            <cell colspan="3">
                                <textbox rows="1" hflex="1" />
                            </cell>
                            <label value="" />
                            <label value=" " />
                            <label value=" " />
                            <label value=" " />
                            <label value=" " />
                        </row>

                        <row>
                            <label value="City" />
                            <textbox rows="1" hflex="1" />
                            <label value="State" />
                            <textbox />
                            <label value="ZipCode " />
                            <textbox />
                            <label value=" " />
                            <label value=" " />
                            <label value=" " />
                        </row>

                        <row>
                            <label value="Home Phone" />
                            <textbox />
                            <label value="Office Phone" />
                            <span>
                                <textbox width="100px" />
                                <textbox width="30px" />
                            </span>
                            <label value="Mobile" />
                            <textbox />
                            <label value="Fax" />
                            <textbox />
                            <label value=" " />
                            <label value=" " />
                        </row>

                        <row>
                            <label value="Email" />
                            <cell colspan="3">
                                <textbox rows="1" hflex="1" />
                            </cell>
                        </row>
                    </rows>
                </grid>
            </panelchildren>
        </panel>
    </window>
</zk>