CSS en función de evento onclick

[humanista]

Hola, tengo esto:

Código PHP:

  echo "<a id='checkbook' href='pagina.php' style='display:block; width:110px; height:125px; padding:5px; background-color:#cccccc;'>"; 
 
echo "<table border=0 cellpadding=0 cellspacing=0>"; 
echo "<tr>"; 
    echo "<td height=70 width=120 style='vertical-align: top;' align=center>";         
            echo "<input type='checkbox' id='$idprofile' name='$idprofile' style='vertical-align:bottom; align:center;' onclick=\"updatelist('$idlist','$idprofile')\">"; 
    echo "</td>"; 
echo "</tr>"; 
echo "</table>";                                                             
 
echo "</a>";  
   

Lo que hago es que cuando se ejecuta el evento onclick ejecuta un AJAX e intento que el color de fondo del link (un recuadro) cambie de gris (#CCCCCC) a azul claro(#E4EAF7).

Para ello en el AJAX pongo esto:

Código Javascript:

document.getElementById('checkbook').style.backgroundColor = '#E4EAF7';
 

pero no va... porqué puede ser?