<style type="text/css">
-->
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background:#f4ecff;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	width: 100%;
	height: 100%; 
}
a {
	text-decoration: none;
}
.display_boxHeader{
background:rgba(0, 0, 0, 0.5);
	background-repeat: no-repeat;
	position:relative;
	padding: 5px;
	width:86%;
	left:-20%;
	border: 1px solid #CCC;
	color:  #333;
	font-size: 12px;
	height:auto;
}
.thrColLiq #searchwrapper {
	margin-left:-10%;
}
.thrColLiq #headerMain {
	margin-left:4%;
    width:90%;
}
.thrColLiq #header {
	clip: rect(auto,auto,auto,auto);
	font-size: 14px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute; 
	top: 0px; 
	height: 50px; 
	left:0px; 
	right: 0px; 
	background-color: #5f408e;
}
.thrColLiq #headerIndex {
	clip: rect(auto,auto,auto,auto);
	font-size: 14px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute; 
	top: 0px; 
	height: 60px; 
	left:0px; 
	right: 0px; 
	background-color: #5f408e;
}
	.thrColLiq #mainContentIndex{
	width:100%;
	min-height:82%;
	margin-right:40%;
	margin-bottom: 0;
	margin-left:40%;
	clip: rect(auto,auto,auto,auto);
	font-size: 14px;
	padding-bottom: 5%;
	text-align: center;
	}
.thrColLiq #container {	
      background:#f4ecff;
	  height:auto;
	  margin-left:-8px;
	text-align: left;
	font-size: 14px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute; 
	top: 50px; 
	bottom: 0px;
	overflow:auto;
	}
.thrColLiq #mainContent {
	margin-top: 0;
	margin-right:25%;
	margin-bottom: 0;
	margin-left:20%;
	clip: rect(auto,auto,auto,auto);
	font-size: 14px;
}
.thrColLiq #mainContent2 {
	min-height:86%;
	margin-right:35%;
	margin-bottom: 0;
	margin-left:20%;
	clip: rect(auto,auto,auto,auto);
	font-size: 14px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom: 1%;
	text-align: center;
	}
.thrColLiq #mainContent3 {
	margin-top: 0;
	margin-right: 30%;
	margin-bottom: 0;
	margin-left: 9%;
	font-size: 14px;
	border: 1px none #F30;
	padding-bottom: 1%;
}
	#footer {
	margin-left:20%;
	margin-top:1%;
	bottom: auto;
	width:44%;
	font-size: 14px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	border-top:solid 1px #CCC;	
}
	#footerIndex {
	margin-left:40%;
	margin-top:1%;
	bottom: auto;
	width:100%;
	font-size: 14px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	border-top:solid 1px #CCC;	
}
.thrColLiq #sidebar1 { 
	float: left; 
	width: 180px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	font-size:14px;
	margin-left: 10%;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}
.thrColLiq #sidebar2 {
	float: right;
	height:auto;
	width: 16%;
	padding-top: 1%;
	padding-bottom: 2%;
	padding-left: 2px;
	margin-top:.3%;
	margin-right:18.5%;
	margin-bottom: 0%;
	margin-left: 0%;
}
.fltrt { 
  float: right;
  margin-left: 8px;
}
.fltlft { 
  float: left;
  margin-right: 8px;
}
.clearfloat { 
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}
.display_header {
	position:fixed;
position:absolute;
top:40px;
right:525px;
width:500px;
z-index: 9001;
}
.header_searchResult {
position:fixed;
position:absolute;
background:rgba(0, 0, 0, 0.5);
background-repeat: no-repeat;
padding-top: 10px;
width: 50%;
height:auto;
left:25%; 
right:25%; 
padding: 15px;
border: 1px solid #CCC;
-webkit-border-radius: 20px;
border-radius: 20px;
color:  #333;
font-size: 12px;
text-align:center;
height:auto;
top:100px;
z-index: 9001;
}
.headerSearch_result {
	background-color:#FFF;
	border:1px solid #999;
	height:auto;
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4);	
}
/*//////////////////////////////////////////////////////////// Headstone CSS///////////////////////////////////////////////////////*/
.bannerDiv { 
    width: 99.8%; /* Fixed width */
    height: 300px; /* Fixed height */
    margin-top: -2px;
    position: relative;
    overflow: hidden; /* Hides excess image content */
}

