/* Use this stylesheet to customize the display of your site.
To learn more about CSS visit http://www.w3.org/TR/REC-CSS2/
*/
.something {
	/*empty style to make sure that the BODY style is not ignored */
}

BODY {
	COLOR: #000000; 
	background-color: #F1F5FF; 
	font-family: Arial, sans-serif; 
	font-size: 12px; }
A { 
	COLOR: #555566; 
	text-decoration: none; 
	font-family: Arial, sans-serif; }
A:hover	{ 
	COLOR: #000000; 
	text-decoration: underline; }
TH { 
	font-weight: 100; }
.header_table {
	background-color: #B1CFF0;
	border: ridge #B1CFF0 5px;
}
.person_box {
	background-color: #B1CFF0;
	border: ridge #A1BFE0 1px;
	}
.person_boxF {
        background-color: #B1CFF0;
        border: ridge #A1BFE0 1px;
        }
.list_table {
}
.list_label {
	COLOR: #333333; 
	background-color: #A1BFE0;
	font-family: Arial, sans-serif; 
	font-size: 12px; 
	text-align: center; }
.list_value {
	background-color: #B1CFF0;
	COLOR: #000000; 
	border: ridge #A1BFE0 2px;
	font-family: Arial, sans-serif; 
	font-size: 12px; 
	vertical-align: top;
	text-align: left;
	}
.list_item {
	font-size:10px;
	/* white-space: nowrap; */
}
.about {
	COLOR: #3F3F3F; 
	background-color: #F1F5FF; 
	font-family: Arial, sans-serif; 
	font-size: 12px; }
}
.about_link { 
	COLOR: #0000FF; 
	font-family: Arial, sans-serif; }
.about_bold { 
	COLOR: #000000; 
	background-color: #D1D1FF;
	font-family: Arial, sans-serif; }
.facts_table {
	width: 100%;
	}
.facts_label {
	COLOR: #333333; 
	background-color: #A1BFE0;
	font-family: Arial, sans-serif; 
	font-size: 14px; 
	padding: 4px 4px 4px 4px; 
	width: 20%; 
	text-align: center; }
.facts_value {
	background-color: #B1CFF0;
	COLOR: #000000; 
	border: solid #A1BFE0 1px;
	font-family: Arial, sans-serif; 
	font-size: 14px; 
	padding: 4px 4px 4px 4px; }
.facts_labelred {
	COLOR: #333333; 
	background-color: #A1BFE0;
	border: solid red 2px;
	font-family: Arial, sans-serif; 
	font-size: 14px; 
	padding: 4px 4px 4px 4px; 
	width: 20%; 
	text-align: center; }
.facts_valuered {
	background-color: #B1CFF0;
	COLOR: #000000; 
	border: solid red 2px;
	font-family: Arial, sans-serif; 
	font-size: 14px; 
	padding: 4px 4px 4px 4px; }
.facts_labelblue {
	COLOR: #333333; 
	background-color: #A1BFE0;
	border: solid blue 2px;
	font-family: Arial, sans-serif; 
	font-size: 14px; 
	padding: 4px 4px 4px 4px; 
	width: 20%; 
	text-align: center; }
.facts_valueblue {
	background-color: #B1CFF0;
	COLOR: #000000; 
	border: solid blue 2px;
	font-family: Arial, sans-serif; 
	font-size: 14px; 
	padding: 4px 4px 4px 4px; }
.tabs_table {
	width: 95%;
	}
.tab_cell_active {
	background-color: white;
	border-left: outset #A1BFE0 2px;
	border-top: outset #A1BFE0 2px;
	border-right: outset #A1BFE0 2px; 
	text-align: center; 
	font-weight: bold; 
	font-size: 10pt; }
.tab_cell_inactive {
	background-color: #B1CFF0;
	border-left: solid #A1BFE0 2px;
	border-top: solid #A1BFE0 2px;
	border-right: outset #A1BFE0 2px; 
	text-align: center; 
	font-weight: bold; 
	font-size: 10pt; }
.tab_active_bottom {
	border-top: none; 
	border-bottom: none;
	border-left: none;
	border-right: none; 
	height: 5px; }
.tab_inactive_bottom {
	border-left: none; 
	border-right: none; 
	border-top: outset #A1BFE0 2px; 
	height: 5px; }
.tab_inactive_bottom_right {
	border-left: none; 
	border-right: none; 
	border-top: outset #A1BFE0 2px; 
	width: 33%; 
	height: 5px; }
.name1 { 
	COLOR: #333333; 
	FONT: bold 10px verdana, helvetica, arial, sans-serif; }
.details1 { 
	FONT: 10px times, times new roman, serif; 
	text-decoration: none; }
.name2 { 
	COLOR: #333333; 
	FONT: bold 12px verdana, helvetica, arial, sans-serif; }
.details2 { 
	FONT: 12px times, times new roman, serif; 
	text-decoration: none; }
.nameZoom { 
	COLOR: #333333; 
	FONT: bold 14px verdana, helvetica, arial, sans-serif; }
.detailsZoom { 
	FONT: 14px times, times new roman, serif; 
	text-decoration: none; }
.details_label {
	text-decoration: underline;
}
.name_head { 
	COLOR: #333333; 
	FONT: bold 16px verdana, helvetica, arial, sans-serif; 
	letter-spacing: .2px; }
.date {
	color: #333377;
}
.label {
	}
.field { 
	}
.error { 
	COLOR: #DD0000; 
	font-family: times, times new roman, serif; 
	font-weight: bold; }
.indent {
	padding-left: 7px;}
.image {
	height: 200px;
	padding: 5px;
	border: solid black 1px; }
.pedigree_image_portrait {
	float: left;
	height: 60px;
	border: solid black 1px;
	margin-right: 3px;
}
.pedigree_image_landscape {
	float: left;
	width: 60px;
	border: solid black 1px;
	margin-right: 3px;
}
.thumbnail {
	height: auto;
	padding: 5px;
}
.icon {
	border: none;
}
.link {
	font-size: 11px;
	text-align: center;
}
.sublinks_table {
	float: right;
	border: solid #A1BFE0 1px; }
.sublinks_cell {
	font-size: 12px;
	text-align: right;
	background-color: #B1CFF0; }
.subheaders {
	font-size: 16px;
	font-weight: bold;
	text-indent: 20px;
	margin-top: 15px;
	vertical-align: bottom;
	font-family: Arial, sans-serif; }

/*-- timeline chart specific styles
--*/
.timeline_table {
}
.person0	{ 
	background-color: #AAAAFF; 
	border: outset #AAAAFF 1px;
	vertical-align: top;
	padding: 3px;
	}
.person1	{ 
	background-color: #AAFFAA; 
	border: outset #AAFFAA 1px;
	vertical-align: top;
	padding: 3px;
	}
.person2	{ 
	background-color: #FFAAAA; 
	border: outset #FFAAAA 1px;
	vertical-align: top;
	padding: 3px;
	}
.person3	{ 
	background-color: #5555FF; 
	border: outset #5555FF 1px;
	vertical-align: top;
	padding: 3px;
	}
.person4	{ 
	background-color: #FF5555; 
	border: outset #FF5555 1px;
	vertical-align: top;
	padding: 3px;
	}
.person5	{ 
	background-color: #55FF55; 
	border: outset #55FF55 1px;
	vertical-align: top;
	padding: 3px;
	}