#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
    width:225px;
}
#tooltip h3, #tooltip div { margin: 0; }




/* remember to define focus styles! */
:focus {
    outline: 0;
}

     
#tooltip.pretty {
    font-family: Arial;
    border: none;
    width: 230px;
    padding:10px;
    height: 160px;
    opacity: 0.9;
    background: url('shadow.png');
}
#tooltip.pretty h3 {
    margin-bottom: 0.75em;
    font-size: 10pt;
    width: 220px;
    text-align: center;
	border: none;
	margin-top: 0;
	padding-top: 0;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
    background: url('bubble-lo.png');
    padding-top: 45px;
    height: 120px;
}

#tooltip.fancy.viewport-right {
    background: url('shadow2-reverse.png');
}

#tooltip.fancy.viewport-bottom {
    background: url('bubble-lu.png');
    padding-top: 10px;  
    height: 145px;  
}

#extended { margin: 2em 0; }
#extended label { text-decoration: underline; }
#yahoo { width: 7em; }
#right, #right2 { text-align: right; }
#tooltip.right { width: 250px; }
#fancy2 { float: right; }