I am currently rebranding my DNN site and am have a minor styling problem with the dnn:LOGIN hyperlink. 

<dnn:LOGIN runat="server" ID="dnnLOGIN" CssClass="user" />

I have styled the login button using the ID with the CSS below to show an image instead of a link.

#dnn_dnnLOGIN_cmdLogin

{  

    background-position: center;

    background: transparent url('Images/login.gif') no-repeat center top;

    height: 24px;

    width: 126px;

    margin: 0;

    padding: 0;

    border: 0;

    text-indent: -1000em;

    cursor: pointer; /* hand-shaped cursor */

    cursor: hand; /* for IE 5.x */

    display: block;   

}

#dnn_dnnLOGIN_cmdLogin:hover

{

    background: transparent url('Images/login_r.gif') no-repeat center top;

}

This works fine but the problem I am running into is that it shows this for both the login and logout links.  Is there a way to specify a separate image in CSS for the DNN log off event?