.bannerImage { 
    position: absolute; /* Ensures the image fills the div */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Makes the image fully cover the div, cropping if necessary */
    object-position: center; /* Centers the image */
}
.memberName{
	text-align:left;
	margin-left:18.2%;
  margin-right:.18%;
	padding-left:20px;
	width:auto;
	position:relative;
	margin-top:-140px;
	text-shadow:rgba(0,0,0,0.5);
	background-image: -webkit-linear-gradient(top, rgba(250,250,250,0), rgba(0,0,0,0.8));
	background-image: -moz-linear-gradient(top,  rgba(250,0,250,0),  rgba(0,0,0,0.8));
	background-image: -o-linear-gradient(top, rgba(250,250,250,0), rgba(0,0,0,0.8));
	background-image: -ms-linear-gradient(top, rgba(250,250,250,0), rgba(0,0,0,0.8));	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(250,250,250,0)', endColorstr='rgba(0,0,0,0.8)');
	}
  .memberInfo {
	width:99.07%;
	height:40px;
	position:relative;
	margin-top:0px;
	padding:5px;
	background-color:#FFF;
	text-align: center;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-weight: bold;
}
.memberPicBorder{
    margin-top:-124px;
	width:200px;
	height:200px;
	position:relative;
	margin-left:15px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	background-color:#FFF;
	text-align: center;
	-webkit-border-radius:100px;
	-moz-bordert-radius:100px;
	border-radius:100px;
	font-weight: bold;
	z-index:2;
}
.memberPic{
	top:3px;
	max-width:190px;
	min-height:190px;
	position:relative;
	background-color: #F7F7F7;
	text-align: center;
	-webkit-border-radius:95px;
	-moz-border-radius:95px;
	border-radius:95px;
	z-index:1;
}
.errorMsg{
	border:1px solid #F03;
	background-color:#FE736B;
	padding:5px;
	width:98.5%;
	color:#000;
	font-size:14px;
	}
	
.errorMsg_success {
	border:1px solid #F03;
	background-color:#FE736B;
	padding:5px;
	color:#000;
	font-size:14px;
}	
.Msg_successComplete {
	border:1px solid  #090;
	background-color: #0F6;
	padding:5px;
	color:#000;
	font-size:16px;
}

	/*//////////////////////////////////////////////////////////// Family tree CSS///////////////////////////////////////////////////////*/
.mysql_returnMsg{
	background-color: rgba(255, 255, 255, 1);
	top:6px;
	left:10px;
	min-width:90px;
	width:auto;
	height:auto;
	padding:10px;
    padding-top:4px;
    padding-bottom:4px;
	position:relative;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:10;
	}
.mysql_returnNonspouseKid{
	background-color: rgba(255, 255, 255, 1);
	top:6px;
    left:10px;
	min-width:90px;
	width:auto;
	height:auto;
	padding:10px;
    padding-top:4px;
    padding-bottom:4px;
	position:relative;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:10;
	}	
.memFamilyAdd_msg1{
	background-color: rgba(255, 255, 255, 1);
	top:-100px;
	left:px;
	min-width:200px;
	color:#999;
	height:auto;
	font-size:14px;
	padding:10px;
	position:relative;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:10;
	}	
