CSS: set color for selected row in a table

http://stackoverflow.com/questions/10765854/css-set-color-for-selected-row-in-a-table

HTML

<style>
    #newspaper-b {
        border-collapse: collapse;
        border-color: #B7DDF2;
        border-style: solid;
        border-width: 1px;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 11px;
        margin: 0;
        text-align: left;
        width: 480px;
    }
    #newspaper-b th {
        background: none repeat scroll 0 0 #EBF4FB;
        border-color: lightgray;
        font-size: 11px;
        font-weight: bold;
        padding: 15px 10px 10px;
    }
    #newspaper-b tbody tr td {
        background: none repeat scroll 0 0 #FFFFFF;
    }
    #newspaper-b td {
        border-top: 1px dashed #FFFFFF;
        color: #000000;
        padding: 10px;
    }
    #newspaper-b tbody tr:hover td {
        background: none repeat scroll 0 0 #FFCF8B;
        color: #000000;
    }
    #newspaper-b tbody tr.selected td {
        background: none repeat scroll 0 0 #FFCF8B;
        color: #000000;
    }
    #newspaper-b tbody tr.selected td:after {
        background-color: #888888;
				width:15px;
        height:15px;
        position:absolute;
        left:10px;
        display:block;
    }
</style>

<table id="newspaper-b">
<tbody>
    <tr><td>123</td><td>456</td></tr>    
    <tr><td>789</td><td>abc</td></tr>    
</tbody>
</table>

JavaScript

dojo.query('#newspaper-b tr').on('click', function(evt) {        
       dojo.toggleClass(this, 'selected'); 
});