a {
color: #000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
table.core {
border-collapse: collapse;
margin: 0 auto;
}
td {
background-color: #f4ebed;
border: 1px solid #777;
border-width: 1px 2px;
padding: 0.2em 1em 0.2em 1em;
text-align: left;
}
td.male {
background-color: #d0fdff;
text-align: center;
font: bold 1.2em "Times New Roman", serif;
}
td.fem {
background-color: #ffcccc;
text-align: center;
font: bold 1.2em "Times New Roman", serif;
}
td.neut {
background-color: #eeeeee;
text-align: center;
font: bold 1.2em "Times New Roman", serif;
}
td.both {
text-align: center;
}
td.couple {
width: 50%;
padding: 0.3em 1em 0.3em 1em;
border: 4px solid #777;
}
td.couple .subject {
font-size: 1.5em;
}
table.parent {
border-collapse: collapse;
width: 90%;
padding: 0;
margin: 0.2em auto;
border: 2px solid #777;
}
td.frame {
border-style: none;
background-color: transparent;
padding: 0.5em 0 0.5em 0;
margin: 0;
}
td.frame-top {
padding: 0 0 0.5em 0;
}
td.frame-bot {
padding: 0.5em 0 0 0;
}
td.status {
text-align: center;
border: 2px inset #777;
background-color: #e7e7e7;
}
td.kids {
text-align: center;
}
table.data {
border-collapse: collapse;
margin: 1em auto;
border: 2px solid #777;
}
table.data th {
text-align: center;
font-weight: bold;
background-color: #e7e7e7;
padding: 0 0.5em;
border: 2px solid #777;
}
table.diag td {
border-width: 1px 2px;
padding: 0 0.5em;
margin: 0;
white-space: nowrap;
}
table.diag td.diag {
background-color: white;
border-width: 0;
}
table.chart {
border-collapse: collapse;
margin: 0 auto;
}
table.chart td {
background-color: transparent;
border: 0 none;
padding: 0;
margin: 0;
white-space: nowrap;
vertical-align: middle;
}
table.chart td.name {
padding: 0 0.5em;
}