#family_tree_logo
{

  position:absolute;
  top:100px;
  left:120px;
  z-index:0;


}



.os {margin-top:-20px; margin-bottom:-40px;background:none;width:80%;}

.is {padding-bottom:0px;margin-bottom:0px;margin-left:35px;margin-top:5px;}

/* Change margin-bottom  and height to reduce space below the single profile */

.ist {overflow-wrap: break-word;margin-top:10px;padding-top:0px;padding-left:0px;padding-bottom:0px;margin-bottom:-20px;width:100%;height:30px;background:none;color: #eeeeee;font-weight: 300;font-family: 'Lato', Calibri, Arial, sans-serif;}


.is img {border:1px solid #ccc; box-shadow: 0px 0px 0px 4px #fff, 0px 0px 0px 6px #fff;  
              background-position: 50% 50%; border-radius: 50%;width:90px;height:90px;background-size:140px;background-repeat: no-repeat;-webkit-transform-style: preserve-3d;}

.os:after {
   box-shadow: rgba(100, 100, 111, 0.4) -5px -2px 60px 0px;
  top:-29px;
  left:4px;
  content:"";
  padding-top:86px;
  padding-left:100px;
  border:2px solid #bbb;
  z-index:-9999;
  position:relative;
   background-position: 50% 50%; border-radius: 50%;width:90px;height:90px;background-size:140px;background-repeat: no-repeat;-webkit-transform-style: preserve-3d;
}




.scroller{ 
  
  background: #f8f8f8 !important;
  
}



section:has(.osp1) {
    margin-left: 0 !important;
}

.osp1 {margin-top:-20px; margin-bottom:-40px;float:left; margin-left:86px; width: 27%;margin-top:-5px;  z-index: 1;}

.rd{

margin-left: -43px;

}




.osp1 .rd 
{
  width:160px;


}
.osp1:after {
   box-shadow: rgba(100, 100, 111, 0.4) -5px -2px 30px 0px;
  top:-20px;
  left:-16px;
  content:"";
  padding-top:86px;
  padding-left:100px;
  border:2px solid #bbb;
  
  position:relative;
   background-position: 50% 50%; border-radius: 50%;width:90px;height:90px;background-size:140px;background-repeat: no-repeat;-webkit-transform-style: preserve-3d;
   
}




.istp1 {padding-top:3px;padding-bottom:0px;margin-bottom:0px;width:88%;background:none;height:50px;padding-left:15px;padding-right:5px;
 
    font-weight: 300;font-family: 'Lato', Calibri, Arial, sans-serif;margin-left:-2px;margin-top:6px;}




.osp2 {margin-top:-20px; margin-bottom:-40px;margin-left:199px; width:100px;}

.osp2::after {
   box-shadow: rgba(100, 100, 111, 0.4) -5px -2px 30px 0px;
  top:-20px;
  left:-15px;
  content:"";
  padding-top:86px;
  padding-left:102px;
  border:2px solid #bbb;
  
  position:relative;
   background-position: 50% 50%; border-radius: 50%;width:90px;height:90px;background-size:140px;background-repeat: no-repeat;-webkit-transform-style: preserve-3d;
}


.osp2 .is img {border:2px solid #eee;}
.istp2 {padding-top:3px;padding-bottom:0px;margin-bottom:0px;width:54%;background:none; 

    font-weight: 300;font-family: 'Lato', Calibri, Arial, sans-serif;margin-left:31px;margin-top:6px;}


/* Married */

.osp1 {
    z-index: 99999 !important;
}


.rd:hover .osp1 { 
    z-index: 99999 !important;
}


.c_m {
 margin-top: 44px;
    margin-left: 10px;
    width: 11px;
    float: left;
    border-top: 2px solid #bbb;
    position: relative;

}




section:has(> .osp1:hover) .c_m::after {
    opacity: 0;
}


/* Not Married */

.c_n {margin-top: 48px;
    margin-left: 10px;
    width: 11px;
    float: left;
    border-top: 2px dahed #888;
    position: relative;
z-index: 99999 !important;
}

/* Divorced*/


.c_d {
 margin-top: 48px;
    margin-left: 10px;
    width: 11px;
    float: left;
    border-top: 2px dotted #888;
    position: relative;
z-index: 99999 !important;
 
}



section:has(> .osp1:hover) .c_d::after {
    opacity: 0;
}



.osp3 {width:61%;background:#transparent; height:58px;margin-top:-25px;padding-top:22px}


/* Multiple partners */

.multiple .osp1{
float:right;
width:65%;
margin-left:30px;
margin-top:-5px;
}

.multiple .osp1::after {
left:-57px;
}

.multiple .c_d { margin-top: -38px;
    margin-right: 205px;
    width: 136px;
    border-top: 2px dotted #bbb;
    float: right; }


.multiple .osp2{
  margin-left: -143px;
  background: transparent;
}

.multiple .osp2::after {
left:-16px;
}

.multiple .c_m{
      margin-top: -25px;
    padding-top: -26px;
    margin-left: 96px;
    width: 3px;
    height: 21px;
    border: 2px solid #f8f8f8;
    float: left;
}

.multiple .c_m::after {
    content: "";
    position: absolute;
    top: -12px;
    left: 8px;
    font-size: 20px;
}

.multiple .c_d::after {
    content: "";
    position: absolute;
    top: -12px;
    left: 8px;
    font-size: 20px;
}


.multiplepartners
{


    margin-left: -323px;
    margin-top: -9px;
    padding-top: 9px;
    padding-left: 0px;
    height: 52px;
    width: 172%;
}

.multiplepartners::after {
   box-shadow: rgba(100, 100, 111, 0.4) -5px -2px 30px 0px;
 }





a.popup-link
{
  color:#444;




}

.isdob1 
{
  color:#ababab;
  font-size: 8pt;
  padding-bottom:3px;


}

.istp1 .isdob1 
{
  color:#ababab;
  font-size: 8pt;
  background: #f8f8f8 ;
  padding-bottom:2px;

}

.jOrgChart .line {
  height : 20px;
  width : 2px;

}

.jOrgChart .down {
  background-color : #ddd;	
  margin : 0px auto;
  padding:0px;
  border-bottom : 2px solid #ddd;
  z-index:0;
    
}

.jOrgChart .top {
  border-top : 2px solid #ddd;
   
}

.jOrgChart .left {
  border-right : 2px solid #ddd;

  
}

.jOrgChart .right {
  border-left : 2px solid #ddd;

}

/* node cell */
.jOrgChart td {
  text-align : center;
  vertical-align : top;
  padding : 0;
}

/* The node */
.jOrgChart .node {
  background-color :none;
  display : inline-block;
  width: 100px;
  height : 100px;
  z-index : 10;
  margin : 0 5px;
  margin-left:36px;
  margin-right:16px;
  margin-top:21px;
  margin-bottom:12px;
  -webkit-transform-style: preserve-3d;
}

.jOrgChart .node:has(.osp1)
{
    width: 290px;
}


.node-container > table > tbody > tr:last-child > td.node-cell {
    width: 270px;
}

.node-container > table > tbody > tr:first-child > td.node-cell {
    width: 332px;
}

/* jQuery drag 'n drop */

.drag-active {
  border-style	: solid !important;
}

.drop-hover {
  border-style	: solid !important;
  border-color : none !important;
}


.rd:hover .menu_female a {
    opacity: 1;
      z-index: 99999999 !important;
  }

.node:hover {
    z-index: 9999999999 !important;
}


.rd:hover .menu_male a {
    opacity: 1;
      z-index: 99999999 !important;
  }


.menu_female a {
    color:#555;
       
    z-index:1;
  }



  .menu_male a {

    color:#555;
      
     z-index: 1;
  }


 .istp2 .menu_male a {
     margin-left: -56px;

  }

   .istp2 .menu_female a {
     margin-left: -56px;
  }


.hidetop
{
 background:#f8f8f8;
 border:2px;
  opacity: .6;

}

.menu_female {
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    top: -2px;
    width: 95%;
     color:#444;
    margin-left: 20px;
}

.menu_male {
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    top: -2px;
    width: 95%;
     color:#444;
    margin-left: 20px;
}

/* Married Child Menu Position */
.istp1 .menu_male {
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  top: 0;
  width: 100%;
  margin-left:15px;
  margin-top:-3px;
  color:#0e0808;
  opacity: 1 !important;
}

.istp1 .menu_female {
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  top: 0;
  width: 100%;
   margin-left:15px;
  margin-top:-3px;
    color:#0e0808;
  opacity: 1 !important;
}

/* Partner Menu Position */

.istp2 .menu_male {
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  top: 0;
  width: 100%;
  margin-left:-13px;
  margin-top:-3px;
    color:#0e0808;
  opacity: 1 !important;
}

.istp2 .menu_female {
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  top: 0;
  width: 100%;
   margin-left:-13px;
   margin-top:-3px;
     color:#0e0808;
   opacity: 1 !important;
}


.osp1:hover,
.osp2:hover {
    z-index: 99999 !important;
}

.osp1:hover .menu_male,
.osp2:hover .menu_female {
    z-index: 999999999 !important;
    opacity: 1 !important;
}