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

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
}






#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; }

pre, code { white-space: pre; font-family: "Courier New"; }
pre { margin: 8px 0; }
h3 {
	font-size: 110%;
	font-weight: bold;
	margin: .2em 0 .5em 0;
}




#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	background: url('http://www.bohemiaa.com/gadget/infohelp/shadow.png') no-repeat;
}

#tooltip.pretty1 , #tooltip.pretty2 , #tooltip.pretty3 , #tooltip.pretty4 , #tooltip.pretty5 , #tooltip.pretty6 {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	background: url('http://www.bohemiaa.com/gadget/infohelp/shadow.png') no-repeat;
}

#tooltip.pretty h3 , #tooltip.pretty1 h3 , #tooltip.pretty2 h3 , #tooltip.pretty3 h3 , #tooltip.pretty4 h3 , #tooltip.pretty5 h3 , #tooltip.pretty6 h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('http://www.bohemiaa.com/gadget/infohelp/shadow2.png') no-repeat;
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('http://www.bohemiaa.com/gadget/infohelp/shadow2-reverse.png') 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; }