body
{
    background: #fafcfd url(../images/bg.jpg) repeat-x left top;
    font-family: tahoma, sans-serif;
}
	
	#HeaderWrapper 	{ height: 210px; }
	.ie7 #HeaderWrapper 	{ position: relative; z-index: 2; }
	
		#SiteLogo	{ width: 233px; height: 141px; background: url(../images/logo.png) no-repeat 0 0; position: absolute; right: 25px; top: 10px; z-index: 5; }
		/*#Slogan {
    width: 379px;
    height: 174px;
    background: url(../images/promo.png) no-repeat 0 0;
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 2;
}*/
		.ie7 #Slogan { top: 17px; }

.clouds {
    width: 246px;
    height: 117px;
    background: url(../images/cloud.png) no-repeat 0 0;
    position: absolute;
    right: 251px;
    top: 47px;
    z-index: 2;
}
.toolsMenu {
    overflow: hidden;
    padding: 5px 10px;
    width: 133px;
    height: 52px;
    background: url(../images/languagebar1.png) no-repeat 0 0;
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 1;
}
            .toolsMenu li {
                float: left;
                padding-right: 3px;
            }
            .toolsMenu .lang {
                float: right;
                color: #703116;
            }


#dvsocialmedia {
    width: 250px;
    float: right;
    right: -46px;
    top: 154px;
    position: absolute;
}

.instaIcon {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/i1.png) no-repeat 0 0;
    border-radius: 4px;
}
.googlepIcon {
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 0px;
    background: url(../images/g1.png) no-repeat 0 0;
}

.facebookIcon {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/f1.png) no-repeat 0 0;
}
.twitterIcon {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/t1.png) no-repeat 0 0;
}

.tiktokInnericon {
    display: block;
    width: 25px;
    height: 25px;
    margin-top: 0px;
    background: url(../images/tiktok.png) no-repeat 0 0;
}
            
   .familyCounter
{
    position: absolute;
    left: 177px;
    top: 150px;
    font-size: 15px;
    padding: 2px 5px 2px 95px;
    font-weight: bold;
    z-index: 1;
    color: #703116;
}
		
		#RegistrationFormContainer
{
    position: absolute;
    right: 45px;
    top: 170px;
    width: 426px;
    direction: rtl;
    z-index: 99999999;
}
		.ie7 #RegistrationFormContainer
{
    z-index: 3;
}
		/*#RegistrationFormContainer h2
{
    position: relative;
    height: 27px;
    width: 230px;
    cursor: pointer;
    background: url(../images/registerLabel.png) no-repeat right top;
    margin-bottom: 2px;
    z-index: 3;
    border-bottom: 1px solid #ccc
}*/
		
		#RegistrationFormContainer #CloseForm
{
    position: absolute;
    width: 36px;
    height: 36px;
    left: 0;
    top: 0;
    display: block;
    background-image: url('../images/close.png');
    background-repeat: no-repeat;
    margin-top: -10px;
    margin-left: -10px;
    
}
		#RegistrationFormContainer #RegistrationForm 
{
    display: block;
    top: -15px;
    left: 10px;
    position: relative;
    width: 432px;
    margin: 0 auto;
    height: 280px; /*background: url(../images/register.png) no-repeat 0 0;*/
    display: none;
    z-index: 1;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 2px solid #8AC540;
    padding: 10px;
    margin: 15px 0 0 0;
    background: #fff; /* -- CSS3 - define rounded corners for the form -- */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; /* -- CSS3 - create a background graident -- */
    background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFFFFF));
    background: -moz-linear-gradient(0% 40% 90deg,#FFF, #EEE); /* -- CSS3 - add a drop shadow -- */
    -webkit-box-shadow: 0px 0 10px #ccc;
    -moz-box-shadow: 0px 0 10px #ccc;
    box-shadow: 0px 0 10px #ccc;
}
		#RegistrationFormContainer ul	{ overflow: hidden; padding: 34px 15px 0px; direction: rtl; }
		#RegistrationFormContainer li	{ float: right; }
		#RegistrationFormContainer li	{ width: 188px; background: url(../images/smalltext.jpg) no-repeat top right; font-size: 11px; padding: 5px 5px 7px; }
		#RegistrationFormContainer input	{ border: 0; background: transparent; }
		
		.radio, .button, #RegistrationForm .seperator		{ background: none!important; }
		#RegistrationFormContainer .seperator  { width: 390px!important; }
		.wide		{ width: 307px!important; background: url(../images/largetext.jpg) no-repeat top right!important; }
		.wide input	{ width: 90%; }
		
		.button			{ width: 63px!important; padding-top: 0!important; }
		/*.button button	{ width: 63px; background: transparent url(../images/register_button.jpg) no-repeat 0 0; border: 0; height: 25px; cursor: pointer; }*/
		
	#ContentWrapper 			{ background-color: #fafcfd; }
	.ie7 #ContentWrapper 	{ position: relative; z-index: 1; }
	
	#ContentWrapper .seperator	{ float: left; height: 290px; width: 2px; margin: 120px 17px 0; background: transparent url(../images/seperator.png) no-repeat 0 0; /*border-left: 1px solid #88a6c6; border-right: 1px solid #edf6ff;*/  }

		#SearchContainer
{
    float: left;
    width: 459px;
    /*padding-top: 151px;
    background: url(../images/tags.png) no-repeat center top;
*/}
			
       /*#SearchFormBlock
{
    position: relative;
    width: 459px;
    height: 76px;
    background: url(../images/searchbar.png) no-repeat 0 0;
    
}
           
           #SearchFormBlock input	{ direction: rtl; background-color: #fff; border: 0; position: absolute; width: 280px; left: 15px; top: 15px; font-size: 18px; padding: 4px 5px; }
			#SearchFormBlock button	{ position: absolute; width: 67px; height: 33px; border: 0; background: transparent; cursor: pointer; right: 67px; top: 15px; }
			.advanceSearchLink		{ position: absolute; width: 77px; height: 21px; left: 40px; bottom: 0; text-decoration: none; }*/
			
			#HighlightedFamilies	{ padding-top: 60px; }
			#HighlightedFamilies ul	{ overflow: hidden; }
			#HighlightedFamilies li	{ float: left; width: 133px; padding-left: 15px; }
			#HighlightedFamilies a	{ display: block; width: 133px; text-decoration: none; color: #7f8a2f; font-size: 12px; font-weight: bold; font-family: serif; text-align: center; }
			#HighlightedFamilies img	{ position: relative; z-index: 2; }
			#HighlightedFamilies span	{ position: relative; z-index: 1; top: 4px; left: 10px; display: block; margin: 0 14px; padding: 2px 5px 3px; background-color: #6f3116; -webkit-border-radius: 10px;  border-radius: 10px;color: rgb(250, 233, 233);}
			
		/*#KazaaChooser
{
    float: right;
    width: 450px;
    height: 379px;
    padding-top: 30px;
    background: url(../images/lebmap.png) no-repeat left bottom;
}*/
.mapDescription {
    direction: rtl;
    position: absolute;
    color: #703116;
    right: 10px;
    top: 210px;
    font-size: 14px;
    line-height: 1.5em;
}
                .mapDescription strong {
                    font-weight: bold;
                    font-size: 14px;
                }

