td .balloon 
{
    position: relative;
}

td .balloon:after 
{
    display: none;
    position: absolute;
    top: -50%;
    left: 25px;
    width: 350px;
    height: auto;
    border:.5px solid #f1eded;
    padding: 10px;
    -moz-box-shadow: 3px 3px 15px 5px #f1eded;
    -webkit-box-shadow: 3px 3px 15px 5px #f1eded;   
    box-shadow: 3px 3px 15px 5px #f1eded; 
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#f1eded', Direction=100, Strength=1);
    background-image: none;
    background-position-x: 0%;
    background-position-y: 0%;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #dcd9d9;

    -moz-box-shadow: inset 0px 0px 15px 0px #f1eded;
    -webkit-box-shadow: inset  0px 0px 15px 0px #f1eded;   
    box-shadow: inset  0px 0px 15px 0px #f1eded; 
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#f1eded', Direction=0, Strength=1);
    background-image: none;
    background-position-x: 0%;
    background-position-y: 0%;

    font-family:  "Open Sans", sans-serif, Verdana,Arial,Helvetica;
    color: #4a4343;
    font-size: 11px;
    z-index: 9999;
    content: "Please enter the first letter of your first name then your full last name. \a For example: Name is Joe Smith. Username will be jsmith.";
}

td .balloon:hover:after 
{
    display: inline-block;
}