/*body styles*/
html body { width: 760px !important;
	margin: 80px 0 0;
	padding: 0;
	* display: block;
	* width: 100%;
	}
.g_box2 {border-color: #fff;
padding: 0;
position: relative;
* display: block; 
}	
	
/* Tree Container */

.s_treeContainer {position: relative; width: 100%; z-index: 1; height: 720px; * display: block; }
	.s_treeContainer img {border: 0; top: 850px; vertical-align: text-bottom;}
	.s_treeContainer h1 { border: 0; font-size: 14px; color: #000;}	
	.s_treeContainer h2 { border: 0 none;}		
	.s_treeContainer ul { margin: 0; padding: 0; list-style: none;}
	.s_treeContainer  li {font-size: 10px!important; margin: 0; padding: 0;}

/* Pedigree Slots */
#person  { position: relative; padding: 3px 0 5px 4px; border: 1px solid; font-size: 10px; z-index: 1; * display: block; }

/* CSS Document */
@media print {
  * {
  background-color: white !important;
  background-image: none !important;
  }
}
html body {padding: 0; }

.g_outerBox {background-color: transparent; 
	margin: 0 10px;
	padding: 0; 
	* display: block; }
	
#logo { position: absolute;
	left: 0;
	bottom: 20px;
	z-index:100;}
.s_slot { position: absolute; 
	display: block; 
	padding: 3px 0 3px 4px; 
	border: 1px solid;
	font-size: 10px!important; 
	overflow: hidden; 
	white-space: nowrap;
	height: auto;
	color: #000 !important;
	background-image: none;
	* display: block; 
}

/* Pedigree Lines */
	.gen3ln {position: absolute; width: 2%; left: 22%; * display: block; }	
	.gen4ln {position: absolute; width: 34px; left: 285px; * left: 298px; * display: block; }	
	.gen5ln {position: absolute; width:10px; height: 50px; margin-left: -7px; left: 70.6%; * left: 72.6%; * width:6px; * display: block; }
	.gen5ln div {position: relative; border: 1px solid; border-width: 1px 0 0; width: 21px; margin: 24px 0 0 -21px; * display: block; * position: absolute; }	

	/* pedigree lines done with borders */	
	#ln1, #ln2, #ln3, #ln4, #ln5, #ln6, #ln7, 
	#ln1b, #ln2b, #ln3b, #ln4b, #ln5b, #ln6b, #ln7b, 
	#ln8, #ln9, #ln10, #ln11, #ln12, #ln13, #ln14, #ln15 {
		background-image: none; border-style: solid; * display: block; }
	/* borders for father pedigree lines */	
	#ln1, #ln2, #ln3, #ln4, #ln5, #ln6, #ln7 {
		border-width: 1px 0 0 1px; }
	/* borders for mother pedigree lines */	
	#ln1b, #ln2b, #ln3b, #ln4b, #ln5b, #ln6b, #ln7b {
		border-width: 0 0 1px 1px; }
	/* borders for 5th generation pedigree lines */	
	#ln8, #ln9,#ln10, #ln11, #ln12, #ln13, #ln14, #ln15 { border-width: 1px 0 1px 1px; }
	
	#ln1 {top: 178px; height: 204px; position: absolute; width: 2%; left: 6%;}	
	#ln1b {top: 439px; height: 203px; position: absolute; width: 2%; left: 6%;}
	#ln2 {top: 68px; height: 80px;} /* 56, 82 */
	#ln2b {top: 206px; * top: 209px; height: 92px;} /* 200, 96 */
	#ln3 {top: 530px; height: 89px;} /* 538, 91 */
	#ln3b {top: 665px; * top: 668px; height: 100px;} /* 677, 102 */
	
	#ln4 {top: 7px; height: 32px;} /* -9 + 16, 34 - 2 */
	#ln4b {top: 96px; * top: 99px; height: 27px;} /* 86 + 10, 27 */
	#ln5 {top: 240px; height: 37px;} /* 232 + 8, 39 - 2 */
	#ln5b {top: 323px; * top: 326px; height: 32px;} /* 319 + 4, 34 - 2 */
	#ln6 {top: 470px; height: 32px;} /* 474 - 4, 34 - 2 */
	#ln6b {top: 560px; * top: 563px; height: 26px;} /* 570 - 8, 28 - 2 */
	#ln7 {top: 706px; height: 36px;} /* 716 - 10, 39 */
	#ln7b {top: 787px; * top: 790px; height: 32px;} /* 803 - 16, 34-2 */
	
	#ln8 {top: -19px;} /* -35 + 16 */
	#ln9 {top: 99px;} /* 87 + 12 */
	#ln10 {top: 214px;} /* 206 + 8 */
	#ln11 {top: 331px;} /* 327 + 4 */
	#ln12 {top: 444px;} /* 448 - 4 */
	#ln13 {top: 564px;} /* 572 - 8 */
	#ln14 {top: 678px;} /* 690 - 12 */
	#ln15 {top: 795px;} /* 811 - 16 */
	/*slots positions*/
	#person, #slot_1, #slot_3, #slot_7, #slot_8, #slot_15, #slot_16, #slot_17, #slot_18 { background-image: none;
