/* Reset */ #genealone div, #genealone span, #genealone applet, #genealone object, #genealone iframe, #genealone h1, #genealone h2, #genealone h3, #genealone h4, #genealone h5, #genealone h6, #genealone p, #genealone blockquote, #genealone pre, #genealone a, #genealone abbr, #genealone acronym, #genealone address, #genealone big, #genealone cite, #genealone code, #genealone del, #genealone dfn, #genealone em, #genealone img, #genealone ins, #genealone kbd, #genealone q, #genealone s, #genealone samp, #genealone small, #genealone strike, #genealone strong, #genealone sub, #genealone sup, #genealone tt, #genealone var, #genealone b, #genealone u, #genealone i, #genealone center, #genealone dl, #genealone dt, #genealone dd, #genealone ol, #genealone ul, #genealone li, #genealone fieldset, #genealone form, #genealone label, #genealone legend, #genealone table, #genealone caption, #genealone tbody, #genealone tfoot, #genealone thead, #genealone tr, #genealone th, #genealone td, #genealone article, #genealone aside, #genealone canvas, #genealone details, #genealone embed, #genealone figure, #genealone figcaption, #genealone footer, #genealone header, #genealone hgroup, #genealone menu, #genealone nav, #genealone output, #genealone ruby, #genealone section, #genealone summary,#genealone time, #genealone mark, #genealone audio, #genealone video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; clear: none;} #genealone ol, #genealone ul {list-style: none;} #genealone blockquote, #genealone q {quotes: none;} #genealone blockquote:before, #genealone blockquote:after,q:before, #genealone q:after {content: ''; content: none;} #genealone table {border-collapse: collapse; border-spacing: 0; } #genealone button, #genealone input[type="button"], #genealone input[type="reset"], #genealone input[type="submit"] {text-transform: none} /* Common classes */ #genealone .error {color:#f00; font-weight:bold} #genealone .label {float: left; width: 100px;} #genealone .value {margin-left: 100px} #genealone .person_addon, #genealone .index_note, #genealone .inline_note {font-size: 80%;} #genealone .index_note {vertical-align: top; position: relative; top: -0.3em} #genealone .inline_note {line-height: 1em} #genealone .thumbnail_box {float:left; width: auto; border: solid 1px #ccc; padding: 5px; margin: 0 10px 10px 0; overflow: hidden} #genealone .thumbnail_inner {padding: 1px; background-color: #000} #genealone .thumbnail_title {font-size: 80%; text-align: center; height: 35px} #genealone .extlink_description {font-size: 80%;} #genealone .form_line {clear: both; margin-bottom: 10px; overflow: hidden} #genealone #map {clear: both; height: 300px; margin: 20px 0 20px 0; border: 1px solid #000} #genealone .namehumbnail {float: left; width: 1.3em; position: relative; top: 3px; height: 1.3em; margin-right: 5px} #genealone .thumbnail_micro {max-width: 1.3em; max-height: 1.3em} /* Graph classes */ #genealone .graph_box {height: 46px;} #genealone .graph_box, #genealone .graph_multibox {border: 1px solid #000; padding: 5px 0 0 0; box-shadow: 2px 2px 1px 0 #999; -webkit-box-shadow: 2px 2px 1px 0 #999; -moz-box-shadow: 2px 2px 1px 0 #999; font-size: 11px; line-height: 13px} #genealone .graph_box.ancestor, #genealone .graph_box.descendant {background-color: #eee} #genealone .graph_box.main {background-color: #000;} #genealone .graph_box .main {color: #ccc} #genealone .graph_box .main a {color: #fff} #genealone .graph_box .sex {float: right; width: auto; position: relative; top: -5px} #genealone .graph_box .info {float: left; width: auto; position: relative; top: -5px} #genealone .graph_box_name {text-align: center; font-weight: bold; max-height: 28px; overflow: hidden; padding: 0 5px 0 5px;} #genealone .graph_box.empty .graph_box_name {font-weight: normal; margin-top: 14px} #genealone .graph_box_date {text-align: center; padding-top: 2px} #genealone .graph_box_line {border-color: #000} #genealone .graph_box_line_l {border-left-width: 1px; border-left-style: solid} #genealone .graph_box_line_r {border-right-width: 1px; border-right-style: solid} #genealone .graph_box_line_trl {border-top-width: 1px; border-top-style: solid; border-right-width: 1px; border-right-style: solid; border-left-width: 1px; border-left-style: solid} #genealone .graph_box_line_rbl {border-right-width: 1px; border-right-style: solid; border-bottom-width: 1px; border-bottom-style: solid; border-left-width: 1px; border-left-style: solid} #genealone .graph_box_line_tl {border-top-width: 1px; border-top-style: solid; solid; border-left-width: 1px; border-left-style: solid} #genealone .graph_box_line_tr {border-top-width: 1px; border-top-style: solid; border-right-width: 1px; border-right-style: solid;} #genealone .graph_box_line_b {border-bottom-width: 1px; border-bottom-style: solid} #genealone .graph_box_space_vh {height: 25px} #genealone .graph_box_space_hh {width: 50%} #genealone .graph_box_space_vq {height: 12px;} #genealone .graph_box_space_v3q {height: 38px;} #genealone .graph_box_space_hqdown {position: relative; top: 25px} #genealone .graph_box .extra {text-align: center; padding-top: 2px; font-size: 9px;} #genealone .graph_box .info_box {display: none; position: absolute; top: -20px; left: 20px; width: 200px; height: auto; z-index: 1000; background-color: #fff; border: #000 solid 1px; padding: 10px 10px 5px 10px; font-size: 11px; line-height: 15px; box-shadow: 6px 6px 1px 0 #999; -webkit-box-shadow: 6px 6px 1px 0 #999; -moz-box-shadow: 6px 6px 1px 0 #999;} #genealone .graph_box .info_box.left_pos {left:auto; right:20px} #genealone .graph_box .info_box .name {font-size:13px; font-weight: bold; margin-bottom: 5px} #genealone .graph_box .info_box .name .sex {float: none; margin-left: 5px; position: static; top: 0} #genealone .graph_box .info_box .label {margin-top: 5px; font-weight: bold; float: none} #genealone .graph_box .info_box .closelink {text-align: center; margin-top: 10px; font-weight: bold} /* Menu sets */ #genealone #menu_set1, #genealone #menu_set2 {border: 1px solid #666;} /* Content menu */ #genealone .content_menu {overflow: hidden; padding: 2px 0 2px 10px} #genealone .content_menu .link {float: left; width: auto; margin-right: 20px} #genealone .content_menu .item_current {font-weight: bold} /* User menu */ #genealone .user_menu {text-align: right; padding: 0 12px 0 12px; overflow: hidden; overflow: hidden;} #genealone .user_menu .user, #genealone .user_menu .user_logged, #genealone .user_menu .user_logout, #genealone .user_menu .user_profile {display: inline; margin-left: 1em} #genealone .user_menu .link {float: left; width: auto; margin-right: 20px} /* Main content */ #genealone #genealone_main {background-color: #fff; overflow: hidden;} #genealone #genealone_main .genealone_content {overflow: hidden; padding: 20px 0 20px 0; width: auto} #genealone #genealone_main .part1 {width:50%; float: left; margin-bottom: 20px} #genealone #genealone_main .part2 {margin-left: 50%; margin-bottom: 20px} #genealone #genealone_main .part1 .part_inner {padding-right: 10px;} #genealone #genealone_main .part2 .part_inner {padding-left: 10px;} /* Subheader */ #genealone .subheader {overflow: visible; color: #000; background-color: #ccc; padding: 10px; margin-bottom: 10px} #genealone .subheader .inner {overflow: hidden; background-color: inherit} #genealone .subheader .sub_h1 {float: left; width: auto; line-height: 2em} #genealone .subheader .sub_h1_switch {float: right; width: auto; overflow: hidden} #genealone .subheader .sub_h1_switch_left, #genealone .subheader .sub_h1_switch_right {float: left; width: auto; background-color: #999; border: 2px outset #999; padding: 3px; margin-left: 16px; overflow: hidden} #genealone .subheader .sub_h1_switch a {text-decoration: none; color: #fff} #genealone .subheader .sub_h1_switch_left img {float: left; width: auto; margin-right: 4px} #genealone .subheader .sub_h1_switch_right img {float: right; width: auto; margin-left: 4px} #genealone .subheader .switch_inner {float: left; width: auto; line-height: 1.2em;} #genealone .subheader .thumbnail_main {float: left; width: auto; margin-right: 10px; border: 1px solid #000; height: 75px; width: auto} /* Frontpage */ #genealone #page_frontpage .module {border: 1px solid #666; margin-bottom: 20px} #genealone #page_frontpage .module h2 {padding: 2px 10px 2px 10px; border-bottom: 1px solid #666; font-weight: bold} #genealone #page_frontpage .module h2 a {font-weight: bold} #genealone #page_frontpage .module_content {overflow: hidden; padding: 0 10px 10px 10px;} #genealone #page_frontpage .search .text_field {display: block; float: left; width: 70%; padding: 1px} #genealone #page_frontpage .search .submit_button {display: block; float: right; width: 25%; padding: 2px} #genealone #page_frontpage .module .list_title {padding-top: 10px; border-bottom: 1px dotted #999} #genealone #page_frontpage .module .list_subtitle, #genealone #page_frontpage .module form {padding-top: 10px} #genealone #page_frontpage .module .list_subtitle_weddings, #genealone #page_frontpage .module .list_subtitle_deaths {padding-top: 15px} #genealone #page_frontpage .module .cell1 {width:50%; float: left} #genealone #page_frontpage .module .cell2 {width:50%; margin-left: 50%} #genealone #page_frontpage .module .cell1.nosplit {width: 100%; float: none;} #genealone #page_frontpage .module .cell1 ul {padding-right: 10px} #genealone #page_frontpage .module .cell1.nosplit ul {padding-right: 0} #genealone #page_frontpage .module .cell2 ul {padding-left: 10px} #genealone #page_frontpage li {border-bottom: 1px dotted #999; overflow: hidden} #genealone #page_frontpage .anniversaries li .date {float: left; width: 7em} #genealone #page_frontpage .anniversaries li .name {margin-left: 7.5em} #genealone #page_frontpage .calendar li .year {float: left; width: 4em} #genealone #page_frontpage .calendar li .name {margin-left: 4.5em} #genealone #page_frontpage .calendar li .weekday {float: right; width: auto; font-size: 80%} #genealone #page_frontpage .table li {overflow: hidden} #genealone #page_frontpage .table li .count {float: right; width: auto; margin-left: 10px} #genealone #page_frontpage .statistics .module_content, #genealone #page_frontpage .updates .module_content {padding-top: 10px} #genealone #page_frontpage .text1, #genealone #page_frontpage .text2 {clear: both; margin-bottom: 20px} #genealone #page_frontpage .part1 .text1, #genealone #page_frontpage .part1 .text2 #page_frontpage .part2 .text1, #genealone #page_frontpage .part2 .text2 {clear: none} #genealone #page_frontpage .gallery .module_content {padding: 0; height: 430px; overflow:hidden} #genealone #page_frontpage .gallery .empty {padding: 10px; color: #999} #genealone #page_frontpage .gallery .thumbnail_box {border: none; padding: 0; margin: 10px 0 0 10px} #genealone #page_frontpage .login .label {width: 25%} #genealone #page_frontpage .login .login_forgot, #genealone #page_frontpage .login .login_submit {margin-left: 25%} #genealone #page_frontpage .login input[type=password], #genealone #page_frontpage .login input[type=text] {xmargin-left: 25%} #genealone #page_frontpage .login input[type=password], #genealone #page_frontpage .login input[type=text] {width: 73%; max-width: 350px} /* Error / Access denied */ #genealone #page_error h1, #genealone #page_accessdenied h1 {font-size: 200%; margin-bottom: 20px} #genealone #page_error p, #genealone #page_accessdenied p {margin-bottom: 60px} /* Login page */ #genealone #page_login form {margin-bottom: 40px} #genealone #page_login .label {width: 150px; padding-top: 4px} #genealone .login_formline {clear: both; margin-bottom: 15px;} #genealone .login_forgot, #genealone .login_submit {margin-left: 150px;} #genealone .login_forgot {font-size: 80%} /* Profile/Register page */ #genealone #page_profile .label, #genealone #page_register .label {width: 150px} #genealone #page_profile .profile_formline .label, #genealone #page_register .profile_formline .label {padding-top: 4px} #genealone #page_profile .profile_formline, #genealone #page_profile .profile_line, #genealone #page_register .profile_formline, #genealone #page_register .profile_line {clear: both; width: 450px; margin-bottom: 15px; overflow: hidden} #genealone #page_profile .form_rightcolumn, #genealone #page_profile #person_id, #genealone #page_register .form_rightcolumn, #genealone #page_register #person_id {overflow: hidden; width: 300px; margin-left: 150px; margin-bottom: 10px; vertical-align: top} #genealone #page_profile .profile_formline input[type=text], #genealone #page_profile .profile_formline input[type=password], #genealone #genealone #page_register .profile_formline input[type=text], #genealone #page_register .profile_formline input[type=password] {float: right; width: 290px} #genealone #page_profile .disp_person_user, #genealone #page_register .disp_person_user {float: left; width: 190px} #genealone #page_profile .form_searchname, #genealone #page_profile .disp_name, #genealone #page_register .form_searchname, #genealone #page_register .disp_name {width: 190px} #genealone #page_profile .form_subbutton, #genealone #page_register .form_subbutton {float: right; width: 100px} #genealone #page_profile .form_options, #genealone #page_register .form_options {width: 450px; overflow: hidden; margin: 3px 0 20px 0} #genealone #page_profile .form_searchselect, #genealone #page_register .form_searchselect {margin-left: 150px; width: 190px; float: left} #genealone #page_profile .submit_button, #genealone #page_register .submit_button {padding: 5px} #genealone #page_profile .register, #genealone #page_register .register {font-weight: bold; margin-bottom: 10px} /* Branches page */ #genealone #page_branches li .count {float: right; width: auto; margin-left: 10px;} #genealone #page_branches .branch_description {font-size: 80%} #genealone #page_branches .part1 li, #genealone #page_branches .part2 li {border-bottom: 1px dotted #999;} /* Birthplaces page */ #genealone #page_birthplaces .cell1 {width:50%; float: left} #genealone #page_birthplaces .cell2 {width:50%; margin-left: 50%} #genealone #page_birthplaces .cell1.nosplit {width: 100%; float: none;} #genealone #page_birthplaces .cell1 ul {padding-right: 10px} #genealone #page_birthplaces .cell1.nosplit ul {padding-right: 0} #genealone #page_birthplaces .cell2 ul {padding-left: 10px} #genealone #page_birthplaces li {border-bottom: 1px dotted #999; overflow: hidden} #genealone #page_birthplaces .table li {overflow: hidden} #genealone #page_birthplaces .table li .count {float: right; width: auto; margin-left: 10px} #genealone #xxxpage_birthplaces .column_content {float: left; width: 22%} #genealone #xxxpage_birthplaces .column_space {float: left; width: 4%} #genealone #xxxpage_birthplaces .column_content li {border-bottom: 1px dotted #999; overflow: hidden} #genealone #xxxpage_birthplaces .column_content li .count {float: right; width: auto; margin-left: 10px;} #genealone #page_birthplaces .birthplaces_all {margin-top: 20px} #genealone #page_birthplaces .birthplaces_all, #genealone #page_birthplaces .birthplaces_top {overflow: hidden; clear: both} #genealone #page_birthplaces .part1 li, #genealone #page_birthplaces .part2 li {border-bottom: 1px dotted #999;} /* Places page */ #genealone #page_places .cell1 {width:50%; float: left} #genealone #page_places .cell2 {width:50%; margin-left: 50%} #genealone #page_places .cell1.nosplit {width: 100%; float: none;} #genealone #page_places .cell1 ul {padding-right: 10px} #genealone #page_places .cell1.nosplit ul {padding-right: 0} #genealone #page_places .cell2 ul {padding-left: 10px} #genealone #page_places li {border-bottom: 1px dotted #999; overflow: hidden} #genealone #page_places .table li {overflow: hidden} #genealone #page_places .table li .count {float: right; width: auto; margin-left: 10px} #genealone #xxxpage_places .column_content {float: left; width: 22%} #genealone #xxxpage_places .column_space {float: left; width: 4%} #genealone #xxxpage_places .column_content li {border-bottom: 1px dotted #999; overflow: hidden} #genealone #xxxpage_places .column_content li .count {float: right; width: auto; margin-left: 10px;} #genealone #page_places .places_all {margin-top: 20px} #genealone #page_places .places_all, #genealone #page_places .places_top {overflow: hidden; clear: both} #genealone #page_places .part1 li, #genealone #page_places .part2 li {border-bottom: 1px dotted #999;} /* Place/event page */ #genealone #page_place_events .column_content li {border-bottom: 1px dotted #999; overflow: hidden} #genealone #page_place_events .part1 li, #genealone #page_place_events .part2 li {border-bottom: 1px dotted #999; white-space:nowrap; overflow: hidden;} #genealone #page_place_events li .event_date {float: left; width: 8em} #genealone #page_place_events li .event_type, #genealone #page_place_events li .event_person {margin-left: 9em} /* Last name/event page */ #genealone #page_lastname_events .column_content li {border-bottom: 1px dotted #999; overflow: hidden} #genealone #page_lastname_events .part1 li, #genealone #page_lastname_events .part2 li {border-bottom: 1px dotted #999; white-space:nowrap; overflow: hidden} #genealone #page_lastname_events li .event_date {float: left; width: 8em} #genealone #page_lastname_events li .event_type, #genealone #page_lastname_events li .event_person {margin-left: 9em} /* Pages page */ #genealone #page_pages li {border-bottom: 1px dotted #999} /* Single page page */ #genealone #page_page p {text-align: justify; line-height: 1.5em; margin-top: 0.75em;} #genealone #page_page strong {font-weight: bold} #genealone #page_page em {font-style: italic;} #genealone #page_page img {float: right; border: none; margin: 0 0 20px 20px} /* Last names page */ #genealone #page_lastnames .cell1 {width:50%; float: left} #genealone #page_lastnames .cell2 {width:50%; margin-left: 50%} #genealone #page_lastnames .cell1.nosplit {width: 100%; float: none;} #genealone #page_lastnames .cell1 ul {padding-right: 10px} #genealone #page_lastnames .cell1.nosplit ul {padding-right: 0} #genealone #page_lastnames .cell2 ul {padding-left: 10px} #genealone #page_lastnames li {border-bottom: 1px dotted #999; overflow: hidden} #genealone #page_lastnames .table li {overflow: hidden} #genealone #page_lastnames .table li .count {float: right; width: auto; margin-left: 10px} #genealone #page_lastnames .lastnames_all {margin-top: 20px} #genealone #page_lastnames .lastnames_all, #genealone #page_lastnames .lastnames_top {overflow: hidden; clear: both} #genealone #page_lastnames .part1 li, #genealone #page_lastnames .part2 li {border-bottom: 1px dotted #999;} #genealone #page_lastnames #map {margin-left: 10px; margin-right: 10px} /* Person text page */ #genealone #page_person .subheader {margin-bottom: 30px} #genealone #page_person .person_data {padding: 0 0 15px 0; overflow: hidden} #genealone #page_person .notes {margin: 30px 10px 0 0; border-top: 1px dotted #999;} #genealone #page_person .note_head {margin-bottom: 10px} #genealone #page_person .note_par {margin: 10px 0 0 20px; text-indent: -20px;} #genealone #page_person .note_par .index_note {display: block; float: left; width: 20px} #genealone #page_person .gallery, #genealone #page_person .document {clear: both} #genealone #page_person .document_box {overflow: hidden; margin-bottom: 10px} #genealone #page_person .document_link, #genealone #page_person .document_type {display: inline; margin-right: 10px} #genealone #page_person .document_description, #genealone #page_person .document_details {clear: both; font-size: 80%; line-height: 1em} #genealone #page_person #map {margin-left: 10px; margin-right: 10px} /* Person graphic page */ #genealone #page_chart .subheader {margin-bottom: 30px} #genealone #page_chart .col1, #genealone #page_chart .col5r {float: left; width:20%; margin-bottom: 25px} #genealone #page_chart .col2, #genealone #page_chart .col3, #genealone #page_chart .col4, #genealone #page_chart .col2r, #genealone #page_chart .col3r, #genealone #page_chart .col4r {float: left; width:21%; margin-bottom: 25px} #genealone #page_chart .col5, #genealone #page_chart .col1r {float: left; width:17%; margin-bottom: 25px} #genealone #page_chart .cell {clear: both} #genealone #page_chart .col1 .subcol2, #genealone #page_chart .col5r .subcol2 {float: left; width: 80%} #genealone #page_chart .col1 .subcol3, #genealone #page_chart .col5r .subcol3 {float: left; width: 5%} #genealone #page_chart .col1 .subcol4, #genealone #page_chart .col5r .subcol4 {float: left; width: 15%} #genealone #page_chart .col2 .subcol1, #genealone #page_chart .col3 .subcol1, #genealone #page_chart .col4 .subcol1, #genealone #page_chart .col2 .subcol3, #genealone #page_chart .col3 .subcol3, #genealone #page_chart .col4 .subcol3, #genealone #page_chart .col2r .subcol1, #genealone #page_chart .col3r .subcol1, #genealone #page_chart .col4r .subcol1, #genealone #page_chart .col2r .subcol3, #genealone #page_chart .col3r .subcol3, #genealone #page_chart .col4r .subcol3 {float: left; width: 5%} #genealone #page_chart .col2 .subcol4, #genealone #page_chart .col3 .subcol4, #genealone #page_chart .col4 .subcol4, #genealone #page_chart .col2r .subcol4, #genealone #page_chart .col3r .subcol4, #genealone #page_chart .col4r .subcol4 {float: left; width: 14%} #genealone #page_chart .col2 .subcol2, #genealone #page_chart .col3 .subcol2, #genealone #page_chart .col4 .subcol2, #genealone #page_chart .col2r .subcol2, #genealone #page_chart .col3r .subcol2, #genealone #page_chart .col4r .subcol2 {float: left; width: 76%} #genealone #page_chart .col5 .subcol1, #genealone #page_chart .col1r .subcol1 {float: left; width: 6%} #genealone #page_chart .col5 .subcol2, #genealone #page_chart .col1r .subcol2 {float: left; width: 94%} #genealone #page_chart .line_t {border-top: 1px solid #000} #genealone #page_chart .line_r {border-right: 1px solid #000} #genealone #page_chart .line_l {border-left: 1px solid #000; } #genealone #page_chart .line_t, #genealone #page_chart .line_r, #genealone #page_chart .line_l {position: absolute; top: 0; bottom: 0; left: 0; right: 0} /* Event page */ #genealone #page_event .event_data {padding: 0 0 15px 0; overflow: hidden} #genealone #page_event #map {margin-left: 10px; margin-right: 10px} /* Calendar page */ #genealone #page_calendar .col1, #genealone #page_calendar .col7 {float: left; width: 15%;} #genealone #page_calendar .col2, #genealone #page_calendar .col3, #genealone #page_calendar .col4, #genealone #page_calendar .col5, #genealone #page_calendar .col6 {float: left; width: 14%;} #genealone #page_calendar .row {overflow: hidden; padding: 0 0 6px 0} #genealone #page_calendar .cell {border: 1px solid #000} #genealone #page_calendar .col1 .cell {margin: 0 6px 0 0} #genealone #page_calendar .col2 .cell {margin: 0 5px 0 1px} #genealone #page_calendar .col3 .cell {margin: 0 4px 0 2px} #genealone #page_calendar .col4 .cell {margin: 0 3px 0 3px} #genealone #page_calendar .col5 .cell {margin: 0 2px 0 4px} #genealone #page_calendar .col6 .cell {margin: 0 1px 0 5px} #genealone #page_calendar .col7 .cell {margin: 0 0 0 6px} #genealone #page_calendar .weekday {border: none !important; background-color: #666; color: #fff; padding: 4px} #genealone #page_calendar .cell .date {background-color: #ccc; font-size: 11px} #genealone #page_calendar .cell .date {padding: 3px} #genealone #page_calendar .cell .anniversaries {padding: 3px; height: 112px; font-size: 11px; line-height: 11px; text-align: right} #genealone #page_calendar .cell .item {height: 24px; border-bottom: 1px dotted #999; xwhite-space: nowrap; overflow: hidden; text-align: left} #genealone #page_calendar .other_month .date {background-color: #999} #genealone #page_calendar .other_month .anniversaries {background-color: #ccc} #genealone #page_calendar .today .date {background-color: #000} #genealone #page_calendar .today .date a {color:#fff} #genealone #page_calendar .event {margin-bottom: 25px} #genealone #page_calendar .event .item, #genealone #page_calendar .event h2 {border-bottom: 1px dotted #999;} #genealone #page_calendar .calendar_year {width: 4em; position: relative; top: -10px} #genealone #page_calendar .calendar_name {margin-left: 4em; text-indent: -4em; height: 22px} /* Links page */ #genealone #page_links .links {margin: 10px 0 10px 0} #genealone #page_links li {margin-bottom: 5px} #genealone #page_links li .link_description {font-size: 80%; line-height: 1.1} /* Search page */ #genealone #page_search form {margin-bottom: 15px; overflow: hidden} #genealone #page_search .search_branch {float: left; width: 33%; margin-right: 1%} #genealone #page_search .search_nobranch {float: left; width: 67%;} #genealone #page_search .submit_button {float: right; width: 29%} #genealone #page_search .searchform_fieldset {overflow: hidden;} #genealone #page_search .part1 h2, #genealone #page_search .part1 li, #genealone #page_search .part2 h2, #genealone #page_search .part2 li {border-bottom: 1px dotted #999;} #genealone #page_search .statistic li {text-align: right} #genealone #page_search .statistic li .item {float: left; width: auto; text-align: left} #genealone #page_search ul {margin-bottom: 20px} /* Edit page */ #genealone #page_edit .subheader {margin-bottom: 30px} #genealone #page_edit .label {float: left; width: 18%;} #genealone #page_edit .input_cont {float: left; width: auto; margin-right: 5px;} #genealone #page_edit .input_nick_name input {float: right} #genealone #page_edit .formslabel {font-size: 80%; width: auto} #genealone #page_edit .disp_cont {float: left; background-color: #fff; border: #ccc 1px solid; padding: 1px; line-height: 1.2em} #genealone #page_edit .subbutton_area {float: right; width: auto;} #genealone #page_edit .form_subbutton, #genealone #page_edit .form_mainportrait {vertical-align: top} #genealone #page_edit .form_rightcolumn {overflow: hidden; width: auto; margin-left: 20%; margin-bottom: 10px; vertical-align: top} #genealone #page_edit .form_rightcolumn .source_text {font-size:80%; margin-left: 15px; text-indent: -15px; line-height: 1.2em; float: left;} #genealone #page_edit .form_rightcolumn .source_edit {float: right; width: auto} #genealone #page_edit .form_rightcolumn .source_edit .form_subbutton {font-size: 80%} #genealone #page_edit .form_line .form_rightcolumn {margin-bottom: 3px} #genealone #page_edit .form_searchselect {clear: both;} #genealone #page_edit .place_set {position: relative; right: -5px; float: right; width: auto} #genealone #page_edit .disp_cont_full {background-color: #fff; border: #ccc 1px solid; padding: 1px} #genealone #page_edit #button_reload {display: block; float: right; width: auto} #genealone #page_edit #button_reload, #genealone #page_edit #button_return, #genealone #page_edit #button_upload, #genealone #page_edit #button_cancel {padding: 5px} #genealone #page_edit .submit_button {margin-top: 15px} #genealone #page_edit #button_cancel {margin: 20px 0 20px 0} #genealone #page_edit .gallery_upload {border: 1px #000 solid} #genealone #page_edit .delete, #genealone #page_edit .nodelete, #genealone #page_edit .cancel {display: block; float: right; width: auto; margin-left: 3px} #genealone #page_edit .delete {color: #fff; background-color: #000} #genealone #page_edit .nodelete {color: #666;} #genealone #page_edit .photo_details {float: left;} #genealone #page_edit .form_phototitle, #genealone #page_edit .form_photodescription {width: 495px} #genealone #page_edit .form_doclink {border: 1px solid #999; margin-bottom: 10px; padding: 1px} #genealone #page_edit .document_box, #genealone #page_edit .page_box, #genealone #page_edit .extlink_box {overflow: hidden; width: 570px; margin-bottom: 10px} #genealone #page_edit .document_link, #genealone #page_edit .document_type, #genealone #page_edit .page_link {float: left;} #genealone #page_edit .document_link {border: 1px solid #999; padding: 1px} #genealone #page_edit .document_type {width: 50px; padding-left: 10px} #genealone #page_edit .document_button, #genealone #page_edit .page_button {float: right; width: auto; padding-left: 10px} #genealone #page_edit .disp_linked {padding: 1px 0 1px 0} #genealone #page_edit .form_subline {overflow: hidden; margin-bottom: 2px} #genealone #page_edit .photo_set, #genealone #page_edit .document_set, #genealone #page_edit .page_set, #genealone #page_edit .extlink_set {overflow:hidden; margin-left: 20%} #genealone #page_edit .photo_set .form_subbutton, #genealone #page_edit .document_set .form_subbutton, #genealone #page_edit .page_set .form_subbutton, #genealone #page_edit .extlink_set .form_subbutton {font-size: 80%; width: auto; padding: 0} #genealone #page_edit #new_source_link .form_subbutton {font-size: 80%} #genealone #page_edit .form_line_sourcecitation textarea {height: 100px} #genealone #page_edit .form_line_sourcepart {border-top: 1px dotted #999; padding-top: 8px} #genealone #page_edit .page_edit_person .form_line {padding-bottom: 7px; border-bottom: 1px dotted #999} #genealone #page_edit .page_edit_person .form_line.button_line {border-bottom: none} #genealone #page_edit .form_posttitle {width: 99%} #genealone #page_edit .form_note, #genealone #page_edit .form_personnote, #genealone #page_edit .form_newevent, #genealone #page_edit .form_address, #genealone #page_edit .form_religion, #genealone #genealone #page_edit .form_source, #genealone #page_edit .form_causeofdeath, #genealone #page_edit .form_profession, #genealone #page_edit .gallery_upload, #genealone #page_edit .document_box, #genealone #page_edit .page_box, #genealone #page_edit .input_dateprefix select, #genealone #page_edit .input_day input, #genealone #page_edit .input_month input, #genealone #page_edit .input_year input, #genealone #page_edit .form_causeofdeath, #genealone #genealone #page_edit .form_profession, #genealone #page_edit .input_customw1 {width: 99%} #genealone #page_edit .formslabel {height: 1.5em; overflow: hidden} #genealone #page_edit .input_title, #genealone #page_edit .input_prefix, #genealone #page_edit .input_suffix {width: 10%;} #genealone #page_edit .input_first_name , #genealone #page_edit .input_last_name {width: 19%;} #genealone #page_edit .input_middle_name , #genealone #page_edit .input_nick_name {width: 12%;} #genealone #page_edit .input_title input, #genealone #page_edit .input_prefix input, #genealone #page_edit .input_suffix input, #genealone #page_edit .input_first_name input, #genealone #page_edit .input_last_name input, #genealone #page_edit .input_middle_name input, #genealone #page_edit .input_nick_name input {width: 92%; xpadding: 2px} #genealone #page_edit .subbutton_area {width: 30%} #genealone #page_edit .subbutton_area .form_subbutton {width: 48%} #genealone #page_edit .disp_cont, #genealone #page_edit .form_searchname, #genealone #page_edit .form_searchselect {width: 67%} #genealone #page_edit .input_dateprefix {width: 13%} #genealone #page_edit .input_day, #genealone #page_edit .input_month, #genealone #page_edit .input_year {width: 7%} #genealone #page_edit .place_set {width: 60%; right: 0; position: static} #genealone #page_edit .place_set .disp_cont.disp_eventplace {float: left; width: 70%} #genealone #page_edit .place_set .form_subbutton {float: right; width: 25%} #genealone #page_edit .place_set .form_searchplace, #genealone #page_edit .place_set .form_searchselectplace {float: left; width: 47%} #genealone #page_edit .place_set .subbutton_area {width: 50%} #genealone #page_edit .place_set .subbutton_area .form_subbutton {width: 48%} #genealone #page_edit .photo_details {float: none; width: auto} #genealone #page_edit .form_phototitle, #genealone #page_edit .form_photodescription { width: 99%} #genealone #page_edit .document_details {width: 100%} #genealone #page_edit .form_doctitle, #genealone #page_edit .form_docdescription, #genealone #page_edit .form_pagetitle, #genealone #page_edit .form_pagecontent {width: 99%} #genealone #page_edit .jseditor {border: 1px solid #000} #genealone #page_edit .page_details, #genealone #page_edit .page_details .form_line {width: 99%} #genealone #page_edit .delete {background-image: none} /* Fast setup page */ #genealone #page_setup .conf_formline {clear: both; width: 730px; margin-bottom: 10px;} #genealone #page_setup .conf_label {float: left; width: 180px; padding-top: 4px;} #genealone #page_setup .conf_input {margin-left: 180px;} #genealone #page_setup .conf_inputtext, #genealone #page_setup .conf_inputtextarea {border: 2px inset #999; padding: 2px; width: 550px} #genealone #page_setup .conf_inputtextarea {width: 550px; resize: none;} #genealone #page_setup .conf_inputselect {width: 550px} #genealone #page_setup .conf_submit {margin: 15px 0 10px 180px; padding: 5px} #genealone #page_setup .info {margin-bottom: 10px;} /* Gallery page */ #genealone #page_gallery .gallery_row {overflow: hidden; clear: both} #genealone #page_gallery .info {float: left; margin-bottom: 10px} #genealone #page_gallery .pagination_before, #genealone #page_gallery .pagination_after {float: right; width: auto; overflow: hidden; margin-bottom: 10px} #genealone #page_gallery .prev, #genealone #page_gallery .next {float: left; width: auto; margin-left: 15px} #genealone #page_gallery .photo_details {float: left; width: auto} #genealone #page_gallery .detail {margin-bottom: 10px} /* Blog page */ #genealone #page_blog .post.blog_overview {margin-bottom: 30px} #genealone #page_blog h2 {font-size: 125%; font-weight: bold} #genealone #page_blog .post_info {font-size: 80%; line-height: 1; margin-bottom: 3px; overflow: hidden} #genealone #page_blog .post_info .post_date {float: right} #genealone #page_blog .post_content, #genealone #page_blog .post_excerpt {text-align: justify} #genealone #page_blog .post_content p {margin-bottom: 5px} #genealone #page_blog .post_link {font-size: 80%;} #genealone #page_blog .comments_h2 {margin-top: 20px; position: relative; top: 10px;} #genealone #page_blog .comment {margin-top: 20px; padding-top: 20px; border-top: 1px dotted #808080;} #genealone #page_blog .comment input[type=text], #genealone #page_blog .comment textarea {display: block; clear: both; width: 99%; max-width: 500px} #genealone #page_blog .comment .label {width: auto} #genealone #page_blog .comment textarea {height: 250px} #genealone #page_blog .comment .comment_time {font-size: 80%; text-align: right} #genealone #page_blog .comment .comment_name {font-weight: bold} #genealone #page_blog .comment .comment_email {font-weight: normal} #genealone #page_blog .comment .comment_text {clear: both; text-align: justify} #genealone #page_blog .comment .comment_delete {float: right; width: auto;} #genealone #page_blog .delete {color: #fff; background-color: #f00} /* Relashinships page */ #genealone #page_relationships #form_pair {overflow: hidden; margin-bottom: 20px} #genealone #page_relationships #form_pair .person {width: auto; overflow: hidden} #genealone #page_relationships #form_pair .person_0 {margin-right: 20px} #genealone #page_relationships #form_pair .label {width: 150px} #genealone #page_relationships #form_pair .form_searchname, #genealone #page_relationships #form_pair .disp_name {width: 190px} #genealone #page_relationships #form_pair .form_subbutton {width: 100px; padding: 2px; float: right} #genealone #page_relationships #form_pair .form_searchselect, #genealone #page_relationships #form_pair .form_disp_name {overflow: hidden; margin-bottom: 5px} #genealone #page_relationships #form_pair .form_searchselect {margin-left: 150px; width: 190px; float: left} #genealone #page_relationships #form_pair .form_options {width: 450px; overflow: hidden; margin: 3px 0 20px 0} #genealone #page_relationships #form_pair .disp_name {float: left;} #genealone #page_relationships #form_pair .form_disp_name {width: 300px} #genealone #page_relationships #form_pair .form_subbutton_select {margin-bottom: 5px} #genealone #page_relationships .row {width-min: 500px; width: 50%; overflow: hidden;} #genealone #page_relationships .row_last {padding-bottom: 3px} #genealone #page_relationships .outbox {width: 40%; margin-right: 3px} #genealone #page_relationships .left {float: left} #genealone #page_relationships .right {float: right} #genealone #page_relationships .middle {margin-left: auto; margin-right: auto} #genealone #page_relationships .middle_lines {width: 60%; margin-left: auto; margin-right: auto} #genealone #page_relationships .middle_space {width: 20%; margin-left: auto; margin-right: auto} /* Contact page */ #genealone #page_contact fieldset {margin: 20px 0 20px 0} #genealone #page_contact input[type=text], #genealone #page_contact textarea {display: block; clear: both; width: 99%; max-width: 500px} #genealone #page_contact .label {width: auto} #genealone #page_contact textarea {height: 250px} /* Suggestion page */ #genealone #page_suggest fieldset {margin: 20px 0 20px 0} #genealone #page_suggest input[type=text], #genealone #page_suggest textarea {display: block; clear: both; width: 99%; max-width: 500px} #genealone #page_suggest .label {width: auto} #genealone #page_suggest textarea {height: 250px} #genealone #page_suggest .form_disp_person, #genealone #page_suggest .form_options {clear: both; width: 500px; overflow: hidden} #genealone #page_suggest .disp_cont {float: left; width: 380px; background-color: #fff; border: #ccc 1px solid; padding: 1px} #genealone #page_suggest .form_subbutton {width: 100px; float: right} #genealone #page_suggest input[type=text].form_searchname, #genealone #page_suggest .form_searchselect {float: left; width: 380px} /* Timeline page */ #genealone #page_timeline .genealone_content {overflow: hidden} #genealone #page_timeline .names_container {float: left; width: 100%; margin-left:-100%;} #genealone #page_timeline .names {position: relative; left: 100%} #genealone #page_timeline .lines .col_a {float: left; width: 16.66%} #genealone #page_timeline .lines .col_b {float: left; width: 12.49%} #genealone #page_timeline .col_inner {border-right: 1px dotted #808080;} #genealone #page_timeline .col_last .col_inner {border: none} #genealone #page_timeline .names {padding-top: 15px} #genealone #page_timeline .line_container, #genealone #page_timeline .col-line {margin: 10px 0 10px 0} #genealone #page_timeline .line, #genealone #page_timeline .col-line {overflow: hidden; font-size: 80%; line-height: 1em; height: 1.25em; min-width: 25px;} #genealone #page_timeline .line .left {float: left; width: auto: text-align: right; padding: 1px;} #genealone #page_timeline .line {border: 1px solid #000; margin-borrom: 4px; text-align: center; padding: 1px; white-space:nowrap; box-shadow: 2px 2px 1px 0 #999; -webkit-box-shadow: 2px 2px 1px 0 #999; -moz-box-shadow: 2px 2px 1px 0 #999} #genealone #page_timeline .line .right {float: right; width: auto; text-align: left; padding: 1px;} #genealone #page_timeline .col-header {overflow: hidden; font-size: 80%; font-weight: bold} #genealone #page_timeline .col-lheader {float: left; width: auto} #genealone #page_timeline .col-rheader {float: right; width: auto} #genealone #page_timeline .notes {padding-top: 30px; clear: both} #genealone #page_timeline .note_head {border-top: 1px dotted #999} #genealone #page_timeline .col-line {padding-bottom: 4px} /* Documents page */ #genealone #page_documents .document_box {clear: both; margin-bottom: 15px} #genealone #page_documents .document_link {display: inline; font-weight: bold} #genealone #page_documents .document_type {display: inline; margin-left: 10px} #genealone #page_documents .document_description {clear: both} #genealone #page_documents h3 {display: inline; margin-right: 10px} #genealone #page_documents .detail {margin-bottom: 10px} /* Navigation for small displays */ #genealone .nav-toggle {display: none;} /* Wordpress-specific styles */ #genealone ul {list-style: none !important;} #genealone .genealone_content {hyphens: manual; -webkit-hyphens: manual; -moz-hyphens: manual} #genealone .genealone_content input, #genealone content, #genealone select, #genealone .genealone_content textarea {padding: 1px} #genealone #menu_set1, #genealone #menu_set2 {border: none; font-size: 80%; font-weight: bold} #genealone #menu_set1 #user_menu1, #genealone #menu_set2 #content_menu2 {display: none} #genealone #menu_set1 #content_menu1 {border-bottom: 2px solid #000} #genealone #menu_set2 #user_menu2 {border-top: 2px solid #000} #genealone .content_menu .link.item_last {margin-right:0} #genealone .content_menu, #genealone .user_menu {padding: 0} #genealone .content_menu .link, #genealone .user_menu .link {margin-right: 15px} #genealone .user_menu .admin {float: right; width: auto} #genealone .user_menu .admin .link {margin-right: 0; margin-left: 15px;} #genealone .subheader {padding: 5px 0 7px 0; background-color: inherit; border-bottom: 1px solid #000} #genealone .subheader h2 {font-size: 125%; font-weight: bold} #genealone .subheader .sub_h1_switch_left, #genealone .subheader .sub_h1_switch_right {background-color: inherit; border-width: 1px; padding: 2px} #genealone .subheader .sub_h1_switch_left a, #genealone .subheader .sub_h1_switch_right a {color: inherit} #genealone .admin_list {width: 100%} #genealone .admin_list ul {border-top: 2px solid #999} #genealone .admin_list ul.headered {border-top: none} #genealone .admin_list li {clear: both; overflow: hidden; border-bottom: 2px solid #999; padding: 3px 0 3px 0} #genealone .admin_list_control {float: right; width: auto; margin-left: 10px} #genealone .poweredby {clear: both; text-align: left; font-weight: normal; font-size: 80%; color: #808080} #genealone .poweredby a {color: #808080} #genealone .person_list .id {float: left; width: 50px; padding-right: 10px; text-align: right; font-size: 80%} #genealone .person_list .merge, #genealone .person_list .edit {float: right; width: auto; padding-left: 10px} #genealone .person_list .years {float: right; width: 130px; padding-left: 10px} #genealone .place_list .merge, #genealone .place_list .edit {float: right; width: auto; padding-left: 10px} #genealone .place_list .coord {float: right; width: 130px; padding-left: 10px} #genealone .source_list .merge, #genealone .source_list .edit {float: right; width: auto; padding-left: 10px} #genealone .genealone_content .conf_formline {width: 100%; overflow: hidden; margin-bottom: 1em} #genealone .genealone_content .conf_inputtext, #genealone .conf_inputtextarea, #genealone .conf_inputselect {width: 97%} #genealone .genealone_content .conf_label {width: 140px; float: left} #genealone .genealone_content .conf_input {margin-left: 150px; width: auto} #genealone .genealone_content .conf_submit {margin: 15px 0 10px 150px; padding: 5px} #genealone .genealone_content .conf_formline.conf_searchplace .conf_inputtext, #genealone .genealone_content .conf_formline.conf_searchsource .conf_inputtext {width: 60%} #genealone .admin_form_result {font-weight: bold; margin: 1em 0 1em 0} #genealone #merge_select {margin-bottom: 2em} #genealone #merge_select .label {width: 145px} #genealone #merge_select .person {clear: both} #genealone #merge_select .form_disp_name, #genealone #merge_select .form_options {margin-left: 150px; overflow: hidden} #genealone #merge_select .form_searchname, #genealone #merge_select .disp_name, #genealone #merge_select .form_searchselect {float: left; width: 70%} #genealone #merge_select .form_subbutton {width: 25%; padding: 2px; float: right} #genealone #merge_select .form_searchselect, #genealone #merge_select .form_disp_name {overflow: hidden; margin-bottom: 5px} #genealone #merge_form .line {clear: both; overflow: hidden; width: 100%} #genealone #merge_form .label {float: left; width: 140px;} #genealone #merge_form .select {margin-left: 150px} #genealone #merge_form .person_0 {float: left; width: 45%;} #genealone #merge_form .person_1 {float: right; width: 45%;} #genealone #merge_form .data {float: right; width: 80%;} #genealone #merge_form .conf_submit {margin-left: 0; float: right} #genealone #page_edit .admin_edit .formslabel {font-size: 80%; width: auto} #genealone #page_edit .admin_edit .longinput {width: 95%} #genealone #page_edit .admin_edit .largeinput {height: 495px} /* Responsive styles */ @media all and (max-width: 740px) { #genealone #genealone_main .part1 {width:100%; float: none;} #genealone #genealone_main .part2 {margin-left: 0} #genealone #genealone_main .part1 .part_inner {padding-right: 0} #genealone #genealone_main .part2 .part_inner {padding-left: 0} } @media all and (max-width: 580px) { #genealone #page_chart .cola0, #genealone #page_chart .cola4 .subcol4, #genealone #page_chart .cola0r, #genealone #page_chart .cola1r .subcol4 {display: none} #genealone #page_chart .cola1, #genealone #page_chart .cola1r {width: 24%} #genealone #page_chart .cola2, #genealone #page_chart .cola3, #genealone #page_chart .cola2r, #genealone #page_chart .cola3r {width: 26%} #genealone #page_chart .cola4, #genealone #page_chart .cola4r {width: 23%} #genealone #page_chart .cola4 .subcol2, #genealone #page_chart .cola1r .subcol2 {width: 90%} } @media all and (max-width: 500px) { #genealone .nav-toggle {display: block;} #genealone .nav-collapse ul ul a {display: block;} #genealone .nav-collapse .link {float: none;} } @media all and (max-width: 460px) { #genealone #page_chart .colb0, #genealone #page_chart .colb1 .subcol1, #genealone #page_chart .colb3 .subcol4, #genealone #page_chart .colb0r, #genealone #page_chart .colb1r .subcol4, #genealone #page_chart .colb3r .subcol1 {display: none} #genealone #page_chart .colb1, #genealone #page_chart .colb3r {width: 33%} #genealone #page_chart .colb2, #genealone #page_chart .colb2r {width: 36%} #genealone #page_chart .colb3, #genealone #page_chart .colb1r {width: 30%} #genealone #page_chart .colb4 .subcol2, #genealone #page_chart .colb1r .subcol2 {width: 90%} #genealone #page_chart .colb1 .subcol2, #genealone #page_chart .colb3r .subcol2 {width: 81%} }