#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85; }
#tooltip h3,
#tooltip div { margin: 0; }
#tooltip.pretty { border: none; width: 173px; padding:17px 20px 18px 20px; height: 87px; opacity: 1; background: url(demo/bubble_small.png); }
#tooltip.pretty.viewport-right { width: 210px; padding:20px 35px 20px 20px; height: 115px; background: url(demo/bubble2.png); margin-top:50px;}
#tooltip.pretty h3 { font-size: 18px; text-align: center; color:#059eff; font-weight:bold;margin-bottom:5px;}
#tooltip.pretty div { font-size: 12px; text-align: center; color:#34417c; font-weight:normal; line-height:1.2em;}

#tooltip.pretty_coach { border: none; width: 100px; height: 100px; padding:38px 28px 37px 47px;  opacity: 1; background: url(demo/bubble4.png); }
#tooltip.pretty_coach.viewport-bottom { width: 100px; height: 100px; padding:38px 28px 37px 47px; background: url(demo/bubble5.png); margin-top:50px;}
#tooltip.pretty_coach h3 { font-size: 18px; text-align: center; color:#059eff; font-weight:bold;margin-bottom:5px;}
#tooltip.pretty_coach div { font-size: 12px; text-align: center; color:#34417c; font-weight:normal; line-height:1.2em;}

#tooltip.pretty_websnapr { border: none; width: 219px; height: 171px; padding:19px 0 0 40px; opacity: 1; background: url(demo/bubble_side_websnapr.png); }
#tooltip.pretty_websnapr.viewport-bottom { border: none; width: 219px; height: 171px; padding:19px 0 0 40px; opacity: 1; background: url(demo/bubble_side_websnapr_alt.png); margin-top:50px;}