fieldset {
	border: 1px solid black; padding: 8px; margin: 8px 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}


#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 220px;
	padding:20px;
	height: 190px;
	opacity: 0.9;
	background: url('shadow.png');
}

#tooltip.pretty-330 {
	font-family: Arial;
	border: none;
	width: 220px;
	padding:20px;
	height: 330px;
	opacity: 0.9;
	background: url('shadow3.png');
}

#tooltip.pretty-160 {
	font-family: Arial;
	border: none;
	width: 220px;
	padding:20px;
	height: 130px;
	opacity: 0.9;
	background: url('shadow4.png');
}
#tooltip.pretty-180 {
	font-family: Arial;
	border: none;
	width: 220px;
	padding:20px;
	height: 180px;
	opacity: 0.9;
	background: url('shadow5.png');
}
#tooltip.pretty-130 {
	font-family: Arial;
	border: none;
	width: 220px;
	padding:20px;
	height: 120px;
	opacity: 0.9;
	background: url('shadow6.png');
}


#tooltip.pretty h3, #tooltip.pretty-330 h3, #tooltip.pretty-160 h3, #tooltip.pretty-180 h3, #tooltip.pretty-130 h3  {
	margin-bottom: 0.75em;
	font-size: 9pt;
	font-weight:normal;
	width: 220px;
	text-align: left;
}
#tooltip.pretty div, #tooltip.pretty-330 div, #tooltip.pretty-160 div, #tooltip.pretty-180 div, #tooltip.pretty-130 div  { width: 220px; text-align: left; }

#tooltip.pretty ul, #tooltip.pretty-330 ul, #tooltip.pretty-160 ul, #tooltip.pretty-180 ul, #tooltip.pretty-130 ul {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	width:200px;
	line-height:1.6;
	display:block;
	list-style-type:disc;
	list-style-position:outside;
}

#tooltip.pretty ul li, #tooltip.pretty-330 ul li, #tooltip.pretty-160 ul li, #tooltip.pretty-180 ul li, #tooltip.pretty-130 ul li {
	color:#646464;
}
#tooltip.pretty ul li span, #tooltip.pretty-330 ul li span, #tooltip.pretty-160 ul li span, #tooltip.pretty-180 ul li span, #tooltip.pretty-130 ul li span {
	color:#60b01f;
	font-weight:bold;
}