#ancestors_chart {
	margin: 0px auto;
	width: 900px;

	color: #777777;
	margin-right: auto;
	margin-left: auto;
	margin-top: 4px;
	background-color: #ffffff;
	/* background-color: #fffafa; */
	margin-bottom: 20px;
}


.width100 { width:100px;}
#hidechart { margin:0px;padding:0px; margin-bottom: 10px;}
#hidechart p { text-align:right; font-size:12px; margin:0px; cursor: pointer;}
#ancestors_chart {margin-left: 30px; margin-bottom:10px;}
#ancestors_chart p {margin-bottom: 0px; line-height: 100%;}

#person_detail .summary { padding:5px; border:1px solid #444444; background-color: #4488cc; color:#fff;}
#person_detail .edit {float:right; margin-right: 0px; font-size:14px;}
#person_detail .edit a { color: #fff;}

.summary h1 {font-size:20px; color:#fff !important;margin-bottom: 0px !important;}
.fact {clear: both; line-height: 100%;}
.fact li {display: inline-block; vertical-align: text-top;}
.fact .leftbox { width:100px; padding:5px; text-align: right; margin-right: 20px;}
.fact .rightbox { background-color:#f7f7f7; width:600px;padding:5px;}
#content .fact .rightbox p { margin-bottom: 0px;}
.factage { font-size: 12px;}
.rightbox ol li { display: block; margin-bottom:5px !important; line-height: 100% !important;}
.fact .child-expand { cursor: pointer;}
.fact .child-list { margin-left:20px; margin-top:10px;}
.fact .child-list li { display: block; font-size: 14px; margin-bottom:5px;}
.fact .childinfo div  { margin-left: 20px; display:none; background-color: #e2e2e2; padding:5px;}
.fact #event_list li { display: block; font-size: 14px; margin-bottom:5px;}
.fact #event_list ol li { display: inline-block; }
#content .extra_facts p { margin-bottom: 0px; font-size: 95%;}
#remove_filter { margin-left: 30px;font-size: 14px;}
.children_list { margin-left: 30px; display:none;}
.children_list .active { background-color: #4488cc; color : #fff; padding:1px 5px;}
.show_children { font-size: 80%; cursor: pointer; margin-left: 30px; background-color: #e1e1e1; border-radius: 5px; padding: 2px 5px;}

@media (max-width: 940px) {
 
.fact .leftbox {
	width: 100%; font-size: 120%; color: #4488cc;
text-align: left;}
.fact .rightbox { width:98%;padding:5px;}

#content .fact li { margin-left: 0px;}
#content .fact ul { margin-left: 0px;}
#ancestors_chart { display: none;}
.fact .child-list { padding-left:20px;}
.fact .leftbox {margin-right: 0px;
}