a.balloon {

 outline:none;

 text-decoration:none;

 color: #00F; 

}
/*
The next pseudo class is a.balloon strong which sets a line height of 30px, a font family of Candara, Tahoma, and Geneva Sans Serif, with a font size of 1.2em, and a color set to #F06.
*/
a.balloon strong {

 line-height:30px;

 font-family: Candara, Tahoma, Geneva, sans-serif;

 font-size: 1.2em;

 font-weight: bold;

}
/*
Next I've listed a few pseudo class selectors for hover and hover image with similar effects for text decoration and text outline, in addition to border and color settings.
*/
a.balloon:hover {

 text-decoration:none;


 color: #F06;

} 

a.balloon:hover img {

 text-decoration:none;

 border: none;

}
/*
Next, we have the anchor balloon image style, which sets the border to none and fixes an issue with IE displaying borders for images within an anchor. This is followed by the balloon div styling, setting a z-index of 10 to keep the balloon display above other elements on the page, display, margins, a minimum width setting of 275px, line height, border radius and box shadow settings with vendor prefixes for moz and webkit, and a font size and family setting as displayed below.
*/
a.balloon img {

       border: none;

}

a.balloon div {

    z-index: 200;

    display: none;

    padding: 5px 5px;

    margin-top: -30px;

    margin-left: 75px;

    min-width: 275px;

    line-height: 16px;

    border-radius: 6px;

    
    -webkit-border-radius: 6px;

    
    -webkit-box-shadow: 6px 6px 10px #CCC;

    box-shadow: 6px 6px 10px #CCC;

    font-family: Calibri, Tahoma, Geneva, sans-serif;

    font-size: .8em;

}
/*
Next are the balloon hover div which sets the display to inline with an absolute position, color, border, and background. The border hover list style, which sets the list style to none, is also displayed below.
*/
a.balloon:hover div {

    display: inline;

    position: absolute;

    color: #111;

    border: 1px solid #DCA;

    background: #fffAF0;

}

a.balloon:hover li{

    list-style:roman;

}
/*
And finally the arrow class is set with a z index equals to 20 to keep it above the balloon div element with an absolute position, a top set to 30px, a border of 0, a left equals to -12px, and a color background set to transparent as displayed below.
*/
.arrow{

    z-index: 20;

    position: absolute;

    top: 30px;

    border: 0;

    left: -15px;

    background-color: transparent;

}