
.descendantPedigree .label {
	margin-right: 5px;
	text-align: center;
}
.descendantPedigree .tooltip {
	white-space: normal;
	width: 200px;
}
.descendantPedigree {
	margin: 10px 0px 0px 0px;
}
.descendantPedigree a {
	padding: 0px 5px;
	z-index: 1;
	color: #000;
	white-space: initial;
	display: block;
	text-decoration: none;
	font-size: 85%;
	font-family: arial, verdana, tahoma;
	position: relative;
	text-align: center;
}
.descendantPedigree .person a:hover {
}
.descendantPedigree div {
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	position: relative;
}
.descendantPedigree .family {
	padding-left: 0px;
}
.descendantPedigree .spouse {
	display: inline-block;
	vertical-align: middle;
}
.descendantPedigree .spouse .person a, .descendantPedigree .person a {
	border: solid 1px #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.descendantPedigree .spouse > .person a, .descendantPedigree .person a {
	max-width: 250px;
	display: inline-block;
	width: 150px;
}
.descendantPedigree .spouse > a {
	background-color: #f7f8f9;
	border: dotted 1px #ccc;
	border-radius: 5px;
	margin-left: 20px;
	width: 230px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.descendantPedigree .children {
	display: inline-block;
	padding-left: 15px;
	vertical-align: middle;
}
.descendantPedigree .person, .descendantPedigree .spouse, .descendantPedigree .partner {
	padding-top: 0px;
	padding-bottom: 5px;
}
.descendantPedigree ol.tree {
	margin: 0px;
	padding-left: 150px;
	list-style: none;
}
.descendantPedigree li > div.person::before {
	top: 0px;
	left: -30px;
	border-left: 1px solid #ccc;
	width: 10px;
	position: absolute;
	content: "";
	height: 100%;
}
.descendantPedigree li:last-child > div.person:last-child::before, .descendantPedigree div.tree > ol:last-child > li:last-child > div.person::before {
	border: none;
}
.descendantPedigree li:last-child > div.person > a::before {
	top: -1px;
	left: -31px;
	width: 30px;
	position: absolute;
	content: "";
	border-bottom: 1px solid #ccc;
	height: 50%;
}
.descendantPedigree li > div.person:last-child > a::before {
	border-radius: 0 0 0 5px;
	top: -1px;
	left: -31px;
	border-left: 1px solid #ccc;
	width: 30px;
	-moz-border-radius: 0 0 0 5px;
	position: absolute;
	-webkit-border-radius: 0 0 0 5px;
	content: "";
	border-bottom: 1px solid #ccc;
	height: 50%;
}
/* Straight horizontal line for sibling in between */
.descendantPedigree ol.tree:last-child > li:last-child > div.person:first-child > a::before {
	top: -1px;
	left: -31px;
	width: 30px;
	position: absolute;
	content: "";
	border-bottom: 1px solid #ccc;
	height: 50%;
}
/* Straight vertical line for sibling in bwtween */
.descendantPedigree ol.tree {
	padding-top: 5px;
	left: -50px;
	border-left: solid 1px #ccc;
	position: relative;
}
.descendantPedigree ol.tree ol.tree {
	left: -90px;
}
/* Curved angle to last child */
.descendantPedigree div.person:last-child > ol.tree > li:last-child > div.person:last-child > a::before {
	border-radius: 0 0 0 5px;
	top: -1px;
	left: -31px;
	border-left: 1px solid #ccc;
	width: 30px;
	-moz-border-radius: 0 0 0 5px;
	position: absolute;
	-webkit-border-radius: 0 0 0 5px;
	content: "";
	border-bottom: 1px solid #ccc;
	height: 50%;
}
.descendantPedigree ol.tree:last-child {
	border: none;
	position: relative;
}
.descendantPedigree div.person a.partner {
	background-color: #eee;
	margin-left: 20px;
	margin-top: 5px;
}
.descendantPedigree div.person a.partner::before {
	border-radius: 0 0 0 5px;
	top: 0px;
	left: -10px;
	border-left: 1px solid #ccc;
	width: 10px;
	-moz-border-radius: 0 0 0 5px;
	position: absolute;
	-webkit-border-radius: 0 0 0 5px;
	content: "";
	border-bottom: 1px solid #ccc;
	height: 50%;
}
/* Make twig from parent to indicate children longer */
.descendantPedigree a.pointer::after {
	top: 0px;
	left: 100%;
	width: 20px;
	position: absolute;
	content: "";
	border-bottom: 1px solid #ccc;
	height: 50%;
}
.familySection .male {
	background-color: #e8e8e8;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
	box-shadow: 0px 4px 4px rgba(67, 67, 67, 0.4);
	color: #000000;
	background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%);
	font-weight: normal;
	font-size: 11px;
	font-family: Arial, Arial, Helvetica, sans-serif;
}
.familySection .female {
	background-color: #e8e8e8;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
	box-shadow: 0px 4px 4px rgba(67, 67, 67, 0.4);
	color: #000000;
	background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%);
	font-weight: normal;
	font-size: 11px;
	font-family: Arial, Arial, Helvetica, sans-serif;
}
.familySection .unknown {
	background-color: #e8e8e8;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
	box-shadow: 0px 4px 4px rgba(67, 67, 67, 0.4);
	color: #000000;
	background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%);
	font-weight: normal;
	font-size: 11px;
	font-family: Arial, Arial, Helvetica, sans-serif;
}
.male .label {
	background-color: #e8e8e8;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
	color: #000000;
	background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%);
	background: none;
	font-weight: normal;
	font-size: 11px;
	font-family: Arial, Arial, Helvetica, sans-serif;
}
.female .label {
	background-color: #e8e8e8;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
	color: #000000;
	background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%);
	background: none;
	font-weight: normal;
	font-size: 11px;
	font-family: Arial, Arial, Helvetica, sans-serif;
}
.unknown .label {
	background-color: #e8e8e8;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
	color: #000000;
	background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%);
	background: none;
	font-weight: normal;
	font-size: 11px;
	font-family: Arial, Arial, Helvetica, sans-serif;
}
@media (max-width: 650px) {
	.descendantPedigree {
		min-width: 900px;
	}
	.descendantPedigree .spouse > .person a, .descendantPedigree .person a {
		width: 130px;
	}
}