/* generic styles */
html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li, input, select {margin: 0;padding: 0;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 16px;}
body {margin: 0;padding: 0;text-align: center;color: #000;background-color: #FFF;}
a:link, a:visited, a:active {color: #0090b9;text-decoration: none;}
a:hover {color: #0090b9;text-decoration: underline;}
a img {border:0}
input {padding: 1px 0 0 2px;background-color: #FFF;border: 1px solid #79B;}
textarea {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 12px;border: 1px solid #79B;}
select {border: 1px solid #79B;}
h1 {font-size: 16px;text-decoration: inherit;color: #68A;}
h2 {background: url(images/i-arrow.gif) no-repeat; font-size: 18px;font-weight: bold;color: #0090b9;margin-bottom: 12px; border-bottom: 2px dotted #0090b9; padding: 5px 0 12px 40px}
h3 {font-size: 14px;font-weight: bold;color: #0090b9;margin: 12px 0 6px 0; padding: 0 0 2px 0}
img {border: 0}
a.letter {margin-right: 5px; margin-bottom: 5px; display: block; text-transform: uppercase; float: left; text-align: center; font-weight: bold; font-size: 16px; color: white;}
a.letter:hover {text-decoration:none;}
.center {text-align:center;}
#main-content {margin:0px 0 6px 0px;background:#F0F9FB none repeat scroll 0%;border-bottom:2px solid #00AADA;border-top:2px solid #00AADA;display:block;padding:12px 0px;}
#header #headerimg img {position:absolute;top:0px;z-index:2000;}
/* detail page */
#map-content-box {background: url(images/bg-detail-map-middle.png) repeat-y; width: 702px;}
#map-content-box #map-content {background: url(images/bg-detail-map-top.png) no-repeat;padding-top: 60px; overflow:hidden; width: 702px}
#main-content .switch-mode-link {margin: -10px 20pt 12px 0; display: block; text-align:right; background: url(images/i-arrow.gif) top right no-repeat; font-weight: bold; padding: 6px 40px 6px 0}
#main-content .countryLinks {padding: 0 0 6px 20px; margin-bottom: 6px}
#main-content .countryLinks div.countryLink {padding-left: 24px; margin-bottom: 6px}
#main-content .countryLinks div.pl {background: url(images/flag-pl.png) 0 1px no-repeat;}
#main-content .countryLinks div.de {background: url(images/flag-de.png) 0 1px no-repeat;}
#main-content .countryLinks div.de_CH {background: url(images/flag-ch.png) 0 1px no-repeat;}
#main-content .countryLinks div.de_AT {background: url(images/flag-at.png) 0 1px no-repeat;}
#main-content .search-form {margin: 0px 22px !important}
#map-footer {background: url(images/bg-detail-map-bottom.png) left bottom no-repeat; height: 20px}
#map-content h2 {position: absolute; top: 138px; left: 24px;font-size: 18px; margin-bottom: 20px; font-weight: bold; color: #FFF; background: none; border-bottom: 2px dotted #FFF; padding:0 0 6px 0; display:block; width: 668px;}
#map-content h1 {position: absolute; top: 138px; left: 24px;font-size: 18px; margin-bottom: 20px; font-weight: bold; color: #FFF; background: none; border-bottom: 2px dotted #FFF; padding:0 0 6px 0; display:block; width: 668px;}
#map-content .pageBrowser {border-top: 2px dotted #D2EBF2; margin: 0 20px 12px 20px}
#map-content .pageBrowser .browserText {padding: 6px 0; text-align:center}
#map-content .pageBrowser .browserLinkLeft {float:left; background: url(images/arrow-left.gif) no-repeat; padding: 3px 0 4px 36px}
#map-content .pageBrowser .browserLinkRight {float:right; background: url(images/arrow-right.gif) no-repeat top right; padding: 3px 36px 4px 0}
.map {text-align: center;}
.clear {clear: left;}
#main-content p.topmargin {padding-top: 10px;}
.mainIndexBar {text-align: center; margin-top: 26px;}
.mainIndexBar a{color:#AAA; font-size:12px;margin:4px; margin-bottom: 0}
#main-content .switchModeLink {margin-left:45px}
#main-content p.noteForImageMap{margin-left:22px; padding-left:8px; clear:both}
#main-content .index {margin-left:0px;}
#main-content .indexLeft {margin-left:5px;float:left;width:60%}
#main-content .indexRight {float:right;width:35%;margin-right:10px}
#main-content .indexRight li {padding-left:0px}
#main-content .indexBackLink {margin-left:22px; margin-top: 20px;clear:both;display:block}
#main-content .description{text-align:justify;margin-bottom:5px;width:690px}
div.errorBox {text-align:left; font-size:12px;font-weight:bold;color:#999;padding:6px 22px 10px 48px; margin: 32px 26px; background: url(images/cousin.gif) no-repeat;}
#main-content li {background: none;}
.search-form {background: url(images/bg-searchbox.gif) no-repeat; height: 46px; width: 657px; padding: 20px 24px; margin: 12px 0 0 22px}
*+html .searchForm {background: url(images/bg-searchbox.gif) no-repeat; height: 46px; width: 657px; padding: 19px 24px; margin: 20px 0}
.examples {padding: 0 26px}
.examples h3 {color: #0090B9; font-size: 14px; font-weight: bold; margin-bottom: 22px}
.introtext {padding: 0 26px 20px 26px; text-align: justify}
.examples .example-map {float: left; width: 174px; margin: 0 20px 0 10px}
* html .examples .example-map {float: left; width: 174px; margin: 0 20px 0 0}
.examples .example-map p {text-align: center; padding-top: 12px !important}
.examples .example-map p a { font-size: 16px; color: #0090b9;}
#map-image-wrapper {text-align: center}
img#map {border: 1px solid #00A8DA; text-align: center}
.statistics {margin: 22px 22px 0 22px}
.statistics h3 {margin-bottom: 12px}
.statistics p {padding: 0px 0 12px 50px !important; height: 50px}
.statistics p.statistics-total {background: url(images/i-name-stats-total.png) no-repeat;}
.statistics p.statistics-locations {background: url(images/i-name-stats-locations.png) no-repeat;}
.statistics p.statistics-top-locations {background: url(images/i-name-stats-top-locations.png) no-repeat;}
.statistics p.statistics-firstnames {background: url(images/i-name-stats-top-firstnames.png) no-repeat;}
.statistics p.name-history {background: url(images/i-name-history.png) no-repeat;}
div.countryLinks {margin: 0 0 20px}
div.countryLinks span.countryLink {display:block; margin: 0 0 6px 0}
span.heading {display:none}
span.label {margin: 3px 12px 2px 18px; font-size:14px; font-weight:bold; width: auto; display:block; float: left}
* html span.label {margin: 5px 0px 2px 12px; font-size:14px; font-weight:bold}
*+html span.label {margin: 6px 0px 2px 18px; font-size:14px; font-weight:bold}
.inputField {width: 250px; height: 20px; padding-top: 4px; margin-left: 20px;}
input.btn-blue {width:113px !important;height:25px;color: #FFF;font-weight: bold;font-size: 12px;background: url(images/btn-blue.gif) no-repeat; padding: 0 0 2px 0;cursor: pointer; border:0;text-align: center; margin-top: 0px; margin-left: 32px}
.sidebar-content ol {margin: 0 0 6px 30px;}
.sidebar-content h3 {font-size: 16px !important}
.sidebar-content ol li {padding: 6px 0 0 0 !important; font-size: 14px !important}
.wpIntegration {background: url(images/logo-wp.png) no-repeat left center; padding: 0 0 2px 26px; margin: 6px 0 6px 6px}
.directIntegration {margin: 6px 0 6px 6px}
.directIntegration input {width: 210px; margin: 6px 0 0 0; color: #AAA}
.wpOr {margin-left: 6px}
h1 { background:transparent url(images/i-arrow.gif) no-repeat scroll 0%; border-bottom:2px dotted #0090B9; color:#0090B9; font-size:18px;font-weight:bold; margin-bottom:12px; padding:5px 0pt 12px 40px;}
/* main containers */
#main-container {text-align: left; margin: 0 auto; width:990px !important; max-width: 1200px; min-width: 820px; position: relative}
/* header */
#header {border-bottom: 6px solid #5ec404; margin-bottom: 20px}
#header #headerimg {position: relative; border-bottom: 2px solid #5ec404; margin-bottom: 2px; height: 77px }
#header #headerimg img.family {position: absolute; right: 0; top:8px; margin:0; z-index: 1001}
/* IE6 hack */
* html #header {padding-bottom: 2px}
/* IE7 hack */
*+html #header {padding-bottom: 2px}
/* content */
#content {border-top: 2px solid #00aada; border-bottom: 2px solid #00aada; background: #f0f9fb; padding: 12px 6px; display:block}
/* left sidebar */
#sidebar-left {float: left; width: 200px;margin-bottom: 20px;}
#sidebar-left .sidebar-content ul li {padding: 1px 10px 10px 22px; margin-left: 8px}
#sidebar-left .sidebar-content ul li a {font-weight: bold}
/* right sidebar */
#sidebar-right {float:right; width: 250px; margin-bottom: 20px;background: url(images/bg-sidebox-right-bottom.png) left bottom no-repeat;padding: 0 0 20px 0;}
#sidebar-right .sidebar-content {background: url(images/bg-sidebox-right-top.png) no-repeat;padding: 16px 10px 0px 10px;}
#sidebar-right .sidebar-content ul {list-style-type: none; padding-top: 12px}
#sidebar-right .sidebar-content ul li a {font-weight: bold}
#sidebar-right .sidebar-content h2 {background:none; padding: 0 0 6px 0; color: #FFF; font-size: 18px; font-weight: bold; border-bottom: 2px dotted #FFF;margin: 0 4px 6px 4px;}
#sidebar-right .sidebar-content p {padding: 6px}
#sidebar-right .sidebar-content img.cousin {float: left; margin: 4px 12px 0 4px}
#sidebar-right .sidebar-content img.start-button {margin: 6px 0 0 40px;}
/* IE6 hack */
* html #sidebar-right .sidebar-content {height:10px}
/* IE7 hack */
*+html #sidebar-right .sidebar-content {border: 1px solid transparent}
#sidebar-right h3 {background:transparent;border-bottom:2px dotted #FFFFFF;color:#FFFFFF;font-size:18px;font-weight:bold;margin:0pt 4px 6px;padding:0pt 0pt 6px;}
#sidebar-right {background:none ;margin-bottom:20px;margin-right: 6px;padding:0pt 0pt 20px;width:250px;}
* html #sidebar-right{margin-right: 3px}
*+html #sidebar-right .sidebar-content .content {background-position: -1px 0}
#sidebar-right .green .content{background:transparent url(images/bg-sidebox-right-top.png) no-repeat scroll top left;padding:16px 10px 15px; width: 230px}
#sidebar-right .blue .content {background:transparent url(images/bg2-sidebox-right-top.png) no-repeat scroll top left;padding:16px 10px 15px; width: 230px}
*+html #sidebar-right .sidebar-content.blue .content {background-position: -1px 0}
#sidebar-right .sidebar-content.blue .content h3 {color:#0090B9; border-color:#0090B9;}
#sidebar-right .sidebar-content.blue .content li {margin-left: 6px}
#sidebar-right .sidebar-content.green .content img {margin-top:12px}
#sidebar-right .sidebar-content.green .content img.cousin {margin-top:0px}
#sidebar-right .sidebar-content.green ul {margin:0}
#sidebar-right .green li {background: url(images/bullet-sidebox.png) no-repeat; padding: 0 0 6px 46px; margin-left: 6px}
#sidebar-right .sidebar-content {background:transparent url(images/bg-sidebox-right-bottom.png) bottom left;padding: 0 !important;}
/* main content */
#main-content p {padding: 0 0 12px 0}
#main-content ul {list-style-type: none; padding: 0 0 3px;}
#main-content li {padding: 0 0 6px 24px; font-size: 12px; color: #000;}
/* footer */
/*
#footer {clear:both; margin-top: 20px;text-align: center}
#footer #footer-content {border-top: 2px solid #5ec505; margin-top: 2px; padding-top: 20px}
#footer #footer-content p{color: #999; margin-top: 6px; font-size: 11px}
#footer #footer-content a {color: #999; padding: 0 4px 0 8px; border-left: 1px solid #DDD; font-size: 12px; text-decoration: none}
#footer #footer-content a:hover {text-decoration: underline}
*/
#footer-container {border-top: 8px solid #5DC304; margin: 12px 0;}
#footer-container hr {border: 1px solid #5DC304; margin: 2px 0 0 0}
#footer {clear:both; text-align: center; width: 100%; padding-top: 12px}
#footer #footer-content {margin:0}
#footer #footer-content div.footer-link-wrapper {color: #999; margin: 6px 0 12px 0; font-size: 12px}
#footer #footer-content a {color: #999; border-right: 1px solid #DDD; padding-right: 8px; margin-right: 4px}
#footer #footer-content a#jobs {line-height: 16px; height: auto; padding: 0 8px 0 0}
#footer #footer-content a:hover {text-decoration:underline;}
#footer-links, #copyright {color: #DDD; text-align:center; margin-bottom:6px}
#footer-links a, #copyright a {color: #AAA}
#press-row {display:none}
.new-feature-wrapper {position:relative; display:inline}
img#new-feature {position: absolute; top: -13px; left: 88px}
/* Hides from IE-mac */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}