#base {
margin-bottom:10em;
}
table {
background-color:yellow;
color:black;
font-family:Tahoma, sans-serif;
font-weight:600;
font-size:1em;
text-align:center;
border-color:black;
border-style:solid;
border-width:5px;
}
table.hg2 {
float:left;
background-color:#ffffcc;
}
table.hg2_next {
float:left;
margin-left:10px;
background-color:#ffffcc;
}
table.hg1_next {
float:left;
margin-left:10px;
background-color:white;
}
table.hg3_next {
float:left;
margin-left:10px;
background-color:#99cc99;
}
table.family_tree {
background-color:silver;
color:black;
font-family:Tahoma, sans-serif;
font-weight:600;
font-size:1em;
text-align:center;
border-color:silver;
border-style:solid;
border-width:5px;
padding:0px;
}

td.surname {
background-color:yellow;
color:black;
font-family:Tahoma, sans-serif;
font-weight:600;
font-size:1.25em;
text-align:center;
border-color:#336666;
border-style:outset;
border-width:10px;
}
td.brborderyellow {
border-style:solid;
border-width:2px 10px 10px 2px;
border-color:silver yellow yellow silver;
 }
td.lborderyellow {
border-style:none none none solid;
border-width:10px;
border-color:silver silver silver yellow;
}
td.ltopborderyellow {
border-style:solid;
border-width:10px;
border-color:yellow silver silver yellow;
}
td.rborderyellow {
border-style:none solid none none;
border-width:10px;
border-color:silver yellow silver silver;
}
td.bottomyellow {
border-style:solid;
border-width:10px;
border-color:silver silver yellow silver;
}
a.hide {
display:block;
background-color:#ffcc66
}
p.blogback {
margin-top:1em;
margin-left:17%;
}
#gen_1 {
visibility:hidden;
position:absolute;
z-index:10;
left:10%;
top:42em;
width:auto;
height:auto;
}
#gen_2 {
visibility:hidden;
position:absolute;
z-index:20;
left:10%;
top:48em;
width:auto;
height:auto;
}
#gen_3 {
visibility:hidden;
position:absolute;
z-index:30;
left:10%;
top:56em;
width:auto;
height:auto;
}
#gen_4 {
visibility:hidden;
position:absolute;
z-index:40;
left:10%;
top:55em;
width:auto;
height:auto;
}
#gen_5 {
visibility:hidden;
position:absolute;
z-index:60;
left:10%;
top:60em;
width:auto;
height:auto;
}
#gen_6 {
visibility:hidden;
position:absolute;
z-index:60;
left:10%;
top:64em;
width:auto;
height:auto;
}
#gen_7 {
visibility:hidden;
position:absolute;
z-index:70;
left:10%;
top:70em;
width:auto;
height:auto;
}
#gen_8 {
visibility:hidden;
position:absolute;
z-index:80;
left:10%;
top:73em;
width:auto;
height:auto;
}
#gen_9 {
visibility:hidden;
position:absolute;
z-index:90;
left:10%;
top:78em;
width:auto;
height:auto;
}
#gen_10 {
visibility:hidden;
position:absolute;
z-index:100;
left:10%;
top:83em;
width:auto;
height:auto;
}
#gen_11 {
visibility:hidden;
position:absolute;
z-index:110;
left:10%;
top:88em;
width:auto;
height:auto;
}
.gen_style {
background-color:#ffcc66;
color:black;
font-size:1em;
font-weight:400;
text-align:center;
font-family:Tahoma, sans-serif;
margin:0;
padding:0;
}
.list_style {
text-align:left;
margin:10px;
}
.close {
position:absolute;
top:5px;
right:5px;
width:auto;
height:auto;
background-color:#ffcc66;
color:black;
font-size:1.5em;
font-weight:600;
font-family:Tahoma;

}
 .ind_result {
 float:right;
 clear:right;
 width:auto;
 height:auto;
 margin-top:2em;
 background-color:silver;
 color:black;
  }
 .result_tree {
 float:left;
 width:auto;
 height:auto;
 margin-top:2em;
 background-color:silver;
 color:black;
 }
  .result1_th1 {
 border-width:thin;
 border-color:black;
 border-style:solid;
 background-color:silver;
 color:black;
 }
 .result1_th2 {
 border-width:thin thin thin thick;
 border-color:silver silver silver red;
 border-style:inset;
 }
 .result_blue {
 background-color:yellow;
 color:blue;
 }
 .result_red {
 background-color:yellow;
 color:red;
 }
 .result_marker {
 text-align:left;
 }