*{
  margin: 0 auto;
}

.wrapper{
  margin: 0 auto;
  width: 900px;
  height: 725px;
  padding-top: 30px;
  background-color: #fffbc8;
  display: inline-block;
  float: left;
}

.wrappersearch{
  width: 600px;
  height: auto;
  background-color: yellow;
  display: inline-block;
  float: left;
  padding-top: 25px;
  padding-bottom: 25px;
  border: 1px solid black;
  padding-left: 10px;
}
.tdserchname{width:  225px;}
.tdid{width: 60px; }
.searchdates{ width: 100px;}



.searchname{width: 300px; float: left;}

.px300{ width: 300px;}

.px200{width: 200px; }

.px15{width: 15px;}

.textindent{padding-left: 30px;}

.loctext{width: 500px;}

.px50{width: 50px;}

.background{
  background-image: url(../images/personadd.jpg);
background-repeat: no-repeat;
background-size: cover;
}

.peopeltopbanner{
 width: 100%;
 height: 150px;
  background-color: #ffe8cf;
  line-height: 150px;
  text-align:  center;
  font-size: 60px;
}

.peoplewholepage{
  background-image: url(../images/pink_marble.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  }

.peoplewrapper{
width: 1050px;
height: auto;
background-color: #e9e8ff;
padding-top: 25px;
padding-bottom: 25px;
display: inline-block;
float: left;
padding-left: 10px;
}

.spacer{
  width: 100%;
  height: 50px;
}

.cellspacer{
  width: 15px;
  }

.highlight:hover{background-color: yellow;}

.wholeindivview{
  width: 2200px;
  height: 1000px;
  background-image: url(../images/addchlid.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 25px;
  padding-bottom: 25px;
}

.wrapperindiv{
  width: 2075px;
  height: 950px;
  background-color:#c6faff;
  padding: 25px;
}

.nametopbanner{
  width:  2200px;
  height: 100px;
  line-height: 100px;
  font-size: 50px;
  text-align: center;
  background-color: #ffe8cf;
}

.personvertspacer{
  width:  10px;
  height: 415px;
  float: left;
  display: inline-block;
  }

.documentdiv{
  width:  500px;
  height: 500px;
  float: left;
  display: inline-block;
  border: 1px solid black;
  background-color: white;
  border-radius: 10px;
}

.dates{
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
}

.buried{
  width: 300px;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  float: left;
  display: inline-block;
}


.graveinfo{
  width: 100px;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  display: inline-block;
  float: left;
}

.gps{
  width: 370px;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  display: inline-block;
  float: left;
}

.per50{
  width: 49%;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  display: inline-block;
  float: left;
}

.editperson{float: right;}


.addname{
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  text-align: center;
}

.add_spouse_box{
  margin: 0 auto;
  width: 800px;
  height: 225px;
  border: 1px solid black;
  padding-left: 20px;
  padding-top: 20px;
  padding-right: 20px;
  background-color: #e4ffd6;
  border-radius: 30px;
}

.px600{width: 600px;}

.savebutton{border-radius: 8px; background-color: #82ff6f;}

.savebutton:hover{background-color: yellow;}

.font16px{font-size: 16px;}

.floatleft{float: left;}

.px175{width: 175px;}

.sp50px{width: 50px;}

.dates2{width: 100px;}

.marrloc{width: 355px;}

.childbox{
  width: 300px;
  height: 415px;
  padding-top: 15px;
  border: 1px solid black;
  float: left;
  border-radius: 10px;
  font-size: 20px;
  text-align: center;
  background-color: white;
}

.horzspacer{width: 2000px; height: 10px; float: left;}

.chdlist{
  width: 270px;
  height: 360px;
  padding-top:  15px;
  text-align: left;
}

.addname{
  font-size: 20px;
  text-align: center;
  width: 100%;
  height: 50px;
  line-height: 50px;
}

.child_box{
  width: 500px;
  height: 150px;
  border: 1px solid black;
  padding-top: 15px;
  padding-left: 15px;
  background-color: #ffedb2;
}

.childsname{width: 300px;}

.doctitle{
  font-size: 20px;
  text-align: center;
  width: 100%;
  height: 36px;
  line-height: 36px;
}

.doclist{
  width: 100%;
  height: 350px;
  padding-left: 15px;
}

.floatright{float: right; }

.test{
  width: 100px;
  height: 100px;
  background-color: red;
  float: left;
  display: inline-block;
}

.linkbox{
  width: 850px;
  height: 200px;
  border: 1px solid black;
  padding-left: 15px;
}

.addrelwhole{
  width: 100%;
  height: 1000px;
  background-color: blue;
  padding-top: 25px;
}

.addrelwrapper{
  width: 500px;
  height: 300px;
  background-color: yellow;
  padding: 15px;
}

.notesdiv{
width: 895px;
height: 400px;
border: 1px solid black;
float: left;
display: inline-block;
border-radius: 10px;
background-color: white;
padding: 15px;
text-align: center;
font-size: 20px;
}

.reldisplaybox{
width: 865px;
height: 350px;
padding-top: 10px;
}

.red{padding: 10px; font-size: 13px;}

.edit_box{
  width: 1000px;
  height: 800px;
  border: 1px solid black;
  padding: 15px;
  background-color: #c4e9ff;
  display: inline-block;
  float: left;
}

.editbody{background-color:#2747ff; }

.leftdiv{
  display: inline-block;
float: left;
width: 600px;
height: auto;
background-color: #e5fff9;
padding-left: 10px;
padding-top: 25px;
}


.saveboth{
  width: 180px;
  float: right;
  border-radius: 8px;
  background-color: #82ff6f;
}

.saveboth:hover{background-color: yellow;}

.bg1{background-color: #daffa5;}