/* Info Tool Regions, Type */

/* infotool region contains infoframe display area and infotabs control area */
/* infoframe display area contains any number of infopane-class displays */

#infotool {
	width: 540px;
	height: 100px;
	margin-top: 16px;
	margin-right: 16px;
	float: right;
}


#infoframe {
	width: 440px;
	height: 100px;
	float: left;
	background-color: #e0e6ee;	
	color: #112233;
}


#infotabs {
	width: 100px;
	height: 100px;
	float: right;
}




/* Infotabs (controls) */

#infotabs ul {
	margin: 0px;
}

#infotabs img { vertical-align: text-bottom; margin-left: 8px; margin-right: 3px; }

#infotabs li {
	background-color: #fff; 	/* sky */		
	color: #163f60; 	/* midnight */		
	font-size: 12px;
	height: 25px;
	text-align: left;
	
}

#infotabs li.current {
	background-color: #e0e6ee;	
	color: #112233;
}




/* Infopanes (display regions) */

.infopane { padding: 8px 12px; }

.infopane p, #infoframe a, #infoframe h3 {
	margin: 0; padding: 0;
	color: #163f60; background-color: #e0e6ee;	/* midnight on ice */
	font-family:  verdana, arial, helvetica, sans-serif; 
 	font-size: 90%;
	line-height: 150%;

}

.infopane h3 {
	font-weight: normal;

}


.infopane p.tailnote {
	padding-top: 6px; 
	color: #909fa6; background-color: #e0e6ee;	/* fog on ice */
	font-style: italic;

}