div.info_popup  { 
	background-color: black; 
	margin-top: -3px; 
	margin-left: -16px; 
	margin-bottom: 20px;
	position: absolute; 
	width: 310px; 
	border: solid 1px #274987;
	
	text-align: left;
	
	/* Stay above the invisible top fade-out */
	z-index: 9999;
}

div.info_popup div.header  { 
	background-image: url("info_popups_header_background.png");
	background-repeat: repeat-x; 
	width: 310px; 
	height: 28px 
}

div.info_popup div.header span.headerText {
	font-weight: bold;
	padding: 2px 15px; 
	display: block;
}

div.info_popup div.header a.closebox { float: right; display: block; margin: 0; padding: 1px 15px; }

div.info_popup div.body {
	padding: 0 15px;
	margin: 10px 0;
	font-size: 9pt;
}


div.info_popup div.bio {
	text-align: justify;
	font-size: 8pt;
}

div.info_popup div.pictureFloat {
	float: right;
	
	/* Workaround to prevent header underlines from going beneath picture: */
	padding-left: 20px;
	padding-bottom: 10px;
	background-color: black;
}

div.info_popup div.pictureFloat img.picture {
	width: 120px;
	height: 120px;
}

div.info_popup div.credits h3 
	{ font-weight: bold; margin-top: 1em; margin-bottom: 4px; padding-bottom: 0px; border-bottom: 1px solid #888; text-transform: uppercase; font-size: 85%;  }
div.info_popup div.credits ul, 
div.info_popup div.credits li { margin: 0; padding: 0; }
div.info_popup div.credits li { list-style: none; font-style: italic; }

div.info_popup div.credits li .client { font-size: 80%; font-style: normal; white-space: nowrap; margin-right: 1em }

div.info_popup div.credits li .status,
div.info_popup div.credits li .position,
div.info_popup div.credits li .type  { font-size: 80%; font-style: normal; text-transform: uppercase; white-space: nowrap; margin-left: 2em }

div.info_popup div.credits li.hilite { font-weight: bolder; }

div.info_popup { display: none; }

/* Testing:
a.info_popup_trgger { display: none; }
div.info_popup { display: block; }
*/