odd and even rows in table with different backgrounds

trying to get have odd and even rows in the table with different colors. But not getting it. what am I missing here?

table.smallTable {
width: 300px;
font: 11px arial, helvetica, sans-serif;
border-collapse: collapse;
border: solid 2px black;
}
table.smallTable td, .smallTable th {
border: solid 1px black;
padding: 2px 9px;
}
table.smallTable th {
text-align: left;
font-weight: bold;
width: 50%;
background-color: #3CB371;
color: white;
}
table.smallTable tr.even {
background-color: #EEE;
}
table.smallTable tr.odd {
background-color: white;
}
table.smallTable tr.tableRowEven{
background-color: #EEE;
}

Thanks.

Also in #CSS _↴