/*
Title:     GeneaList Screen
Author:    up2you@bluewin.ch
Updated:   november 4 | 2007
*/


/* Layout
___________________________________ */

html, body, h1, h2, h3, h4, h5, 
div, p, blockquote, pre, ul, li, ol, form, input {
	margin: 0;   /* avoid browser inconsistencies */
	padding: 0;
	}
body {
	max-width: 1600px;   /* does not work for IE 5.0/6.0 */
	background: #fff;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: small;
	color: #000;
	}
#wrapper {
	margin: 0 auto;
	width: 75%;
	text-align: left;
	}
a img, :link img, :visited img, :active img, :hover img {
	border: none;   /* avoid blue image link borders */
	}
caption {
	text-align: left;
	}
sup {
	vertical-align: top;
	}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
	

/* Meta Navigation
___________________________________ */

#metanav {
	float: right;
	list-style: none;
	text-align: right;
	}
#metanav li {
	float: left;
	display: inline;
	margin: 0 0 0 1.5em;
	background: url(../images/metanav-line.gif) no-repeat left;
	text-align: left;
	}
#metanav a {
	float: left;
	white-space: nowrap;
	margin: 0 0 0 .5em;
	text-decoration: none;
	color: #963;
	}
#metanav a:visited {
	color: #996;
	}
#metanav a:hover,
#metanav a:active {
	color: #000;
	}


/* Header
___________________________________ */

#header {
	clear: both;
	background: url(../images/header-top.jpg) repeat-x left top;
	width: 100%;
	}
#logobox {
	overflow: hidden;
	width: 100%;
	padding: 100px 0 20px 0;
	background: url(../images/header-bottom.jpg) repeat-x left bottom;
	}
#logobox h1 {
	background: #d7be8c;
	}
#logo {
	border: 1px solid #d7be8c;	
	background-color: #fff;
	padding: 0 0 0 12.5%;
	}
#tagline {
	padding: 0 0 0 10px;
	position: relative;
	top: 7px;
	}


/* Tab Navigation
___________________________________ */

#tabnav {
	float: left;
	margin: 0 0 1em 0;
	list-style: none;
	}
#tabnav li {
	float: left;
	padding: 0 1em 0 0;
	white-space: nowrap;
	}
#tabnav a strong {
	display: block;
	background: url(../images/tabnav-item-body.gif) no-repeat left 40%;
	padding:0 0 15px 20px;
	font-weight: normal;
	color: #963;
	}
#tabnav a {
	display: block;
	background: url(../images/tabnav-item-tail.gif) no-repeat right 40%;
	padding: 0 1.5em 0 0;
	text-decoration: none;
	}
#tabnav a:visited strong {
	color: #996;
	}
#tabnav a:hover strong,
#tabnav a:active strong,
body.sel1 #tabnav-sel1 a strong,
body.sel2 #tabnav-sel2 a strong,
body.sel3 #tabnav-sel3 a strong,
body.sel4 #tabnav-sel4 a strong,
body.sel5 #tabnav-sel5 a strong,
body.sel6 #tabnav-sel6 a strong,
body.sel7 #tabnav-sel7 a strong {
	background: url(../images/tabnav-sel-body.gif) no-repeat left 40%;
	color: #000;
	}
#tabnav a:hover,
#tabnav a:active,
body.sel1 #tabnav-sel1 a,
body.sel2 #tabnav-sel2 a,
body.sel3 #tabnav-sel3 a,
body.sel4 #tabnav-sel4 a,
body.sel5 #tabnav-sel5 a,
body.sel6 #tabnav-sel6 a,
body.sel7 #tabnav-sel7 a {
	background: url(../images/tabnav-sel-tail.gif) no-repeat right 40%;
	}
	

/* Container
___________________________________ */

.container {
	clear: both;
	}
#docviewer {
	width: 98%;
	height: 1300px;
	}


/* Showcase
___________________________________ */

.block-one {
	float: left;
	}
.block-two {
	float: right;
	}
.block-one,
.block-two {
	margin: 0 0 1.2em 0;
	width: 49.2%;
	}
