.truncate-word {
    max-width: 150px;
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis;
}

/* Hover tooltips */
.field-tip {
    position: relative;
    cursor: help;
}
.field-tip .tip-content {
    font: normal 12px/1.5 Arial, sans-serif;
    position: absolute;
    bottom: 15px;
    right: 9999px;
    width: 200px;
    margin-right: -220px; /* width + left/right padding */
    padding: 10px;
    color: #fff;
    background: #333;
    -webkit-box-shadow: 2px 2px 5px #aaa;
    -moz-box-shadow: 2px 2px 5px #aaa;
    box-shadow: 2px 2px 5px #aaa;
    opacity: 0;
    -webkit-transition: opacity 250ms ease-out;
    -moz-transition: opacity 250ms ease-out;
    -ms-transition: opacity 250ms ease-out;
    -o-transition: opacity 250ms ease-out;
    transition: opacity 250ms ease-out;
    border-radius: 3px;
    z-index: 10;
}
/* <http://css-tricks.com/snippets/css/css-triangle/> */
.field-tip .tip-content:before {
    content: ' '; /* Must have content to display */
    position: absolute;
    left: 50%;
    bottom: -16px; /* 2 x border width */
    width: 0;
    height: 0;
    margin-left: -8px; /* - border width */
    border: 8px solid transparent;
    border-top-color: #333;
}
.field-tip:hover .tip-content {
    left: -50px;
    opacity: 1;
}