/* Efeito Zebrado na TR, quando você passa o mouse a TR fica iluminada*/

.zebradoOn td{font-family:Arial, Verdana, Helvetica, sans-serif;/*font-size:10px;color:#505050;*/background-color:#FFFFFF;padding:0px 1px 0px 1px;} /* zebra com fundo cinza */
.zebradoOff td{font-family:Arial, Verdana, Helvetica, sans-serif;/*font-size:10px;color:#505050;*/background-color:#FFFFFF;padding:0px 1px 0px 1px;} /* zebra com fundo branco */
.zebradoDest td{font-family:Arial, Verdana, Helvetica, sans-serif;/*font-size:10px;color:#505050*/background-color:#F8F8F8;padding:0px 1px 0px 1px;} /* estilo que dá a cor de destaque no mouseover */

/* COMO USAR -  Na TR que você usar esse efeito, a TR vai ter que ter essa nomenclatura:
<tr class="zebradoOn" onmouseover="this.className='zebradoDest'" onmouseout="this.className='zebradoOn'" >
   <td></td>
</tr>
*/