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

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

pre, code { white-space: pre; font-family: "Courier New"; }
pre { margin: 8px 0; }


strong { font-weight: bolder; }
em { font-style: italic; }


#tooltip.navi {
	font-family: Arial;
	font-size: 12pt;
	border: none;
	width: 209px;
	padding:15px;
	padding-top:25px;
	height: 122px;
	/*opacity: 0.8;*/
	background-image: url(images/tooltip/black_arrow.png);
	background-repeat: no-repeat;
	background-color: transparent;
	color: #E4E4E4;
	font-weight: 500;
}
#tooltip.navi-button, #tooltip.next-pg {
	font-family: Arial;
	font-size: 12pt;
	border: none;
	width: 209px;
	padding:15px;
	margin-top:0px;
	height: 122px;
	/*opacity: 0.8;*/
	background-image: url(images/tooltip/white_arrow.png);
	background-repeat: no-repeat;
	background-color: transparent;
	color: #000;
	font-weight: 500;
}

#tooltip.navi h3 {
	margin-bottom: 2px;
	font-size: 13.1pt;
	width: 175px;
	text-align: center;
	color: #71BB82;
	font-weight: 800;
}
#tooltip.navi-button h3, #tooltip.next-pg h3 {
	margin-bottom: 2px;
	font-size: 13.1pt;
	width: 180px;
	text-align: center;
	color: #666;
	font-weight: 800;
}
#tooltip.navi-button div, #tooltip.next-pg div {
	width: 180px;
	text-align: left;
	margin:0px;
	margin-left:5px;
	margin-top:0px;
	font-weight: 500;
}
#tooltip.navi div { width: 180px; text-align: left; }

#tooltip.fancy {
	font-size: 12pt;
	padding-top: 5em;
	height: 122px;
	width:209px;
	background-image: url(images/tooltip/white_arrow.png);
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0px;
}
#tooltip.fancy.viewport-right {
	background: url('shadow2-reverse.png');
}

#tooltip.fancy h3 {
	margin-bottom: 2px;
	font-size: 13.1pt;
	width: 175px;
	text-align: center;
	margin-top:-60px;
	margin-left:10px;
}
#tooltip.fancy div { width: 185px; text-align: center; margin-left:10px; }

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


#tooltip.mangos {
	font-size: 13pt;
	padding-top: 0;
	height: 216px;
	width:370px;
	background-image: url(images/tooltip/white_arrow_big.png);
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0px;
}

#tooltip.mangos h3 {
	margin-bottom: 8px;
	font-size: 15pt;
	width: 300px;
	text-align: center;
	margin-top:30px;
	margin-left:30px;
	color:#4b9d5d;
}
#tooltip.mangos div {
	width: 320px;
	text-align: left;
	margin-left:30px;
	font-weight: 600;
}


/* style the trigger elements */
#nav img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}