.box-one {
	float: left;
	}
.box-two {
	float: right;
	}
.box-one,
.box-two {
	overflow: hidden;
	border-left: 1px solid #d7be8c;
	border-right: 1px solid #d7be8c;
	width: 47.8%;
	}
.box-one h2,
.box-two h2 {
	background: #d7be8c;
	padding: .15em .1em .25em .3em;
	white-space: nowrap;
	font-family: georgia, times, serif;
	font-size: 130%;
	font-weight: normal;
	color: #fff;
	}
.box-one p,
.box-two p {
	border-top: 1px solid #d7be8c;
	}
.box-one img,
.box-two img {
	width: 100%;
	}
.box-one li,
.box-two li,
.box-one form,
.box-two form {
	padding: .3em .4em .3em .4em;
	border-bottom: 1px solid #d7be8c;
	list-style: none;
	}
.box-one a,
.box-two a {
	display: block;
	text-decoration: none;
	color: #963;
	}
.box-one a:visited,
.box-two a:visited {
	color: #996;
	}
.box-one a:active,
.box-two a:active,
.box-one a:hover,
.box-two a:hover {
	color: #000;
	}
.box-one label,
.box-two label {
	float: left;
	width: 40%;
	}
.box-one input,
.box-two input {
	float: right;
	margin: 0 0 .1em 0;
	border: 1px solid #d7be8c;
	width: 50%;
	}
.box-one #logon,
.box-two #logon {
	float: right;
	margin: 0 0 0 0;
	border: 1px solid #000;
	background: #d7be8c;
	width: 5em;
	font-size: 90%;
	color: #fff;
	cursor: pointer;
	}
.box-one br,
.box-two br {
	clear: both;
	}
	

/* Sidebox
___________________________________ */

.sidebox {
	float: left;
	overflow: hidden;
	width: 23%;   /* 2% room circumvents an IE 6.0/7.0 float bug */
	text-align: center;
	color: #963;
	}
.sidebox h2 {
	padding: .2em .1em .2em .3em;
	background: #d7be8c;
	text-align: left;
	font-family: georgia, times, serif;
	font-size: 130%;
	font-weight: normal;
	color: #fff;
	}
.sidebox #treenav {
	margin: 0 0 1.5em 0;
	list-style: none;
	text-align: left;
	}
.sidebox #treenav li {
	border-left: 1px solid #d7be8c;
	border-bottom: 1px solid #d7be8c;
	border-right: 1px solid #d7be8c;
	padding: .3em .4em .3em .4em;
	}
.sidebox #treenav a {
	overflow: hidden;
	display: block;
	text-decoration: none;
	color: #963;
	}
.sidebox #treenav a:visited {
	color: #996;
	}
.sidebox #treenav a:hover,
.sidebox #treenav a:active,
body.item1 #treenav-item1 a,
body.item2 #treenav-item2 a,
body.item3 #treenav-item3 a,
body.item4 #treenav-item4 a,
body.item5 #treenav-item5 a, 
body.item6 #treenav-item6 a, 
body.item7 #treenav-item7 a {
	color: #000;
	}
.sidebox p {
	margin: 0 0 .5em 0;
	line-height: 1.2em;
	text-align: left;
	font-size: 90%;
	}
.sidebox img {
	width: 100%;
	}
.sidebox blockquote {
	font-style: italic;
	color: #963;
	}


/* Mainbox
___________________________________ */

.mainbox {
	float: right;
	width: 75%;
	}
.mainbox h3 {
	margin: .2em 0 .7em 0;
	background: url(../images/title-line.gif) no-repeat left bottom;
	padding: 0 0 .1em 0;
	font-family: georgia, times, serif;
	font-size: 140%;
	font-weight: normal;
	color: #963;
	}
.mainbox h4 {
	margin: 0 0 .2em 0;
	font-weight: bold;
	font-size: 100%;
	color: #963;
	}
.mainbox p {
	margin: 0 0 .3em 0;
	line-height: 1.3em;
	}
.mainbox blockquote {
	font-style: italic;
	}
