* { font-family: "Droid Serif Embedded","Georgia","Times New Roman","Times",serif; }

body { background: #edf2f4; }

#branding { position: fixed; left: 0; top: 0; width: 100%; height: 110px; z-index: 2;
			border-bottom: 5px solid #e3eaed; background: #ffffff; 
			box-shadow: 0 2px 10px #dbe0e4; -moz-box-shadow: 0 2px 10px #dbe0e4; -webkit-box-shadow: 0 1px 10px #dbe0e4; }
#branding h1 { margin: 5px 0 0 10px; color: #d19f3f; font-weight: normal; font-size: 16px; line-height: 1.3; }
#branding h1 a {
	display: block; position: relative; width: 460px; height: 96px;
	background: transparent url(../images/bg-logo.png) no-repeat left top;
	text-indent: -9999px; text-decoration: none; }

#branding h1 span {
	display: block; position: absolute; left: 280px; top: 30px; width: 160px; padding: 5px 10px;
	background: #edf2f4; opacity: 0.3;
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
	text-align: center; color: #666; text-indent: 0; }
#branding h1 a:hover span { opacity: 1; }

#loadingmsg {
	position: fixed; left: 50%; top: 30px; width: 160px; height: 44px; margin-left: -110px; padding-top: 4px; padding-left: 60px;
	background: #ffffff url(../images/bg-loading.gif) no-repeat left top;
	font-size: 16px; line-height: 1.3; color: #c1d1d8; }


#container { position: relative; z-index: 1; }
#instructions { display: none; }
#genealogy { position: relative; margin-top: 20px; }
body.hasJS #genealogy { margin-top: 0; cursor: move; }
#genealogy ul { margin-left: 20px; list-style: disc; }
body.hasJS #genealogy ul { margin-left: 0; list-style: none; }
#genealogy li { font-size: 12px; line-height: 15px; }
body.hasJS #genealogy li { line-height: 1.0; }
body.hasJS #genealogy li span { display: block; }
body.hasJS #genealogy li span.genealogy-person-reference,
body.hasJS #genealogy li span.genealogy-spouse-reference { display: none; }

body.hasJS .node { width: 100px; padding: 10px 5px; cursor: help; border: 2px solid #84a2b2; border-top-width: 4px; 
	background: #ffffff url(../images/bg-node.png) repeat-x left top; 
	border-bottom-left-radius: 14px; border-bottom-right-radius: 14px;
	-webkit-border-bottom-left-radius: 14px; -webkit-border-bottom-right-radius: 14px;
	-o-border-bottom-left-radius: 14px; -o-border-bottom-right-radius: 14px;
	-moz-border-radius-bottomleft: 14px; -moz-border-radius-bottomright: 14px;
	line-height: 1.2; }
body.loading .node { visibility: hidden; }
body.searchActive .activeNode { background: #ffffff; }

#tab-instructions { position: fixed; right: 292px; top: 85px; width: 100px; height: 20px; padding: 5px 28px 5px 26px;
	background: #e3eaed;
	border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; }
#tab-instructions a { color: #333; text-decoration: none; font-size: 14px; }
#instructions {
	display: none; position: fixed; top: 115px; right: 0; width: 450px; padding: 0 15px 10px;
	background: #e3eaed; background: rgba(227,234,237,0.8); 
	border-bottom-left-radius: 8px; border-top-left-radius: 8px; 
	-webkit-border-bottom-left-radius: 8px; -webkit-border-top-left-radius: 8px; 
	-moz-border-radius-bottomleft: 8px; -moz-border-radius-topleft: 8px; 
	box-shadow: 0 2px 4px #dbe0e4; -moz-box-shadow: 0 2px 4px #dbe0e4; -webkit-box-shadow: 0 2px 4px #dbe0e4;
	color: #333; font-size: 11px; line-height: 1.3; }
