@charset "utf-8";
/* CSS Document */
*{outline:none;}
body{
margin:0;
padding:0;
font-family:arial;
font-size:12px;
line-height:18px;
background:#f8f8f8 url(../images/main_bg_tree.jpg) repeat-x left top;
}
a{ color:#087c02; outline:0; text-decoration:none;}
a:hover{ color:#666b3b; outline:0; text-decoration:underline;}
h1, h2,  h3, h4, h5, h6, form, ul, li{ padding:0; margin:0;}
form{margin:0; padding:0}
h1{ font-size:18px; color:#666B3B;}
h2{ font-size:14px; color:#666B3B;}
h3{ font-size:12px; color:#666B3B;}
#mainnav a{
display:inline;
padding:8px 6px;
color:#000000;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#mainnav a:hover{

background:url(../images/oc_07.jpg) no-repeat center bottom;
}

#mainnav a.mainnav_act, #mainnav a.mainnav_act:hover{
background:url(../images/oc_07.jpg) no-repeat center bottom;
color:#FFFFFF;
text-decoration:none;
}


#submenu a{
color:#6e6e6d;
text-decoration:none;
display:inline;
margin:0 9px;
font-size:11px;
font-weight:bold;
border-bottom:#6e6e6d 1px solid;
padding:5px 0;

}

#submenu a:hover, #submenu a.submenuact{
color:#000;
border-bottom:#000 1px solid;
}

.otherlink, .otherlink a{
color:#2c427c;
font-size:11px;
text-decoration:none;
font-weight:bold;
}

.otherlink a:hover{
border-bottom:#2c427c 1px dashed;
padding-bottom:2px;
text-decoration:none;
color:#666b3b;
}


#loginlink{
margin:0 5px;
background:url(../images/oc_20.jpg) repeat-x;
line-height:36px;
margin-bottom:3px;
height:36px;
padding-left:10px;
font-weight:bold;
font-size:11px;
}

#loginlink a{
display:block;
line-height:36px;
padding:0 8px;
color:#6e6e6d;
text-decoration:none;
float:left;
margin:0 3px;
}

#loginlink a:hover, #loginlink a.active{
background:url(../images/oc_21.jpg) repeat-x;
color:#000;
}