.mainbox strong {
	color: #333;
	}
.mainbox a {
	text-decoration: underline;
	color: #963;
	}
.mainbox a:visited {
	color: #996;
	}
.mainbox a:hover,
.mainbox a:active {
	color: #000;
	}
.mainbox ul {
	margin: 0 0 .5em 0;
	}
.mainbox ul li {
	background: url(../images/list-item.gif) no-repeat left top;
	padding: 0 0 0 1.5em;
	line-height: 1.3em;
	list-style: none;
	}
.mainbox .portrait {
	float: left;
	margin: 0 .8em .2em 0;
	border: 1px solid #d7be8c;
	width: 25%;
	}
.mainbox .portrait img {
	width: 100%;
	}
.mainbox .portrait p {
	overflow: hidden;
	padding: .2em 0 .5em 0;
	text-align: center;
	}
.mainbox .portrait strong {
	font-weight: bold;
	color: #963;
	}
.mainbox table {
	margin: 0 .6em 1em .6em;
	border-collapse: collapse;
	font-size: 90%;
	}
.mainbox caption {
	margin: 0 .6em 0 .6em;
	padding: .5em 0 .2em 0;
	font-weight: bold;
	color: #963;
	}
.mainbox th, 
.mainbox td {
	border-bottom: 1px solid #000;
	padding: 0 1em 0 0;
	font-weight: normal;
	}
.mainbox .certificate img {
	width: 100%;
	}
.mainbox .linklist h4 {
	clear: left;
	margin: 0 0 .3em 0;
	padding: .9em 0 0 0;
	font-weight: bold;
	color: #963;
	}
.mainbox .linklist li {
	list-style: none;
	background: url(../images/link-item.gif) no-repeat left .1em;
	padding: 0 0 0 1.3em;
	}
.mainbox .reference {
	clear: both;
	font-size: 90%;
	color: #333;
	}
.mainbox .reference sup {
	float: left;
	vertical-align: top;
	width: 2%;
	}
.mainbox .reference cite {
	float: right;
	font-style: normal;
	width: 98%;
	}
.mainbox #guestbook {
	width: 100%;
	height: 800px;
	}
.mainbox address {
	padding: .1em 0 .8em 0;
	font-style: normal;
	}
/* 2column Layout */
.mainbox .text {
	float: left;
	width: 70%;
	}
.mainbox .text .portrait {
	width: 36%;
	}
.mainbox .column {
	float: right;
	overflow: hidden;
	border: 1px solid #d7be8c;
	padding: 0 0 1.5em 0;
	width: 28%;    /* 2% room circumvents an IE 6.0/7.0 float bug */
	}
.mainbox .column h5 {
	margin: 0 0 .6em 0;
	background: #d7be8c;
	padding: .4em .5em .5em .5em;
	font-weight: bold;
	font-size: 100%;
	color: #fff;
	}
.mainbox .column p {
	padding: 0 .6em 0 .6em;
	font-size: 90%;
	}
.mainbox .column ul {
	padding: 0 0 .5em 0;
	}
.mainbox .column ul li {
	list-style: none;
	background: url(../images/link-item.gif) no-repeat .6em center;
	padding: 0 0 0 1.9em;
	}
.mainbox .column a {
	color: #963;
	}
.mainbox .column a:visited {
	color: #993;
	}
.mainbox .column a:hover,
.mainbox .column a:active {
	color: #000;
	}

	
/* Footer
___________________________________ */

#footer {
	clear: both;
	padding: 1.5em 0 0 0;
	}
#footer p {
	white-space: nowrap;
	text-align: center;
	}
#footer a {
	text-decoration: none;
	color: #000;
	}


/* eTracker
___________________________________ */

#etracker {
	display: none;
	background: url(http://www.etracker.de/fcnt.php?et=M4sIsg&v=2.4&java=n&et_easy=0&et_pagename=&et_areas=&et_ilevel=0&et_target=,,,0&et_lpage=&et_trig=&et_se=0&et_cust=0&et_basket=&et_url=) no-repeat left top
	}