#FooterWrapper {
    background: #fafcfd url(../images/footer_bg.jpg) repeat-x left bottom;
}
	.ie7 #FooterWrapper	{ position: relative; z-index: 3; }
		#FooterWrapper .container
{
    padding-bottom: 122px;
    background: #fafcfd url(../images/footer.png) no-repeat 0 0;
}

.treeleft {
    position: absolute;
    left: 1%;
    bottom: 40px;
    width: 172px;
    height: 178px;
    background: url(../images/tree.png) no-repeat 0 0;
}
		
		.footerMenu		{ position: absolute; left: 10px; bottom: 25px; color: #fff; }
		.footerMenu li 	{ display: inline; }
		.footerMenu a 	{ text-decoration: none; color: #fff; }
	
.container { position: relative; padding: 0 10px; width: 946px; margin: 0 auto; }


#reg_error
{
  
    height: 20px;
    line-height: 15px;
    margin: 10px 0 0;
    overflow: hidden;
    text-align: center;
    padding-top: 3px;
}



/* FAMILY TREE EXAMPLE */

.femalePortrait, .malePortrait { display: block; width: 158px; height: 95px; position: relative; }

.femalePortrait span, .malePortrait span { font-size: 13px; font-weight: bold; width: 85px; color: #fff; position: absolute; z-index: 2; display: block; right: 10px; top: 10px; }
.femalePortrait img, .malePortrait img { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }

.femalePortrait span	{ right: 10px; top: 10px; text-align: right; }
.malePortrait span	{ left: 10px; top: 10px; text-align: left; }

.nodeSeperator 	{ vertical-align: center; text-align: center; }
.rootSeperator 	{ vertical-align: center; text-align: center; }

.small .femalePortrait, .small .malePortrait { display: block; width: 79px; height: 47px; }
.small .femalePortrait span, .small .malePortrait span { font-size: 10px; width: 65px; }

.small .femalePortrait span	{ right:13px; top: 5px; }
.small .malePortrait span	{ left: 25px; top: 5px; }

.small .nodeSeperator img		{ width: 269px; }
.small .rootSeperator img		{ width: 58px; }


.medium .femalePortrait, .medium .malePortrait { display: block; width: 118px; height: 71px; }
.medium .femalePortrait span, .medium .malePortrait span { font-size: 12px; }

.medium .nodeSeperator img	{ width: 550px; }
.medium .rootSeperator img	{ width: 87px; }
/*	********************************************************************** */


    #FamilyPreview { position: relative; min-height: 350px; _height: 350px; }



#FamilyPreview h1
{
    text-align: right;
    background: transparent url(../images/familyLabel.png) no-repeat right top;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    height: 150px;
    padding-right: 30px;
    padding-top: 4px;
}

.familyTreeObj
{
    position: absolute;
    width: 140px;
    height: 165px;
    background: url(../images/tree-item.png) no-repeat 0 0;
    background-size: contain;
}
.familyTreeObj h3
{
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
    color: #fff;
}
.familyTreeObj h3 a
{

    color: #fff;
}
.familyTreeObj:hover .personInfo { display: block;}

.personInfo
{
    display: none;
    position: absolute;
    width: 127px;
    left:0px;
    top:0px;
    height: 118px;
    cursor: pointer;
    z-index: 999999999999999999;
}
/*.personInfo p { font-size: 10px; color: #703116; }
.personInfo .fullName { padding-right: 35px; padding-bottom: 20px; padding-top: 2px; }
.personInfo .fatherName { padding: 5px 0; border-bottom: 1px solid #b6b6b6; }
.personInfo .motherName { padding: 5px 0; }*/

.alltrees #ContentWrapper { min-height: 298px; background: #fff url(../images/body-bg-2.png) no-repeat bottom center; }
.alltrees #FooterWrapper { background-color: #e8f3d9; }
.alltrees #FooterWrapper .container { background-color: #e8f3d9; }

.alltrees	#SearchContainer 			{ width: 350px; padding-top: 0; background: none; }
.alltrees		#SearchFormBlock		{ width: 460px; height: 75px; background: url(../images/inner/searchbar-inner.png) no-repeat 0 0; }
.alltrees		#SearchFormBlock input	{ width: 207px; left: 15px;  font-size: 18px; padding: 0 5px; }
.alltrees		#SearchFormBlock button	{ height: 23px; right: 44px; }
.alltrees		.advanceSearchLink		{ left: 24px; }

.alltrees #FooterWrapper .container	{ background: none!important; }


#LocationHeader { position: relative; }
#LocationHeader  h2 				{ float: right; height: 50px; background: url(../images/inner/header-shadow.png) no-repeat bottom right; }
#LocationHeader  h2 .label 			{ float: right; padding: 7px 12px 6px 50px; font-size: 15px; font-weight: bold; background-color: #8ac540; color: #fff; }
#LocationHeader  h2 .resultCounter 	{ float: right; font-size: 13px; color: #703116; padding: 6px 12px 6px 12px; }

.withBorder	{ display: block; background: url(../images/location/line.jpg) no-repeat bottom center; }

	#PreviewHeader	{ position: relative; font-size: 13px; font-weight: bold; color: #703116; width: 958px; min-height: 91px; _height: 91px; margin: 0 auto; background: url(../images/view/view_header.png) no-repeat 0 0; }
	#PreviewHeader	.personPortrait 			{ position: absolute; right: 15px; top: 5px; z-index: 3; }
	#PreviewHeader	.personName 				{ position: absolute; right: 110px; top: 7px; }
	#PreviewHeader	.personBirthLocation	{ position: absolute; right: 250px; top: 5px; }
	#PreviewHeader	.personBirthDate		{ position: absolute; right: 250px; top: 35px; }
	#PreviewHeader	.personLocation			{ position: absolute; right: 580px; top: 5px; font-weight: normal; }



	#UserTools		{ width: 958px; position: relative; z-index: 1; top: -28px; }
	#UserTools ul 	{ background-color: #703116; overflow: hidden; direction: ltr; padding-right: 125px; }
	#UserTools ul li	{ float: right; padding-right: 25px; }
	#UserTools ul a	{ text-decoration: none; color: #fff; font-size: 12px; font-weight: bold; display: block; padding: 10px 0; padding-right: 42px; }
	
	#UserTools ul li.toolEditButton a		{ background: url(../images/view/button_edit.png) no-repeat right center; }
	#UserTools ul li.photoButton a		{ background: url(../images/view/button_addphoto.png) no-repeat right center; }
	#UserTools ul li.occasionButton a	{ background: url(../images/view/button_addoccasion.png) no-repeat right center; }
	#UserTools ul li.searchButton a	{ background: url(../images/view/button_similarlocation.png) no-repeat right center; }
	#UserTools ul li.returnButton a	{ background: url(../images/view/button_return.png) no-repeat right center; }
	
	#UserTools .closeButton { display: block; width: 958px; height: 10px; background: url(../images/view/tools-arrows.jpg) no-repeat center bottom; }

	.zoomingTool		{ width: 98px; height: 42px; background: url(../images/zooming.png) no-repeat 0 0; position: absolute; left: 470px; top: 10px; }
	.zoomingTool a		{ display: block; width: 23px; height: 23px; position: absolute; bottom: 0; }
		.zoomIn			{ right: 0; }
		.zoomOut		{ left: 0; }
	


#LoginFormContainer { width: 330px; margin: 0 auto; text-align: center; padding: 35px 0; }
#LoginFormContainer .textbox { margin: 10px 0; background: url(../images/textbox.jpg) no-repeat 0 0; width: 312px; height: 29px; }
#LoginFormContainer .textbox input[type=text] { border: 0; background-color: transparent; width: 90%; padding: 6px 10px; color: #636465; }
#LoginFormContainer p	{ padding: 15px 0 25px;  }
#LoginFormContainer p, #LoginFormContainer p a  { color: #8ac540; text-decoration: none; }
#LoginFormContainer button { display: block; width: 74px; height: 28px; background: url(../images/loginButton.jpg) no-repeat 0 0; border: 0; cursor: pointer; margin: 0 auto; }

#RegisterFormContainer form 	{ display: block; top: -15px; left: 10px; position: relative; width: 632px; margin: 0 auto; z-index: 2; }
#RegisterFormContainer ul	{ overflow: hidden; padding: 34px 15px 0px; direction: rtl; }
#RegisterFormContainer li	{ float: right; }
#RegisterFormContainer li	{ width: 273px; background: url(../images/textbox.small.jpg) no-repeat top right; font-size: 11px; padding: 5px 0 5px 25px; }
#RegisterFormContainer input[type=text]	{ border: 0; background: transparent; width: 90%; padding: 4px 10px 10px; color: #636465; }
#RegisterFormContainer .wide	{ width: 574px!important; background: url(../images/textbox.big.jpg) no-repeat top right!important; }
#RegisterFormContainer .button  { float: left; }
/*#RegisterFormContainer .button button	{ width: 73px; background: transparent url(../images/registerButton.png) no-repeat 0 0; border: 0; height: 28px; cursor: pointer; float: left; }*/
#RegisterFormContainer .seperator  { width: 90%!important; height: auto!important; }
#RegisterFormContainer .seperator hr { margin: 0; margin-bottom: 15px; border: 1px solid #929090; }
















/*   ---------------------------------------------     Modal             --------------------------------------------------    */

    
/*.modal{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1050;
	display:none;
	overflow:hidden;
	-webkit-overflow-scrolling:touch;
	outline:0
}

.modal.fade .modal-dialog{
	-webkit-transition:-webkit-transform .3s ease-out;
	-o-transition:-o-transform .3s ease-out;
	transition:transform .3s ease-out;
	-webkit-transform:translate3d(0,-25%,0);
	-o-transform:translate3d(0,-25%,0);
	transform:translate3d(0,-25%,0)
}

.modal.in .modal-dialog{
	-webkit-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}

.modal-open .modal{
	overflow-x:hidden;
	overflow-y:auto
}

.modal-dialog{
	position:relative;
	width:auto;
	margin:10px
}

.modal-content{
	position:relative;
	background-color:#fff;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	border:1px solid #999;
	border:1px solid rgba(0,0,0,.2);
	border-radius:6px;
	outline:0;
	-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
	box-shadow:0 3px 9px rgba(0,0,0,.5)
}

.modal-backdrop{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1040;
	background-color:#000
}

.modal-backdrop.fade{
	filter:alpha(opacity=0);
	opacity:0
}

.modal-backdrop.in{
	filter:alpha(opacity=50);
	opacity:.5
}

.modal-header{
	min-height:16.43px;
	padding:15px;
	border-bottom:1px solid #e5e5e5
}

.modal-header .close{
	margin-top:-2px
}

.modal-title{
	margin:0;
	line-height:1.42857143
}

.modal-body{
	position:relative;
	padding:15px
}

.modal-footer{
	padding:15px;
	text-align:right;
	border-top:1px solid #e5e5e5
}

.modal-footer .btn+.btn{
	margin-bottom:0;
	margin-left:5px
}

.modal-footer .btn-group .btn+.btn{
	margin-left:-1px
}

.modal-footer .btn-block+.btn-block{
	margin-left:0
}

.modal-scrollbar-measure{
	position:absolute;
	top:-9999px;
	width:50px;
	height:50px;
	overflow:scroll
}

@media (min-width:768px){
	.modal-dialog{
		width:600px;
		margin:30px auto
	}

	.modal-content{
		-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);
		box-shadow:0 5px 15px rgba(0,0,0,.5)
	}

	.modal-sm{
		width:300px
	}

}

@media (min-width:992px){
	.modal-lg{
		width:900px
	}

}





.form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{
	display:table;
	content:" "
}

.modal-footer:after{
	clear:both
}*/