#main { padding: 1em; }
#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;
    background: url(bg.gif) repeat-x; text-align: center }
#banner a { color: white; }
legend { font-weight: bold; }

button { padding: 0 6px; margin: 0; }




#tooltip.pretty {
	font-family: Arial; line-height:normal; color:#444;
	border: none; font-size:12px;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('shadow.png'); background-repeat:no-repeat;
}
#tooltip.pretty h3 {
	margin-bottom: 0em;
	font-size: 12pt; font-weight:bold;
	width: 220px;
	text-align: left;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('shadow2.png'); background-repeat:no-repeat;
	padding-top: 5em;
	height: 130px;
}
#tooltip.fancy.viewport-right {
	background: url('shadow2-reverse.png'); background-repeat:no-repeat;
}
#tooltip.fancy.viewport-bottom {
	background: url('shadow2-bottom.png'); background-repeat:no-repeat;
	 
}
#tooltip.fancy.viewport-right.viewport-bottom {
	background: url('shadow2-bottomleft.png'); background-repeat:no-repeat;
	 
}

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