/* 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;position:relative}

#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: 24px; 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 h1, #map-content h2 {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; margin: 0 20px 20px 22px}

#map-content .pageBrowser {border-top: 2px dotted #D2EBF2; margin: 0 20px 12px 20px; width: 660px}
#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: 12px 0 0 24px; clear:both}
#main-content .index {margin-left:0px;}
#main-content .indexLeft {margin-left:5px;float:left;width:60%}
#main-content .indexRight {float:right;width:220px;margin-right:26px; border: 1px solid #CEEDF5; padding: 12px; background:#FFF}
#main-content .indexRight h4 {margin: 0 0 20px 0; font-size: 14px;}
#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 0px; margin: 20px 26px;}

#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}
* html .examples .example-map {float: left; width: 174px; margin: 0 16px}
.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; position:relative}
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 0; font-size:14px; font-weight:bold; width: auto; display:block; float: left}
* html span.label {margin: 5px 0px 2px 0; font-size:14px; font-weight:bold}
*+html span.label {margin: 6px 0px 2px 0; font-size:14px; font-weight:bold}
.inputField {width: 175px; 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: 12px}

.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: 16px;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) repeat-y 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}

/* ads */
.ad {background: transparent; font-size: 14px; color: #FFF; text-align:center; margin-bottom: 2px;}
.skyscraper {width: 160px; height: 600px;}
.medium-rect {width: 300px; height: 250px;}
.linkblock-inline {width: 486px;}
.linkblock {width: 486px; height: 60px}
#linkblock-maps-header {margin: 0 0 16px 19px}
#skyscraper-maps {position:absolute; top: 18px; left: -155px}
.statistics-ad {padding: 0px 0 12px 50px; background: url(images/i-name-stats-info.png) no-repeat}
.stand-alone {margin-left: 24px; min-height: 45px; padding-bottom: 0}
#overlay-wrapper {position:absolute; top: 186px; left: 200px}
#show-map {color: #FFF; font-weight:bold; line-height:32px}
#faded {position:absolute; left: 91px; top:1px}
* html #faded {display:none} /* hide transparent PNG overlay in IE6 */
.googleTextAds {text-align:left; margin-bottom: 6px}
.googleTextAds a {color:#5DC304}
.googleTextAds h6 {margin:0}
.googleTextAds h6 a {color: #0090B9; font-size: 12px; font-weight:bold}
.googleTextAds p.adtext {font-size: 12px; color: #000; padding:0 !important; height:auto}
.google-ad-label {margin-bottom: 2px; padding: 0}
.google-ad-label a {color: #AAA; font-size: 11px}

#linkblock-maps-statistics {margin-left: -10px}

/* example maps */
.logout-container .searchbox {background: url(../images/logout/bg-searchbox.gif) no-repeat; height: 46px; width: 657px; padding: 20px 24px; margin: 20px 0}
.logout-container .searchbox span.label {margin: 3px 6px 2px 0; font-size:14px; font-weight:bold; width: auto; display:block; float: left} /* has IE6/7 fix */
.logout-container .searchbox input {width: 150px; padding: 2px; margin: 0 0 0 12px;}
.logout-container .searchbox select {width: 120px; margin: -1px 0 0 12px;}
.logout-container .searchbox .btn-blue {margin: 0 0 0 20px; float:none;} 

.map-examples {padding: 0 0 0 20px;}
.map-examples h3 {color: #00a7da; font-size: 14px; font-weight: bold; margin: 20px 0 16px 0; border-bottom: 2px dotted #00A7DA; margin-right: 20px}
.map-examples h4 {color: #777; font-size: 14px; font-weight: bold; margin: 4px 0 12px 0}
.map-examples div {float: left; width: 210px; height: 230px; margin: 0 12px 12px 0;  text-align:center; position:relative;background: #F0F8FB; border: 1px solid #B5D6DF; -moz-border-radius: 8px; -webkit-border-radius: 8px;} /* has IE6 fix */
.map-examples div p {position:absolute; bottom: -8px; width: 222px}
.map-examples div p a {font-weight:bold; font-variant:small-caps; font-size:14px}
.map-examples div.example_en_US img {margin-top:6px}
.map-examples div.example_nl img {margin-top:6px}
.map-examples div.example_fr img {margin-top:8px}
.map-examples div.example_es img {margin-top:10px}
.map-examples div.example_pl img {margin-top:6px}
.map-examples div.example_de_AT img {margin-top:30px}
.map-examples div.example_en_CA img {margin-top:8px}
.map-examples div.example_de_CH img {margin-top:12px}
.map-examples div.example_es_AR img {margin-top:-4px}

/* Hides from IE-mac */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}