/*  THIS CODE HANGS DREAMWEAVER 
.clt, .clt ul, .clt li {
     position: relative;
	 //font-weight: bold;
	 line-height: 150%;
}

.clt ul {
    list-style: none;
    padding-left: 32px;
}

.clt li::before, .clt li::after {
    content: "";
    position: absolute;
    left: -12px;
}

.clt li::before {
    border-top: 1px solid #000;
    top: 9px;
    width: 8px;
    height: 0;
}

.clt li::after {
    border-left: 1px solid #000;
    height: 100%;
    width: 0px;
    top: 2px;
}

.clt ul > li:last-child::after {
    height: 8px;
}
*/


/* https://jsfiddle.net/1fynun7a/1/ */

ul.tree, ul.tree ul {
    list-style: none;
     margin: 0;
     padding: 0;
   } 
   ul.tree ul {
     margin-left: 10px;
   }
   ul.tree li {
     margin: 0;
     padding: 0 7px;
	 line-height: 175%;
	 border-left: 1px solid black;
   }
   ul.tree li:last-child {
       border-left:none;
   }
   ul.tree li:before {
      position:relative;
      top:-0.3em;
      height:1em;
      width:12px;
      color:white;
	  border-bottom: 1px solid black;
      content:"";
      display:inline-block;
      left:-7px;
   }
   ul.tree li:last-child:before {
	  border-left: 1px solid black; 
   }



.lform {
   padding: .1em;
   background-color: #eeeee4;
   display: inline;
   visibility: visible;
}

.origsnp {
   padding: .1em;
   background-color: #ffffdd;
   display: inline;
   visibility: visible;	
}

.origtmrca {
   padding: .1em;
   background-color: #eeeeef;
   display: inline;
   visibility: visible;	
} 

.info {
   padding: .1em;
   background-color: #ccddee;
   display: inline;
   visibility: visible;	
   font-weight: bold;	
}

.ip37driscoll { background-color: #eeffff;}

.butt {
    cursor: pointer; 
	font-weight: bold;
	font-variant: small-caps; 
	padding: .3em; 
	border: .1em ridge #333333; 
	background-color: #ffffee;
	font-size: smaller;	
}