#aTable { width:600px; border-collapse:collapse; border-spacing:2px; padding:5px; }
#aTable td { padding:5px; white-space:nowrap; }
#aTable .childalign {padding-left:60px; }
#aTable .grandchildalign {padding-left:120px; }
#aTable .xgrandchildalign {padding-left:180px; }
#aTable .xxgrandchildalign {padding-left:240px; }
body {font-family: "Poppins", sans-serif}
* {box-sizing: border-box;}
.row {display: flex;}	
.person {border-radius:5px; border: 2px solid #000000; width: 220px; display: inline-block; box-shadow: 3px 5px 8px #000000;}
.profile {width:100%; font-size:10px; color:#FFFFFF; text-align:right; display: inline-block; vertical-align:top;}
.profile.male {background-color:#6BB4DF;}
.profile.female {background-color:#CB4AAF;}
.person .name {font-weight:bold; font-size: 12px; padding-left:8px; padding-right:0px;}
.maiden {font-size: 10px; color:#909090; padding-left:10px; padding-right:9px;}
.date {font-size: 11px; font-weight:normal; color:#909090; padding-left:10px; padding-right:9px; line-height: 10px;}
.bordercirclemale {border-radius: 50%; border: 2px solid #6BB4DF; margin-left:5px; }
.bordercirclefemale {border-radius: 50%; border: 2px solid #CB4AAF; margin-left:5px;}
.abordercirclemale {border-radius: 50%; border: 2px solid #6BB4DF; margin-left:5px; }
.abordercirclemale:hover {border-radius: 50%; border: 2px solid #00FF00; margin-left:5px;}
.person.female {border-color: #CB4AAF;} 
.person.male {border-color: #6BB4DF;} 
.person div {text-align: center;}
.tdbordercolor {border-color : #00ff00 #00ff00 #00ff00 #00ff00; border-style: solid; }
a.name {text-decoration:none; color:#000000;}
a.name:hover {background-color:#FFFF00; color:#000000;}
.buttontree {background-color: #D9D9D9; border-radius: 10px; border: 1px solid #555555; color: black; padding: 0px 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 8px; font-weight: normal; margin: 4px 2px; cursor: pointer; line-height:9px;}
.buttontree:hover {background-color: #FFFFFF;}
.button {border: none; color: white; padding: 6px 22px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin: 4px 2px; transition-duration: 0.4s; cursor: pointer; border-radius: 35px; box-shadow: 3px 4px 8px #000000; margin-bottom:50px;}
.goback {background-color: #6BB4DF; color: white; border: 2px solid #CB4AAF;}
.goback:hover {background-color: #FFFFFF; color: black;}
.center {margin: auto; width: 520px; border: 0px solid #73AD21; padding: 10px; text-align:center;}
.banner_male {margin:auto; border-radius:20px; border: 1px solid #000000; width:500px; height:150px; background-image:url('../bio/images/blue_texture_bg.png'); box-shadow: 3px 5px 8px #000000; margin-bottom:120px; text-align:center;}
.banner_female {margin:auto; border-radius:20px; border: 1px solid #000000; width:500px; height:150px; background-image:url('../bio/images/pink_texture_bg.png'); box-shadow: 3px 5px 8px #000000; margin-bottom:120px; text-align:center;}
.imgprofile {border-radius:50%; border: 4px solid #FFFFFF; box-shadow: 3px 5px 8px #000000;}
.imgbio {height: 80px; margin-right: 15px; margin-bottom: 0px; margin-top: 20px; border-radius:5px; border: 4px solid #FFFFFF; box-shadow: 3px 5px 8px #000000;}
.profilename {font-size:24px; color:#FFFFFF; font-weight:bold; line-height:10px; }
.thright_male {text-align:right; width:25%; color:#6BB4DF; }
.thright_female {text-align:right; width:25%; color:#CB4AAF; }
.thleft {text-align:left; width:75%;}
.divtext {font-size:12px; font-weight:normal; padding-left:10px; }
a {color:#6BB4DF; text-decoration:none; }
a.female {color:#CB4AAF; text-decoration:none; }
a:hover {color:#0000FF; }
.box {width: 50px; height: 50px; position: relative; display: inline-block;}
.box .img-top {width:50px; height:50px; display: none; position: absolute; top: 0; left: 0; z-index: 99;}
.box:hover .img-top {display: inline;}