Facing problem with Table module

hello

I am trying to color up the rows based on the range they fall under and somehow I am not being able to do it. I guess my issue is with the css or with the rowClass param. Any idea on where I am doing a mistake?

<module name="HTML" >
    <param name="html"><![CDATA[

<style type="text/css">
tr.haslow td {
  background-color:#506C23;
  color:white;
}
tr.hasmedium td {
  background-color:#86BA32;
  color:white;
}
tr.hassevere td  {
  background-color:#9BE91F;
  color:white;
}

</style>

    ]]></param>
  </module>
    <module name="Search" layoutPanel="panel_row1_col1" group="Internet team" autoRun="True">
        <param name="search">sourcetype="incident"| stats count by record.affectedCI | sort count | rangemap field=count low=0-1 medium=2-3 severe=4-5 </param>

                 <module name="JobProgressIndicator"></module>
    <module name="Pager">
        <param name="entityName">results</param>

        <module name="Table">
          <param name="name">"selectedUserRow"</param>
           <param name="hiddenFields">range</param>
          <param name="rowClass">has$row.fields.range$</param>