<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%; 
	overflow: hidden;
}
.display_boxHeader{
background:rgba(0, 0, 0, 0.5);
	background-repeat: no-repeat;
	position:relative;
	padding: 5px;
	width:86%;
	left:44%;
	border: 1px solid #CCC;
	color:  #333;
	font-size: 12px;
	height:auto;
}
.title{
     color: #999; 
	 font-size: 10px; 
	 font-weight: bold;
}
.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;
	background-image: -webkit-linear-gradient(top, #5f408e, #311a54);
	background-image: -moz-linear-gradient(top,  #5f408e,  #311a54);
	background-image: -o-linear-gradient(top, #5f408e, #311a54);
	background-image: -ms-linear-gradient(top, #5f408e, #311a54);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f408e', endColorstr='#311a54');');
}
.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;
	background-image: -webkit-linear-gradient(top, #5f408e, #311a54);
	background-image: -moz-linear-gradient(top,  #5f408e,  #311a54);
	background-image: -o-linear-gradient(top, #5f408e, #311a54);
	background-image: -ms-linear-gradient(top, #5f408e, #311a54);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f408e', endColorstr='#311a54');
}
	.thrColLiq #mainContentIndex{
	min-height:82%;
	width:100%;
	margin-right: 10%;
	margin-bottom: 0;
	margin-left:5%;
	clip: rect(auto,auto,auto,auto);
	font-size: 12px;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 5%;
	text-align: center;
	}
.thrColLiq #container {
    background:#f4ecff;
	height:auto;
	margin-left:-8px;
	text-align: left;
	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: 21%;
	margin-bottom: 0;
	margin-left: 11%;
	clip: rect(auto,auto,auto,auto);
	font-size: 12px;
}
.thrColLiq #mainContent2 {
	min-height:82%;
	margin-right: 21%;
	margin-bottom: 0;
	margin-left: 11%;
	clip: rect(auto,auto,auto,auto);
	font-size: 12px;
	padding-right:5px;
	padding-left:5px;
	padding-bottom: 5%;
	text-align: center;
	}

.thrColLiq #mainContent3 {
	margin-top: 0;
	margin-right: 21%;
	margin-bottom: 0;
	margin-left: 9%;
	clip: rect(auto,auto,auto,auto);
	font-size: 12px;
	border: 1px none #F30;
	padding-bottom: 1%;
}
	#footer {
	margin-left: 9%;
	margin-top:3%;
	bottom: auto;
	width:70%;
	font-size: 12px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	border-top:solid 1px #CCC;
}
	#footerIndex {
	width:80%;
	margin-left:5%;
	margin-right:5%;
	margin-top:1%;
	bottom: auto;
	font-size: 12px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	border-top:solid 1px #CCC;	
}
.thrColLiq #sidebar1 {
	float: left; 
	width:94px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	font-size:13px;
	margin-left:.1%;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}
.thrColLiq #sidebar2 {
	float:right; 
	width:18%;
	padding-top: 1%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 1%;
	margin-top: 0%;
	margin-right: 0%;
	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:375px;
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);	
}
.bannerDiv{
	width:100%;
	min-height:350px;
	max-height:350px;
	position: relative;
	margin-top:0px;
}
.bannerImage{
	margin-top:-2px;
	min-width:100%;
	min-height:350px;
	max-height:350px;
}
.memberName{
	text-align:left;
	margin-left:20.1%;
	padding-left:20px;
	width:auto;
	position:relative;
	margin-top:-120px;
	text-shadow:rgba(0,0,0,0.2);
	background-image: -webkit-linear-gradient(top, rgba(250,250,250,0), rgba(0,0,0,0.2));
	background-image: -moz-linear-gradient(top,  rgba(250,0,250,0),  rgba(0,0,0,0.2));
	background-image: -o-linear-gradient(top, rgba(250,250,250,0), rgba(0,0,0,0.2));
	background-image: -ms-linear-gradient(top, rgba(250,250,250,0), rgba(0,0,0,0.2));	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(250,250,250,0)', endColorstr='rgba(0,0,0,0.2)');
	}
.memberPicBorder{
    margin-top:-80px;
	width:125px;
	height:125px;
	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;
	z-index:2;
}
.memberPic{
	top:.2px;
	left:.2px;
	width:120px;
	height:120px;
	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;
}
.memberInfo {
	width:98.8%;
	height:40px;
	position:relative;
	margin-top:2px;
	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;
	}
	/*//////////////////////////////////////////////////////////// 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;
	}
.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.3%;
	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:97.48%;
	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%;
	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.6%;
	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:-2%;
	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.25%;
	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:103.2%;
	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.23%;
	position:relative;
	background-color:#CCC;
	z-index:1;
}
.memFamilyPic_addKid{/*//////////////////// add kids //////////////////////////////////////*/
	top:250px;
	width:66px;
	height:66px;
	left:99.45%;
	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.45%;
	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.83%;
	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:-3.4%;
	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:103.2%;
	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.7%;
	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.2%;
	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.7%;
	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:.3%;
	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:.3%;
	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:104.09%;
	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.8%;
	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.77%;
	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: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;
}
.connection_grandMotherGrandFather_motherSide{/*//////////////////// grand father and grand mother, mother side of family connection //////////////////////////////////////*/
	top:619px;
	width:200px;
	height:40px;
      left:103.3%;
	  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.67%;
	position:relative;
	background-color:#CCC;
	z-index:1;
}
.memFamilyPic_grandFather_fatherSide{/*//////////////////// grand father, father side of family //////////////////////////////////////*/
	top:244px;
	width:66px;
	height:66px;
	left:97.6%;
	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.55%;
	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.09%;
	  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.7%;
	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:106.7%;
	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:105.18%;
	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:105.72%;
	  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:106.2%;
	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.73%;
	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.2%;
	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.72%;
	  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:103.22%;
	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:101.02%;
	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.49%;
	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:101.03%;
	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%;
	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:96.48%;
	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%;
	  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.05%;
	position:relative;
	background-color:#CCC;
	z-index:1;
}
 /*/////////////////////////////////////////////////////////////////////////////////////// spouse parent //////////////////////////////////////////////////////////////////////////////////*/
.memFamilyPic_spouseFather{
	top:-268px;
	width:66px;
	height:66px;
	left:96.15%;
	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:98.79%;
	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:96.72%;
	  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:97.95%;
	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:96%;
	width:96.2%;
	top:0;
	left:0;
border: 20px solid rgba(0, 0, 0, 0.5);
	border-radius: 20px;
	z-index:2;
	font-size:12px;
}
.display_photoPreview{
	max-height:300px;}
	.photo_preview{
	padding:10px;
		max-width:100%;
		min-height:300px;
		}
	/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#bgPopupboxPv{
	display:none;
	position:fixed;
	position:absolute;
	width:100%;
	height:300%;
	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:75%;
		}
.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>