.imageframeTM {
    height: 100%;
    width: 100px;
    left: 0px;
    text-align: center; 
        background-color: #c8e4f8;
} 
.personselectedcelltext {
     white-space: nowrap;
     overflow: hidden;
     width:  80%;
     FONT-FAMILY: Arial;
     COLOR: #000000;
     FONT-SIZE: 8pt;
     FONT-WEIGHT: 500;
     FONT-STYLE: normal;
     TEXT-ALIGN: center;
     CURSOR: auto; 
     TEXT-DECORATION: none;   
     background-color:#00ff00;
}
.personcelltext {
     white-space: nowrap;
     overflow: hidden;
     width:  80%;
     FONT-FAMILY: Arial;
     COLOR: #000000;
     FONT-SIZE: 8pt;
     FONT-WEIGHT: 500;
     FONT-STYLE: normal;
     TEXT-ALIGN: center;
     CURSOR: auto; 
     TEXT-DECORATION: none;     
}
.persondiv {
        width: 100%;
        height: auto;
        vertical-align: top;
        white-space: nowrap;
        overflow: hidden;
        text-align: center;
        padding:  0;
        text-decoration: none;
        color: #222;
        font-family: arial, verdana, tahoma;
        font-size: 8pt;
        line-height: 1.25;
        display: inline-block;
        background-color: #c8e4f8;
        border: 1px solid #0c0;
}  
.persondiv:hover {
	background: #a8c4d8; color: #000; border: 1px solid #0f0;
}
.parentnamescell {
     width: 100%;
     max-height: 120px;
     background-color: #EEEEEE;
     text-align: center;
     vertical-align: middle;
     FONT-FAMILY: Arial;
     COLOR: #FF0000;
     FONT-SIZE: 8pt;
     FONT-WEIGHT: 500;
     FONT-STYLE: normal;
     TEXT-ALIGN: center;
     BORDER-LEFT: #CCCCCC 1px groove ;
     BORDER-RIGHT: #CCCCCC 1px groove ;
     BORDER-TOP: #CCCCCC 1px groove ;
     BORDER-BOTTOM: #CCCCCC 1px groove ;
     CURSOR: auto; 
     TEXT-DECORATION: none;     
}
.marriagedate {
     width: 50%;
     height: auto;
     margin:  auto;
     background-color: #c8e4f8;
     text-align: center;
     vertical-align: bottom;
     FONT-FAMILY: Arial;
     COLOR: #000000;
     FONT-SIZE: 8pt;
     FONT-WEIGHT: 500;
     FONT-STYLE: normal;
     TEXT-ALIGN: center;
     /*
     BORDER-LEFT: #CCCCCC 1px groove ;
     BORDER-RIGHT: #CCCCCC 1px groove ;
     BORDER-TOP: #CCCCCC 1px groove ;
     BORDER-BOTTOM: #CCCCCC 1px groove ;
     */
     border-collapse: collapse;
     CURSOR: auto; 
     TEXT-DECORATION: none;    
  }
.marriagelinebelow {
     width: auto;
     height: 20%;
     text-align: center;
     vertical-align: bottom;
     border-bottom: 3px solid #0000ff;
      border-collapse: collapse;
}
.peopletable {
    padding: 0;
    border: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
    height: auto;
    font-family: arial, verdana, tahoma;
    font-size: 10px;
    text-align: center;
    vertical-align: top;
    background-color: none;
}
.linebelowright {
  width: 50%;
  height: 5px;
  position: relative;
  left: 50%;
  border-left: 3px solid #0000ff;
  border-bottom: 3px solid #0000ff;
}
.linebelowleft {
  width: 50%;
  height: 5px;
  position: relative;
  left: -1px;
  border-right: 3px solid #0000ff;
  border-bottom: 3px solid #0000ff;
}
.linebelowmarriageleft {
  width: 100%;
  height: 100%;
  float: right;
  vertical-align: middle;
  border-bottom: 3px solid #0000ff;
}
.linebelowmarriageright {
  width: 100%;
  height: 100%;
  float: left;
  vertical-align: middle;
  border-bottom: 3px solid #0000ff;
 }