/*	border-color: #074fa0;*/
		}	
	#slot_4, #slot_9, #slot_19, #slot_10, #slot_20, #slot_21, #slot_22 { background-image: none; 
/*	border-color: #00a650;*/
		}	
	#slot_2, #slot_5, #slot_11, #slot_12, #slot_23, #slot_24, #slot_25, #slot_26 { background-image: none; 
/*	border-color: #e6510b;*/
		}	
	#slot_6, #slot_13, #slot_14, #slot_27, #slot_28, #slot_29, #slot_30 { background-image: none;
/*	border-color: #ECAC13;*/
		}		
	#person { top: 306px; left: 0%; width: 250px; * display: block; }
	#slot_1, #slot_2 {left: 8%; width: 228px;}
	#slot_1 {top: 149px;} /* 139 + 10 */
	#slot_2 {top: 620px;} /* 630 - 10 */
	
	#slot_3, #slot_4, #slot_5, #slot_6 {left: 24%; width: 190px;}
	#slot_3 {top: 39px;} /* 25 + 14 */
	#slot_4 {top: 278px;} /* 272 + 6 */
	#slot_5 {top: 503px;} /* 509 - 6 */
	#slot_6 {top: 742px;} /* 756 - 14 */
	
	#slot_7, #slot_8, #slot_9, #slot_10, #slot_11, #slot_12, #slot_13, #slot_14  {left: 43.2%; * left: 45.2%; width: 170px;}
	#slot_7 {top: -23px; * top: -26px; } /* -39 + 16 */
	#slot_8 {top: 101px; * top: 104px;} /* 89 + 12 */
	#slot_9 {top: 210px;} /* 202 + 8 */
	#slot_10 {top: 333px;} /* 329 + 4 */
	#slot_11 {top: 440px; * top: 436px;} /* 444 - 4 */
	#slot_12 {top: 566px; * top: 570px;} /* 574 - 8 */
	#slot_13 {top: 674px;} /* 686 - 12 */
	#slot_14 {top: 797px;} /* 813 - 16 */
	
	#slot_15, #slot_16, #slot_17, #slot_18, #slot_19, #slot_20, #slot_21, #slot_22, 
	#slot_23, #slot_24, #slot_25, #slot_26, #slot_27, #slot_28, #slot_29, #slot_30 {left: 71%; * left: 73%; width: 170px;}
	#slot_15 {top: -44px;} /* -60 + 16 */
	#slot_16 {top: 9px;} /* -7 + 16 */
	#slot_17 {top: 75px;} /* 63 + 12 */
	#slot_18 {top: 128px;} /* 116 + 12 */
	#slot_19 {top: 190px;} /* 182 + 8 */
	#slot_20 {top: 243px;} /* 235 + 8 */
	#slot_21 {top: 307px;} /* 303 + 4 */
	#slot_22 {top: 360px;} /* 356 + 4 */
	#slot_23 {top: 420px;} /* 424 - 4 */
	#slot_24 {top: 473px;} /* 477 - 4 */
	#slot_25 {top: 540px;} /* 548 - 8 */
	#slot_26 {top: 593px;} /* 601 - 8 */
	#slot_27 {top: 654px;} /* 666 - 12 */
	#slot_28 {top: 707px;} /* 719 - 12 */
	#slot_29 {top: 771px;} /* 787 - 16 */
	#slot_30 {top: 824px;} /* 840 - 16 */
.print_btn { background: #efefef url(../../trees/i/pt/print_16.gif) no-repeat  5px center;
	padding: 3px 5px 3px 25px;	
	position: relative; 
	top: -60px; 
	border: 2px solid #d9d9d9;
	border-color: #d9d9d9 #777 #777 #d9d9d9;	
	margin: 0 0 5px;
	color: #fff; 
	text-decoration: none;
	font-size: 12px;
	}