.memPic{
	top:160px;
	width:128px;
	height:128px;
	left:101.25%;
	padding:3px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:120px;
	-moz-border-radius:120px;
	border-radius:120px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.memPic_border{
	top:2.8px;
    position:relative;
	text-align: center;
	background-color: #CCC;
	-webkit-border-radius:120px;
	-moz-border-radius:120px;
	border-radius:120px;
}
.memFamilyPic_spouse{
	top:40px;
	width:66px;
	height:66px;
	left:98.1%;
	padding:2px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.connection_spouse{
	top:140px;
	width:290px;
	height:70px;
    left:98.5%;
	position:relative;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border-left-width:5px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-right-width:5px;
	border-right-style: solid;
	border-right-color: #CCC;
	border-bottom-width:5px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	z-index:1;
}
.memFamilyPic_childParent{
	top:-261px;
	width:66px;
	height:66px;
	left:-2.05%;
	padding:2px;
	float:right;
    margin-right:-80px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.connection_childParent{
	top:-236px;
	width:80px;
	height:70px;
    left:-1.5%;
	float:right;
    margin-left:0px;
	position:relative;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border-left-width:5px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-bottom-width:5px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	z-index:1;
}
.memFamilyPic_border{
    position:relative;
    top:2px;
	text-align: center;
	background-color: #CCC;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
}
.memFamilyPic_father{
	top:242px;
	width:66px;
	height:66px;
	left:100.33%;
	padding:2px;
	position:relative;
    background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.memFamilyPic_mother{
	top:92px;
	width:66px;
	height:66px;
	left:102.76%;
	padding:2px;
	position:relative;
    background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.connection_motherFather{
	top:232px;
	width:200px;
	height:40px;
    left:100.75%;
	position:relative;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border-left-width:5px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-right-width:5px;
	border-right-style: solid;
	border-right-color: #CCC;
	border-bottom-width:5px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	z-index:1;
}
.connection_motherFatherB{
	top:232px;
	width:5px;
	height:32px;
    left:102.05%;
	position:relative;
	background-color:#CCC;
	z-index:1;
}
.memFamilyPic_addKid{/*//////////////////// add kids //////////////////////////////////////*/
	top:250px;
	width:66px;
	height:66px;
	left:99.55%;
	padding:2px;
	float:left;
	margin-right:-80px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.connection_addKid{/*//////////////////// add kids  connection //////////////////////////////////////*/
	top:210px;
	width:100px;
	height:60px;
    left:100%;
	float:left;
	position:relative;
	-webkit-border-radius:5px;
	-moz-bordert-radius:5px;
	border-radius:5px;
	border-right-width:5px;
	border-right-style: solid;
	border-right-color: #CCC;
	border-top-width:5px;
	border-top-style: solid;
	border-top-color: #CCC;
	z-index:1;
}
.memFamilyPic_kid{/*//////////////////// kids //////////////////////////////////////*/
	top:250px;
	width:66px;
	height:66px;
	left:99.55%;
	padding:2px;
	float:left;
	margin-right:-80px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.connection_kid{/*//////////////////// kids  connection //////////////////////////////////////*/
	top:210px;
	width:100px;
	height:60px;
    left:100%;
	float:left;
	position:relative;
	-webkit-border-radius:5px;
	-moz-bordert-radius:5px;
	border-radius:5px;
	border-right-width:5px;
	border-right-style: solid;
	border-right-color: #CCC;
	border-top-width:5px;
	border-top-style: solid;
	border-top-color: #CCC;
	z-index:1;
}
.memFamilyPic_nonSpouseKid{/*//////////////////// non spouse kids //////////////////////////////////////*/
	top:-126px;
	width:66px;
	height:66px;
	left:-2.13%;
	padding:2px;
	float:right;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.connection_nonSpouseKid{/*//////////////////// non spouse kids  connection //////////////////////////////////////*/
	top:-166px;
	width:100px;
	height:60px;
    left:-2.60%;
	float:right;
	margin-right:-85px;
	position:relative;
	-webkit-border-radius:5px;
	-moz-bordert-radius:5px;
	border-radius:5px;
	border-left-width:5px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-top-width:5px;
	border-top-style: solid;
	border-top-color: #CCC;
	z-index:1;
}
.memFamilyPic_sibling{/*//////////////////// sibling //////////////////////////////////////*/
	top:-125px;
	width:66px;
	height:66px;
	left:102.54%;
	padding:2px;
	position:relative;
	float:left;
	margin-right:-90px;
    background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:3;
}
.connection_sibling{/*//////////////////// sibling  connection //////////////////////////////////////*/
	top:-160px;
	width:91px;
	height:60px;
    left:103%;
	position:relative;
	float:left;
	-webkit-border-radius:5px;
	-moz-bordert-radius:5px;
	border-radius:5px;
	border-right-width:5px;
	border-right-style: solid;
	border-right-color: #CCC;
	border-top-width:5px;
	border-top-style: solid;
	border-top-color: #CCC;
	z-index:1;
}
.memFamilyPic_addSibling{/*//////////////////// add sibling //////////////////////////////////////*/
	top:-125px;
	width:66px;
	height:66px;
	left:103.62%;
	padding:2px;
	position:relative;
	float:left;
	margin-left:-90px;
    background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:3;
}
.connection_addSibling{/*//////////////////// add sibling  connection //////////////////////////////////////*/
	top:-160px;
	width:91px;
	height:60px;
    left:103%;
	position:relative;
	float:left;
	-webkit-border-radius:5px;
	-moz-bordert-radius:5px;
	border-radius:5px;
	border-right-width:5px;
	border-right-style: solid;
	border-right-color: #CCC;
	border-top-width:5px;
	border-top-style: solid;
	border-top-color: #CCC;
	z-index:1;
}
.memFamilyPic_siblingHalf{/*//////////////////// half sibling //////////////////////////////////////*/
	top:-262px;
	width:66px;
	height:66px;
	left:.5%;
	padding:2px;
	position:relative;
	float:right;
	display:inline;
	margin-left:-90px;
	margin-right:auto;
    background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.connection_siblingHalf{/*//////////////////// half sibling  connection //////////////////////////////////////*/
	top:-228px;
	width:91px;
	height:60px;
    left:.5%;
	position:relative;
	float:right;
	border-top-width:5px;
	border-top-style: solid;
	border-top-color: #CCC;
	z-index:1;
}
.memFamilyPic_siblingHalf_motherSide{/*//////////////////// half sibling mother side //////////////////////////////////////*/
	top:-262px;
	width:66px;
	height:66px;
	left:103.4%;
	padding:2px;
	position:relative;
	float:left;
	margin-left:-90px;
	margin-right:auto;
    background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.connection_siblingHalf_motherSide{/*//////////////////// half sibling  mother side connection //////////////////////////////////////*/
	top:-228px;
	width:91px;
	height:60px;
    left:102.4%;
	position:relative;
	float:left;
	border-top-width:5px;
	border-top-style: solid;
	border-top-color: #CCC;
	z-index:1;
}
.memFamilyPic_grandFather_motherSide{/*//////////////////// grand father, mother side of family //////////////////////////////////////*/
	top:473px;
	width:66px;
	height:66px;
	left:102.54%;
	padding:2px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.memFamilyPic_grandMother_motherSide{/*//////////////////// grand mother, mother side of family //////////////////////////////////////*/
	top:401px;
	width:66px;
	height:66px;
	left:104.98%;
	padding:2px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.connection_grandMotherGrandFather_motherSide{/*//////////////////// grand father and grand mother, mother side of family connection //////////////////////////////////////*/
	top:619px;
	width:200px;
	height:40px;
      left:102.95%;
	  position:relative;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border-left-width:5px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-right-width:5px;
	border-right-style: solid;
	border-right-color: #CCC;
	border-bottom-width:5px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	z-index:1;
}
.connection_grandMotherGrandFatherB_motherSide{/*//////////////////// grand father and grand mother, mother side of family connection B//////////////////////////////////////*/
	top:619px;
	width:5px;
	height:40px;
    left:103.15%;
	position:relative;
	background-color:#CCC;
	z-index:1;
}
.memFamilyPic_grandFather_fatherSide{/*//////////////////// grand father, father side of family //////////////////////////////////////*/
	top:244px;
	width:66px;
	height:66px;
	left:98.055%;
	padding:2px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.memFamilyPic_grandMother_fatherSide{/*//////////////////// grand mother, father side of family //////////////////////////////////////*/
	top:172px;
	width:66px;
	height:66px;
	left:100.495%;
	padding:2px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.connection_grandMotherGrandFather_fatherSide{/*//////////////////// grand father and grand mother, father side of family connection //////////////////////////////////////*/
	top:390px;
	width:200px;
	height:40px;
      left:98.485%;
	  position:relative;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border-left-width:5px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-right-width:5px;
	border-right-style: solid;
	border-right-color: #CCC;
	border-bottom-width:5px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	z-index:1;
}
.connection_grandMotherGrandFatherB_fatherSide{/*//////////////////// grand father and grand mother, father side of family connection B//////////////////////////////////////*/
	top:390px;
	width:5px;
	height:40px;
    left:100.74%;
	position:relative;
	background-color:#CCC;
	z-index:1;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.memFamilyPic_greatGrandMother_motherSideGrandMother{  /*/////////////////////////////////////// great grand mother by mother side mother ////////////////////////////////////////*/
	top:1242px;
	width:66px;
	height:66px;
	left:105.74%;
	padding:2px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.memFamilyPic_greatGrandFather_motherSideGrandMother{  /*////////////////////////////////// great grand father by mother side mother /////////////////////////////////////////*/
	top:1170px;
	width:66px;
	height:66px;
	left:104.497%;
	padding:2px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.connection_greatGrandMotherGreatGrandFather_motherSideGrandMother{/*////////////////////// great grand father and mother by mother side mother connection ////////////////////////*/
	top:1390px;
	width:100px;
	height:40px;
      left:104.92%;
	  position:relative;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border-left-width:5px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-right-width:5px;
	border-right-style: solid;
	border-right-color: #CCC;
	border-bottom-width:5px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	z-index:1;


}
.connection_greatGrandMotherGreatGrandFatherB_motherSideGrandMother{/*////////////////////// great grand father and mother by mother side mother connection B ////////////////////////*/
	top:1390px;
	width:5px;
	height:40px;
    left:105.37%;
	position:relative;
	background-color:#CCC;
	z-index:1;
}
.memFamilyPic_greatGrandMother_motherSideGrandFather{  /*////////////////////////////////// great grand mother by mother side father ///////////////////////////////////////////////*/
	top:1013px;
	width:66px;
	height:66px;
	left:103.33%;
	padding:2px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.memFamilyPic_greatGrandFather_motherSideGrandFather{  /*//////////////////////////////// great grand father by mother side father ////////////////////////////////////////////////*/
	top:941px;
	width:66px;
	height:66px;
	left:102.11%;
	padding:2px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.connection_greatGrandMotherGreatGrandFather_motherSideGrandFather{ /*////////////////////// great grand father and mother by mother side father connection ///////////////////*/
	top:1160px;
	width:100px;
	height:40px;
      left:102.52%;
	  position:relative;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border-left-width:5px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-right-width:5px;
	border-right-style: solid;
	border-right-color: #CCC;
	border-bottom-width:5px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	z-index:1;
}
.connection_greatGrandMotherGreatGrandFatherB_motherSideGrandFather{ /*/////////////////// great grand father and mother by mother side father connection B ////////////////*/
	top:1160px;
	width:5px;
	height:40px;
    left:102.94%;
	position:relative;
	background-color:#CCC;
	z-index:1;
}
 /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
 
.memFamilyPic_greatGrandMother_fatherSideGrandMother{  /*//////////////////////////////// great grand mother by father side mother ////////////////////////////////////////////////*/
	top:784px;
	width:66px;
	height:66px;
	left:100.8%;
	padding:2px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.memFamilyPic_greatGrandFather_fatherSideGrandMother{ /*//////////////////////////////// great grand father by father side mother ////////////////////////////////////////////////*/
	top:712px;
	width:66px;
	height:66px;
	left:99.59%;
	padding:2px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.connection_greatGrandMotherGreatGrandFather_fatherSideGrandMother{ /*/////////////////// great grand father and mother by father side mother connection //////////////////*/
	top:931px;
	width:100px;
	height:40px;
      left:100%;
	  position:relative;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border-left-width:5px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-right-width:5px;
	border-right-style: solid;
	border-right-color: #CCC;
	border-bottom-width:5px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	z-index:1;
}
.connection_greatGrandMotherGreatGrandFatherB_fatherSideGrandMother{ /*/////////////////// great grand father and mother by father side mother connection B //////////////////*/
	top:931px;
	width:5px;
	height:40px;
    left:100.875%;
	position:relative;
	background-color:#CCC;
	z-index:1;
}
.memFamilyPic_greatGrandMother_fatherSideGrandFather{  /*//////////////////////////////// great grand mother by father side father ////////////////////////////////////////////////*/
	top:555px;
	width:66px;
	height:66px;
	left:98.41%;
	padding:2px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.memFamilyPic_greatGrandFather_fatherSideGrandFather{  /*//////////////////////////////// great grand father by father side father ////////////////////////////////////////////////*/
	top:483px;
	width:66px;
	height:66px;
	left:97.21%;
	padding:2px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.connection_greatGrandMotherGreatGrandFather_fatherSideGrandFather{ /*/////////////////// great grand father and mother by father side father connection //////////////////*/
	top:702px;
	width:100px;
	height:40px;
      left:97.61%;
	  position:relative;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border-left-width:5px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-right-width:5px;
	border-right-style: solid;
	border-right-color: #CCC;
	border-bottom-width:5px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	z-index:1;
}
.connection_greatGrandMotherGreatGrandFatherB_fatherSideGrandFather{ /*/////////////////// great grand father and mother by father side father connection B ////////////////*/
	top:702px;
	width:5px;
	height:40px;
    left:98.475%;
	position:relative;
	background-color:#CCC;
	z-index:1;
}
 /*/////////////////////////////////////////////////////////////////////////////////////// spouse parent //////////////////////////////////////////////////////////////////////////////////*/
.memFamilyPic_spouseFather{
	top:-268px;
	width:66px;
	height:66px;
	left:96.85%;
	padding:2px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.memFamilyPic_spouseMother{
	top:-196px;
	width:66px;
	height:66px;
	left:99.29%;
	padding:2px;
	position:relative;
background-color: rgba(255, 255, 255, 1);
	text-align: center;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	z-index:2;
}
.connection_spouseMotherFather{
	top:-115px;
	width:200px;
	height:40px;
      left:97.27%;
	  position:relative;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border-bottom-width:5px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	z-index:1;
}
.connection_spouseMotherFatherB{
	top:-115px;
	width:5px;
	height:40px;
    left:98.5%;
	position:relative;
	background-color:#CCC;
	z-index:1;
}
 /*/////////////////////////////////////////////////////////////////////////////////////// Photo Album View div //////////////////////////////////////////////////////////////////////////////////*/
#popupboxPvContact{
	background-color:#FFFFFF;
	-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
	display:none;
	position:fixed;
	position:absolute;
	height: auto;
	width:70%;
	top:2%;
	left:8%;
border: 20px solid rgba(0, 0, 0, 0.5);
	border-radius: 20px;
	z-index:2;
	font-size:12px;
}
.display_photoPreview{
	max-height:600px;}
	.photo_preview{
	padding:10px;
	max-width:100%;
		min-height:600px;
		}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#bgPopupboxPv{
	display:none;
	position:fixed;
	position:absolute;
	height:200%;
	width:100%;
	top:0;
	left:0;
	z-index:1;
	background-color: rgba(0, 0, 0, 0.8);
}
	.form_border{
	border:1px solid   #333;
	font-size: 14px;
}
.new_msgBorder{
	border-bottom:1px solid #D3D3D3;
	}
#popupboxPvContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:5px;
margin-bottom:2px;
}
#popupboxPvContactClose{
	font-size:12px;
	line-height:14px;
	right:6px;
	top:4px;
	position:absolute;
	color:#666;
	font-weight:700;
	display:block;
	font-style: italic;
}
.popupboxPvClose{
	font-size:14px;
	padding:2px;
	opacity:0.7;
 text-decoration:none;
}
.popupboxPvClose:hover{
	background-color:rgba(0, 0, 0, .2);
	font-size:16px;
	padding:2px;
	color:#000;
	font-size:12px;
}
.photo_thumbnailView{
	position:relative;
	background-color:#F2F2F2;
    width:99.4%;
	height:100px;
	margin:0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding:3px;
	overflow-x:scroll;
	overflow-y:hidden;
	white-space:nowrap;
	}
.scrollWrapper{
    position: relative;
    width: auto;
    height: 100%;
	}
.scrollWrapper{
	position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
	}
.thumbnails{
	opacity:0.5 ;
}
.thumbnails:hover{
	opacity:1;
}
.previous_photo{
	background-color:rgba(255, 255, 255, .4);
	opacity:0.6;
	position:fixed;
	position:absolute;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 50px;
	padding:10px;
	top:45%;
	left:3%;
	z-index:2;
	}
.next_photo{
	background-color:rgba(255, 255, 255, .4);
	opacity:0.6;
	position:fixed;
	position:absolute;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 50px;
	padding:10px;
	top:45%;
	right:3%;
	z-index:2;
	}
.previous_photo:hover{
	background-color:rgba(255, 255, 255, .6);
	opacity:1;
	position:fixed;
	position:absolute;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 50px;
	padding:10px;
	top:45%;
	left:3%;
	z-index:2;
	}
.next_photo:hover{
	background-color:rgba(255, 255, 255, .6);
	opacity:1;
	position:fixed;
	position:absolute;
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 50px;
	padding:10px;
	top:45%;
	right:3%;
	z-index:2;
	}
	.display_photoPreview{
		left:10px;
		max-width:100%;
		min-height:100%;
		}
.thumbnails_scrollLeft{
	background-color:rgba(0, 0, 0, .6);
	width:30px;
	height:107px;
    position:relative;
	position:absolute;
	left:0%;
	top:0;
	bottom:0;
	z-index:3;}
.thumbnails_scrollRight{
	background-color:rgba(0, 0, 0, .6);
	width:30px;
	height:107px;
	position:relative;
	position:absolute;
	right:0%;
	top:0;
	z-index:3;}
.scrollLeft_image{
	margin-left:3px;
	margin-top:20px;
	}
.scrollRight_image{
	margin-left:4px;
	margin-top:20px;
	}

-->
</style>