:root {
    --colorNeutralBackground1: #f4f2f5;
    --colorBrandForeground1: #CC00CC;
    --colorBrandBannerSelected: var(--colorBrandForeground1);
    --colorBrandHeading1: #BB00BB;
    --colorBrandHeading2: #BB00BB;
}

.Page_family #mainContent {
    max-width: 800px;
}

.Page_family .personTile {
    display: inline-block;
    width: 320px;
    border: 1px solid #999999;
    border-left: 16px solid #999999;
    background-color: #ffffff;
    padding: 8px;
    margin-bottom: 8px;
    min-height: 132px;
    border-radius: 16px;
}

.Page_family .personTileMale {
    border-left-color: #000099;
}

.Page_family .personTileFemale {
    border-left-color: #009900;
}

.Page_family .personTileMale a.personName {
    color: #000099;
}

.Page_family .personTileFemale a.personName {
    color: #009900;
}

.Page_family a.personName {
    font-weight: bold;
    /*text-decoration: none;*/
}

.Page_family a:hover.personName {
    text-decoration: underline;
}

.Page_family table.majorLifeEvents {
    margin-top: 8px;
    font-size: .85em;
    border-collapse: collapse;
}

.Page_family table.majorLifeEvents b {
	font-weight: var(--fontWeightSemibold);
}

.Page_family table.majorLifeEvents th, .Page_family table.majorLifeEvents td {
    padding-right: 8px;
    padding-bottom: 8px;
}

.Page_family table.majorLifeEvents th {
    text-transform: lowercase;
    font-weight: normal;
    color: #666666;
    text-align: left;
}

.Page_family .Notes {
	font-size: var(--fontSizeCaption);
	color: #666666;
}

.Page_family sup {
    font-size: 7pt;
}

h3 {
    -webkit-column-span: all;
    column-span: all;
}