/* 
    Updated: Mar,6 2026
*/
a.citelink {
    text-decoration: none;
    color: black;
    padding: 0.1em 0.2em 0.1em 0em;
}
a.citelink:hover {
    color: darkred;
    font-style: italic;
    background-color: palegoldenrod;
    border: 1px solid palegoldenrod;
    border-radius: 8px;
}
a.mrglink {
    text-decoration: none;
    color: black;
    background-color: ivory;
    padding: 0.1em 0.2em 0.1em 0em;
    border: 2px solid ivory;
    border-radius: 8px;
}
a.mrglink:hover {
    color: darkred;
    font-style: italic;
    background-color: palegoldenrod;
}
a.namelinkdk {
    color: white;
    font-size: 0.9em;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}
a.namelinkdk:visited {

}
a.namelinkdk:hover {
    font-style: italic;
    font-weight: bold;
    color: #FFFF66; 
    cursor: pointer;
}
a.navlink {
    text-decoration: none;
}
a.navlink:visited {
    
}
a.navlink:hover {
    font-style: italic;
    background-color: palegoldenrod;
}
div#welcome {
    font-family: andale mono, times;
    font-size: 1.5em;
    width: 100%;
    text-align: center;
    color: #333;
    margin: 0;
}
div.citerow {
    background-color: rgb(0,100,240);
    color: rgb(255,255,255);
    font-family: "Trebuchet MS", Arial, Helvetica;
    font-style: normal;
    margin: 1.0em 0em 0.5em 0.2em;
    padding: 0.3em;
    width: 98%;
}
div.citetext {
    font-family: andale mono, times;
    font-size: 1.2em;
    width: 98%;
    text-align: left;
    color: #333;
    margin: 0.3em 0.5em;
}
div.formblock {
    float: left;
    padding: 0.2em;
    margin: 0.2em 0em 0.2em 1.0em;
}
div.formflex {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}
div.formitem {
    margin: 1.0em 1.0em;
}
div.formflexcol {
    display: flex;
    justify-content: flex-start;
    flex-direction: column; 
}
div.formrow {
    font-size: 0.8em;
    clear: both;
    margin: 1.0em 0em;
}
div.formtext {
    font-family: andale mono, times;
    font-size: 0.9em;
    width: 80%;
    text-align: center;
    color: #333;
    margin: 0.3em 0.5em;
}
div.gentoggle {
    font-family: andale mono, times;
    font-size: 0.7em;
    font-style: italic;
    text-align: left;
    color: #333;
    margin: 0em 0em 0.5em 0em;
}
div.genvital {
    font-family: "Georgia", Arial, Helvetica;
    text-align: left;
    margin: 0em 0em 0.2em 0em;
}
div.genvitalsubrow {
    font-family: "Georgia", Arial, Helvetica;
    text-align: left;
    margin: 0em 0em 0.2em 5.3em;
}
div.lastupdate {
    font-size: 0.7em;
    font-style: normal;
    font-family: "Trebuchet MS", Arial, Helvetica;
    text-align: left;
    margin: 0em 0em 0.1em 0em;
}
div.namelist {
    font-family: "Trebuchet MS", Arial, Helvetica;
    font-style: normal;
    margin: 0em 1.5em 0em 0em;
    float: left;
    width: 28%;
}
div.namerow {
    font-style: normal;
    margin: 1.5em 0em 0em 1.0em;
    overflow: auto;
}
div.nametitle {
    font-family: "Trebuchet MS", Arial, Helvetica;
    font-weight: bold;
    font-style: normal;
    color: rgb(245,70,70);
    font-size: 1.8em;
    margin: 0;
}
h1.title {
    font-size: 1.3em;
    font-wieght: bold;
    font-family: Stokes, Arial;
    color: 555;
    margin: 0 0 0.5em 0;
    text-align: center;
}
h2 {
    font-size: 1.3em;
    margin: 0em 0em 0.0em 0em;
}
h2.gentitle {
    font-size: 1.0em;
    font-wieght: bold;
    font-family: "Trebuchet MS", Arial, Helvetica;
    color: 444;
    margin: 0.7em 0em 0.2em 0em;
}
h2.subtitle {
    font-size: 1.1em;
    font-wieght: italic;
    font-family: Arial, Helvetica;
    color: #A33;
    margin: 1.0em 5.0em;
    text-align: center;
}
h2.title {
    font-size: 1.2em;
    margin: 0.7em 0em 0.2em 0em;
}
hr.couple {
    border: 2px dashed #8c8b8b;
    border-radius: 10px;
    text-align: center;
}
hr.couple:before {
    content: '\002665';
    display: inline-block;
    position: relative;
    top: 0px;
    padding: 0 0.1em;
    background: transparent;
    color: #8c8b8b;
/*    font-size: 18px;*/
}
input {
    border: 1px solid #d99;
    border-radius: 5px; 
}
input.submit {
    padding: 0.8em;
    background-color: #daa;
    color: #733;
    border: 1px solid #d99;
    border-radius: 12px;
    box-shadow: 5px 5px 2px #833;
}
input.submit:hover {
    background-color: #eda;
    border: 2px solid #d99;
    box-shadow: 1px 1px 0px #833;
    cursor: pointer;
}
label.italic {
    font-size: 0.9em;
    font-weight: normal;
    font-family: Arial, Helvetica;
    font-style: italic;
}
p.big {
    font-size: 1.8em;
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, Helvetica;
    font-style: normal;
    text-align: center; 
}
p.citerefs {
    color: rgb(0,0,0);
    font-family: "Georgia", Arial, Helvetica;
    font-weight: normal;
    font-style: italic;
    font-size: 0.9em;
}
p.small {
    font-size: 1.1em;
    font-weight: normal;
    font-family: "Trebuchet MS", Arial, Helvetica;
    font-style: normal;
    text-align: center;
}
p.tiny {
    font-size: 0.8em;
    font-weight: normal;
    font-family: "Trebuchet MS", Arial, Helvetica;
    font-style: normal;
    text-align: center;
}
span.birthnote {
    font-family: andale mono, times;
    font-size: 0.7em;
    font-style: italic;
    text-align: left;
    color: #333;
    margin: 0em 0em 0em 0.2em;
}
span.date {
    font-family: andale mono, times;
    font-size: 0.8em;
    text-align: left;
    color: #333;
    margin: 0em 0em 0em 1.0em;
}
span.content {
    font-style: normal;
    text-align: left;
    color: #333;
    margin: 0em 0.3em 0.5em 0em;
}
span.formlabel {
    font-style: italic;
    text-align: right;
    color: #333;
    margin: 0em 0.5em 0em 0em;
    display: inline-block;
    width: 12em;
}
span.formmidlabel {
    font-style: italic;
    text-align: left;
    color: #333;
    margin: 1.0em 0.3em 0em 0em;
    display: inline-block;
    width: 8em;
    vertical-align: top;
    font-size: 0.8em;
}
span.label {
    font-style: italic;
    font-weight: bold;
    text-align: left;
    color: #767;
    margin: 0em 0.3em 0.5em 0em;
    display: inline-block;
    width: 5em;
}
span.marnum {
    font-family: "Trebuchet MS", Arial, Helvetica;
    font-style: normal;
    font-weight: normal;
    font-size: 0.8em;
    background-color: mistyrose;
    color: darkblue;
    margin: 0em 0.2em 0em 0.1em;
    padding: 0em 0.3em 0em 0.1em;
    width: 1.5em;
}
table {
    border-spacing: 1.0em;
    overflow-x: auto;
    display: block;
    margin: 0 auto;
}
table.famrel {
    border: 2px solid black;
    border-collapse: separate;
    border-spacing: 1px;
    width: 75%;
    margin: auto;
    text-align: center;
    background-color: white;
}
td, th {
    text-align: center;
    padding: 0.3em;
    margin: 0.5em 0em 0.5em 0em;
}
td.chd {
    text-align: center;
    background-color: darkgreen;
    padding: 0.3em;
    border: 2px solid darkgreen;
    border-radius: 8px;
}
td.famgen {
    border: 1px inset lightgrey;
    border-spacing: 1px;
    width: 2.5em;
    text-align: center;
    font-weight: bold;
}
td.famhdr {
    border: 1px inset lightgrey;
    border-spacing: 1px;
    text-align: center;
    font-weight: normal;
    background-color: lightblue;
}
td.famrel {
    border: 1px inset lightgrey;
    border-spacing: 1px;
    text-align: center;
    font-weight: normal;
}
td.ind {
    text-align: center;
    background-image: linear-gradient(to right, navy, darkred);
    padding: 0.3em;
    border: 2px solid grey;
    border-radius: 8px;
}
td.mat {
    text-align: center;
    background-color: darkred;
    padding: 0.3em;
    border: 2px solid darkred;
    border-radius: 8px;
}
td.pat {
    text-align: center;
    background-color: navy;
    padding: 0.3em;
    border: 2px solid navy;
    border-radius: 8px;
}
td.plevel {
    text-align: center;
    font-weight: bold;
    font-style: normal;
    background-color: white;
    color: black;
    padding: 0.3em;
    border: 2px solid white;
    border-radius: 8px;
}
td.samgen {
    color: white;
    background-color: indianred;
}
td.sib {
    text-align: center;
    background-color: grey;
    padding: 0.3em;
    border: 2px solid grey;
    border-radius: 8px;
}
textarea {
    border: 1px solid #d99;
    border-radius: 5px; 
}
th.famrel {
    border: 1px inset lightgrey;
    border-spacing: 1px;
    text-align: center;
    font-weight: bold;
}
th.genlbl {
    text-align: center;
    font-weight: normal;
    font-size: 0.6em;
}