/* * Style for Standard theme * * webtrees: Web based Family History software * Copyright (C) 2012 webtrees development team. * * Derived from PhpGedView * Copyright (C) 2002 to 2009 PGV Development Team. All rights reserved. * * This program is free software; you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation; either version 2 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program; if not, write to the Free Software * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA * * $Id: style.css 13409 2012-02-07 23:39:46Z rob $ */ /* Add a permanent scrollbar, to prevent "flickering" when hover effects lengthen page */ html {overflow-y:scroll;} body {color:#555; background-color:#fff; font:12px tahoma, arial, helvetica, sans-serif; margin:1px; padding-left:5px;} fieldset {margin:8px 8px 4px 8px; text-align:left;} html[dir='rtl'] fieldset {text-align:right;} legend {font-weight:bold;} a {color:#555; text-decoration:none;} a:hover {color:#f00; text-decoration:none;} :focus {outline-style:none;} th {font-weight:100;} ul {padding-left:15px; padding-right:15px; margin:8px;} img {border:none;} legend img {height:20px; vertical-align:middle; width:20px;} img.block, #calendar_img_indi, #calendar_img_fam, #biglink img, #mycart img {border:none; height:25px; vertical-align:middle;} input, button, textarea {border-top-color:#fff; border-left-color:#fff; border-right-color:#555; border-bottom-color:#555; border-width:1px; font-size:12px;} input, textarea {padding-left:3px; padding-right:3px;} textarea {border-style:inset;} input.image {width:17px; height:17px; border:none; padding:0; vertical-align:top;} select {border:1px solid #555; font-size:12px; margin:0 7px; padding:1px;} form {font-size:12px;} h2 {color:#006; font-weight:bold; font-size:18px;} h4 {color:#006; font-weight:bold; font-size:12px;} .line1, .line2, .line3 {vertical-align:bottom;} .line4 {vertical-align:middle;} .line5 {vertical-align:top;} #mycart a img {height:15px;} #content {clear: both;} #footer {clear:both; font-size:12px; padding-top:10px; text-align:center;} .optionbox a img {} .button {width:60px;} .gedcom_table {border:1px solid #81a9cb; margin:0; width:99%;} .person_box {background-color:#edf7fd; border:solid #81a9cb 1px; padding:3px;} .person_boxF {background-color:#e9daf1; border:1px solid #ff2080; padding:3px;} .person_boxNN {background-color:#fff; border:dashed #81a9cb 1px; padding:3px;} .person_box:target, .news_box:target, #gedcom_stats:target {background-color:#ffc;} .person_box_lifespan {display: inline;} /* families tab person box */ #relatives_content .person_box > .person_box, #relatives_content .person_boxF > .person_boxF, #relatives_content .person_boxNN > .person_boxNN { border:none;min-height:50px;} .center {text-align:center;} table.center {margin-left:auto; margin-right:auto;} .list_table {margin-left:auto; margin-right:auto;} .list_label, .list_label_wrap {color:#fff; background-color:#81a9cb; font-weight:bold; font-size:12px; text-align:center;} .list_value, .list_value_wrap {background-color:#edf7f9; border:solid #81a9cb 1px; font-size:12px; vertical-align:top;} .list_label, .list_value {white-space:nowrap;} .list_label_wrap, .list_value_wrap {white-space:normal;} .list_item {font-size:12px;} .facts_table, .facts_table_rtl {width:100%;} .facts_label {background-color:#81a9cb; font-size:12px; padding:4px 4px 4px 4px; width:20%; text-align:center;} .facts_label02, .facts_label03 {color:#fff; font-size:12px; padding:4px; text-align:center; font-weight:bold;} .facts_label02 {background-color:#c4c9e6;} .facts_label03 {background-color:#81a9cb;} .facts_value {background-color:#edf7fd; border:solid #81a9cb 1px; font-size:12px; padding:4px;} .facts_value02 {background-color:#edf7fd; border:solid #81a9cb 1px; font-size:12px; padding:5px;} .facts_labelred, .facts_labelblue {color:#fff; background-color:#81a9cb; font-size:12px; padding:4px; width:20%; text-align:center;} .facts_valuered, .facts_valueblue {background-color:#edf7fd; font-size:12px; padding:4px;} .facts_labelred, .facts_valuered {border:solid #f00 2px;} .facts_labelblue, .facts_valueblue {border:solid #00f 2px;} .tabs_table {width:99%;} .tab_cell_active {background-color:#fff; border-left:outset #81a9cb 2px; border-top:outset #81a9cb 2px; border-right:outset #81a9cb 2px; text-align:center; font-weight:bold; font-size:10pt;} .tab_cell_inactive {background-color:#edf7fd; border-left:solid #81a9cb 2px; border-top:solid #81a9cb 2px; border-right:outset #81a9cb 2px; text-align:center; font-weight:bold; font-size:10pt;} .tab_cell_inactive_empty {background-color:#c6d0da; border-left:solid #81a9cb 2px; border-top:solid #81a9cb 2px; border-right:outset #81a9cb 2px; text-align:center; font-weight:bold; font-size:10pt;} .tab_cell_inactive_empty a {color:#999;} .tab_active_bottom {border:none; height:5px;} .tab_inactive_bottom {border-left:none; border-right:none; border-top:outset #81a9cb 2px; height:5px;} .tab_inactive_bottom_right {border-left:none; border-right:none; border-top:outset #81a9cb 2px; width:33%; height:5px;} .name1 {color:#333; font-weight:bold; font-size:12px;} a:hover .name1 {color:#f00; font-weight:bold; font-size:12px;} a:hover .name2 {color:#f00; font-weight:bold; font-size:12px;} a:hover .nameZoom {color:#f00; font-weight:bold; font-size:14px;} .name2 {color:#333; font-weight:bold; font-size:12px;} .details1 {font-size:11px;} .details2 {font-size:12px;} .nameZoom {color:#333; font-weight:bold; font-size:14px;} .detailsZoom {font-size:14px; text-decoration:none;} .details_label {font-weight:bold;} .name_head {color:#333; font-weight:bold; font-size:16px; letter-spacing:.2px; line-height:2; padding:0 5px;} .date {color:#337;} .field {} .label {font-weight:bold;} .error {color:#d00; font-weight:bold;} .largeError {color:#d00; font-size:large; font-weight:bold;} .warning {color:#f00; font-weight:bold;} .indent {padding-left:20px;} .indent_rtl {padding-right:20px;} .image {height:150px; padding:5px; margin:2px;} .gender_image {margin:0 3px; border:none; vertical-align:middle;} .pedigree_image_portrait, .pedigree_image_landscape {float:left; max-height:50px; max-width:37px; margin-right:4px;} .pedigree_image_portrait_rtl, .pedigree_image_landscape_rtl {float:right; max-height:50px; max-width:37px; margin-left:4px;} .pedigree_form {width:45px;} .thumbnail {height:auto; padding:3px;} .icon, .adminicon {border:none; padding-left:0; padding-right:5pt;} html[dir='rtl'] .icon, html[dir='rtl'] .adminicon {padding-left:5pt; padding-right:0;} .sublinks_table {border:solid #81a9cb 1px; background-color:#edf7fd;} .sublinks_cell {font-size:12px; background-color:#edf7fd;} .sublinks_table .icon, .sublinks_table_rtl .icon {vertical-align:middle; width:20px; height:20px;} .menuitem .icon {width:50px; height:50px;} .menuitem_hover .icon {width:50px; height:50px;} .submenu .icon {vertical-align:middle; width:20px; height:20px;} .subheaders {font-weight:bold; font-size:15px; margin-top:15px; vertical-align:bottom;} .age {font-size:9px;} .parentdeath {border:thin solid #888; padding:1px;} .source_citations {display:none;} .lang_form {margin-top:0;} .selected-option {background-color:#edf7fd;} .user_links {white-space:nowrap;} .contact_links {margin-top:15px; text-align:center;} .hit-counter {background:#000; color:#fff; font-weight:bold;} .border1 {border:solid #000 1px;} .header_select {font-size:9pt;} .favorites_form {margin-top:0;} .help {font-weight:bold; cursor:help;} .menuitem {text-decoration:none; font-size:11px; padding:1px;} .menuitem_hover {text-decoration:none; font-size:11px; padding:1px;} .submenu {text-decoration:none; font-size:11px; background-color:#edf7fd; border:solid #81a9cb 1px; white-space:nowrap; visibility:hidden; position:absolute; padding:5px;} .submenuitem {vertical-align:middle; height:20px; text-decoration:none; font-size:11px; background-color:#edf7fd; white-space:nowrap; padding:1px;} .submenuitem_hover {vertical-align:middle; height:20px; font-size:11px; background-color:#e6f0fa; white-space:nowrap; padding:1px;} .submenuitem a, .submenuitem_hover a {display:inline-block; vertical-align:middle;} .journal_box {padding: 3pt; border:thin solid #AAA; overflow:visible;} .news_box {background-color:#edf7fd; border-top:solid #81a9cb 1px;} .news_title {font-weight:bold; font-size:14px;} .news_date {margin-bottom:12px;} .current_day {font-weight:bold; font-size:16px;} .cal_day {float:left; font-weight:bold;} .rtl_cal_day {direction:rtl; float:right; color:#00f; font-weight:bold;} .helpcontent {margin-left:10px; margin-right:10px;} .helpcontent dt {clear:both;} .helpfooter {margin:10px;} .helpheader {margin:10px; font-size:18px; font-weight:bold;} .helpstart {margin:10px; font-weight:bold; font-size:14px; color:#00f; text-decoration:none;} .helptext {font-size:12px;} /*-- pedigree chart specific stylesheets --*/ #pedigree_chart {position:relative; top:-200px; left:0;} html[dir='rtl'] #pedigree_chart {left:auto; right:10px;} /*-- descendancy chart specific stylesheets --*/ #descendancy_chart ul {background-image:url(images/vline.png); background-repeat:repeat-y; background-position:left top; list-style:none; margin:0 0 5px 15px; padding-top:0; padding-right:0; padding-bottom:0;} #descendancy_chart li {list-style:none; margin:0 0 0 -15px; padding-top:0; padding-right:0; padding-bottom:0;} html[dir='rtl'] #descendancy_chart ul {background-position:right top; margin:0 15px 0 0; left:auto;} /*-- ancestry chart specific stylesheets --*/ #ancestry_chart table div p {font-size:90%; margin:0;} #ancestry_chart ul {background-image:url(images/vline.png); background-repeat:repeat-y; background-position:left top; list-style:none; display:block; margin:0 0 0 15px; padding-top:0; padding-right:0; padding-bottom:0;} #ancestry_chart li {list-style:none; margin:0 0 2px -13px; padding-top:0; padding-right:0; padding-bottom:0;} #ancestry_chart li table {margin: 5px 0;} html[dir='rtl'] #ancestry_chart ul {background-position:right top; margin:0 15px 0 0; left:auto;} html[dir='rtl'] #ancestry_chart li {margin:0; padding:0 2px 0 0; left:auto;} /*-- timeline chart specific styles --*/ #timeline_chart {position:relative; top:0; left:0;} .timeline_table {} .person0 {background-color:#aaf; border:outset #aaf 1px; vertical-align:top;} .person1 {background-color:#afa; border:outset #afa 1px; vertical-align:top;} .person2 {background-color:#faa; border:outset #faa 1px; vertical-align:top;} .person3 {background-color:#55f; border:outset #55f 1px; vertical-align:top;} .person4 {background-color:#f55; border:outset #f55 1px; vertical-align:top;} .person5 {background-color:#5f5; border:outset #5f5 1px; vertical-align:top;} .compact_view p {font-size:90%; margin:0;} .listlog {line-height:20pt;} .formField {font-size:12px;} .starredname {text-decoration:underline;} .search_hit {background-color:#ff0;} .search_item{font-weight:600;} .title {clear:both; font-size:20px; float:left; padding-left:10px;} html[dir='rtl'] .title {float:right; padding-right:10px;} .header_img {float:left;} html[dir='rtl'] .header_img {float:right;} .header_search {float:right;} html[dir='rtl'] .header_search {float:left;} #flash-messages { clear:both; } /* Styles for the option boxes */ /* Style for the top and bottom bar */ .topbottombar {color:#fff; background-color:#81a9cb; font-weight:bold; font-size:12px; padding:4px; text-align:center;} /* Style for the subbar in facts_value */ .subbar {background-color:#d1d9ef; border:solid #81a9cb 1px; font-size:11px; vertical-align:top; white-space:nowrap; padding:3px;} /* Style for the descriptionbox */ .descriptionbox {color:#fff; background-color:#81a9cb; font-size:12px; vertical-align:top; padding:3px;} .descriptionbox .icon {width:15px; vertical-align:middle;} /* Style for the optionbox */ .optionbox {background-color:#d1d9ef; border:solid #81a9cb 1px; font-size:12px; vertical-align:top; white-space:nowrap; padding:3px;} .vmiddle {vertical-align:middle} /* Colors */ .red {color:#f00;} .rela, .histo {opacity:0.67;} /* Width settings */ .width10 {width:10%;} .width20 {width:20%;} .width25 {width:25%;} .width30 {width:30%;} .width33 {width:33%;} .width40 {width:40%;} .width50 {width:50%;} .width60 {width:60%;} .width66 {width:66%;} .width70 {width:70%;} .width75 {width:75%;} .width80 {width:80%;} .width90 {width:90%;} .width100 {width:100%;} /* Font sizes */ .font11 {font-size:11px;} .font9 {font-size:9px;} /* Chart styles */ .pedigree_table {margin:0;} /* Message box */ .messagebox {background-color:#c2ceef; border:solid #81a9cb 1px;} /* Pending edits */ .change_new, .nameblue {border:solid #00f 2px !important;} .change_old, .namered {color:#000 !important; text-decoration:line-through !important;} /* ====== */ .note_details {display:none;} a.showit {position:relative; z-index:24; text-decoration:none;} a.showit:hover {z-index:25; background-color:#ffff9b; cursor:crosshair;} a.showit > span {display:none;} a.showit:hover > span {display:block; position:absolute; top:22px; left:0; width:225px; border-style:outset; border-left:15px outset #1f1f1f; border-top:2px solid #1f1f1f; border-bottom:2px solid #000; border-right:2px solid #000; padding:3px; background:#4f4f4f; color:#fff; font-size:15px; text-align:left; opacity:.85; z-index:5;} .lifespan_people span:first-letter {font-size:16px; font-variant:small-caps; padding:1px;} .lifespan_outer {position:relative; width:99.5%; height:600px; overflow:hidden; border:solid #00f 1px;} .lifespan_outer a {} .lifespan_outer a:hover {color:#f00; text-decoration:none;} .lifespan_timeline {position:absolute; width:100%; left:-10px; top:-65px; z-index:2; background-color:#fff;} .lifespan_people {position:absolute; width:500px; left:-10px; top:-60px; z-index:1;} .iwstyle {width:360px;} .iwstyle a {} .iwstyle a:hover {} #map_nav {position:relative; top:-484px; left:101%;} #tree_nav {position:relative; top:-584px; left:90%; z-index:100;} #map_type {margin:0; padding:0; font-size:10px; list-style:none;} #map_type li {display:block; width:70px; text-align:center; padding:2px; border:1px solid #000; cursor:pointer; float:left; margin-left:2px;} #map_type li.non_active {background:#fff; font-weight:normal;} #map_type li.active {background:#888; color:#fff; font-weight:bold;} #map_type li:hover {background:#ddd;} .tag_cloud {text-align:center;} .tag_cloud a {white-space:nowrap;} /* Autocomplete styles*/ .ac_input {background-color:#eee8aa;} .ac_results {padding:0; border:1px solid #000; background-color:#fff; overflow:hidden; z-index:99999;} .ac_results ul {width:100%; list-style-position:outside; list-style:none; padding:0; margin:0;} .ac_results li {margin:0; padding:2px 5px; cursor:default; display:block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width:100%;*/ font:menu; font-size:12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height:14px; overflow:hidden;} .ac_loading {background:#fff url(images/indicator.gif) right center no-repeat;} .ac_odd {background-color:#eee;} .ac_over {background-color:#0a246a; color:#fff;} /* End of Autocomplete styles*/ .nowrap {white-space:nowrap;} .wrap {white-space:normal;} ul.clist {list-style-image:none; text-decoration:none; margin:0;} .statistics_chart {text-align:center;} .center2 {text-align:center;} .gchart {border:solid #81a9cb 1px;} .execution_stats {padding-top:12px; text-align:center;} dl {margin:0;} dt {float:left; font-weight:bold; margin-right:10px; clear:both;} html[dir="rtl"] dt {float:right; margin-right:auto; margin-left:10px;} dd {display:inline; margin:0;} /* Find special characters */ .largechars {font-family: monospace; font-size: 200%;} #facts_content dd {float:left;width:70%;} .clearfloat {clear:both;} td.descriptionbox a {color:#fff;}/* this keeps the tag color the same when it is a link as when not */ .place {padding-top:5px;} .logo {text-align:center;} #pending h2 {text-align:center; margin-bottom:20px;} #pending h3 {text-align:center; margin-top:20px;} .gedcom_favorites_block .person_box .details2, .gedcom_favorites_block .person_boxF.details2, .gedcom_favorites_block .person_boxNN.details2 {min-height:40px;} .user_favorites_block .person_box .details2, .user_favorites_block .person_boxF.details2, .user_favorites_block .person_boxNN.details2 {min-height:40px;} .charts_block .person_box, .charts_block .person_boxF, .charts_block .person_boxNN, .gedcom_favorites_block,.user_favorites_block, #ancestry_chart .person_box, #ancestry_chart .person_boxF, #ancestry_chart .person_boxNN, #descendancy_chart .person_box, #descendancy_chart .person_boxF, #descendancy_chart .person_boxNN, #family-table .person_box, #family-table .person_boxF, #family-table .person_boxNN, #familybook_chart .person_box, #familybook_chart .person_boxF, #familybook_chart .person_boxNN, #hourglass_chart .person_box, #hourglass_chart .person_boxF, #hourglass_chart .person_boxNN, #pedigree_chart .person_box, #pedigree_chart .person_boxF, #pedigree_chart .person_boxNN, #relatives_content .person_box, #relatives_content .person_boxF, #relatives_content .person_boxNN, #relationship_chart .person_box, #relationship_chart .person_boxF, #relationship_chart .person_boxNN {overflow: visible !important;} #branches-page table, #medialist-page .list_table {margin:auto;} /* ============== login.php ======================= */ #login-register-page h2 {text-align:center;} #login-register-page .warning {margin:20px auto; text-align:center;} #login-register-page .back {font-weight:bold; font-size:14px; text-align:center;} #login-register-page .confirm {margin: 20px auto; text-align: justify; width: 500px;} #login-register-page .confirm p {font-size:14px;font-weight:bold;} #login-register-page .confirm p+p {font-size:12px;font-weight:normal;} #login-text, #register-text, #user-verify {margin:20px auto; width: 610px; text-align: justify;} #login-box, #register-box { text-align:center;} #login-form, #new_passwd_form, #register-form {background-color:#edf7fd; border:1px outset #81A9CB; display: inline-block; margin:10px auto 0 auto; padding:5px;} #login-form div, #login-form div a, #new_passwd_form div, #register-form div, #verify-form div {margin:auto; padding:5px; text-align: center;} #login-form label, #new_passwd_form label, #verify-form label {display:block; text-align:right;} #login-form label input, #new_passwd_form label input, #verify-form input {width:140px; margin: 0 10px;} #new_passwd_form h4, #register-form h4 {font-weight:normal; text-align:center;} #register-form div, #verify-form div {text-align:right;} #register-form label input, #register-form label select, #register-form textarea {width:220px; margin: 0 10px;} #register-form label select {margin:0 10px; width:228px;} #register-form textarea {vertical-align: top;} #register-form div#registration-submit {text-align:center;} .login_block_block #login-form, .login_block_block #new_passwd_form{border:0; background:none;} html[dir='rtl'] #login-form label, html[dir='rtl'] #new_passwd_form label, html[dir='rtl'] #register-form label, html[dir='rtl'] #verify-form label {text-align:left;} /* ============== reportengine.php ======================= */ #reportengine-page table {margin:20px auto;} #reportengine-page .report-type {overflow:hidden; margin:auto; width:180px;} #reportengine-page .report-type div {float:left;margin: 0 20px;} #reportengine-page .report-type p {margin: 0; text-align:center;} .itr {position: absolute;line-height:1.5;} .block .itr, #family-table .itr, #ancestry_chart .itr, #descendancy_chart .itr, #familybook_chart .itr, #hourglass_chart .itr, #relatives_content .itr {position:relative;top:0;} .popup {display:none;} .popup dl {padding:5px; font-size:9px;} .popup dt {float:none;} .popup dd {display: block; margin-left:10px;} .itr:hover .popup {display:block; position:absolute; width:12em;right:0; z-index: 9999;} html[dir='rtl'] .popup dt {float:none;} html[dir='rtl'] .popup dd {margin-right:10px;} html[dir='rtl'] .itr:hover .popup {left:0; right:auto;} /* styles for FindFacts pop-up */ #layDefinedTags,#tabDefinedTagsShow {width:450px;} #tabDefinedTags {width:430px;} #layDefinedTags {margin-left:auto;margin-right:auto; height:285px;overflow:auto; border:inset 2px buttonface;} #tabDefinedTags {border-collapse:collapse;} #tabDefinedTags th,#tabDefinedTags td {border:solid 1px #000;margin:0; padding:3px;} #tabDefinedTags tbody th {text-align:left;font-weight:bold;} #tabDefinedTags tr.sel {background-color:#d1d9ef;color:#888;} #tabDefinedTags tr.unsel {background-color:#fff;color:#888;} #tabDefinedTagsShow {margin-left:auto;margin-right:auto;} #tabDefinedTagsShow td {width:50%;text-align:center;} #tabFilterAndCustom {margin-left:auto;margin-right:auto;} #tabAction {margin-left:auto;margin-right:auto;} #tabAction td {width:50%; text-align:center;} /* ======= List styles =========== */ .source-list, .note-list, .repo-list, .media-list, .indi-list, .fam-list {margin:5px auto; width:98%; visibility:hidden;} .recent_changes_block, .upcoming_events_block, .todays_events_block, .todo_block {width:99%;} .surname-list, .givn-list {margin:5px auto;} .source-list table, .note-list table, .repo-list table, .media-list table, .indi-list table, .fam-list table {width:100%;} .source-list td, .note-list td, .repo-list td, .media-list td, .indi-list td, .fam-list td, .recent_changes_block td, .upcoming_events_block td, .surname-list td, .givn-list td {padding:2px 5px;} .indi-list td, .fam-list td {} .surname-list td {vertical-align:top;} .indi-list .stats, .fam-list .stats {margin:0 auto; width:auto;} .source-list th, .note-list th, .repo-list th, .media-list th, .indi-list th, .fam-list th, .recent_changes_block th, .upcoming_events_block th, .todays_events_block th, .todo_block th, .yahrzeit_block th, .surname-list th, .givn-list th {cursor:pointer; font-weight: 600; padding: 2px 4px; white-space: nowrap;} .source-list th:last-child, .note-list th:last-child, .repo-list th:last-child {margin:0 -2px 1px 1px; padding:3px 0 4px; width:24px;} .givn-list th{cursor:pointer;white-space: nowrap;padding:2px;text-align:center;} .givn-list th{cursor:pointer;white-space: nowrap;padding:2px;text-align:center;} #source-details h2, #sourcelist-page h2, #note-details h2, #notelist-page h2, #repo-details h2, #repolist-page h2, #media-details h2, #medialist-page h2, #stats-details h2 {margin-bottom:20px; text-align:center;} #source-tabs, #note-tabs, #repo-tabs, #media-tabs {margin:auto; visibility:hidden; width:80%;} #stats-tabs {margin:auto; visibility:hidden; width:90%;} #source-edit, #note-edit, #repo-edit, #media-edit {overflow-x:auto;} .media-list td img {display:block; height:40px; margin:3px auto;} .filtersH, .filtersF {margin:4px} .filtersH img {margin-bottom:2px;} .loading-image{background:transparent url(../../images/loading.gif) 50% 50% no-repeat; height:50px; margin:50px;} .list-charts{text-align:center;} #search-result-tabs, #places-tabs {margin:auto; width:98%; visibility:hidden;} #search-result-tabs h3 {text-align:center;} #searchAccordion-indi, #searchAccordion-fam, #searchAccordion-source, #searchAccordion-note {margin:auto; width:99%;} #place-heirarchy h2, #place-heirarchy h4 {text-align:center;} html[dir='rtl'] .source-list th:last-child, html[dir='rtl'] .note-list th:last-child, html[dir='rtl'] .repo-list th:last-child {margin:0 1px 1px -2px;} /* ======= Block styles ========== */ #index_main_blocks {clear:none; width:66%; float:left;} #index_small_blocks {clear:none; width:33%; float:right;} #index_full_blocks {clear:none; width:100%;} #random_picture {text-align:center;} .small_inner_block {max-height:200px; overflow:auto;} .normal_inner_block {overflow:auto;} .block {background-color:#edf7fd; border:solid #81a9cb 1px; margin-top:10px; padding:3px; vertical-align:top;} .blockcontent {margin:5px; overflow:auto;} .blockcontent .list_table {border-spacing:0; border:solid #81a9cb 1px; border-right:0;} .blockcontent .list_value, .blockcontent .list_value_wrap {border:0; border-top:solid #81a9cb 1px; border-right:solid #81a9cb 1px;} .blockheader {font-weight:bold;} /* ======= FAQ table styles ========== */ table.faq {background-color:#e0e0e0; margin:5px 0 50px 5px;width:98%;} table.faq tr.odd td {background-color:#e7eef3;} div.faq_title {background-color:#e0e0e0;margin:1em 0;padding:.25em;font-weight:bold;width:98%;} div.faq_body {clear:both;margin:1em 0;padding:1em;} .faq_italic {font-style:italic;font-weight:bold;font-size:90%;padding:0 10px;} .faq_top {float:right;} .faq_edit {float:right;} html[dir='rtl'] .faq_top {float:left;} html[dir='rtl'] .faq_edit {float:left;} /* ======= Header menu styles ========== */ #topMenu {border-top: 2px solid #81A9CB; border-bottom: 2px solid #81A9CB; float:left; margin: 5px auto; padding:5px 0; position:relative; width:100%;} #main-menu {clear:both; position:relative; z-index:500; float:right; right:50%;} #main-menu, #main-menu ul {padding:0; margin:0; list-style-type:none;} #main-menu ul ul {z-index:600;} #main-menu li {float:left; position:relative; left:50%;} #main-menu li li {clear:both;} #main-menu li:hover > ul {display:block; position:absolute; top:0; left:100%; right:auto;} #main-menu > li:hover > ul {left:0; right:auto; top:66px;} #main-menu a {display:block; white-space:nowrap; overflow:hidden;} #main-menu ul {position:absolute; display:none; background:#fff; border:thin solid #aaa; padding:5px 0; z-index:999;} #main-menu li a {margin:auto; padding-top:52px; width:100%;} #main-menu li li a {display:block; position:relative; float:left; font-size:11px; line-height:1.5; padding:1px 10px 1px 5px;} /* Menu icons */ #main-menu > li {background-image:url(images/large_menu_sprite.png); background-repeat:no-repeat; width:110px; height:64px; text-align:center;} #main-menu li li {background-image:url(images/small_menu_sprite.png); background-repeat:no-repeat; height:24px; left:auto; line-height:24px; text-align:left; text-indent:26px; width:100%} /* Reverse left and right on RTL pages */ html[dir='rtl'] #topMenu {float:right;} html[dir='rtl'] #main-menu li {float:right;} html[dir='rtl'] #main-menu li:hover > ul {right:100%; left:auto;} html[dir='rtl'] #main-menu > li:hover > ul {left:auto; right:0;} html[dir='rtl'] #main-menu li li {text-align:right;} html[dir='rtl'] #main-menu li li a {float:right;padding:1px 5px 1px 10px;} /* Main menu icons */ #menu-calendar {background-position:center -350px;} #menu-chart {background-position:center -140px;} #menu-clippings {background-position:center -560px;} #menu-fam {background-position:center -770px;} #menu-help {background-position:center -490px;} #menu-indi {background-position:center -630px;} #menu-list {background-position:center -210px;} #menu-mymenu {background-position:center -70px;} #menu-note {background-position:center -910px;} #menu-obje {background-position:center -840px;} #menu-repo {background-position:center -980px;} #menu-report {background-position:center -280px;} #menu-search {background-position:center -420px;} #menu-sour {background-position:center -700px;} #menu-tree {background-position:center 0;} #menu-story {background-position:center -1045px;} /* Sub-menu icons */ #menu-admin {background-position:left 0;} html[dir=rtl] #menu-admin {background-position:right 0;} #menu-branches {background-position:left -450px;} html[dir=rtl] #menu-branches {background-position:right -450px;} #menu-calendar-day {background-position:left -60px;} html[dir=rtl] #menu-calendar-day {background-position:right -60px;} #menu-calendar-month {background-position:left -60px;} html[dir=rtl] #menu-calendar-month {background-position:right -60px;} #menu-calendar-year {background-position:left -60px;} html[dir=rtl] #menu-calendar-year {background-position:right -60px;} #menu-chart-ancestry {background-position:left -30px;} html[dir=rtl] #menu-chart-ancestry {background-position:right -30px;} #menu-chart-compact {background-position:left -30px;} html[dir=rtl] #menu-chart-compact {background-position:right -30px;} #menu-chart-descendancy {background-position:left -150px;} html[dir=rtl] #menu-chart-descendancy {background-position:right -150px;} #menu-chart-familybook {background-position:left -180px;} html[dir=rtl] #menu-chart-familybook {background-position:right -180px;} #menu-chart-fanchart {background-position:left -210px;} html[dir=rtl] #menu-chart-fanchart {background-position:right -210px;} #menu-chart-hourglass {background-position:left -270px;} html[dir=rtl] #menu-chart-hourglass {background-position:right -270px;} #menu-chart-lifespan {background-position:left -660px;} html[dir=rtl] #menu-chart-lifespan {background-position:right -660px;} #menu-chart-pedigree {background-position:left -480px;} html[dir=rtl] #menu-chart-pedigree {background-position:right -480px;} #menu-chart-pedigree_map {background-position:left -720px;} html[dir=rtl] #menu-chart-pedigree_map {background-position:right -720px;} #menu-chart-relationship {background-position:left -540px;} html[dir=rtl] #menu-chart-relationship {background-position:right -540px;} #menu-chart-relationship li {background-position:left -540px;} html[dir=rtl] #menu-chart-relationship li {background-position:right -540px;} #menu-chart-statistics {background-position:left -630px;} html[dir=rtl] #menu-chart-statistics {background-position:right -630px;} #menu-chart-timeline {background-position:left -660px;} html[dir=rtl] #menu-chart-timeline {background-position:right -660px;} #menu-chart-timeline li {background-position:left -660px;} html[dir=rtl] #menu-chart-timeline li {background-position:right -660px;} #menu-chart-tree {background-position:left -240px;} html[dir=rtl] #menu-chart-tree {background-position:right -240px;} #menu-clippingsadd {background-position:left -930px;} html[dir=rtl] #menu-clippingsadd {background-position:right -930px;} #menu-clippingscart {background-position:left -900px;} html[dir=rtl] #menu-clippingscart {background-position:right -900px;} #menu-fam-addchil {background-position:left -1050px;} html[dir=rtl] #menu-fam-addchil {background-position:right -1050px;} #menu-fam-addfav {background-position:left -870px;} html[dir=rtl] #menu-fam-addfav {background-position:right -870px;} #menu-fam-change {background-position:left -90px;} html[dir=rtl] #menu-fam-change {background-position:right -90px;} #menu-fam-del {background-position:left -840px;} html[dir=rtl] #menu-fam-del {background-position:right -840px;} #menu-fam-editraw {background-position:left -240px;} html[dir=rtl] #menu-fam-editraw {background-position:right -240px;} #menu-fam-orderchil {background-position:left -1080px;} html[dir=rtl] #menu-fam-orderchil {background-position:right -1080px;} #menu-help-contents {background-position:left -300px;} html[dir=rtl] #menu-help-contents {background-position:right -300px;} #menu-help-faq {background-position:left -300px;} html[dir=rtl] #menu-help-faq {background-position:right -300px;} #menu-help-genealogy {background-position:left -120px;} html[dir=rtl] #menu-help-genealogy {background-position:right -120px;} #menu-help-hide {background-position:left -300px;} html[dir=rtl] #menu-help-hide {background-position:right -300px;} #menu-help-show {background-position:left -300px;} html[dir=rtl] #menu-help-show {background-position:right -300px;} #menu-help-technical {background-position:left -120px;} html[dir=rtl] #menu-help-technical {background-position:right -120px;} #menu-help-wiki {background-position:left -690px;} html[dir=rtl] #menu-help-wiki {background-position:right -690px;} #menu-indi-addfav {background-position:left -870px;} html[dir=rtl] #menu-indi-addfav {background-position:right -870px;} #menu-indi-addname {background-position:left -780px;} html[dir=rtl] #menu-indi-addname {background-position:right -780px;} #menu-indi-del {background-position:left -840px;} html[dir=rtl] #menu-indi-del {background-position:right -840px;} #menu-indi-editraw {background-position:left -240px;} html[dir=rtl] #menu-indi-editraw {background-position:right -240px;} #menu-indi-editsex {background-position:left -810px;} html[dir=rtl] #menu-indi-editsex {background-position:right -810px;} #menu-list-fam {background-position:left -90px;} html[dir=rtl] #menu-list-fam {background-position:right -90px;} #menu-list-indi {background-position:left -120px;} html[dir=rtl] #menu-list-indi {background-position:right -120px;} #menu-list-note {background-position:left -420px;} html[dir=rtl] #menu-list-note {background-position:right -420px;} #menu-list-obje {background-position:left -330px;} html[dir=rtl] #menu-list-obje {background-position:right -330px;} #menu-list-plac {background-position:left -510px;} html[dir=rtl] #menu-list-plac {background-position:right -510px;} #menu-list-repo {background-position:left -360px;} html[dir=rtl] #menu-list-repo {background-position:right -360px;} #menu-list-sour {background-position:left -180px;} html[dir=rtl] #menu-list-sour {background-position:right -180px;} #menu-myaccount {background-position:left -390px;} html[dir=rtl] #menu-myaccount {background-position:right -390px;} #menu-mypage {background-position:left -390px;} html[dir=rtl] #menu-mypage {background-position:right -390px;} #menu-mypedigree {background-position:left -480px;} html[dir=rtl] #menu-mypedigree {background-position:right -480px;} #menu-myrecord {background-position:left -120px;} html[dir=rtl] #menu-myrecord {background-position:right -120px;} #menu-note-addfav {background-position:left -870px;} html[dir=rtl] #menu-note-addfav {background-position:right -870px;} #menu-note-del {background-position:left -840px;} html[dir=rtl] #menu-note-del {background-position:right -840px;} #menu-note-edit {background-position:left -1020px;} html[dir=rtl] #menu-note-edit {background-position:right -1020px;} #menu-note-editraw {background-position:left -240px;} html[dir=rtl] #menu-note-editraw {background-position:right -240px;} #menu-obje-addfav {background-position:left -870px;} html[dir=rtl] #menu-obje-addfav {background-position:right -870px;} #menu-obje-del {background-position:left -840px;} html[dir=rtl] #menu-obje-del {background-position:right -840px;} #menu-obje-edit {background-position:left -1110px;} html[dir=rtl] #menu-obje-edit {background-position:right -1110px;} #menu-obje-editraw {background-position:left -240px;} html[dir=rtl] #menu-obje-editraw {background-position:right -240px;} #menu-obje-link {background-position:left -1140px;} html[dir=rtl] #menu-obje-link {background-position:right -1140px;} #menu-obje-link-fam {background-position:left -90px;} html[dir=rtl] #menu-obje-link-fam {background-position:right -90px;} #menu-obje-link-indi {background-position:left -300px;} html[dir=rtl] #menu-obje-link-indi {background-position:right -300px;} #menu-obje-link-sour {background-position:left -180px;} html[dir=rtl] #menu-obje-link-sour {background-position:right -180px;} #menu-repo-addfav {background-position:left -870px;} html[dir=rtl] #menu-repo-addfav {background-position:right -870px;} #menu-repo-del {background-position:left -840px;} html[dir=rtl] #menu-repo-del {background-position:right -840px;} #menu-repo-edit {background-position:left -990px;} html[dir=rtl] #menu-repo-edit {background-position:right -990px;} #menu-repo-editraw {background-position:left -240px;} html[dir=rtl] #menu-repo-editraw {background-position:right -240px;} #menu-report li {background-position:left -570px;} html[dir=rtl] #menu-report li {background-position:right -570px;} #menu-search-advanced {background-position:left -600px;} html[dir=rtl] #menu-search-advanced {background-position:right -600px;} #menu-search-general {background-position:left -600px;} html[dir=rtl] #menu-search-general {background-position:right -600px;} #menu-search-replace {background-position:left -600px;} html[dir=rtl] #menu-search-replace {background-position:right -600px;} #menu-search-soundex {background-position:left -600px;} html[dir=rtl] #menu-search-soundex {background-position:right -600px;} #menu-sour-addfav {background-position:left -870px;} html[dir=rtl] #menu-sour-addfav {background-position:right -870px;} #menu-sour-del {background-position:left -840px;} html[dir=rtl] #menu-sour-del {background-position:right -840px;} #menu-sour-edit {background-position:left -960px;} html[dir=rtl] #menu-sour-edit {background-position:right -960px;} #menu-sour-editraw {background-position:left -240px;} html[dir=rtl] #menu-sour-editraw {background-position:right -240px;} #menu-story-sub {background-position:left -1208px;} html[dir=rtl] #menu-sour-editraw {background-position:right -1208px;} #menu-tree li {background-position:left -240px;} html[dir=rtl] #menu-tree li {background-position:right -240px;} #menu-language li {text-align:left;} /* The language menu is always LTR, even on RTL pages */ #menu-theme li {text-align:left;} /* The theme menu is always LTR, even on RTL pages */ /* ========= Login|Favorites|Theme|Language menu items ========== */ #extra-menu {float:right;white-space:nowrap; margin:20px 10px 0 0;} #extra-menu.makeMenu li ul {left:auto; right:0;} #extra-menu a {background:none; display:inline;} .makeMenu { font-weight:bold;} .makeMenu li {display:inline; position:relative; white-space:nowrap; border-left:2px solid; padding:0 5px;} .makeMenu li:first-child, .makeMenu li ul li {border:none;} .makeMenu li ul {display:none; font-weight:normal; position:absolute; left:0; right:auto; top:1.1em; background-color:#fff; border:thin solid #aaa; z-index:999;} .makeMenu li ul li {padding:2px; display:block; text-align:left;} .makeMenu, .makeMenu li ul {list-style:none; margin:0; padding:1px;} .makeMenu li:hover > ul {display:block;} html[dir='rtl'] #extra-menu {float:left; margin:20px 0 0 10px;} html[dir='rtl'] #extra-menu.makeMenu li ul {left:0;right:auto;} html[dir='rtl'] .makeMenu li ul {left:auto; right:0;} html[dir='rtl'] .makeMenu li ul li {text-align:right;} html[dir='rtl'] .makeMenu li {border-left:none; border-right:2px solid;} html[dir='rtl'] .makeMenu li:first-child, html[dir='rtl'] .makeMenu li ul li {border:none;} /* ========= Positioning edit, copy, delete links ============= */ /* General use */ .editfacts {clear:left; padding-top:15px;} /* a container for the following three links */ .editlink, .copylink, .deletelink {float:left;} html[dir='rtl'] .editlink, html[dir='rtl'] .copylink, html[dir='rtl'] .deletelink {float:right;} span.link_text {display:none;} /* Indi header */ .field .editlink, .field .deletelink, .field .copylink {float:right;} html[dir='rtl'].field .editlink, html[dir='rtl'].field .deletelink {float:left;} /* =========== end edit, copy, delete links ==================== */ /* =========== Indi header ================== */ #indi_header {float:left; width:98%; border-radius:3px; border:1px solid #b2c7d7; margin:5px 0; padding:10px;} #indi_header h3 { font-size:90%; font-weight:bold; margin:0; padding:0 10px 0 30px; text-align:left;} #indi_header h3.name_one {overflow:hidden; position:relative; font-size:1.5em;} #indi_header h3 .details1 {font-size:1.0em;} #indi_header h3.person_box, #indi_header h3.person_boxF , #indi_header h3.person_boxNN {border:1px solid #2694e8;} #indi_header h3 .header_age {padding:5px 0 5px 5px; float:right; font-weight:normal; font-size:65%;} #indi_header h3 a {display:inline;} #indi_header a {color:#337; font-size:0.75em; font-weight:normal;} #indi_header a:hover {color:#f00;} #main_name { float:left; font-size:2em; margin:10px; font-weight:bold;} #indi_mainimage {float:left;} #indi_mainimage a img {float:left; padding:0;} #indi_name_details {margin:0; overflow:hidden !important; padding:5px;} #indi_name_details .warning {color:#f00; font-size:1em;} #indi_name_details dt:after {content:":";} #name1 {} #indi_note {margin:0 0 5px 0;} #header_accordion1 {float:right;} .indi_table {clear:left;} #sex {float:right;} #dates { float:right;} dd .editlink, dd .deletelink {float:right;} #indi_note .fact_NOTE {float:left; margin:0 5px 0 0;} #indi_note .note_details {font-size:100%;} #indi_note .fact_SOUR {margin:3px 0;} #indi_note .fact_SOUR a {font-size:100%;} html[dir='rtl'] #indi_header {float:right;} html[dir='rtl'] #indi_header h3 {padding:0 30px 0 10px; text-align:right;} html[dir='rtl'] #indi_header h3 .header_age {padding:5px 5px 5px 0; float:left;} html[dir='rtl'] #main_name {float:right;} html[dir='rtl'] #indi_mainimage {float:right;} html[dir='rtl'] #indi_mainimage a img {float:right;} html[dir='rtl'] #indi_note .fact_NOTE {float:right; margin:0 0 0 10px;} html[dir='rtl'] #header_accordion1 {float:left;} html[dir='rtl'] .indi_table {clear:right;} html[dir='rtl'] #sex {float:left;} html[dir='rtl'] #dates {float:left;} html[dir='rtl'] dd .editlink, html[dir='rtl'] dd .deletelink {float:left;} /* General sprite */ .male_gender, .female_gender, .unknown_gender, .editicon, .copyicon, .deleteicon {display:block; background:url('images/general_sprite.png') no-repeat left 0;} .female_gender {background-position:-45px 3px; width:24px;} .male_gender {background-position:-72px 3px; width:24px;} .unknown_gender {background-position:-100px 4px; width:24px;} .editicon {background-position:-40px -32px; width:24px; height:16px;} .copyicon {background-position:-70px -32px; width:24px; height:16px;} .deleteicon {background-position:-100px -32px; width:24px; height:16px;} .icon_arrow {display:block; background:url('images/small_menu_sprite.png') no-repeat left 0;} .icon_arrow {background-position:90% -1166px;} html[dir='rtl'] .icon_arrow {background-position:10% -1184px;} /* =========== Indi tabs ================== */ /* Facts & Events tab */ #personal_facts_content .fact_NOTE, #personal_facts_content .fact_SOUR, #family-table .fact_NOTE, #family-table .fact_SOUR {margin: 5px 3px 5px 0; clear: both;} #media-display-image {float:left;} #media-display-title {float:left; font-style:italic; margin:10px;} /* ========= jquery-ui.custom.css changes ============ */ .ui-tabs {padding:0;} .ui-tabs .ui-tabs-panel {padding:1em 0;} .ui-accordion .ui-accordion-content {overflow:visible; padding:0;} .ui-accordion .ui-accordion-header {text-align:center; margin-top:0;} .ui-accordion .ui-accordion-header a {padding:2px;} .ui-helper-reset {line-height:1.5;} .ui-state-highlight a {color:#f00;} .ui-widget-header {padding:3px;} html[dir='rtl'] .ui-tabs {direction:rtl;} html[dir='rtl'] ui-tabs .ui-tabs-nav li.ui-tabs-selected, html[dir='rtl'] .ui-tabs .ui-tabs-nav li.ui-state-default {float:right;} html[dir='rtl'] .ui-accordion .ui-accordion-header .ui-icon {right:0.5em;} /* jQuery.datatable styling general over-rides */ .odd {background-color:#E7EEF3 ;} .even {background-color:#E6E6E6;} .css_right {float:left;} .fg-button {padding:2px 6px;} .dataTables_paginate {float:left; margin-bottom:3px;} .dataTables_processing {float:left;} .dataTables_filter {float:right; font-weight:normal;} .dataTables_info {float:left; font-weight:normal; padding:4px;} .recent_changes_block .dataTables_info, .upcoming_events_block .dataTables_info, .todays_events_block .dataTables_info, .todo_block .dataTables_info, .yahrzeit_block .dataTables_info {padding: 0;} .upcoming_events_block .dataTables_info, .todays_events_block .dataTables_info {padding: 2px 0 0 0;} .upcoming_events_block button, .todays_events_block button {margin: 0 20px;} .dataTables_length {float:right; font-weight:normal;} .dataTables_length select, .dataTables_filter input {font-size:11px; padding:1px;} .dt-clear {clear:both;} #loading {text-align:center;} .DataTables_sort_wrapper {position:relative; margin: 0 20px;} .DataTables_sort_wrapper span {left:0; margin-left:-20px; margin-top:-8px; position:absolute; top:50%;} .dataTables_wrapper {margin-bottom:10px;} html[dir='rtl'] .css_right {float:right;} html[dir='rtl'] .dataTables_paginate {float:right;} html[dir='rtl'] .dataTables_processing {float:right;} html[dir='rtl'] .dataTables_filter {float:left;} html[dir='rtl'] .dataTables_info {float:right} html[dir='rtl'] .dataTables_length {float:left;} html[dir='rtl'] .DataTables_sort_wrapper {margin-right:20px;} html[dir='rtl'] .DataTables_sort_wrapper span {left:auto; right:0; margin-right:-20px;} /* ========= Sidebar ============== */ #main {min-width:600px; width:100%} #indi_left {float:left; width:98%;} #tabs {background-color:#fff; border-color:#ddd; float:left; width:100%; overflow:visible;} #sidebar {border-color:#ddd; display:none; margin:5px 2px 0 0; height:auto;} .use-sidebar #indi_left {width:77%;} .use-sidebar #sidebar {display:block;} .sidebar-at-right #sidebar {width:20%;} .use-sidebar.sidebar-at-right #sidebar, .sidebar-at-right #separator {float:right;} #separator {float:right; display:block; background:#99c2ff url('images/general_sprite.png') no-repeat -26px 100px; width:0.75%; min-width:6px; max-width:10px; border:1px solid #81a9cb; border-top-left-radius:3px; border-top-right-radius:3px; margin-top:5px;} .use-sidebar #separator {background:#99c2ff url('images/general_sprite.png') no-repeat -1px 100px;} html[dir='rtl'] #indi_left {float:right;} html[dir='rtl'] #tabs {float:right;} html[dir='rtl'] #sidebar {margin:5px 0 0 2px;} html[dir='rtl'] .use-sidebar.sidebar-at-right #sidebar, html[dir='rtl'] .sidebar-at-right #separator {float:left;} html[dir='rtl'] #separator {float:left; background:#99c2ff url('images/general_sprite.png') no-repeat -1px 100px;} html[dir='rtl'] .use-sidebar #separator {background:#99c2ff url('images/general_sprite.png') no-repeat -26px 100px;} /* ============== Sidebar content items ============== */ /* Family navigator */ #sb_content_family_nav {padding:0;} #sb_family_nav_content {margin-top:8px;} .nam a:hover {color:#f00;} .nav_content {width:100%; padding:0;} .flyout {text-align:left; margin-top:-20px; right:210px; padding:3px;} .flyout2 {text-align:left;margin-top:-2px; left:40px; padding:3px;} .flyout2 a:hover {color:#f00;} .flyout4 {text-align:left; margin-top:0;margin-left:0; padding:3px;} .flyout3, .flyout3 a {background:none; border:none; text-decoration:none; text-align:left; margin-top:0; left:0; padding:0;} html[dir='rtl'] .flyout {text-align:right; left:210px;} html[dir='rtl'] .flyout2 {text-align:right; right:40px;} html[dir='rtl'] .flyout3 {text-align:right;} /* Descendancy */ #sb_content_descendancy {margin-top:5px;} #sb_desc_content {margin-left:3px; font-size:0.8em;} #sb_desc_content ul {padding:0; margin:0;} .sb_desc_indi_li {list-style-type:none;} .desc_tree_div {display:none;} .desc_tree_div ul {padding:0; margin-left:10px;margin-top:0;margin-right:0;} html[dir='rtl'] #sb_desc_content {margin-right:3px;} html[dir='rtl'] .desc_tree_div ul {margin-right:10px;margin-left:0;} /* Individuals, Families */ #sb_content_individuals, #sb_content_families {margin-top:5px;} .sb_indi_surname_li, .sb_fam_surname_li {list-style-image:url('images/plus.png');} .name_tree_div {display:none;} .name_tree_div ul, .name_tree_div_visible ul {padding:0;margin:0;} .name_tree_div li, .name_tree_div_visible li {list-style:none; margin:0; padding:0;} /* Clippings */ #sb_content_clippings {margin-top:5px;} #sb_clippings_content ul {padding:0; margin:0;} #sb_clippings_content li {list-style:none; margin:0; padding:0; white-space:nowrap;} /* Extra info */ #sb_content_extra_info {font-size:80%; font-weight:bold; margin-top:1px; overflow:hidden; padding:5px;} #sb_content_extra_info .editfacts {float:right; margin-top:-30px;} #sb_content_extra_info a {display:block;} #sb_content_extra_info span {font-weight:normal;} #sb_content_extra_info span a {display:inline;} #sb_content_extra_info #hitcounter {border-top:1px solid #b2c7d7; font-weight:bold; padding-top:5px;} html[dir='rtl'] #sb_content_extra_info .editfacts {float:left;} /* ============== find.php ======================= */ #find-page h3, #find-page h4{margin: 10px; text-align:center;} #find-header {background-color:#81A9CB; border:1px outset #81A9CB; margin:10px auto; padding:5px 20px; width:50%;} #find-header p {margin:5px; text-align:center;} #find-header span {color:#fff; font-weight:bold;} #find-output, #find-output-special {background-color:#edf7f9; border:1px outset #81A9CB; margin:20px 5px; padding:10px;} #find-output p {border-top:1px solid #81A9CB; font-weight: bold; margin:0; padding-top:10px; text-align: center;} #find-media {background-color:#81A9CB; border:1px outset #81A9CB; color:#fff; padding:5px; text-align:center;} #find-media span {border:0; font-weight: bold; margin:auto; padding:5px;} .find-media-dirs {border-bottom:1px solid #81A9CB; padding:3px;} .find-media-media {border:1px solid #81A9CB; overflow: hidden; margin:1px; padding:2px;} .find-media-thumb {clear:left; float:left;} .find-media-thumb img {width:50px;} .find-media-details {float:left;} #find-output .find-media-details p {border:0; padding:0 5px 2px 5px; font-weight:normal; text-align:left;} #find-output .find-media-details div span {font-weight:normal; padding:0 5px 2px 5px;} #find-output p.find-media-title {font-weight:bold;} .find-media-details ul {padding:0; margin:0px 20px 10px 20px; list-style-type:none;} #find-facts-header .list_label {text-align:inherit;} /* ============== search.php ======================= */ #search-page h2, #search_submit {margin:20px; text-align:center;} #search-page-table {background-color:#81A9CB; border:1px outset #81A9CB; border-top:0; margin:20px auto 0; width:580px;} #search-page-table .label{color:#fff; float:left; font-weight:bold; padding:5px 10px 0; width:150px;} #search-page-table .value {background-color:#edf7f9; border-top:1px solid #81a9cb; margin:0 0 0 170px; padding:5px; white-space:nowrap;} #search-page-table p {margin:0;} html[dir='rtl'] #search-page-table .label{float:right;} html[dir='rtl'] #search-page-table .value {margin:0 170px 0 0;} @media print { #backprint { display:none;} #header, #footer, .noprint {display:none !important;} form, button, input {display:none;} /* buttons and input are used out of forms in sortable tables*/ .lifespan_outer {position:relative; width:auto; height:auto; overflow:visible; border:none;} .lifespan_people {position:absolute; width:auto; left:-10px; top:-60px; z-index:1;} #CB_All {display:none;} }