#instructions h2 { margin-top: 10px; margin-bottom: 5px; font-size: 15px; }
#instructions p,
#instructions ol { margin-bottom: 10px ; }
#instructions ol { margin-left: 10px ; list-style: decimal ; }
#instructions ol li { margin: 0 0 5px 15px ; }

#search-bar {
	position: fixed; top: 85px; right: 0; width: 264px; height: 20px; padding: 5px 10px 5px 26px;
	background: #c1d1d8;
	border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; }

#search-bar #search { float: left; }
#search-bar label { display: none; }
#search-bar input { border: 1px solid #666; width: 214px; height: 16px; margin-right: 10px; 
	padding: 1px 5px; line-height: 16px; font-size: 14px;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; }
#search-bar #search-clearsearch {
	display: none; position: fixed; right: 52px; top: 93px; width: 14px; height: 14px;
	background: transparent url(../images/btn-genealogy-search-x.png) no-repeat left top;
	cursor: pointer; }
#search-bar #search-numberofresults { float: left; width: 26px; height: 20px;
	background: #002753;
	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; 
	text-align: center; color: #ffffff; line-height: 20px; font-weight: bold; font-size: 14px;}
#search-bar .search-working { text-indent: -9999px;
	background: #002753 url(../images/bg-searchbar-loading.gif) no-repeat center center !important; }

#search-results { display: none; position: fixed; top: 115px; right: 0; width: 350px; padding: 0 15px 10px; background: #c1d1d8; 
				  border-bottom-left-radius: 8px; border-top-left-radius: 8px; 
				  -webkit-border-bottom-left-radius: 8px; -webkit-border-top-left-radius: 8px; 
				  -moz-border-radius-bottomleft: 8px; -moz-border-radius-topleft: 8px; 
				  box-shadow: 0 2px 4px #dbe0e4; -moz-box-shadow: 0 2px 4px #dbe0e4; -webkit-box-shadow: 0 2px 4px #dbe0e4;
				  color: #333; font-size: 11px; line-height: 1.3; }

#search-results h2 { margin-top: 10px; font-size: 12px; }
#search-results ul { list-style: disc; }
#search-results li { margin-left: 18px; }
#search-results li:hover { text-decoration: underline; color: #111; cursor: pointer; }

#overlay { display: none; position: fixed; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; background: #000000; opacity: 0.8; }
#overlay-frame { display: none; position: absolute; left: 0; top: 0; z-index: 4; width: 500px; 
				 border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#overlay-contents { background: #ffffff url(../images/bg-node.png) repeat-x left 31px; 
	border-bottom-left-radius: 14px; border-bottom-right-radius: 14px;
	-webkit-border-bottom-left-radius: 14px; -webkit-border-bottom-right-radius: 14px;
	-o-border-bottom-left-radius: 14px; -o-border-bottom-right-radius: 14px;
	-moz-border-radius-bottomleft: 14px; -moz-border-radius-bottomright: 14px; }
#overlay-contents a {
    color: #7291A3;
    text-decoration: none;
    font-weight: bold;
}
#overlay-contents a:hover {
    text-decoration: underline;
}
#overlay-contents h1 {
	margin-bottom: 8px; padding: 5px 20px;
	background: #c1beab url(../images/bg-title-man.png) no-repeat right bottom;
	font-size: 20px; line-height: 1.3; font-size: 16px; font-weight: bold; color: #ffffff; }
#overlay-contents h2 { font-size: 16px; font-weight: bold; line-height: 1.3; padding: 0 20px; }
#overlay-contents p,
#overlay-contents ul,
#overlay-contents ol { font-size: 13px; line-height: 1.3; padding: 0 20px 10px 20px; }
#overlay-contents p { font-size: 14px; }
#overlay-contents li { list-style: disc; margin-left: 20px; }
#overlay-contents span { text-transform: uppercase; }
#overlay-contents p.genpos-note {
    margin-left: 1em;
    font-size: 12px; 
    line-height: 1.3;
    text-indent: -1em; 
}
#overlay-contents small { }