.self, .parents, .grandparents, .ggrandparents, .gggrandparents, .ggggrandparents, .gggggrandparents, .ggggggrandparents, .gggggggrandparents {
padding:3px;  
border-radius: 4px; 
}

.self {background-color: white; border: 1px gray solid;}
.parents {background-color: #DDEDF4;}
.grandparents {background-color: #a2cee1;}
.ggrandparents {background-color: #3d96bc;}
.gggrandparents {background-color: #204f63; color:white;}
.ggggrandparents {background-color: #784890; color:white;}
.gggggrandparents {background-color: black; color:white;}
.ggggggrandparents {background-color: #800000; color:white;}
.gggggggrandparents {background-color: #008080; color:white;}

.Self1 {border-left: 12px white solid; }
.parents1 {border-left: 12px #DDEDF4 solid; }
.grandparents1 {border-left: 12px #a2cee1 solid;}
.ggrandparents1 {border-left: 12px  #3d96bc solid;}
.gggrandparents1 {border-left: 12px  #204f63 solid;}
.ggggrandparents1 {border-left: 12px #784890 solid;}
.gggggrandparents1 {border-left: 12px black solid;}
.ggggggrandparents1 {border-left: 12px #800000 solid;}
.gggggggrandparents1 {border-left: 12px #008080 solid;}

.depressed {
border:white double 3px;
opacity: .4; 
}

h10 {
font-size:150%;
font-weight: bold;
}
.likeabutton {
    text-decoration: none; font: menu;
    display: inline-block; padding: 2px 8px;
    background: ButtonFace; color: ButtonText;
    border-style: solid; border-width: 1px;
    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
    border-radius: 20%;
    font-size: 70%;
}
.likeabutton:active {
    border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}
table.topalign td, td.lside, td.rside {vertical-align: top;}
table.peddata {border-spacing:2;width:100%;}
td.firstc {width:105px;}
.responsive-iframe {
  position: relative;
  width: 100%;
  height: 521px;
  border: none;
  margin-left: 15px;
  margin-top:62px;
  overflow:hidden;
}
.responsive-iframe2 {
  position: relative;
  width: 100%;
  height: 550px;
  border: none;
  overflow:hidden;
}
.summary {
  width: 750px;
  float:left;
  margin-left;-20px;
}
#envelope {
 width:100%;
}
.enum_container {
  position: relative;
  height: 800px;
  width: 100%;
  overflow: hidden;
  float: right;
  margin-top:-13px; 
}
.pnum_container {
  position: relative;
  height: 800px;
  width: 100%;  
  float: right;
  overflow: hidden;
}
.linetable {text-align:left;}
.lineright {text-align:right;min-width:90px;vertical-align: top;}
.linecenter {text-align:center;}
.lineallcenter {text-align:center;vertical-align:middle !important;}
.padded {padding-top:5px;padding-bottom:5px;}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
.vl {
  border-left: 3px solid black;
  height: 20px;
  width: 4px;
  margin: 0 auto;
}
.loader {
  margin: auto;
  border: 2px solid #EAF0F6;
  border-radius: 50%;
  border-top: 2px solid #FF7A59;
  width: 9px;
  height: 9px;
  animation: spinner 4s linear infinite;
}
@keyframes spinner {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@media print
  {
  iframe {display:none;}
  }
a.pedlinks {
  color: black;
  text-decoration: none; /* no underline */
}
.fancy {   
	display: inline-block; 
    padding-bottom: 5px;
    border-bottom: 4px solid #aad3df; /* Or whatever color you want */
}