.link_icon {
     white-space: nowrap;
}

.key_icon {
    white-space: nowrap;
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #000;
    border-radius: 0.2em;
    font-weight: bold;
    padding-left: 0.3em;
    padding-right: 0.3em;
    line-height: 190%;
}

.icon {
    max-width: 16px;
    max-height: 1.3em;
    width: auto !important;
}

.link_icon a:hover{
    opacity: 0.6;
}

a img.icon { 
    border: 0;     
} 

.link_icon .link_text:hover{
    opacity: 1; /* this won't work you can't override opacity... */
}

/* force remove the undeline */
.link_icon span.no_link_text{
    text-decoration: none;
    display: inline-block;
    opacity:0;
}