how to applying diffrent style to two rich datatable in one

[aboocs01]

hi,

i need to apply diffrent styles to one or more rich:datatable in same jsp page.

when i write style to rich:datatable , then same style is applying to all datatable where ever i used richdatable in the project . so help me how can i acheive diffrent style applying to one or more rich:datatble in same jsp page.

this my style:

.rich-table {

 border-collapse: collapse;
 empty-cells: show;
 color: #000000;
}

.rich-table-header, .rich-table-header-continue {
 background-color: #ccccff;
 color: #000000;
 height:23px;
 background-image:url(../images/table-header-bg31.jpg);
}

.rich-table-header-continue {
 background-color: #eeeeff;
 color: #000000;
 height:20px;
 background-image:none;
}

.rich-table-footer {
 background: none;
}

.rich-table-headercell {
 color: #ffffff;
 padding: 1px;
 padding-left: 5px;
 text-align: center;
 text-transform: uppercase;
}


TR.rich-table-oddRow {
 background-color: #FBE9CE;
}

TR.rich-table-evenRow {
 background-color: #ffffff;
}

TR.rich-table-oddRow:hover {
 background-color: #F7BE81;
}

TR.rich-table-evenRow:hover {
 background-color: #F7BE81;
}

TR.rich-table-row {
 padding: 0px;
 color: #000000;
}


.rich-table-cell {
 color: #000000;
 padding: 1px;
 padding-left: 4px;
 padding-right: 4px;
 table-layout: auto;

}
.rich-table-footercell{
 background-color: #252525;

 }

[ilya_shaikovsky]

so you could use selectors by Id of particular table. Or use proper styleClasses attributes instead of common rich-* classes.