@media screen {
	.iplPhotoA {
		max-width: 195px;
	}
}
@media print {
	.iplPhotoA {
		max-width: 120px;
	}
}
.iplPhotoB {
	max-width: 160px;
}
.iplPhotoC {
	max-width: 145px;
}
.photoPad {
	padding-right: 12px;
}
.photoCredit {
	font-size: 8pt;
	width: 190px;
	color: #505050;
}
.photoServiceCell {
	padding-left: 20px;
	font-size: 10pt;
	line-height: 14pt;
}
.tallCell {
	padding-bottom: 5px;
}
.A8b { font-size: 8pt; line-height: 11pt; color: #100000; }
a.dgrayLink {text-decoration: underline; text-decoration-color: #8080c0; color: #103030}
a.dgrayLink:hover {color: #f16a00}
.detailGrid {
	padding: 0px 3px 0px 6px;
	min-width: 450px;
	min-height: 200px;
}
.reportCell {
	padding-top: 12px;
}
.photoCell {
	padding: 8px 15px 0px 15px;
	padding-top: 8px;
	height: 170px;
}
.creditCell {
	padding: 0px 15px 0px 15px;
	max-width: 195px;
	font-size: 8pt;
}
.acceptCell {
	background-color: #f6f6f6;
	vertical-align: middle;
	text-align: center;
	font-size: 11pt;
}
.column1 {
	width: 268px;
	font-size: 11pt;
	line-height: 14pt;
	padding-bottom: 12px;
	padding-left: 7px;
	vertical-align: top;
}
.groupRow {
	padding-left: 7px;
	background-color: #e1e5e6;
	font-size: 11pt;
	line-height: 14pt;
}
.highlightYellow {
	background-color: #ffffaa;
}
/*
	width: 185px;
*/
.column1Simple {
	font-size: 11pt;
	line-height: 14pt;
	vertical-align: top;
	padding-bottom: 12px;
}
/*
	width: 155px;
*/
.commonColumn {
	font-style: italic;
	vertical-align: top;
	font-size: 11pt;
	line-height: 12pt;
	padding: 3px 4px 4px 4px;
}
.iconColumn {
	vertical-align: top;
	width: 20px;
}
.statusColumn {
	width: 80px;
	font-size: 10pt;
	line-height: 12pt;
	padding-left: 3px;
	vertical-align: top;
	padding-bottom: 6px;
	text-align: center;
}
.countColumn {
	width: 190px;
	padding-left: 3px;
	font-size: 10pt;
	line-height: 12pt;
}
.lifeformColumn {
	width: 120px;
	font-size: 10pt;
	line-height: 12pt;
	color: #505050;
	vertical-align: top;
	padding: 3px 2px 3px 9px;
}
.familyLink {text-decoration: none; color: #2e6070;}
.familyColor {
	color: #2e6070;
	font-size: 10pt;
}
.familyColumn {
	width: 140px;
	padding-top: 3px;
	color: #2e6070;
	vertical-align: top;
	font-size: 10pt;
}
.groupHeadInsert {
	padding: 8px 0px 9px 0px;
	color: #905030;
	vertical-align: top;
	font-size: 11pt;
	font-weight: bold;
	background-color: #eeedee;
	border-top: 1px #cdcdcd solid;
}
/*
	color: #306060;
font-weight: bold;
padding-left: 6px;
*/
.observColumn {
	font-size: 10pt;
	line-height: 12pt;
	vertical-align: top;
	padding-bottom: 7px;
}
	/*
	background-color: #efefef;
	border: 1px solid #e2e2e2;
	*/
.resultSection {
	padding: 5px;
	background-color: #ececec;
	border: 1px solid #e0e0e0;
	font-size: 11pt;
	line-height: 13pt;
}
	/*
	width: 90%;
	border: 1px solid #ff0000;
	min-width: 790px;
	max-width: 950px;
	*/
.resultWidth {
	width: 820px;
}


/*
	width: 744px;
*/
.iplContainer {
	/* border: 1px solid #ffffff; */
	background-color: #fefefe;
}
.iplTable {
	padding: 4px 5px 10px 4px;
	background-color: #f2f2f2;
	border: solid #d7d7d7 1px;
}
.itTaxonColumn {
	/* font-size: 11pt; 12 */
	line-height: 15pt;
	padding: 8px 0px 6px 0px;
}
.itStatusColumn {
	font-size: 11pt;
	line-height: 15pt;
	padding: 12px 0px 5px 0px;
}
.bold9 {
  background-color: #ededed;
  font-size: 9pt;
  font-weight: bold;
}
.bold10 {
  background-color: #efefef;
  font-size: 10pt;
  font-weight: bold;
}
.borderOnly {
	border: 1px solid #a0a0a0;
}
.blueBorder {
	border: 1px solid #0000a0;
	padding: 2px;
	background-color: #50ff00;
}
.redBorder {
	border: 2px solid #a00000;
}
.greenTest {
}
	/*
	background-color: #00f050;
	*/
.pinkTest {
	background-color: #ffd0e0;
}
.grayPopPanel {
  background-color: #f8faf8;
  border: 2px solid #e9eaea;
  z-index: 4;
  padding: 7px;
}

/* flexbox */

.xpname {
	padding: 8px 1px 15px 8px;
	flex: 0 1 auto;
	width: 100%;
	max-width: 960px;
}
.xpchars {
	padding: 8px 1px 1px 8px;
	flex: 0 1 auto;
}
.xpphoto {
	padding: 0px 5px 0px 0px;
	flex: none;
}
/*
	background-color: yellow;
	border: 1px solid #c0c0c0;
*/
.xptop30 {
	padding: 0px;
	flex: none;
	padding-top: 30px;
}
.xpcontainer {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 100%;
}
.xpmax24 {
	max-width: 24%;
}
.xpmax19 {
	max-width: 19%;
}
.xpmax16 {
	max-width: 16%;
}