#family_tree_logo
{

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

}


/* Radial Menu position for singles */

.os .menu_male
{
  margin-top:-25px;
  z-index:999;
}

.os .menu_female
{
  margin-top:-25px;
  z-index:999;
}





td.node-cells{height:100px;
}

/* singles position */

.os  {margin-top:-34px; margin-bottom:-40px;float:left; width: 80%;margin-left:-12px; 
       }



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

.ist {overflow-wrap: break-word;margin-top:9px;padding-top:0px;padding-left:12px;padding-bottom:0px;margin-bottom:0px;width:100%;height:30px;background:none;color: #444444;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:-49px;
  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;
  
}

/*
.is img {
  -webkit-animation: filter-animation 3s infinite;
}

@-webkit-keyframes filter-animation {
  0% {
    -webkit-filter: saturate(15);
     -webkit-filter: contrast(5);
  filter: contrast(5);
  }
  
  50% {
    -webkit-filter: saturate(5);
     -webkit-filter: contrast(1);
  filter: contrast(1);
  }
  
  100% {
    -webkit-filter: saturate(15);
     -webkit-filter: contrast(5);
  filter: contrast(5);
  }
}
*/

.osp1 {margin-top:-20px; margin-bottom:-40px;float:left; width: 50%;margin-top:-5px;margin-left:39px;


            }

.osp1 .rd 
{
  width:160px;
}
.osp1:after {
 box-shadow: rgba(100, 100, 111, 0.4) -5px -2px 30px 0px;
  top:-20px;
  left:23px;
  content:"";
  padding-top:86px;
  padding-left:101px;
  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:80%; background: none ;height:50px;padding-left:15px;padding-right:5px;
 
    font-weight: 300;font-family: 'Lato', Calibri, Arial, sans-serif;margin-left:5px;margin-top:6px;}




.osp2 {margin-top:-34px; margin-bottom:-40px;margin-left: 152px;}

.osp2::after {
   box-shadow: rgba(100, 100, 111, 0.4) -5px -2px 30px 0px;
  top:-20px;
  left:29px;
  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:65%;background:none; 

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


/* Married */

.c_m {margin-top:36px;margin-left:-1px;width:37px;border-top : 2px solid #bbb;float:left;
}

/* Not Married */
.c_n {margin-top:36px;margin-left:-1px;width:37px;border-top : 2px solid #bbb;float:left}

/* Divorced*/

.c_d {margin-top:36px;margin-left:-1px;width:37px;border-top : 2px dotted #bbb;float:left;

}

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

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

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


.multiple .osp2{
  margin-left: -118px;
  background: #f8f8f8;
}

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

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

.multiplepartners
{


    margin-left: -474px;
    margin-top: -9px;
    padding-top: 9px;
    padding-left: 0px;
    height: 52px;
    width: 383%;
}

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


a.popup-link
{
  color:#444;

}


.jOrgChart .line {
  height : 30px;
  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;
  padding:0px;
  margin : 0px auto;
   
}

.jOrgChart .left {
  border-right : 2px solid #ddd;
    padding:0px;
  margin : 0px auto;

  
}

.jOrgChart .right {
  border-left : 2px solid #ddd;
  padding:0px;
  margin : 0px auto;
}

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

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


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




/* jQuery drag 'n drop */

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

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


.menu_male {

  top: -6px;
  width: 100%;
  margin-left:4px;
}

.menu_female {

   top: -6px;
  width: 100%;
   margin-left:4px;
}


/* Partner1 Menu */
section .menu_male 
{
  margin-left:9px;

}

section .menu_female 
{
  margin-left:9px;

}

/* Partner2 Menu */
section .menu_male.p2m
{
  margin-left:4px;

}

section .menu_female.p2m 
{
  margin-left:4px;

}