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

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	font-size: small;
  color: #3F3F3F;
	background: url('../images/tooltip/shadow.png');
}
#tooltip.pretty h3 {
	font-size: 12pt;
	width: 220px;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('../images/tooltip/shadow2.png');
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('../images/tooltip/shadow2-reverse.png');
}