.linebelow {
  width: 100%;
  height: auto;
  position: relative;
  border-bottom: 3px solid #0000ff;
  vertical-align: bottom;
  background-color: #0f0;
}
.verticallinebelowright {
  width: 1px;
  height: 15px;
  position: relative;
  left: 100%;
  border-right:2px solid #0000ff;
}
.verticallinebelowleft {
  width: 1px;
  height: 15px;
  position: relative;
  left: -2px;
  border-left: 2x solid #0000ff;
}
.verticallineabovecenter {
 vertical-align: top;
  width: 0px;
  height: 15px;
  position: relative;
  left: 50%;
  top:  -2px;
  padding: 0;
  margin: 0;
  border-left: 1px solid #0000ff;
  border-right: 1px solid #0000ff;
 }
.verticalspaceabovecenter {
  width: 5px;
  height: 15px;
  position: relative;
  left: 50%;
  vertical-align: top;
}
.verticallineaboveright {
  width: 1px;
  height: 15px;
  position: relative;
  left: 100%;
  border-right: 6px solid #0000ff;
}
.verticallineaboveleft {
  width: 1px;
  height: 15px;
  position: relative;
  left: 0%;
  border-left: 6px solid #0000ff;
}
.verticalspacebelow {
  width: 50%;
  height: 5px;
  position: relative;
  left: -1px;
  border-right: 3px solid #ff0000;
  border-bottom: 3px solid #0000ff;
}
.horizontalspace {
  width: 100px;
  height: 20%;
  position: relative;
}
.gpcell {
    padding: 0;
    border: 0;
    border-collapse: collapse;
    width: 25%;
    text-align: center;
    vertical-align: middle;
  }
.parentcell {
    padding: 0;
    border: 0;
    width: 25%;
    text-align: center;
    vertical-align: middle;
  }

.parentendpadcell {
    height:  100%;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    width: 6.25%;
    text-align: center;
    vertical-align: bottom; 
}
.parentpadcell {
    height:  100%;
    padding: 0;
    border-color: #0f0;
    border:  1px;
    width: 12.5%;
    text-align: center;
    vertical-align: bottom; 
}
.mdcell {
    width: 25%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}
.tpcell {
    width: auto;
    height:  100%;
    text-align: center;
    vertical-align: top;
    padding:  0;
    border-collapse: collapse;
}
.tppadcell {
    width: 33%;
    text-align: center;
    vertical-align: top;
}
.tppadcellsmall {
    width: 15%;
    text-align: center;
    vertical-align: top;
}
.tppartnercell {
    width: 33%;
    text-align: left;
    vertical-align: middle;
}
.childtable {
    width: 100%;
}
.childsubtable {
    width: 100%;
    text-align: center;
}
.ccell {
    width: auto;
    margin: 0;
    padding: 0;
    text-align: center;
}
.personcell {
    padding-left: 15%;
    padding-right: 15%;
    width: 60%;
    text-align: center;
}
.imageframedummy {
    text-align: center; 
    background-color: #fff;
    vertical-align: bottom;
}
.imagedummy {
    vertical-align: bottom;
    height:  50px;
}
.imagecell {
    width: 75px;
    height: 75px;
    text-align: center;
    background-color: #00A000;
}
.familytreediv {
        width: auto;
        height: 90%;
        white-space: nowrap;
        overflow: hidden;
        text-align: center;
        padding:  0;
        text-decoration: none;
        color: #222;
        font-family: arial, verdana, tahoma;
        font-size: 10px;
        line-height: 1.25;
        display: inline-block;
        background-color: #c8e4f8;
        border: 1px solid #0c0;
        vertical-align: middle;
}  
.familytreediv:hover {
	background: #a8c4d8; color: #000; border: 1px solid #0f0;
}
.treenotes {
    width:  auto;
    text-decoration: none;
    background: #efefef;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 10px;
    font-style: italic;
    line-height: 1.2; 
    margin: 0 0 1px; 
    text-align: center;
    vertical-align: middle;
    border: 1px solid #ccc;
    padding: 1px 1px;
    display: inline-block;
    width: 300px;
    height: 80px;
    max-height: 100px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;      
    padding-bottom: 1px;
    overflow: auto;
    overflow-x: hidden;   
    overflow-y:scroll
  }