/*
// Elad - Create originally for @W030.
//   This is meant to emulate the behaviour of the overflow-text style attribute, since it does
//   not render in Firefox as of version 2.0.
*/

/* To be applied to the overflow container. For example, a table cell */
.overflow-container {
    line-height: 0.96em;    /* can be overridden in the element */
    overflow: hidden;       /* hide excess content */
    position:relative;      /* fix IE span display bug */
    }

/* A wrapper is needed inside the container, because we are utilizing two floating  elements
   to implement this behaviour. In practice, it is the wrapper that should contain the 
   text that might overflow, not the overflow-container. */
.overflow-wrapper {
    float:left;
    white-space: nowrap; /* prevent wrapping, so the text would overflow even if whitespaces exist */
    }

/* This class is to be assigned to a DIV element adjacent to the overflow-wrapper.
   Normally the DIV would be hidden because of it's negative margin-top value, but
   when the contents of overflow-wrapper are too long to be displayed, the DIV would drop
   because of it's float:right attribute and would be displayed over the wrapper.
   The DIV must be set to an opaque colour */
div.ellipsis {
    float: right;          /* shall drop when the link is too long */
    position:relative;     /* move after page flow is done */
    margin-top: -0.96em;    /* can be overridden in the element */
    line-height: 0.96em;   /* can be overridden in the element */
    z-index:1;             /* set to a higher layer */
    }