/* 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 */
}

/* Global parameters */

body 	{
	color: #000000;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 90%;
	background-color:#f7f6de;
	margin-top:1px;
	margin-left:1px;
	margin-right:0px;
	margin-bottom:0px;
	}

h1 {font-size:160%; color:#cc3333;}
h2 {font-size:120%; color:#336633; margin-top:10px; margin-bottom:5px;}
h3 {font-size:110%; color:#336633;}
h4 {font-size:100%;}
h5 {font-size:90%;}
h6 {font-size:80%; color:#006400;}

h2.home
	{
	margin-top:0px;
	margin-bottom:5px;
	font-size:70%;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:1px;
	color:#900B09;
	}

a:link    {color:#CD5C5C; background-color:transparent; font-weight:bold; text-decoration:none;}
a:visited {color:#DEB887; background-color:transparent; text-decoration:none;}
a:active  {color:#33CC00; background-color:transparent; text-decoration:none;}
a:hover   {color:#ffffff; background-color:#CD5C5C; text-decoration:none;}

table.right
	{
	color:#000000;
	background-color:#ffffff;
	border:2px ridge;
	margin-top:2;
	margin-bottom:2;
	margin-left:2;
	margin-right:2;
	}

td.right {
	right:10px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
	padding-right:15px;
	vertical-align:top;
	text-align:justify;
	}

td.left {
	font-size : 14px;
	vertical-align: top;
	width: 10%;
	border-width: 1px;
	padding: 3px;
	}

th 	{
	font-weight: 100;
	font-size : 10px;
	color:#ffffff;
	background-color:#808080;
	}

pre	{
	font-family:"Courier New",monospace;
	font-size:11px;
	margin-left: 15;
	margin-bottom: 3;
	}

/* d'Alsace en Lorraine parameters */

.namez	{
	color: Navy ;
	background-color: #f5f5dc;
	font-size: 10px;
	font-weight: bold;
	}
.title0	{
	color: #ffffff;
	background-color: #ffcccc;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	width: 100%;
	margin-top: 1px;
	margin-bottom: 10px;	
	padding: 3px;
	}
.title1	{
	position: relative;
	top: 10px;
	with: 95%;
	color: #cc3333;
	font-size: 14px;
	font-weight: bold;
	}
.title2	{
	position: relative;
	top: 10px;
	with: 95%;
	color: #336633;
	font-size: 12px;
	font-weight: bold;
	}
.title3	{
	position: relative;
	top: 10px;
	with: 95%;
	color: #336633;
	font-size: 10px;
	font-weight: bold;
	}
.normal {
	position: relative;
	left: 10px;
	width: 95%;
	top: 5px;
	bottom: 10px;
	font-size: 10px;
	vertical-align:top;
	}
.notes {
	position: relative;
	top: 10px;
	width: 95%;
	font-size: 10px;
	font-style: italic;
	}
.item_liste {
	font-size:10px;
	background-color: #ccffff;
	padding: 5px;
	width: 95%;
	margin-left: 5%;
	}
.title_liste {
	font-size:10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #cccccc;
	padding: 5px;
	width: 95%;
	text-align: center;
	}
.it_li {
	font-size: 10px;
	list-style-type: disc;
	}
.it_sq {
	font-size: 10px;
	list-style-type: square;
	}
.centre {
	color: #008000;
	background-color: #ffffe0;
	position: relative;
	top: 1px;
	left: 10px;
	width: 70%; 	
	padding: 5px;
	}

/* PHPGedView parameters */

.person_box {
	background-color: #dcdcb8;
	border:2px ridge;
	border-color: #2f2f60;
	font-size : 10px;
}
.list_table {
	font-size : 10px;
}
.list_label {
	color: #ffffff; 
	background-color: #2f2f60;
	font-size: 10px; 
	font-weight: bold;
	text-align: center; }
.list_value {
	background-color: #dcdcb8;
	color: #000000; 
	border:2px ridge;
	border-color: #2f2f60;
	font-size: 10px; 
	vertical-align: top;
	}
.list_item {
	font-size:10px;
	white-space: nowrap;
}
.facts_table {
	width: 100%;
	font-size: 10px;
}
.facts_label {
	color: #ffffff;
	background-color: #2f2f60;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	width: 20%;
	text-align: center;
}
.facts_value {
	background-color: #dcdcb8;
	color: #000000; 
	border:2px ridge;
	border-color: #2f2f60;
	font-size: 10px; 
	padding: 4px 4px 4px 4px; }
.tabs_table {
	width: 95%;
	font-size: 10px;
}
.tab_cell_active {
	background-color: #efedd7;
	border-left: outset #2f2f60 2px;
	border-top: outset #2f2f60 2px;
	border-right: outset #2f2f60 2px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}
.tab_cell_inactive {
	background-color: #dcdcb8;
	border-left: solid #2f2f60 2px;
	border-top: solid #2f2f60 2px;
	border-right: outset #2f2f60 2px;
	text-align: center;
	font-size: 10px;
}
.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 #2f2f60 2px; 
	height: 5px; }
.tab_inactive_bottom_right {
	border-left: none; 
	border-right: none; 
	border-top: outset #2f2f60 2px; 
	width: 33%; 
	height: 5px; }
.name1 {
	color: #333333;
	font: bold 10px Verdana, Helvetica, Arial, sans-serif;
}
.details1 {
	font: xx-small "Times New Roman", Times, serif;
	text-decoration: none;
}
.name2 { 
	color: #333333; 
	font: bold 10px Verdana, Helvetica, Arial, sans-serif; }
.details2 {
	font: x-small "Times New Roman", Times, serif;
	text-decoration: none;
}
.name_head { 
	color: #333333; 
	font: bold 12px Verdana, Helvetica, Arial, sans-serif; 
	letter-spacing: .2px; }
.date {
	font-weight: bold; }
.label {
	font-size : 10px;
}
.field {
	font-size : 10px;
}
.error { 
	color: #DD0000; 
	font-weight: bold; }
.indent {
	padding-left: 7px;}
.image {
	height: 150px;
	padding: 5px;
	border: solid black 1px; }
.pedigree_image {
	float: left;
	height: 54px;
	border: solid black 1px;
}
.cropper {
	overflow: hidden;
	width: 40px;
	height: 55px;
	float: left; 
	margin-right: 2px;
}
.icon {
	border: none;
}
.link {
	font-size: 10px;
	text-align: center;
}
.sublinks_table {
	float: right;
	border: solid #2f2f60 1px; }
.sublinks_cell {
	font-size: 10px;
	text-align: right;
	background-color: #dcdcb8; }
.subheaders {
	font-size: 12px;
	font-weight: bold;
	text-indent: 20px;
	margin-top: 15px;
	vertical-align: bottom; }

/*-- timeline chart specific styles --*/
.timeline_table {
	font-size: 10px;
	color: #2f2f60;
}
.person0	{ 
	background-color: #fffaf0; 
	border: outset #fffaf0 1px;
	vertical-align: top;
	padding: 3px;
	}
.person1	{ 
	background-color: #fff8dc; 
	border: outset #fff8dc 1px;
	vertical-align: top;
	padding: 3px;
	}
.person2	{ 
	background-color: #f5f5dc; 
	border: outset #f5f5dc 1px;
	vertical-align: top;
	padding: 3px;
	}
.person3	{ 
	background-color: #fffacd; 
	border: outset #fffacd 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;
	}