/* css added for skinning */
.content-wrapper{ background:#fff; padding:5px 0;}
.home-wrap{ border:1px solid #ccc;}
.home-search{ padding:5px 75px 5px 5px; background:url(../images/tree-lt.jpg) no-repeat right bottom; height:170px; width:550px;}
.home-about{ padding:5px 5px 5px 100px; background:url(../images/tree-rt.jpg) no-repeat left bottom; }
.search-box{ background:#f4f4f4; padding:10px; border:1px solid #f2f2f2; width:400px;}
.top-menu{ background:#fff; padding:5px;}
#footer{ background:#fff; padding:0 10px; background:url(../images/footer-t.jpg) repeat-x left top; border-top:1px solid #9f9f9d; height:30px;}

.msg{background:url(../images/msgs.gif) no-repeat left top; color:#006f9c;}
.info{background:url(../images/msgs.gif) no-repeat left -25px; color:#ff9600;}
.alert{background:url(../images/msgs.gif) no-repeat left -50px; color:#fd0000;}
.msg, .info, .alert{ text-indent:30px; height:25px; line-height:25px;}
.info-t{color:#ff9600; font-weight:bold;}
.image img{ background:#fff; border:1px solid #f2f2f2; padding:2px;}
.page{ background:url(../images/titles.jpg) repeat-x left -250px; height:25px; line-height:25px; padding:0 10px; word-spacing:2px; font:normal 11px verdana;}
.page a{ background:#fff; padding:2px 5px; text-decoration:none; color:#087c02; border:1px solid #666; line-height:18px;}
.page a:hover{ background:#f2f2f2; text-decoration:none; color:#666b3b;}
.title1{ background: url(../images/titles.jpg) repeat-x left top; line-height:25px; padding-left:10px; height:25px;}
.box{ border:1px solid #ccc;}
.box table{border-collapse:collapse;}
.tabs{ padding:5px; text-align:left;}
.tabs a{ text-decoration:none; background: url(../images/titles.jpg) repeat-x left -50px; padding:5px; border:1px solid #ccc; font-weight:bold; font-size:11px;}
.tabs a:hover{ text-decoration:none; background: url(../images/titles.jpg) repeat-x left -220px; padding:5px; border:1px solid #ccc; color:#000;}
.nodes{ border:1px solid #ccc; background:#f2f2f2;}
.nodes img{ float:left; margin-right:5px;}
.nodes div{ float:left; text-align:left;}
.head{ background:url(../images/titles.jpg) repeat-x left top; line-height:25px; padding:0 5px; font-weight:bold;}
.spacer{ height:8px; line-height:8px; font-size:1px;}
.num{ background:#f2f2f2; border:1px solid #ccc; padding:2px 5px; margin-right:5px; line-height:25px; font-weight:bold;}
#ScrollingLoginDIV{ padding:10px; background:#f2f2f2; width:300px; border:1px solid #ccc;}
#TheTree a{ text-decoration:none; color:#fff;}
#TheTree a:hover{ color:#000;}
#IndexForFullFamilyTree{ background:#f2f2f2; border:1px solid #ccc; padding:5px; text-align:left; line-height:18px;}
#InfoNFather{background:#f2f2f2; border:1px solid #ccc; padding:5px; text-align:left; line-height:18px;}
#IndexForFullFamilyTree h3, #InfoNFather h3{ border-bottom:1px solid #ccc;}
#InfoNFather img{ background:#fff; padding:1px; border:1px solid #000; margin-top:2px;}
.FirstLevelContent img, .SecondLevelContent img, .ThirdLevelContent img{border:1px solid #fff;}
.login{ border:1px solid #ccc; padding:10px;}
.login legend{ padding:5px; color:#000; background:#f2f2f2; font-weight:bold; text-transform:uppercase; letter-spacing:1px; color:#666B3B;}
/* css of tree attachment */
h2.header{color:#666B3B;  margin:0; padding:0;}
br{clear:both;}
a img{border:none;}
/* CSS Curve with border */
#xsnazzy { position:relative; width:805px; height:600px; }
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 10px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2em; }
#xsnazzy h2 {font-size:1.5em; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.xb1 {margin:0 5px; background:#ccc;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block;background:#fff; border:0 solid #ccc; border-width:0 1px;}

/*white background*/
#TheTreeContainer{ height:720px;}
#TheTreeContainer .xb2, #TheTreeContainer .xb3, #TheTreeContainer .xb4 {background:#FFFFFF;}
#TheTreeContainer .xboxcontent {background:#FFFFFF;}

/*#ffffcd background*/
#TheRootTreeContainer .xb2, #TheRootTreeContainer .xb3, #TheRootTreeContainer .xb4 {background:#fff;}
/* Curve with border ends here */
#main_div{width:100%; height:100%; position:absolute; z-index:7; display:none; filter:alpha(opacity=50); opacity:0.5; background:#000;}
#myform_div{width:400px; position:absolute; z-index:8; display:none; background:#FFFFFF; border:1px solid #333; top:100px; left:200px; padding:10px;}
#ancestry_container{width:800px; height:500px; position:relative; z-index:1; text-align:left;}
#ancestry_container img{ border:1px solid #fff; border-right:1px solid #000; background:#fff; padding-right:1px; }
.disabled{background:#999999; width:180px; height:38px; border:#000 1px solid; position:absolute; filter:alpha(opacity=25); opacity:0.25; }
.inactive{background:#d2d2d2; width:180px; height:38px; border:#000 1px solid; position: absolute;filter:alpha(opacity=75); opacity:0.75; }
.inactive a{ text-decoration:none; text-transform:uppercase; color:#000000; background:url(../images/btnBg.gif) 20px 5px no-repeat; display:block; line-height:38px; padding-left:35px; }
.inactive a:hover, .spouse_box a:hover{ background-position:20px -29px; color:#333333;  }
.active{background:#FFFFFF; width:180px; height:38px; border:#000 1px solid; position:absolute; }
.spouse_box {position:absolute; width:180px;}

/*Full Preview*/
#Connector{position:absolute; left: 90px; top: 57px;}

#TheTree {
filter:alpha(opacity=90); opacity:0.9; -moz-user-select:none;
}

#Gamala {
	position:absolute;
	width:140px;
	height:140px;
	z-index:1;
	left: 327px;
	top: 528px;
	font-size:1.2em;
	color:#000;
	font-weight:600;
	letter-spacing:0.1em;
	text-align:center;
}

.Spouse {
	position:absolute;
	width:170px;
	height:115px;
	z-index:2;
	left: 408px;
	top: 476px;
}

.NextSpouse{
	position:absolute;
	top:111px;
	left:135px;
}

.Myself {
	position:absolute;
	width:170px;
	height:115px;
	z-index:2;
	left: 230px;
	top: 476px;	
}

.Child1 {
	position:absolute;
	width:127px;
	height:91px;
	z-index:2;
	left: 76px;
	top: 273px;
}

.Child2 {
	position:absolute;
	width:127px;
	height:91px;
	z-index:2;
	left: 482px;
	top: 272px;
}

.Child1Spouse {
	position:absolute;
	width:127px;
	height:91px;
	z-index:2;
	left: 203px;
	top: 273px;
}

.Child2Spouse {
	position:absolute;
	width:127px;
	height:91px;
	z-index:2;
	left: 609px;
	top: 271px;
}

.Child1Child2Child1 {
	position:absolute;
	width:91px;
	height:62px;
	z-index:2;
	left: 178px;
	top: 37px;
}

.Child1Child2Child1Spouse1 {
	position:absolute;
	width:91px;
	height:62px;
	z-index:2;
	left: 296px;
	top: 37px;
}

.Child1Child1 {
	position:absolute;
	width:91px;
	height:62px;
	z-index:2;
	left: 14px;
	top: 147px;
}

.Child1Child2 {
	position:absolute;
	width:91px;
	height:62px;
	z-index:2;
	left: 207px;
	top: 146px;
}

.Child1Child1Spouse {
	position:absolute;
	width:91px;
	height:62px;
	z-index:2;
	left: 104px;
	top: 145px;
}

.Child1Child2Spouse {
	position:absolute;
	width:91px;
	height:62px;
	z-index:2;
	left: 297px;
	top: 145px;
}

.Child2Child1 {
	position:absolute;
	width:91px;
	height:62px;
	z-index:2;
	left: 419px;
	top: 147px;
}

.Child2Child2 {
	position:absolute;
	width:91px;
	height:62px;
	z-index:2;
	left: 612px;
	top: 145px;
}

.Child2Child1Spouse {
	position:absolute;
	width:91px;
	height:62px;
	z-index:2;
	left: 508px;
	top: 145px;
}

.Child2Child2Spouse {
	position:absolute;
	width:91px;
	height:62px;
	z-index:2;
	left: 701px;
	top: 145px;
}

.Child2Child1Child1 {
	position:absolute;
	width:91px;
	height:62px;
	z-index:2;
	left: 419px;
	top: 37px;
}

.Child2Child1Child1Spouse {
	position:absolute;
	width:91px;
	height:62px;
	z-index:2;
	left: 537px;
	top: 37px;
}

.FirstLevelContent {
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	top:20px;
	left:0;
	font-size:1.3em;
	color:#FFFFFF;
}

.SecondLevelContent {
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	top:13px;
	left:0;
	font-size:1em;
	color:#FFFFFF;
	letter-spacing:0.1em;
}

.ThirdLevelContent {
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	top:5px;
	left:1px;
	font-size:0.8em;
	letter-spacing:0.1em;
	color:#FFFFFF;	
}

#MyLevel a.aNode{
	text-decoration:none;	
	cursor:pointer;
	display:block;
}

#MyLevel a.aNode:hover *{
	filter:alpha(opacity=30); opacity:0.3; -moz-user-select:none;
	background:none;
}


/*Ancestry Tree*/
#TheRootTreeContainer #xsnazzy{
	height:600px;
	-moz-user-select:none;
}

#TheRootTreeContainer .xboxcontent{
	background:url(../images/gamala.gif) no-repeat 327px top #fff;
	-moz-user-select:none;	
}

#TheRootTree{
	background:url(../images/rootBg.gif) no-repeat center 100px;
	-moz-user-select:none;
}

.FatherBox{
	height:79px;
	width:78px;	
	border:1px solid #FFFFFF;
	text-align:center;
	color:#fff;
	line-height:18px;
}

#TheRootTree img{ margin-top:5px; border:1px solid #000000;}


.NoInfo{
	height:79px;
	width:78px;	
	border:1px solid #999999;
	background:url(../images/no-info.JPG) no-repeat 10px 10px;
	filter:alpha(opacity=40);		
	opacity:0.4;
}

.MotherBox{
	height:79px;
	width:78px;
	border:1px solid #fff;
	text-align:center;
	color:#fff;
	line-height:18px;
}

#TheRootTree a{
	text-decoration:none;
	color:#ffcc00;
	font-size:1.1em;
}

#TheRootTree a:hover{
	color:#fff;
}

#Myself{
	position:absolute;
	left:372px;
	top:33px;
	width:60px;
}

#MyMom {
	position:absolute;
	z-index:1;
	left: 455px;
	top: 151px;
}

#MyDad {
	position:absolute;
	z-index:1;
	left: 269px;
	top: 151px;
}

#MyDadsMom {
	position:absolute;
	z-index:1;
	left: 229px;
	top: 315px;
}

#MyMomsMom {
	position:absolute;
	z-index:1;
	left: 631px;
	top: 315px;
}

#MyDadsDadsMom {
	position:absolute;
	z-index:1;
	left: 107px;
	top: 485px;
}

#MyDadsMomsMom {
	position:absolute;
	z-index:1;
	left: 294px;
	top: 485px;
}

#MyMomsDadsMom {
	position:absolute;
	z-index:1;
	left: 525px;
	top: 485px;
}

#MyMomsMomsMom {
	position:absolute;
	z-index:1;
	left: 711px;
	top: 485px;
}

#MyMomsDad {
	position:absolute;
	z-index:1;
	left: 495px;
	top: 315px;
}

#MyDadsDad {
	position:absolute;
	z-index:1;
	left: 94px;
	top: 315px;
}

#MyDadsDadsDad {
	position:absolute;
	z-index:1;
	left: 13px;
	top: 485px;
}

#MyDadsMomsDad {
	position:absolute;
	z-index:1;
	left: 200px;
	top: 485px;
}

#MyMomsDadsDad {
	position:absolute;
	z-index:1;
	left: 431px;
	top: 485px;
}

#MyMomsMomsDad {
	position:absolute;
	z-index:1;
	left: 617px;
	top: 485px;
}

#MyInfoBox {
	position:absolute;
	z-index:1;
	left: 624px;
	top: 15px;
}
#MyInfoBox h2{ font-size:12px; text-align:left;}

.Information{background:#f2f2f2; border:1px solid #ccc; padding:5px; text-align:left;}

.MainSpouseBox{height:130px; position:absolute; width:200px; top:22px; left:9px;}

#MySpouseNChildren{background:#f2f2f2; padding:5px; height:100%; overflow:auto; color:#000; border:1px solid #ccc; line-height:18px;}
#MySpouseNChildren img{ background:1px solid #fff; padding:1px; border:2px solid #999;}
#MySpouseNChildren a{ color:#087c02;}
#MySpouseNChildren a:hover{ color:#000;}