.smartBox
{
    box-shadow: 0 1px 3px rgba(0,0,0,.2); 
    border-radius: 4px; 
    background-color: white; 
    border-width: 1px; 
    border-style: solid; 
    border-color: #bbb #bbb #a8a8a8; 
    padding: 4px 20px 4px 4px; 
    white-space: nowrap; 
    display: none; 
    position: absolute;   
    min-width: 50px;
    z-index: 3;
}

.smartBoxText
{
    text-overflow: hidden; 
    white-space: nowrap;   
}

.smartBoxArrowBackground
{
    border-color: transparent #bbb; 
    border-style: solid; 
    border-width: 9px 9px 9px 0; 
    top: auto; 
    left: -9px; 
    position: absolute; 
    bottom: 14px; 
    width: 0; 
    height: 1px;   
}

.smartBoxArrowBorder
{
    border-color: transparent #fff; 
    border-style: solid; 
    border-width: 9px 9px 9px 0; 
    top: auto; 
    left: -7px; 
    position: absolute; 
    bottom: 14px; 
    width: 0; 
    height: 1px;   
}

.smartBoxClose
{
    top: 5px; 
    right: 5px; 
    position: absolute; 
    width: 16px; 
    height: 16px; 
    cursor: pointer;   
}