/*** Styles for the main edit card page ***/ #profile_editor { padding: 0px; } #card_errors { font-size: 85%; background-color: LightPink; border: 1px Crimson solid; width: 90%; padding: 2px 10px; margin: auto; margin-bottom: 5px; } #dynamic_content { /* This allows vertical scrolling on the card */ height: 358px; overflow: auto; padding-top: 10px; } #edit_card_controls_container { width: 100%; } #edit_card_controls_container .one_a { float: left; } #edit_card_controls_container .one_b { float: right; } /*** Styles for Contact tab on the edit card page ***/ #edit_contact_container { margin: 0px 20px; } #edit_contact_container .one { margin-bottom: 10px; } #edit_contact_container .one .one_a { float: left; width: 64%; } #edit_contact_container .one .one_b { float: left; width: 35%; } #edit_contact_container .two { } #edit_contact_container .two .two_a { float: left; width: 49%; } /*** Styles for import addresses page ***/ #import_addrs .address_container { height: 200px; overflow: auto; border: gray 1px solid; background-color: #eaeaea; } #import_addrs .address_event { padding: 2px; border-bottom: gray 1px solid; } #actions { padding: 0px; } #actions ul { margin: 0px; list-style: none; padding-left: 0; } #actions li { text-align: center; width: 198px; } #actions li a { display: block; background: url(/images/button_gradient.gif) 0 100% repeat-x; background-color: #0187C6; font: 93%/1.5 arial, helvetica, sans-serif; letter-spacing: +0.03em; padding: 1px; margin-bottom: 2px; font-size: 100%; text-decoration: none; color: white; font-weight: bold; width: 100%; } #actions li a:hover { background:none; background-color: #007FBF; } #actions li a#current { color: black; background: none; background-color: white; border-top: 1px black solid; border-bottom: 1px black solid; border-left: 1px black solid; background: url(/images/nav_pointer.gif) right no-repeat; } /****************************************/ /*** Classes from tree/family_tree */ /****************************************/ table.family_list_table {width:100%;margin-top:0px;margin-bottom:4px;} table.family_list_table.short {margin-bottom:200px;} table.family_list_table thead tr {} table.family_list_table thead th {padding:5px 5px 5px 10px;text-align:left;font-size:12px;border-bottom:solid 1px #ccc;border-top:solid 1px #ccc;background-color:#f5f5f5;white-space:nowrap;} table.family_list_table th.active {background:url(/images/family_list_th_active.gif) repeat-x;color:#fff;border-left:solid 1px #ccc;border-right:solid 1px #ccc} table.family_list_table th.active a {color:#fff;} table.family_list_table th.image {width:50px} table.family_list_table tr.grayed_out {background-color:#f5f5f5;} table.family_list_table td {padding:6px 0px 6px 10px;border-bottom:solid 1px #a9a9a9;vertical-align:top;font-size:11px;} table.family_list_table td input {margin-bottom:2px;} table.family_list_table td select {margin-bottom:6px;} table.family_list_table td .title {color:#333;} table.family_list_table td.icon {width:20px;} table.family_list_table td.icon img {margin-top:20px;} table.family_list_table td.image {text-align:center;} table.family_list_table td.name {font-size:13px;font-weight:bold;} table.family_list_table td.name .edit_mode {font-size:11px;} table.family_list_table td.address .edit_mode {font-size:11px;} table.family_list_table td.address .edit_mode select {width:180px;} table.family_list_table td.address dl {clear:both;} table.family_list_table td.address dt {width:30px;float:left;color:#888;} table.family_list_table td.address dd {margin-left:35px;margin-bottom:5px;} table.family_list_table td.phone .edit_mode {font-size:11px;} table.family_list_table td.phone .container {width:155px;margin-bottom:7px;} table.family_list_table td.phone dl {clear:both;} table.family_list_table td.phone dt {width:30px;float:left;color:#888;} table.family_list_table td.phone dd {margin-left:35px;margin-bottom:5px;} table.family_list_table td.phone dd a {text-decoration:none;} table.family_list_table td.email {padding-top:10px;} table.family_list_table td.email a:hover {text-decoration:underline !important;} table.family_list_table td.email table {margin:0;padding:0;border:none;} table.family_list_table td.email table td {padding:0px !important;padding-bottom:2px;border:none;} table.family_list_table td.email table td.first {padding-bottom:6px;} table.family_list_table td.family {width:25%;font-size:11px !important;} table.family_list_table td .date_field {margin-bottom:3px;} table.family_list_table td .location_field {margin-bottom:5px;} table.family_list_table td.action_list {white-space:nowrap;} table.family_list_table .small a {text-decoration:none;} table.family_list_table .small a:hover {text-decoration:underline;} table.family_list_table td.invite {width:200px;} table.family_list_table td.invite .linkButtonSmall {display:block;float:left;height:12px;margin-right:4px;} table.family_list_table td.invite .small {margin-top:3px;display:block;float:left;} table.family_list_table td .similar_profiles {font-size:11px;margin-bottom:7px;} table.family_list_table td .similar_profiles a {text-decoration:none;background:url(/images/icn_magnifying_glass.gif) no-repeat 0 -1px;padding-left:18px;line-height:16px;display:block;} table.family_list_table td .similar_profiles a:hover {text-decoration:underline;} table.search_similar_base_table {width:100%;margin: 3px 0px 15px 0px;background-color:#F1FFED;border:1px solid #A3F58A;border-left:none;border-right:none;} table.search_similar_base_table td {padding:6px 0px 6px 10px;vertical-align:top;font-size:11px;} table.search_similar_base_table td.icon {width:20px;} table.search_similar_base_table td.icon img {margin-top:20px;} table.search_similar_base_table td.image {text-align:center;width:50px;padding:6px 5px 6px 10px;} table.search_similar_base_table td.image .container_for_thumb_and_pro_badge {position:relative;} table.search_similar_base_table td.image .badge {position:absolute;right:-3px;bottom:-3px;} table.search_similar_base_table td.name {font-size:13px;width:185px;} table.search_similar_base_table td.family {width:25%;font-size:11px !important;} table.search_similar_base_table td.action_list {width:120px;} ul.action_items {font-size:11px;margin:0;padding:0;} ul.action_items li {border-top:solid 1px #ddd;} ul.action_items li a {display:block;padding:2px 0px 2px 5px;text-decoration:none;color:#1166bb;zoom:1;} ul.action_items li span {display:block;padding:2px 0px 2px 5px;text-decoration:none;color:#777;} ul.action_items li a:hover {background-color:#16b;color:#fff;} ul.action_items li.first {border:none;} ul.action_items_forest {font-size:11px;margin:0;padding:0;} ul.action_items_forest li {border-top:solid 1px #ddd;} ul.action_items_forest li a.list_action {display:block;padding:2px 0px 2px 5px;text-decoration:none;color:#1166bb;zoom:1;} ul.action_items_forest li span.search {display:block;padding:2px 0px 2px 5px;text-decoration:none;color:#1166bb;} ul.action_items_forest li a:hover {background-color:#16b;color:#fff;} ul.action_items_forest li.first {border:none;} /* Facebook Share button styles */ ul.action_items li .FBConnectButton_Simple {background:none !important;padding:0;margin:0} ul.action_items li .FBConnectButton_Text_Simple {color:#1166bb !important;padding:0;margin:0} ul.action_items li .FBConnectButton_Text_Simple:hover {color:#fff !important;text-decoration:none} table.family_list_table a.invite_link {font-size:11px;font-weight:normal;text-decoration:none} table.family_list_table a.invite_link:hover {text-decoration:underline;} table.family_list_table .name_info {font-size:11px;color:#666;font-weight:normal;} table.family_list_table .invite_email_form {border:solid 1px #ccc;background-color:#f5f5f5;padding:5px;width:190px;margin-bottom:5px;white-space:nowrap;} table.family_list_table .invite_email_form input {width:80px !important;} table.family_list_table .actions a {text-decoration:none;} table.family_list_table .actions li {margin-bottom:0px;padding:3px 0px} table.family_list_table .actions a:hover {text-decoration:underline;} table.family_list_table .close_invite {position:absolute;top:-3px;right:3px;text-decoration:none;color:#666} #family_list .pagination_container .one_a {float:left;} #family_list .pagination_container .one_b {float:right;} #family_list #filter_group {float:left;margin-top:3px;} #family_list #filter_checkboxes {float:left;font-size:11px;margin-left:10px;font-weight:normal;padding:3px 10px;background-color:#feffef;border:solid 1px #e4e3c9;} #family_list #filter_checkboxes input {margin-bottom:2px;vertical-align:middle;} .tree_selector {float:right;font-size:12px;font-weight:bold;padding:4px 3px 4px 10px;background-color:#feffef;border:solid 1px #e4e3c9;} .tree_selector select {vertical-align:middle;margin-left:3px;} /****************************************/ /*** OVL Pages /****************************************/ .focused_flow {margin:20px 0px;background:#f5f5f5;padding:30px;} .focused_flow form {padding:20px 80px 30px !important;background:#fff;border:solid 1px #a9a9a9;} .focused_flow.wide form {padding-left:15px !important;padding-right:15px !important;} .focused_flow .content {padding-bottom:10px;} .focused_flow #current_location {padding-top:6px;} .focused_flow #edit_profile {border:none;} .focused_flow form .buttons {text-align:center !important;padding-top:20px !important} .focused_flow form .buttons.no_divider {border:none;} .focused_flow hr {margin-bottom:12px !important;} .invite_new_family {margin:20px 0;padding:0px;background-color:#fff;} .invite_new_family .buttons {margin-top:15px;text-align:center} .invite_new_family .family_list_table th, .invite_new_family .family_list_table td {padding:8px 20px;border-color:#ddd;font-size:12px;} .invite_new_family input {padding:1px} /* Carousel */ .carousel {overflow:hidden; padding:0px 0px;margin:0px auto; clear:both;width:100%;} .carousel .clipregion {margin:0 auto;overflow:hidden;position:relative;width:555px;padding:0px;height:1%;} .carousel .clipregion ul {width:9000px;overflow:hidden} .carousel .clipregion li {display:inline;vertical-align:middle;} .carousel .clipregion img {width:60px;vertical-align:middle;padding:4px;border:solid 1px #ccc;zoom:1;margin:0 2px 0 2px;background-color:#fff;} .carousel .clipregion a {display:inline;vertical-align:middle;zoom:1} /****************************************/ /*** Embeddable Tree Pages /****************************************/ .public_tree {margin-top:10px;} .public_tree h3 {margin-bottom:4px;font-size:16px;} .public_tree p {margin-bottom:8px;} .public_tree em {display:block;font-size:11px;} .public_tree .gender {margin-bottom:4px;} .public_tree .gender label {float:left;margin-right:10px;color:Black;font-weight:bold;} .public_tree .tree_panel {margin:0px 0 0 0px;width:620px;height:480px; padding:5px;border: #CCCCCC 1px solid; } .public_tree .user_panel {margin:0px 0 0 0px;text-align:left;float:right;width:215px;} .public_tree .user_panel form {padding:8px;width:150px;margin-top:20px;height:230px;background:url(/images/start_here_bkgd.gif) repeat-x 0 bottom;border:solid 1px #ccc;} .public_tree .user_panel .profile_actions {margin:5px 0} .public_tree .user_panel .profile_actions li {float:none;} .public_tree .buttons {margin-top:15px;} .public_tree .profile_pic {text-align:left;} .customize_tree {float:right;width:30%;margin-right:7%;} .customize_tree .form {position:relative} .customize_tree .form .config_box {border:solid 1px #ccc;} .customize_tree .form .big_arrow {z-index:1;position:absolute;left:-58px;top:25px;height:115px;width:60px;background:url(/images/customize_tree_arrow.gif) no-repeat} .customize_tree .form dl {margin:0;font-size:11px;border:solid 1px #fff;background-color:#e2f4ff;padding:10px;} .customize_tree .form dt {font-size:18px;color:#000; float:none; width:auto; text-align:left;} .customize_tree .form dd {margin:5px 0 15px 0;color:#666;} .customize_tree a.more_link {float:right;font-size:12px;font-weight:bold;position:relative;} .customize_tree #custom_size_message {color:red;margin-left:20px;} .tree_preview {float:left;width:59%;} .tree_preview .flashcontainer {background-color:#eef0dd;position:relative;z-index:2;margin:0 auto;} .tree_preview .flashcontainer td {border:solid 1px #ccc;float:left;padding:0 !important} .tree_preview .flashcontainer #flashcontent {border:solid 1px #fff;margin:0;width:400px;height:300px;} .tree_preview .tree_workspace {border:solid 1px #ccc;text-align:center;height:400px;width:100%;background-color:#f5f5f5;} .tree_preview .tree_workspace td {padding:10px 0} .tree_preview textarea {width:550px;height:100px;font-size:11px;border:solid 1px #ccc;border-top-color:#000;border-left-color:#000} .tree_preview input {width:550px;font-size:11px;border:solid 1px #ccc;border-top-color:#000;border-left-color:#000} .tree_preview p.legal {font-size:10px;width:500px;padding:5px 0;color:#666;} .tree_preview .deactivate {background-color:#f5f5f5;padding:10px;text-align:center;width:80%;margin:15px 0} .tree_preview .deactivate p {margin-bottom:10px;} .tree_preview #code_samples {margin:20px auto;} .tree_preview h2, .customize_tree h2 {margin:10px 0px 4px;width:550px;font-size:20px;font-weight:normal} .tree_preview h2 span, .customize_tree h2 span {font-size:11px;color:#666;font-weight:normal;} /****************************************/ /*** Classes for tree/invite */ /****************************************/ #invite_list h2 {border-bottom:solid 1px #ccc;padding:0px 0px 10px 0px;color:#666;padding:0px;float:none;} #invite_list #friends {padding: 10px; margin-bottom: 20px; background-color:#f5f5f5;} #invite_list #family {padding-top: 10px;} #invite_list p.description { margin-bottom:15px; } #invite_list .header_container { padding: 5px 0px; background-color: #eaeaea; border-top: 1px gray solid; border-bottom: 1px gray solid; margin-bottom: 5px; width: 100%; } #invite_list .list_item_container { width: 100%; } #invite_list .header_container .one_a, #invite_list .header_container .one_b, #invite_list .header_container .one_c, #invite_list .header_container .one_d, #invite_list .list_item_container .one_a, #invite_list .list_item_container .one_b, #invite_list .list_item_container .one_c, #invite_list .list_item_container .one_d { float: left; } #invite_list .header_container .one_a, #invite_list .list_item_container .one_a { width: 12%; } #invite_list .list_item_container .one_a img { width: 90px; } #invite_list .header_container .one_b, #invite_list .list_item_container .one_b { width: 18%; } #invite_list .header_container .one_c, #invite_list .list_item_container .one_c { width: 12%; } #invite_list .header_container .one_d, #invite_list .list_item_container .one_d { width: 57%; } #invite_list .description.short { margin-bottom:400px;} /****************************************/ /*** Classes from tree/discuss */ /****************************************/ #tree_discussion {margin-bottom:30px;} #tree_discussion h1 {display:inline;padding-right:0.25em;} /****************************************/ /*** Classes from tree/family_tree */ /****************************************/ #invite_history_list { margin-top:15px; } #invite_history_list .header_container { padding: 5px 0px; background-color: #eaeaea; border-top: 1px gray solid; border-bottom: 1px gray solid; margin-bottom: 5px; width: 100%; } #invite_history_list .list_item_container { width: 100%; } #invite_history_list .header_container .one_a, #invite_history_list .header_container .one_b, #invite_history_list .header_container .one_c, #invite_history_list .header_container .one_d, #invite_history_list .header_container .one_e, #invite_history_list .header_container .one_f, #invite_history_list .header_container .one_g, #invite_history_list .list_item_container .one_a, #invite_history_list .list_item_container .one_b, #invite_history_list .list_item_container .one_c, #invite_history_list .list_item_container .one_d, #invite_history_list .list_item_container .one_e, #invite_history_list .list_item_container .one_f, #invite_history_list .list_item_container .one_g { float: left; } #invite_history_list .header_container .one_a, #invite_history_list .list_item_container .one_a { width: 10%; } #invite_history_list .header_container .one_b, #invite_history_list .list_item_container .one_b { width: 15%; } #invite_history_list .header_container .one_c, #invite_history_list .list_item_container .one_c { width: 9%; padding-right: 1%; } #invite_history_list .header_container .one_d, #invite_history_list .list_item_container .one_d { width: 25%; } #invite_history_list .header_container .one_e, #invite_history_list .list_item_container .one_e { width: 10%; } #invite_history_list .header_container .one_f, #invite_history_list .list_item_container .one_f { width: 21%; } #invite_history_list .header_container .one_g, #invite_history_list .list_item_container .one_g { width: 9%; } /****************************************/ /*** Classes for the demo */ /****************************************/ #demo h2 {color:DarkGray;padding:5px 0px;font-size:167%;} #demo .image_wrapper {height:300px;} #demo #image {text-align: center;width:100%;background-color:#a9c9e6;height:300px;} #demo #image img {width: auto;height: auto;} #demo #caption {padding:0px 0px;font-weight:bold;font-size: 114%;height:65px;margin-top:15px;} #demo #buttons {padding:20px 15px;background-color:WhiteSmoke;border-top:1px DarkGray solid;} /****************************************/ /*** Classes for the contact us page /****************************************/ #contactUsMessage ul li { list-style: square; list-style-position: outside; margin-left: 2em; padding-left: 0em; } /****************************************/ /*** Classes for the admin user page /****************************************/ .admin_table { width: 100%; font-size: 12px; border: 1px #e5e5e5 solid; border-collapse: collapse; background-color: white; margin-bottom: 10px; } .admin_table th { background-color: #efefef; border: none; border: 1px #e5e5e5 solid; font-weight:bold; } .admin_table tr:hover { background-color: #eee; } .admin_table td { padding: 5px; border: 1px solid #e5e5e5; } .admin_table td.numeric, .admin_table th.numeric { text-align: right; } .admin_table span.description { color: #aaaaaa; font-weight: normal; font-size: 11px; } .admin_table td.key { vertical-align:top; width: 33%; color: #666666; font-weight: bold; text-align: right; padding-left: 10px; } .admin_table td.value { vertical-align:top; } .admin_table td.value ul { margin-top:0px; margin-left:1.5em; } .admin_table td.value li { line-height:1em; margin-top:8px; margin-left:0; text-indent:-0.25em; } .admin_table td.value .detail { font-size:11px; color:#666; } .admin_table td .action_link { float:right; font-size:11px; } .admin_table p.status { font-weight:bold; } .admin_table p.closed { color:Red; } .admin_table p.claimed { color:Green; } .admin_table .obscured { background-color:Black; padding:2px 6px; } .admin_table .obscured:hover { background-color:#eee; } .admin_actions { width: 100%; background-color: #fffeee; border: 1px #e5e5e5 solid; margin-bottom: 10px; } .admin_actions th { border: 1px #e5e5e5 solid; font-weight:bold; } .admin_actions td { padding: 5px; } .admin_actions td a { text-decoration: none; display:block; display:inline-block; width: 100%; } .admin_actions td a:hover { text-decoration: underline; } .admin_table .expand_link { float:right; } .admin_footer_edit {font-size:11px;margin-left:10px;margin-bottom:10px;font-weight:normal;height:20px;padding:5px;background-color:#feffef;border:solid 1px #e4e3c9;} /****************************************/ /*** Classes for the company pages /****************************************/ #company {padding-bottom:3em;margin-bottom:5em;padding-top:20px;} #company p {line-height:1.3em; margin:0.75em 0;} #company ul {clear:both;list-style:disc inside;padding-left:1em;margin:1em 0 2em 1em;text-indent:-1em;} #company li {margin-bottom:0.5em;} #company em {font-style:italic;} #company h2 {float:none;margin-top:3em;} #company h3 {float:none;margin-top:2em;} #company ol {margin-left:4em;margin-top:2em;list-style:outside;} #company ol.first {list-style-type:upper-roman;} #company ol.second {list-style-type:decimal;} #company ol.third {list-style-type:lower-roman;} #company ol li {margin-bottom:2em;} #company blockquote {margin-left:4em;} #company_nav { margin-top:53px; width:18%; min-width:120px; float:left; } #company_nav li { padding: 7px 10px; margin-right:none; font-weight:bold; } #company_nav li a { font-weight:normal; } /****************************************/ /*** Classes for the login pages /****************************************/ #login .new_to_geni {font-weight:bold;margin-top:35px;} #form_login .content {width:710px;} #form_login .call_to_action {font-weight:bold;padding-top:2em;margin-left:0px;} #form_login .form {float:left;width:300px;padding-top:30px;} #form_login .form dt {width:75px;} #join_promotion {float:right;width:274px;margin-left:10px;background:White;border:solid 1px #ccc;padding:10px 10px 0px;text-align:center;} #join_promotion h3 {width:274px;text-align:left;padding:0px;color:Black;} #join_promotion p.description {width:274px;margin:0;padding:0;text-align:left;} #join_promotion img {margin:10px 0px;} #join_promotion.no_description img{margin-top:0px;} #logout {margin-bottom:60px;} #logout .thank_you {border-top:1px #a9a9a9 solid;padding:6px 0px 0px 0px;margin:0px 0px 35px 0px} #logout .did_you_know {float:left;} #logout .did_you_know h3 {font-size:110%;margin-bottom:0px;padding:0;} #logout .did_you_know ul {width:260px;list-style:disc inside;padding-left:1em;margin:10px 0px 40px 1em;text-indent:-1em;} #logout .did_you_know ul li {margin-bottom:10px;} #logout .new_to_geni {font-weight:bold;margin:0px 0px 20px 0px;padding:0px} #logout .call_to_action {font-size:1.5em;} #logout .returning_user {font-weight:bold;margin:0px 0px 10px 0px;padding:0px} #logout .login {float:right;width:340px;background-color:#fff;border:solid 1px #bbb;} #logout .login input {width:150px;} #logout .login .form {padding:20px 20px 30px;margin:0} #signup_form {overflow:hidden;zoom:1} #signup_form .form {float:left;width:360px;} #signup_form label {display:inline;margin-right:10px;font-size:12px;} #signup_form dt {width:100px;} #signup_form .legal {margin-left:105px;} #signup_form .buttons {margin-left:105px;} #signup_error {color:red;font-weight:bold;font-style:italic;font-size:12px;margin:0 0 10px 0} #send_password {} #send_password .send_form {margin:20px 0px 15px 30px;clear:both;} #send_password .send_form p {text-align:left;margin-bottom:15px;} #send_password label {font-size:1em;display:block;float:left;padding-right:0.5em;width:120px;text-align:right;} #send_password .form_buttons {text-align:right;margin-top:10px;} #confirm_details a.already_user {float:right;} .logout_box_container_class { margin: 20px 0 20px 0; width: 100%; position: relative; top: 0; left: 0; } .logout_adsense_class { padding: 0; width: 340px; margin: 0px 0px 0px 0px;float:right} .logout_message_box { border: solid 1px #ccc; background-color:#f0f8ff; padding: 20px; height: 238px; margin: 0px 360px 0px 0px; } .logout_message_box h2 {font-size:130%;border-bottom:1px #ccc solid;} .logout_message_box p {margin:20px 0px} .logout_message_box .form {text-align:left;margin:20px 4px 40px 30px;} .logout_message_box .form label {font-size: 1em;display:block;float:left;padding-right:0.5em;width:120px;text-align:right;} .logout_message_box .form .field {margin-bottom:3px} .logout_message_box .buttons {text-align:right} /****************************************/ /*** message box styling - put in general /****************************************/ .message_box {border:solid 1px #ccc;background-color:#f0f8ff;padding:20px;width:560px;display:block;margin:20px auto;} .message_box h2 {font-size:130%;border-bottom:1px #ccc solid; float:none;} .message_box h4 {margin:25px 0px;font-size:13px;border-bottom:solid 1px #aac7e4} .message_box p {margin:20px 0px} .message_box .form {text-align:left;margin:20px 4px 40px 30px;} .message_box .form label {font-size: 1em;display:block;float:left;padding-right:0.5em;width:120px;text-align:right;} .message_box .form .field {margin-bottom:6px} .message_box .buttons {text-align:right} .message_box a.big_button {background:url(/images/big_button_bkgd.gif) 0 100% repeat-x #0187c6;width:80%;padding:10px;margin:0px auto 10px auto;text-align:center;display:block;text-decoration:none;} .message_box a.big_button h3 {font-size:20px;color:#fff;margin:0px;} .message_box a.big_button p {margin:0px;padding:0px;color:#fff;} .message_box a.big_button:hover {background:none;background-color:#0187c6} .message_box.short {margin-top:40px;margin-bottom:200px;} .message_box.wide {width:760px;} .message_box .header_action {margin-top:5px;float:right;font-size:11px;} .message_box .header_action a {text-decoration:none;} .message_box .header_action a:hover {text-decoration:underline;} .message_box .inset {margin-top:auto;margin-left:40px;} /****************************************/ /*** media section styles (blending photos and video) /****************************************/ #media_page h1 {margin:0px;border-bottom:solid 1px #ccc;} #media_page .top_nav {float:right;font-size:11px;font-weight:normal;margin-top:10px} #media_page .back_to_profile {border-top:solid 1px #a9a9a9;text-align:right;padding:10px;margin-bottom:100px;} #media_page .pagination {padding:5px 0px;clear:both;} #media_page .pagination .showing {text-align:left;color:#666;} #media_page .pagination .pages {float:right;text-align:right;width:400px;} #media_page .album_actions {float:right;font-size:11px;color:#aaa;margin-top:7px;} #media_page .album_actions a {padding:1px 3px 1px 18px;margin-left:3px;} #media_page .album_actions .add_links {padding: 1px 1px 1px 1px;margin-left: 1px;} #media_page .album_actions img {vertical-align:middle;} .add_photos_btn {background:url(/images/icn_add.gif) no-repeat 0px 0px;font-weight:bold;font-size:12px;} #media_page .album_actions .edit_album_btn {background:url(/images/icn_album_edit.gif) no-repeat 0px 0px;} #media_page .album_actions .organize_album_btn {background:url(/images/icn_organizer.gif) no-repeat 0px 0px;} #media_page .album_actions .back_btn {background:url(/images/icn_back_arrow.gif) no-repeat 0px 0px;} #media_name {margin:0;display:inline;} #media_name_link {font-size:11px;padding-left:3px;text-decoration:none;} #media_name_form {font-size:11px;margin:0px 2px;padding:3px 3px 3px 5px;background-color:#FFFFEF;border:1px solid #EEEED8;} #media_name_form.loading {background:url(/images/spinner.gif) no-repeat 485px 18px;} #media_name_form .toggle {float:right;position:relative;} #media_name_input {font-size:22.2px;font-weight:bold;padding:0px;margin:3px 0 1px -2px;border:solid 1px #ccc;width:425px;} #media_description_input {width:275px;} #photo_view_page #media_name_form {font-size:11px;width:600px;margin:0px 2px 2px 0px;padding:3px 3px 3px 5px;background-color:#FFFFEF;border:1px solid #EEEED8;} /****************************************/ /*** photo section styles /****************************************/ #photos_page h1 {margin:0px;border-bottom:solid 1px #ccc;} #photos_page .top_nav {float:right;font-size:11px;font-weight:normal;margin-top:10px} #photos_page .back_to_profile {border-top:solid 1px #a9a9a9;text-align:right;padding:10px;margin-bottom:100px;} #photos_page .pagination {padding:5px 0px;clear:both;} #photos_page .pagination .showing {text-align:left;color:#666;} #photos_page .pagination .pages {float:right;text-align:right;width:auto;} #photos_page .album_actions {float:right;font-size:11px;color:#aaa;margin-top:7px;} #photos_page .album_actions a {padding:1px 3px 1px 18px;margin-left:3px;} #photos_page .album_actions img {vertical-align:middle;} #photos_page .album_actions .add_photos_btn {background:url(/images/icn_add.gif) no-repeat 0px 0px;} #photos_page .album_actions .edit_album_btn {background:url(/images/icn_album_edit.gif) no-repeat 0px 0px;} #photos_page .album_actions .organize_album_btn {background:url(/images/icn_organizer.gif) no-repeat 0px 0px;} #photos_page .album_actions .back_btn {background:url(/images/icn_back_arrow.gif) no-repeat 0px 0px;} #photos_main {width:78%;min-width:570px;float:left;margin:0px 0 0 0} #photos_main_wide {width:100%;min-width:570px;float:left;margin:0px 0 0 0} #photos_table {margin-bottom:0px;padding:10px 0px;} #photos_table .photo {margin:10px;float:left;text-align:center;position:relative;padding:0px;width:140px;height:120px;} #photos_table .photo a.thumbnail img {border:none;display:block;margin:0px auto;border:solid 1px #ccc;padding:3px;} #photos_table .photo a.thumbnail:hover {border:none;} /* fixes a hover bug in IE -george */ #photos_table .photo a.thumbnail:hover img {border:solid 1px #666;} #photos_table .photo a.thumbnail img.badge {position:absolute;border:0px;} /* Photo grid - temporarily duplicated from componenets.css for photo pages not moved to new CSS yet */ .photo_grid li {margin:10px 5px 0;width:103px;height:110px;text-align:center;position:relative;display:-moz-inline-box;display:inline-block;vertical-align:top;*zoom:1;*display:inline;} .photo_grid li>a>img {max-width:95px;max-height:102px;padding:3px;border:solid 1px #ddd;} .photo_grid p {position:absolute;top:-3px;right:-3px;background:#fff;color:#fff;font-weight:bold;width:16px;height:16px;border:3px #CF504D solid;padding:1px;-moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px;margin:0;-moz-box-shadow:-1px 1px 1px 1px rgba(0,0,0,.2);-webkit-box-shadow:-1px 1px 1px 1px rgba(0,0,0,.2);box-shadow:-1px 1px 1px 1px rgba(0,0,0,.2);display:none;} .photo_grid p img {vertical-align:middle;} .photo_grid li:hover p {display:block;} .photo_grid img.badge {position:absolute;border:0px;} #photos_main_wide #photos_table .photo {width:165px;} dl.album_page_details {font-size:11px;color:#666;padding:10px;width:600px;floaT:left;} dl.album_page_details dt {color:#000;float:left;width:110px;margin-bottom:2px} dl.album_page_details dd {margin-left:110px;margin-bottom:2px} .flat_album .controls {width:100%;background-color:#f5f5f5;border-bottom:#ccc 1px solid;margin-bottom:15px;} .flat_album .controls.footer {border-top:#ccc 1px solid;margin-bottom:30px;} .flat_album .controls #pagination_range {display:inline;margin:6px;margin-right:0;float:left;} .flat_album .controls #pagination_control {display:inline;float:right;margin:6px;white-space:nowrap;} .flat_album .controls #pagination_control li {display:inline;margin:0px 3px;} .flat_album .controls #filters {display:inline;float:left;margin:6px 0px;} /* Photo View */ .photo_main_wide {float:left;width:79%;padding-right:1%;} .photo_main_narrow {float:right;width:19%;clear:right;margin-top:25px;} .photo_main_narrow h2 span {font-size:11px;font-weight:normal} .photo_main_narrow h2 a {text-decoration:none;} .photo_main_narrow h2 a:hover {text-decoration:underline} .photo_main_narrow h3 {margin-bottom:3px;} .photo_main_narrow h3.last {margin-top:40px;} .photo_main_narrow p {font-size:11px;margin-bottom:10px;color:#666;} .photo_main_narrow .description p {font-size:12px;} .photo_main_narrow #messages {padding:10px;margin:10px 0;} .nextprev {float:right;font-size:12px;margin:10px 0px 0 0;color:#ccc;font-size:11px} .photo_view {background-color:#fbfbfb;margin-bottom:25px;border-bottom:solid 1px #ccc;} .photo_view .image_view {height:400px;width:100%;} .photo_view .image_view td {padding:10px;margin:0;vertical-align:middle;text-align:center;} .photo_view .image_view td.favored .favorite_icon {display:inline !important} .photo_view .image_view td span {display:table;display:inline-block;padding:0;zoom:1;border:solid 1px #ccc;background-color:#fff;margin:auto;text-align:center;} .photo_view .image_view td img {vertical-align:text-bottom;padding:0;margin:5px;} .photo_view .from_the_album {font-size:11px;text-align:right;padding:0px 10px 5px 0;margin-top:-10px;} .photo_view .from_the_album a {text-decoration:none;} .photo_view .from_the_album a:hover {text-decoration:underline;} .photo_view .identify_message {text-align:center;color:#666;font-size:11px;margin:-7px 0 13px 0} #photo_details {margin:0 5px 15px;padding:0 10px;} #photo_details dt {width:80px;padding:0 0 3px 0;float:left;margin: 0;font-weight: bold;font-size:11px;} #photo_details dd {margin-left: 85px;padding:0 0 3px 0;font-size:11px;} #photo_details dd .edit_form {display:none;} #photo_details dd .edit_form.loading {background:url(/images/spinner.gif) no-repeat 95% 5px;} #photo_details dd .edit_form a.toggle {float:right;position:relative;} #photo_details dd.edit .content {display:none;} #photo_details dd.edit .edit_form {display:block;background-color:#ffffef;padding:5px;border:solid 1px #eeeed8} #photo_details dd.edit input {padding:1px;} #photo_details a {text-decoration:none;} #photo_details a:hover {text-decoration:underline;} #photo_details a {text-decoration:none} .photo_caption {margin:0 0 10px 0} .photo_caption span {font-size:15px;font-weight:bold;} #in_this_photo_list {width:300px;margin:4px 0 0 0;overflow:hidden;} #in_this_photo_list li {border-bottom:solid 1px #eee;padding:1px 0;margin-bottom:-1px;width:100%;line-height:15px} #in_this_photo_list li input {width:13px;height:13px;padding:0;margin:0 4px 0 0;vertical-align:middle;} #in_this_photo_list li a {font-size:10px;float:right;} .photo_carousel {position:relative;top:0;zoom:1;padding:0px ;width:170px;margin:0;overflow:hidden;} .photo_carousel ul.carousel_list {width:9000px;margin:0;padding:0;list-style-type:none} .photo_carousel ul ul {width:170px;margin:0;padding:0} .photo_carousel li {float:left;vertical-align:middle;margin:0;padding:0;} .photo_carousel img {width:48px;height:48px;padding:1px;border:solid 1px #ccc;margin:2px;vertical-align:middle;zoom:1;cursor:pointer} .photo_carousel a {display:inline;vertical-align:middle;zoom:1} .photo_carousel a:hover img {border-color:#2b66a5;background-color:#6e92c4} .photo_carousel img.selected {filter:alpha(opacity=30);-moz-opacity:0.3;opacity: 0.3;} .document_carousel {position:relative;top:0;zoom:1;padding:0px ;width:230px;margin:0;overflow:hidden;} .document_carousel ul.carousel_list {width:9000px;margin:0;padding:0;list-style-type:none} .document_carousel ul ul {width:100px;margin:0;padding:0} .document_carousel li {float:left;vertical-align:middle;margin:0;padding:0;} .document_carousel img {padding:1px;border:solid 1px #ccc;margin:2px;vertical-align:middle;zoom:1;cursor:pointer} .document_carousel a {display:inline;vertical-align:middle;zoom:1} .document_carousel a:hover img {border-color:#2b66a5;background-color:#6e92c4} .document_carousel img.selected {filter:alpha(opacity=30);-moz-opacity:0.3;opacity: 0.3;} .editables .editable_form {display:none} .editables .edit_on .editable_form {display:block} .editables .edit_on .editable_content {display:none} .editable {border-bottom:solid 0px #eee;margin:0;padding:1px 5px;overflow:auto;zoom:1;clear:both;} .editable dt {width:80px;float:left;font-weight:bold;color:#666;} .editable dd {margin-left:85px;zoom:1} .edit_on {background:#feffef;border:solid;border-width:1px 1px 2px 1px;border-color:#eee #c3c3ab #c3c3ab #eee;padding:8px 5px} .editable .toggle_editable {font-size:10px;} .editable .emphasized {font-size:12px;font-style:italic;color:#444;} .editable .emphasized:hover {background:lightyellow} .editable dd .close {float:right;cursor:pointer} .editable dd .form_field {float:left;margin-right:5px;} .editable dd .form_field label {display:block} .editable dd .form_buttons {float:left;margin:1em 5px 0 5px} .editable dd input {padding:1px;} /* For AJAX photo browser? */ #thumbnail_carousel {width:auto;} #thumbnail_carousel .clipregion {width:164px ;float:none;} #thumbnail_carousel li {float:left;width:54px;text-align:left;border:none;margin:0;padding:0} #thumbnail_carousel li a {text-align:center;display:block;} #thumbnail_carousel li img {border:solid 1px #ccc;padding:1px;width:48px;height:48px;margin:2px;vertical-align:text-bottom;} #thumbnail_carousel li .selected img {border:solid 4px #ffa500;width:44px;height:44px;padding:0px;margin:2px} #thumbnail_carousel .prev_arrow {color:#ccc;cursor:pointer;float:left;margin:15px 0px 10px 0px;background:url(/images/carousel_prev_lg.gif) 0px -29px no-repeat;width:38px;height:29px} #thumbnail_carousel .next_arrow {color:#ccc;cursor:pointer;float:right;margin:15px 0px 10px 0px;background:url(/images/carousel_next_lg.gif) 0px -29px no-repeat;width:38px;height:29px} #thumbnail_carousel .prev_arrow_enabled {color:#ccc;cursor:pointer;float:left;margin:15px 0px 10px 0px;background:url(/images/carousel_prev_lg.gif) 0px 0px no-repeat;width:38px;height:29px} #thumbnail_carousel .next_arrow_enabled {color:#ccc;cursor:pointer;float:right;margin:15px 0px 10px 0px;background:url(/images/carousel_next_lg.gif) 0px 0px no-repeat;width:38px;height:29px} #thumbnail_carousel .position_message {text-align:center;font-size:12px;color:#666;float:left;width:70px;margin:20px 5px 0px 5px;} /* Album Pages */ .album {width:170px;float:left;height:185px;text-align:center;} .album .img_stack {background-color:#f5f5f5;border:solid 1px #ccc;width:140px;margin:3px auto 4px auto} .album .img_border {position:relative;top:-3px;left:-3px;width:138px;margin:auto;border: 1px solid #D9E0E6;border-bottom-color: #C8CDD2;border-right-color: #C8CDD2;background: #fff;text-align:center;} .album .img {margin:4px;height:100px;line-height:100px;overflow:hidden;} .album .img img {vertical-align:middle;} .album .title {font-size:11px;font-weight:bold;margin:0px 5px;padding:0px;} .album .title a {text-decoration:none;} .album .title a:hover {text-decoration:underline;} .album .count {color:#666;font-weight:normal;font-size:11px;} .album .date {font-size:11px;color:#666;margin:0px 5px;padding:0px;} .album .owner {font-size:11px;color:#666;margin:0px 5px;padding:0px;} /* Albums listed on photo pages */ .album_list {margin-bottom:100px;} .album_list .album {padding-top:2px;height:auto;text-align:left;} .album_list .album .img_stack {float:left;width:49px;height:57px;margin-left:0;margin-right:0;} .album_list .album .img_border {float:left;width:48px;height:56px;margin-left:0;margin-right:0;} .album_list .album img {vertical-align:top;} .album_list .album .metadata {float:right;width:118px;padding-top:10px;} /* Album Preview */ #album_preview {width:20%;min-width:160px;float:right;margin:0px 0px 30px 0px} #album_preview .album_list {margin:9px 0px 40px 0px;} #album_preview .album_list h3 {margin:0px;padding:0px;border-bottom:solid 1px #ccc;font-size:14px;color:#666;} #album_preview .album_list h3 span {font-weight:normal;font-size:11px;} #album_preview .album_list dl {margin:10px 0px 0px 0px;padding:0px;} #album_preview .album_list dt {margin:5px 0 20 0;font-weight:normal;padding:0px 0px 0px 0px} #album_preview .album_list dd {margin:5px 0 0px 0;padding:0;height:60px;overflow:hidden;} #album_preview .album_list dt img {padding:0px;margin:0px;vertical-align:text-bottom;} #album_preview .album_list dd .title {font-size:12px;font-weight:bold;display:block} #album_preview .album_list dd .date {font-size:11px;color:#666;display:block} #album_preview .album_list dd .owner {font-size:11px;color:#666;} #album_preview .album_list dt a {float:left;display:block;margin:2px 8px 0 0;padding:1px;border:1px solid #ccc;background: #fffefa;} #album_preview .album_list dd a {text-decoration:none;} #album_preview .album_list .view_all {font-size:11px;float:right;} /* Edit Album */ #edit_album_table {width:100%} #edit_album_table td {border-top:solid 1px #ccc;vertical-align:top;} #edit_album_table td.photo {width:135px;padding:5px 10px;text-align:center;} #edit_album_table td.photo img {margin:3px;padding:2px;border:solid 1px #ccc;} #edit_album_table td.whos_in_photo {width:320px;padding:5px 10px 10px 10px;} #edit_album_table td.people_tagger {width:190px} #edit_album_table td.caption {width:200px;padding:5px 10px} #edit_album_table td.caption .caption_field {display:block;color:#999;margin-bottom:5px;} #edit_album_table td.actions {width:200px;padding:5px 10px} #edit_album_table td.actions li {margin-bottom:5px} #edit_album_table td.actions li a {font-size:12px} #edit_album_table td.actions li a.make_profile {background:url(/images/icn_person.gif) no-repeat 0px 0px; padding:0px 0px 5px 20px} #edit_album_table td.actions li a.set_album_cover {background:url(/images/icn_album_cover.gif) no-repeat 0px 0; padding:0px 0px 5px 20px} #edit_album_table td.actions li a.add_favorite {background:url(/images/icn_favorite.gif) no-repeat 0px 0;padding:0px 0px 5px 20px} #edit_album_table td.actions li a.remove_favorite {background:url(/images/icn_favorite_remove.gif) no-repeat 0px 0;padding:0px 0px 5px 20px} #edit_album_table td.actions li a.delete {background:url(/images/icn_warning.gif) no-repeat 0px 0;padding:0px 0px 5px 20px;} #edit_album_table td.actions li.move_to_album {background:url(/images/icn_photo_move.gif) no-repeat 1px 1px;padding:0px 0px 2px 22px;} #edit_album_table td.actions li.move_to_album select {width:90%;font-size:12px;} #edit_album {background-color:#f2f2ed;border-bottom:solid 1px #ccc;padding:20px;margin:0px 0px 25px 0px;} #edit_album .album_cover {width:150px;text-align:center;float:left;margin:0px 15px 0px 0px} #edit_album .album_cover img {padding:3px;border:solid 1px #ccc;background-color:#fff;vertical-align:text-bottom;} #edit_album .album_cover p {color:#666;} #edit_album .album_details {float:left;padding-right:50px;border-right:solid 1px #ccc;} #edit_album .album_details .name {width:250px;margin-bottom:5px} #edit_album .album_details .description {width:280px;} #edit_album .album_options {float:left;padding:0px 20px} #edit_album .album_options p {margin-bottom:7px} #edit_album .album_options a.add_photos {padding-left:20px;background:url(/images/icn_add.gif) no-repeat} #edit_album .album_options a.reorder_album {padding-left:20px;background:url(/images/icn_reorder.gif) no-repeat} #edit_album .album_options a.delete_album {padding-left:20px;background:url(/images/icn_warning.gif) no-repeat} /* Tag Uploaded */ .tag_uploaded {border-top:solid 1px #ccc;text-align:center;padding:15px;} .tag_uploaded .how_many {margin-bottom:5px;padding-right:10px;} /* Event Selector */ #event_selector {background-color:#f5f5f5;border:solid 1px #ccc;padding:20px 25px 20px 25px;margin:10px 0px 20px 0px;} #event_selector #existing_event {background-color:white;border:solid 1px #ccc;padding:40px 20px;margin:10px 0px;width:765px;} #event_selector #new_event {background-color:white;border:solid 1px #ccc;padding:20px;margin-bottom:10px;width:765px;} #event_selector #new_event .button {padding-top:145px;} #event_selector #no_event {background-color:white;border:solid 1px #ccc;padding:40px 20px;margin:0px;width:765px;} #event_selector .or_box {background-color:white;border:solid 1px #ccc;text-align:center;font-size:16px;font-weight:bold;color:#666666;padding:5px;width:20px;float:left;position:relative;bottom:20px;left:80px;margin-bottom:-40px;} #event_selector .title {float:left;width:225px;font-size:16px;font-weight:bold;color:#666666;} #event_selector .controls {float:left;} #event_selector .button {float:right;} #event_selector h2 {font-size:16px;} #event_selector h3 {color:#000;font-size:16px;color:#000;margin:20px 0 10px 0;border-top:solid 1px #ccc;padding-top:3px;} #event_selector .options {width:750px;margin:15px auto 40px auto;} #event_selector dl {font-size:11px;clear:both;margin:0px;padding:0px 0px 3px 0px;} #event_selector dt {line-height:10px;width:100px;float:left;margin:0px;padding:0px;margin-bottom:3px;color:#000;text-align:right;font-weight:bold;} #event_selector dt span {font-size:10px;font-weight:normal;color:#aaa;font-style:italic;} #event_selector dd {margin:0px 0 0 105px;padding:0px 0 5px 0;margin-bottom:0px} #event_selector dd input {margin-bottom:4px;color:#aaa;vertical-align:middle;padding:1px;} #event_selector dd select {margin-bottom:4px;vertical-align:middle;} #event_selector dd textarea {width:280px;height:50px;color:#aaa;margin-bottom:4px;} #event_selector dd a {text-decoration:none;} #event_selector dd a:hover {text-decoration:underline;} #event_selector .buttons {margin:0;text-align:center;} #error_message {background:url(/images/icn_alert.gif) 8px center no-repeat #ffeded;margin:0;border:solid 1px #f7b8b8;border-left:none;border-right:none;padding:0px;color:#b60e0e;} #error_message p {padding:5px 10px 5px 35px;} /* Photos of Me */ .photos_of_me_module {margin:10px 0px 10px 0px} .photos_of_me_module h2 {border-bottom:solid 1px #ccc;margin:0px;color:#666;padding:0px} .photos_of_me_module .view_all {float:right;font-size:13px;padding:0px;margin:0px;} .photos_of_me_module .showing {color:#666;font-size:11px;} /* Invite Page */ #photo_invite_list {margin:0px 0px 30px 0px} #photo_invite_list li {margin-bottom:3px} #photo_invite_list li label {float:left;text-align:right;width:200px;padding-right:5px;color:#000;font-size:12px;} #photo_invite_list li input {} #photo_invite_list li a {font-size:11px;} /* Video Upload */ #video_uploader {width:720px;margin:20px auto 30px auto} #video_uploader #advanced_upload {text-align:center;} #video_uploader .content {clear:both;background-color:#f0f8ff;border:solid 1px #a9a9a9;border-top:none;padding:20px;} #video_uploader .content .buttons {text-align:center;margin:20px 0 0 0} #video_uploader .content p {margin:10px 0px} #video_uploader .content #inputs label {float:left;font-size:12px;width:90px;position: relative} #video_uploader .content .photo_field {padding:5px 20px;} #video_uploader .having_trouble {font-size:11px;text-align:center;margin:15px 0 0 0} #video_uploader .having_trouble img {vertical-align:-4px;} #video_uploader .mac_users {border:solid 1px #a9a9a9;background-color:#f0f8ff;border-bottom:none;padding:10px 20px 0px 20px} #video_uploader .mac_users h2 {border-bottom:solid 1px #ccc;font-size:18px;} #video_uploader .album_controls {text-align:center;margin-top:15px;} #video_uploader .album_controls hr {margin-bottom:15px;} #video_uploader .album_controls span {font-size:16px;font-weight:bold;} #video_uploader .album_controls #new_album_name {color:#999;width:150px;} #video_uploader .having_trouble {font-size:11px;margin-top:30px;} #video_tabs {background:url(/images/tab_bottom.gif) repeat-x bottom;height:62px;clear:both;margin:0px auto;} #video_tabs .tabs {margin:0px;list-style:none;} #video_tabs .tabs li {float:left;background-color:#fff;padding:0px;margin:5px 10px 0px 0px;border:solid 1px #a9a9a9;border-bottom:none;widthhhh:250px;height:55px} #video_tabs .tabs li a {float:left;display:block;padding:9px 13px;line-height:12px;text-decoration:none;} #video_tabs .tabs li a h3 {font-size:15px;} #video_tabs .tabs li a p {text-decoration:none;color:#666;} #video_tabs .tabs li.selected {background:url(/images/tab_bottom_grad.gif) repeat-x bottom;padding-bottom:1px;} #video_tabs .tabs li.selected a {color:#000000;text-decoration:none;text-decoration:none;color:#000;} #video_tabs .tabs li.selected a h3 {text-decoration:none;} #video_file_upload {text-align:center;width:818px;} #video_file_upload #div_plugin_holder {padding-top:10px;margin:auto;} #video_file_upload #status_container {padding:5px 0px;width:398px;margin:auto;background: url(/images/video_upload_bkgd.gif) repeat-x;border: 1px solid #777;border-top:none;color: #666;font-weighttttt:bold;text-align:left;} #video_file_upload #status_container #text_status {float:left;width:53%;padding-right:5px;text-align:right;line-height:1.5em;} #video_file_upload #status_container #slider_status {float:left;width:43%;} #video_file_upload #status_container #buttons_status {text-align:center;} #video_file_upload #div_buttons {padding:10px 0px;} #video_file_upload .hidden {display: none;visibility: hidden;} #video_file_upload #div_device_select {width:400px;margin:auto;text-align:left;} #video_file_upload #div_device_select dl {clear:both;padding:0px;margin-bottom:6px;} #video_file_upload #div_device_select dt {color:#666;font-size:13px;display:block;float:left;padding-right:5px;width:130px;text-align:right;margin-bottom:0px;} #video_file_upload #div_device_select dd {margin-bottom:0px;padding:0px;margin:0px;} #video_file_upload #div_continue_browsing {margin-top:20px;font-size:11px;} /* Photos Upload */ #photo_uploader {width:720px;margin:20px auto 30px auto} #photo_uploader #advanced_upload {text-align:center;} #photo_uploader .content {clear:both;background-color:#f0f8ff;border:solid 1px #a9a9a9;border-top:none;padding:20px;} #photo_uploader .content .buttons {text-align:center;margin:20px 0 0 0} #photo_uploader .content p {margin:10px 0px} #photo_uploader .content #inputs label {float:left;font-size:12px;width:90px;position: relative} #photo_uploader .content .photo_field {padding:5px 20px;} #photo_uploader .content input {font-size:13px;width:300px;padding:1px} #photo_uploader .having_trouble {font-size:11px;text-align:center;margin:15px 0 0 0} #photo_uploader .having_trouble img {vertical-align:-4px;} #photo_uploader .mac_users {border:solid 1px #a9a9a9;background-color:#f0f8ff;border-bottom:none;padding:10px 20px 0px 20px} #photo_uploader .mac_users h2 {border-bottom:solid 1px #ccc;font-size:18px;} #photo_uploader .album_controls {text-align:center;margin-top:15px;} #photo_uploader .album_controls hr {margin-bottom:15px;} #photo_uploader .album_controls span {font-size:16px;font-weight:bold;} #photo_uploader .album_controls span.choice {padding:0px 10px;} #photo_uploader .album_controls #new_album_name {color:#999;width:150px;} #photo_uploader .having_trouble {font-size:11px;margin-top:30px;} #photo_tabs {background:url(/images/tab_bottom.gif) repeat-x bottom;height:75px;clear:both;margin:0px auto;} #photo_tabs .tabs {margin:0px;list-style:none;} #photo_tabs .tabs li {float:left;background-color:#fff;padding:0px;margin:5px 10px 0px 0px;border:solid 1px #a9a9a9;border-bottom:none;width:200px;height:68px} #photo_tabs .tabs li a {float:left;display:block;padding:9px 10px 9px 12px;line-height:12px;text-decoration:none;} #photo_tabs .tabs li a h3 {font-size:15px;} #photo_tabs .tabs li a p {text-decoration:none;color:#666;font-size:12px;} #photo_tabs .tabs li.selected {background:url(/images/tab_bottom_grad.gif) repeat-x bottom;padding-bottom:1px;} #photo_tabs .tabs li.selected a {color:#000000;text-decoration:none;text-decoration:none;color:#000;} #photo_tabs .tabs li.selected a h3 {text-decoration:none;} #browse_existing_media .album_list {float:left;width:210px;margin-right:10px;} #browse_existing_media .album_media {float:right;width:73%} #browse_existing_media .select_all_links {font-size:11px;padding:5px 10px 0 0;float:right;color:#666;} #browse_existing_media .select_all_links a {text-decoration:none;padding:0 3px;} #browse_existing_media #media_count {text-align:right;font-weight:bold;font-size:11px;margin:0 3px 3px 0} #browse_existing_media .media_viewer {clear:both;overflow:auto;zoom:1} #media_selector {padding:0px;border:solid 1px #ccc;} #media_selector h3 {background-color:#f5f5f5;padding:4px;border-bottom:solid 1px #ccc;} #media_selector table {background-color:#fff;width:100%;border-collapse:separate;margin:-1px 0 0 -1px} #media_selector td {width:20%;vertical-align:top;text-align:center;padding:20px;border-left:solid 1px #ccc;border-top:solid 1px #ccc;cursor:pointer} #media_selector td.selected {background-color:#ffffe0} #media_selector td.disabled {background-color:#eee !important} #media_selector td div {position:relative;width:100%;} #media_selector td img {background-color:#fff;} #media_selector td input {width:auto !important;position:absolute;top:-15px;left:-15px;margin:0;padding:0;width:13px !important;height:13px !important;overflow:hidden;} #media_selector .message {background-color:#fff;padding:25px;text-align:center;} #picasa_upload.content {padding:60px 80px 100px;} #picasa_upload #buttons {margin-top:40px;} #picasa_upload #buttons p {margin-top:8px;} #picasa_upload img {margin-bottom:20px;} /****************************************/ /* Video */ /****************************************/ #videos_page h1 {margin:0px;border-bottom:solid 1px #ccc;} #videos_page .top_nav {float:right;font-size:11px;font-weight:normal;margin-top:10px} #videos_page .back_to_profile {border-top:solid 1px #a9a9a9;text-align:right;padding:10px;margin-bottom:100px;} #videos_page .pagination {padding:5px 0px;clear:both;} #videos_page .pagination .showing {text-align:left;color:#666;} #videos_page .pagination .pages {float:right;text-align:right;width:400px;} #videos_page .album_actions {float:right;font-size:11px;color:#aaa;margin-top:7px;} #videos_page .album_actions a {padding:1px 3px 1px 18px;margin-left:3px;} #videos_page .album_actions img {vertical-align:middle;} #videos_page .album_actions .add_photos_btn {background:url(/images/icn_add.gif) no-repeat 0px 0px;} #videos_page .album_actions .edit_album_btn {background:url(/images/icn_album_edit.gif) no-repeat 0px 0px;} #videos_page .album_actions .organize_album_btn {background:url(/images/icn_album.gif) no-repeat 0px 0px;} #videos_page .album_actions .back_btn {background:url(/images/icn_back_arrow.gif) no-repeat 0px 0px;} #videos_page .from_the_event {background-color:#f8f8f8;text-align:center;padding:3px;font-size:11px;} #videos_page .from_the_event a {text-decoration:none;} #videos_page .from_the_event a:hover {text-decoration:underline;} #videos_table {margin-bottom:0px;padding:10px 0px;} #videos_table .videos_table_row {padding-bottom:10px;} #videos_table .video {float:left;text-align:center;position:relative;padding:0px;width:132px;height:170px;margin:0px 13px 0px 0px;} #videos_table .videos_table_row .last {margin-right:0px;} #videos_table .video .video_container {margin-bottom:4px;padding:0px;height:98px;position:relative;} #videos_table .video .video_container img {padding:2px;border:1px solid #D9E0E6;} #videos_table .video .play_button_overlay {background:url(/images/video_play_t.png) no-repeat 0px 0px;_background:url(/images/video_play_t.gif) no-repeat 0px 0px;width:25px;height:25px;position:absolute;left:50%;top:50%;margin-left:-12px;margin-top:-12px;} #videos_table .video .metadata {width:132px;} #videos_table .video .title {font-size:11px;font-weight:bold;margin:0px 5px;padding:0px;} #videos_table .video .title a {text-decoration:none;} #videos_table .video .title a:hover {text-decoration:underline;} #videos_table .video .duration {color:#666;font-weight:normal;font-size:11px;} #videos_table .video .date {font-size:11px;color:#666;padding:0px;white-space:nowrap;} #videos_table .video .owner {font-size:11px;color:#666;padding:0px;} #videos_table .video .description {font-size:11px;margin:2px 5px;padding:0px;} #videos_table .video .in_this_video {font-size:11px;margin:5px 5px;padding:0px;} #videos_table .video .in_this_video a {text-decoration:none;} #videos_table .video .length {font-weight:bold;font-size:11px;} #browse_existing_videos .video_list {float:left;width:210px;margin-right:10px;} #browse_existing_videos .videos {float:right;width:100%} #browse_existing_videos .select_all_links {font-size:11px;padding:5px 10px 0 0;float:right;color:#666;} #browse_existing_videos .select_all_links a {text-decoration:none;padding:0 3px;} #browse_existing_videos #video_count {text-align:right;font-weight:bold;font-size:11px;margin:0 3px 3px 0} #browse_existing_videos .title {font-weight:bold;font-size:11px;} #video_selector {padding:0px;border:solid 1px #ccc;} #video_selector h3 {background-color:#f5f5f5;padding:4px;border-bottom:solid 1px #ccc;} #video_selector table {background-color:#fff;width:100%;border-collapse:separate;margin:-1px 0 0 -1px} #video_selector td {width:20%;vertical-align:top;text-align:center;padding:18px;border-left:solid 1px #ccc;border-top:solid 1px #ccc;cursor:pointer} #video_selector td.selected {background-color:#ffffe0} #video_selector td.disabled {background-color:#eee !important} #video_selector td input {width:auto !important;position:absolute;top:-15px;left:-15px;margin:0;padding:0;width:13px !important;height:13px !important;overflow:hidden;} #video_selector .message {background-color:#fff;padding:25px;text-align:center;} table#videos_table {padding:0;} table#videos_table .video {width:auto;float:none;margin:0px;} table#videos_table .video img {margin:auto; border:none;} table#videos_table .video .img_border {background-color:White;} #videos_list_view #pagination {font-size:11px;background-color:#f5f5f5;border:solid 1px #ccc;padding:6px 10px;border-top:none;width:265px;} #videos_list_view .add_video_link {background:url(/images/icn_add.gif) no-repeat 0px 0px;font-size:11px;font-weight:normal;float:right;margin-top:2px;padding-left:17px;line-height:1.4em;} #videos_list_view #pagination_range {float:left;} #videos_list_view #pagination_control {float:right;} #videos_list_view #pagination_control ul {padding: 0px;margin: 0px;} #videos_list_view #pagination_control li {display: inline;margin-left: 5px;} .video_actions {padding:5px 5px;background-color:#e9e9e9;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;} .video_form {width:220px;background-color:#ffffef;border:solid 1px #b3b3b3;border-left-color:#d5d5d5;border-top-color:#d5d5d5;position:absolute;z-index:2;margin:23px 0 0 0px;padding:0px;display:inline;} .video_form .close {float:right;margin:3px 3px 0 0;} .video_form .content {padding:5px} .video_form h4 {font-size:11px;color:#464646;padding-right:20px;} .video_form .photo_count {font-size:10px;font-style:italic;color:#858574;display:block;margin-bottom:3px;} .video_form .inputs {background-color:#f3f3dd;padding:4px;margin-top:0px;vertical-align:middle;} .video_form .inputs input {font-size:11px;margin:2px 0} .video_form .inputs select {font-size:11px;margin:2px 0;} .video_form #ul_tagged {font-size:11px;margin:5px;padding:0;} .video_form #ul_tagged li {padding:0;margin:0;} .video_form .tabs {margin:5px 0 0 0;padding:0;list-style-type:none;overflow:auto;width:100%;} .video_form .tabs li {float:left;color:#16b;padding:2px 10px 3px 10px;font-size:11px;cursor:pointer;} .video_form .tabs li.selected {background-color:#f3f3dd;color:#333;font-weight:bold;} .video_form form {padding:5px;font-size:11px;} .video_form label {font-size:11px;font-weight:bold;margin-top:5px;} .video_form .buttons {padding:5px;font-size:11px;} .video_view {background-color:#fbfbfb;margin-bottom:25px;border-bottom:solid 1px #ccc;} .video_view .video_view_table {height:400px;width:100%;} .video_view .video_view_table td {padding:10px;margin:0;vertical-align:middle;text-align:center;} .video_view .video_view_table td.favored .favorite_icon {display:inline !important} .video_view .video_view_table td span {display:table;display:inline-block;padding:0;zoom:1;border:solid 1px #ccc;background-color:#fff;margin:auto;text-align:center;} .video_view .video_view_table td img {vertical-align:text-bottom;padding:0;margin:8px;} #video_details {margin:0 20px 10px 20px;padding:0 10px;} #video_details dt {position:relative;width:80px;padding:0 0 3px 0;float:left;margin: 0;font-weight: bold;font-size:11px;} #video_details dd {margin-left: 85px;padding:0 0 3px 0;font-size:11px;} #video_details dd .edit_form {display:none;} #video_details dd .edit_form.loading {background:url(/images/spinner.gif) no-repeat 93% 5px;} #video_details dd .toggle {padding-left:2px;} #video_details dd .edit_form .toggle {float:right;position:relative;} #video_details dd.edit .content {display:none;} #video_details dd.edit .edit_form {display:block;background-color:#ffffef;padding:5px;border:solid 1px #eeeed8} #video_details dd.edit input {padding:1px;} #video_details a {text-decoration:none;} #video_details a:hover {text-decoration:underline;} #video_play_page #media_name_form {font-size:11px;margin:0px 2px;padding:3px 3px 3px 5px;background-color:#FFFFEF;border:1px solid #EEEED8;} #video_play_page #media_name_form.loading {background:url(/images/spinner.gif) no-repeat 485px 18px;} #video_play_page #media_name_form .toggle {float:right;position:relative;} #video_play_page #media_name_input {font-size:22.2px;font-weight:bold;padding:0px;margin:3px 0 1px -2px;border:solid 1px #ccc;width:425px;} #video_play_page #media_description_input {padding:0px;padding:2px;border:solid 1px #ccc;width:200px;} /****************************************/ /* People Tagger */ /****************************************/ .select_users_container {background-color:#fff;padding:0px;border:solid 1px #a9a9a9;margin-top:-1px;font-family:Tahoma,Arial;} .select_users_container .tip {font-size:11px;margin:0px 0px 0px 0px;display:block;color:#000;font-weight:normal;display:block;background-color:#fffeef;color:#7d7b6d;border-bottom:solid 1px #d6d6ce;padding:5px} .select_users_container .people {overflow:auto;height:187px;padding:0px;overflow-x:hidden;} .select_users_container ul {padding:0;} .select_users_container ul li {border-bottom:solid 1px #f0f0ed;white-space:nowrap;font-weight:bold;cursor:pointer;font-size:11px;padding:3px 5px;} .select_users_container ul li a {text-decoration:none;color:#333;padding:0px;margin:0px;display:block;cursor:pointer;font-weight:bold;} .select_users_container ul li a:hover {color:#1166bb} .select_users_container ul li.selected {color:#1166bb} .select_users_container ul li a em {color:red;font-weight:bold;} .select_users_container ul li a span {color:#666;font-size:11px;display:inline;font-weight:normal;margin:0px;} .select_users_container form {margin:0px;padding:0px} .select_users_container .cancel {background-color:#eee;padding:2px 4px;text-align:center;border-top:solid 1px #ccc;margin:0px} .select_users_container .cancel button {font-size:11px;text-decoration:none;cursor:pointer;} .select_users_container input {width:13px;height:13px;} .select_users_container .extended_search {display:inline;text-decoration:underline;color:#1166bb;} .tags_display {padding:5px 0px 0px 0px;float:left;width:49%;font-size:11px;} .tags_display li {margin:0px;padding-bottom:1px;} .tags_display input {margin:0px;width:13px;height:13px} .quick_tag_list {padding:5px 5px 0px 0px;float:left;width:49%;color:#888;font-size:11px;} .quick_tag_list li {margin:0px;padding-bottom:1px;} .quick_tag_list input {margin:0px;width:13px;height:13px} /****************************************/ /*** birthday reminder forms /****************************************/ #birthday_comment .mugshot {float:left;margin:20px 0px 100px;padding-right:15px} #birthday_comment .mugshot img {padding:3px;border:solid 1px #ccc;background-color:#fff;} #birthday_comment .comment_form {float:left;} #birthday_comment textarea {margin-top:1em;} #birthday_comment_success .date_field {float:left;margin-right:10px} #birthday_comment_success .hide_dob {margin:15px 0px 0px 0px} /****************************************/ /*** anniversary reminder forms /****************************************/ #anniversary_greeting .partners_section {float:left;width:140px;margin-right:10px;} #anniversary_greeting .partners_section td {width:100px;padding:5px;border:none;} #anniversary_greeting .partners_section td .name {margin-top:2px;} #anniversary_greeting .comment_section {float:left;width:420px;} #anniversary_greeting #comment {width:400px;height:80px;overflow:auto;clear:both} #anniversary_greeting hr {margin:15px 0px;} #anniversary_greeting dt {width:130px;} #anniversary_greeting dl.additional {margin-left:100px;} #anniversary_greeting .buttons {margin-top:10px;margin-left:150px;} #anniversary_greeting .new_message_box {color:Black;} #anniversary_greeting p.wide {margin-bottom:20px;} #birthday_comment_success .date_field {float:left;margin-right:10px} #birthday_comment_success .hide_dob {margin:15px 0px 0px 0px} /****************************************/ /*** family statistics /****************************************/ #family_statistics {padding-bottom:20px} #family_statistics h1 {border-bottom: 1px DarkGray solid;} #family_statistics dl {clear:both;padding:10px 0px 15px 0px;margin:0px;} #family_statistics dt {float:left;} #family_statistics dd {float:left;margin-left:10px;} #family_statistics dd h3 {margin-bottom:3px;font-size:13px} #family_statistics .statistics_chart {float:left;margin:15px 15px 0 0;border:solid 1px #ccc;} #family_statistics .last {margin-right:0;} /****************************************/ /*** advanced statistics /****************************************/ #advanced_statistics {padding-bottom:20px} #advanced_statistics h1 {border-bottom: 1px #ccc solid;margin-bottom:20px;} #advanced_statistics .updated_on {color:#777;font-size:11px;} #advanced_statistics .updated_on a {text-decoration:none;margin-left:3px;} #advanced_statistics .drill_down_endorsement {color:#444;font-size:13px;padding:5px 5px 5px 10px;margin:-20px 0px 15px 0px;background-color:aliceblue;} #advanced_statistics .drill_down_endorsement img {vertical-align:-2px;} #advanced_statistics .module_container { padding:0px 0px 20px 0px; margin-bottom:20px; } #advanced_statistics .sub_header a.current { font-weight: bold; color: black; background-color: white; text-decoration: none; border-bottom:solid 1px White; margin-bottom:-1px; } #advanced_statistics .charts_container .spinner { font-size:18px; font-weight:bold; color: #777; text-align:center; background:url(/images/spinner.gif) no-repeat center 10px; padding-top:35px; margin-top:50px; } #advanced_statistics .chart_spinner { vertical-align:-3px; margin-left:3px; margin-top:-3px; } #advanced_statistics .statistics_chart { height:150px; } #advanced_statistics .statistics_chart_upgrade { color:#888; text-align:center; line-height:150px; } #advanced_statistics .module_open { float:left; width:300px; margin-right: 20px; font-size:11px; } #advanced_statistics .module_open a { text-decoration:none; } #advanced_statistics .module_open a:hover { text-decoration:underline; } #advanced_statistics .module_open .body { border:1px solid #ccc; border-top:none; padding-bottom:8px; } #advanced_statistics .module_open .header { font-size:13px; font-weight:bold; color:#444; background-color:#fafafa; border:1px solid #ccc; border-bottom:0px; padding:10px 0px; text-align:center; height:auto; margin:0 } #advanced_statistics .module_open .footer { padding: 5px -10px 5px -10px; border-top:1px solid #ccc; text-align:center; padding-top:10px; width:auto; } #advanced_statistics .gray_box { border:#ccc 1px solid; background-color:#fbfbfb; } #advanced_statistics .white_box { border:#ccc 1px solid; } #advanced_statistics .tabs {margin:0;padding:0;list-style-type:none;overflow:auto;width:100%;background:url(/images/tab_bottom.gif) repeat-x bottom #fbfbfb;} #advanced_statistics .tabs li {float:left;color:#16b;padding:2px 10px 3px 10px;border:solid 1px #ccc;border-left:none;border-bottom:none;font-size:11px;cursor:pointer;} #advanced_statistics .tabs li.first {border-left:solid 1px #ccc;} #advanced_statistics .tabs li:hover {text-decoration:underline;} #advanced_statistics .tabs li span {font-size:10px;color:#666;} #advanced_statistics .tabs li.selected {background-color:white;font-weight:bold;} #advanced_statistics .tabs li.selected a {color:#333;} #advanced_statistics .tabs li.selected span {display:none;} #advanced_statistics .white_box_with_tabs { float:left; width:300px; margin-right:20px; font-size:11px; } #advanced_statistics .white_box_with_tabs.last { margin-right:0px; } #advanced_statistics .white_box_with_tabs .header { font-size:13px; font-weight:bold; color:#444; background-color:#fafafa; border:1px solid #ccc; border-bottom:0px; padding:10px 0px; text-align:center; height:auto; margin:0 } #advanced_statistics .white_box_with_tabs a { text-decoration:none; } #advanced_statistics .white_box_with_tabs a:hover { text-decoration:underline; } #advanced_statistics .white_box_with_tabs .body { border:1px solid #ccc; border-top:none; padding:8px; } #advanced_statistics .white_box_with_tabs .loading { background:url(/images/spinner.gif) no-repeat 110px 75px; } #advanced_statistics .white_box_with_tabs .footer { border-top:1px solid #ccc; margin-top: 10px; padding-top:10px; text-align:center; width:auto; } #advanced_statistics #life_expectancy_module .statistics_chart { padding-top:15px; height:108px; } #advanced_statistics .life_expectancy_table { width:100%; } #advanced_statistics .life_expectancy_table td { text-align:center; width:50%; } #advanced_statistics .life_expectancy_table .gender td { font-weight:bold; } #advanced_statistics .life_expectancy_table .count td { font-size:55px; font-weight:bold; padding-bottom:5px; line-height:50px; } #advanced_statistics .oldest_youngest_table .pic { padding-right:5px; } #advanced_statistics .oldest_youngest_table .pic img { width:30px; } #advanced_statistics .oldest_youngest_table .years { font-size:14px; font-weight:bold; } #advanced_statistics .oldest_youngest_table .name { padding-bottom:10px; } #advanced_statistics .tag_cloud { padding:10px; background-color:aliceblue; min-height:148px; height:auto !important; height:148px; } #advanced_statistics .tag_cloud a { line-height:24px; } #advanced_statistics a.tag_cloud_link1 { font-size:100%; padding-right:3px; } #advanced_statistics a.tag_cloud_link2 { font-size:110%; padding-right:3px; } #advanced_statistics a.tag_cloud_link3 { font-size:120%; padding-right:3px; } #advanced_statistics a.tag_cloud_link4 { font-size:125%; padding-right:3px; } #advanced_statistics a.tag_cloud_link5 { font-size:160%; padding-right:3px; } #advanced_statistics #statistics_overlay_family_attributes, #advanced_statistics #statistics_overlay_personal_attributes, #advanced_statistics #statistics_overlay_life_and_times { width:660px; text-align:center; height:250px; margin-bottom:30px; padding:50px 0px 0px 200px; } #advanced_statistics #statistics_overlay_family_attributes { background:url(/images/chart_overlay_family_attributes.gif) no-repeat; } #advanced_statistics #statistics_overlay_personal_attributes { background:url(/images/chart_overlay_personal_attributes.gif) no-repeat; } #advanced_statistics #statistics_overlay_life_and_times { background:url(/images/chart_overlay_life_and_times.gif) no-repeat; } #advanced_statistics .upsell_message { float:left; text-align:left; } #advanced_statistics .upsell_message img { float:left; } #advanced_statistics .upsell_text { font-size:20px; float:left; margin-left:10px; } #advanced_statistics .upsell_text ul { margin-top:10px; } #advanced_statistics .upsell_text li { margin-bottom:2px; } #advanced_statistics #family_awards { background-color:aliceblue; padding:15px; width:840px; margin-bottom:20px; } #advanced_statistics #family_awards a { text-decoration:none; } #advanced_statistics #family_awards a:hover { text-decoration:underline; } #advanced_statistics #family_awards h1 { font-size:16px; color:#444; margin-bottom:10px; border-bottom:1px solid #ccc; } #advanced_statistics #family_awards .award_module_base { margin-right:20px; padding-top:2px; padding-left:20px; background-color:yellow; float:left; font-size:11px; } #advanced_statistics #family_awards .award_module_photo_adder { background:url(/images/star_photo_adder.gif) no-repeat; } #advanced_statistics #family_awards .award_module_profile_adder { background:url(/images/star_profile_adder.gif) no-repeat; } #advanced_statistics #family_awards .award_module_profile_inviter { background:url(/images/star_profile_inviter.gif) no-repeat; } #advanced_statistics #family_awards .award_module_profile_manager { background:url(/images/star_profile_manager.gif) no-repeat; } #advanced_statistics #family_awards .award_module_tree_creator { background:url(/images/star_tree_creator.gif) no-repeat; } #advanced_statistics #family_awards .award_module_video_adder { background:url(/images/star_video_adder.gif) no-repeat; } #advanced_statistics #family_awards #award_title { font-weight:bold; margin-bottom:5px; } #advanced_statistics #family_awards #award_link { margin-top:5px; padding-top:5px; margin-bottom:20px; border-top:1px solid #ccc; } #advanced_statistics .advanced_statistics_footer { border-bottom: #ccc 1px solid; width: 100%; } #advanced_statistics .advanced_statistics_footer a { background-color: #f5f5f5; padding: 7px 20px; borderrr-top: #ccc 1px solid; borderrr-right: #ccc 1px solid; text-decoration: none; } #advanced_statistics .advanced_statistics_footer a:hover { text-decoration: underline; } #advanced_statistics .advanced_statistics_footer a.left { float: left; background:url(/images/arrows_green.gif) #f5f5f5 no-repeat left 10px; } #advanced_statistics .advanced_statistics_footer a.right { float: right; background:url(/images/arrows_green.gif) #f5f5f5 no-repeat right -28px; } #advanced_statistics .chart_zero_pie { height:150px; text-align:center; background:url(/images/chart_zero_pie.gif) no-repeat 30px 5px; padding:17px 0px; } #advanced_statistics .chart_zero_bar { height:150px; text-align:center; background:url(/images/chart_zero_bar.gif) no-repeat 30px 5px; padding:17px 0px; } #advanced_statistics .chart_zero_gender { height:150px; text-align:center; background:url(/images/chart_zero_gender.gif) no-repeat 30px 5px; padding:17px 0px; } #advanced_statistics .chart_zero_life_expectancy { height:150px; text-align:center; background:url(/images/chart_zero_life_expectancy.gif) no-repeat 30px 5px; padding:17px 0px; } #advanced_statistics .chart_zero_oldest_youngest { height:150px; text-align:center; background:url(/images/chart_zero_oldest_youngest.gif) no-repeat 30px 5px; padding:17px 0px; } #advanced_statistics .chart_zero_outer { height:150px; text-align:center; padding:17px 0px; } #advanced_statistics .chart_zero_inner { padding-top:55px; } /****************************************/ /*** tree awards /****************************************/ #tree_awards {padding-bottom:20px} #tree_awards h1 {border-bottom: 1px DarkGray solid;} #tree_awards dl {clear:left;width:250px;padding:10px 0px 35px 0px;margin-top:10px;} #tree_awards dl.right {float:right;} #tree_awards dt {float:left;} #tree_awards dd {float:left;margin-left:10px;} #tree_awards dd h3 {margin-bottom:3px;font-size:13px} /****************************************/ /*** Viral Loop Select Friends /****************************************/ #select_friends_on #select_friends_container, #select_friends_off #select_friends_container {height:400px;overflow:auto;border-top:1px gray solid;border-bottom:1px gray solid;} #select_friends_on .select_friends_entry {margin-bottom:5px;margin-top:5px;border-bottom:1px lightgrey solid;cursor: pointer;} #select_friends_off .select_friends_entry {margin-top:5px; border-bottom: 1px lightgrey solid;cursor:pointer;} #select_friends_on .control {vertical-align:top;} /****************************************/ /*** Classes for the privacy slider */ /****************************************/ #privacy_slider_container { } #privacy_slider_container .one_a { float: left; padding-right: 5px; } #privacy_slider_container .one_b { float: left; padding-right: 5px; } #privacy_slider_container .one_c { float: left; background-color: wheat; } a.add_from_address_book {text-decoration:none;font-size:11px;} a.add_from_address_book:hover {text-decoration:underline} /****************************************/ /*** Family Friends */ /****************************************/ #family_friends_page h1 {border-bottom:solid 1px #ccc;margin:0px;} #family_friends_page form {margin:0px 0px 30px 0px;padding:15px 10px 15px 10px;background-color:#f5f5f5;text-align:center} #family_friends_page form .label {float:left;width:49%;text-align:right;margin-right:1%;} #family_friends_page form h2 {display:inline;color:#808080;font-size:15px;margin:0px;padding:0px;line-height:15px} .friends_list {margin:15px 0px;width:100%;} .friends_list td {width:16%;text-align:center;padding-bottom:25px;} .friends_list td .image {margin:0px;padding:0px} .friends_list td .name {margin:5px 0px 0px 0px;font-weight:normal;font-size:11px;} .friends_list td .button {margin:0px 0px;font-size:11px;} .pagination {padding:5px 0px;clear:both;} .pagination .showing {text-align:left;color:#666;} .pagination .pages {float:right;text-align:right;width:400px;} /****************************************/ /*** Names Index */ /****************************************/ #names_index h1 { display: inline; margin-right: 0.25em; } #names_index h2 { display: inline; float: left; width: 80px; font-size: 250%; font-weight: bold; } #names_index { margin-bottom: 40px; } #names_index .block { float: left; margin-top: 0.5em; width: 20%; } #names_index .letter_group { display: block; padding: 1em 0; border-top: solid 1px DarkGray; } #names_index .name_entry { margin-bottom: 0.5em; } /****************************************/ /*** Tree Map */ /****************************************/ #map_view h1, #map_view h2 { display: inline; padding-right: 6px; } #div_own_locations, #own_events { display: block; margin: 0 auto 1em; padding: 10px; background-color: LightGoldenrodYellow; border: solid 1px LightGrey; } #own_events { text-align: center; } #select_filter { display: inline; } #legend { margin-top: 6px; margin-bottom: 3em; } #legend ul { text-align: center; } #legend li { margin-right: 1em; display: inline; } #legend li img { margin-left: 4px; margin-right: 4px; vertical-align: top; } #add_relatives { border-top: solid 1px Gray; padding-top: 0.5em; } #add_relatives .relative { margin-bottom: 0.5em; } #add_relatives a.linkTertiary { color: Black; } #map { margin-top: 2px; border: solid 1px Gray; background-color: AliceBlue; } #add_relatives .block { width: 24%; float: left; padding: 6px 6px 40px 0; } .list_item_container { position: relative; } .relative #add_location { position: absolute; z-index: 1; width: 320px; font-size: 96%; padding: 6px 8px; background-color: #feffef; border: solid 1px #ccc; margin-top:-35px; } .relative #add_location .edit_location_tagger {padding:2px 10px 2px 2px;font-size:11px;} .relative #add_location .edit_location {font-size:11px;} .relative #add_location .label { display: inline; } .relative #add_location .section, #div_own_locations .section { margin: 6px 0; vertical-align: middle; display: block; clear: both; } .relative #add_location .section { margin: 18px 0 0 0; } .relative #add_location .text_field_long, .relative #add_location .text_field_short, .relative #add_location .text_field_standard { border: solid 1px Gray; padding: 2px; } .relative #add_location .text_field_standard, #div_own_locations .section .text_field_standard { width: 92px; } .relative #add_location .text_field_long, #div_own_locations .section .text_field_long { width: 147px; } .relative #add_location .buttons { clear: both; text-align: right; } #div_own_locations .buttons { margin: 0 auto; width: 40%; text-align: right; } .marker .people { height: 140px; overflow: auto; } .marker img { float: left; vertical-align: top; margin: 0 6px 6px 0; } .marker .person { clear: both; margin-bottom: 8px; padding-top: 4px; padding-bottom: 10px; border-top: solid 1px DarkGray; } .marker .displayName { font-weight: bold; } .marker .location { display: block; padding-bottom: 2px; width: 200px; } #div_own_locations .label { float: left; margin-left: 150px; padding-top: 1em; width: 110px; text-align: right; padding-right: 1em; } #div_own_locations .hide { display: none; } #div_own_locations input.button { margin-top: 1em; margin-left: 20px; } #div_own_locations .column, .relative #add_location .column { display: inline; float: left; margin-right: 6px; } #current_residence_country, #birthplace_country { } .auto_suggest { position: absolute; z-index: 1; border: solid 1px #ccc; background-color: #f5f5f5; border-bottom:solid 1px #bbb; border-right:solid 1px #bbb; padding: 0px; margin-top:-1px; cursor: pointer; font-size:11px; color:#444; font-weight:bold; } .auto_suggest li {margin:0px;padding:2px} .auto_suggest li em {color:red;font-weight:bold;} .auto_suggest li.selected {color:#16b} .country_field {width:160px;} /****************************************/ /*** Calendar */ /****************************************/ #container { border-top: solid 1px Gray; width: 100%; margin-bottom: 60px; } #calendar { float: left; margin-top: 16px; width: 70%; border-collapse: separate; border-right: solid 1px Gray; } #calendar td { vertical-align: top; margin: 0px; padding: 10px; border-bottom: solid 1px #ccc; } #calendar.wide { width: 100%; border-right: none; } * html #calendar { width: 68%; } #calendar td.year, #calendar td.month { font-size: 150%; } #calendar td.month { color: DimGray; width: 3em; } #calendar td.year, #calendar td.empty { color: DarkGray; } #calendar td.year { width: 2em; padding-left: 0; } #calendar td.events { padding-right: 0; } #calendar td.margin { width: 10px; border-bottom: none; } #calendar.wide td.margin { display: none; } #calendar td.events table { float: left; } #calendar td.events table td { border: none; padding: 2px; } #calendar td.events table td.date { width: 2em; text-align: right; } #calendar td.events table td.highlight { background-color:LightGoldenrodYellow; } #calendar td.events table td.icon { width: 20px; text-align: right; } #calendar td.events table td.day { width: 2em; } #calendar .detail a { text-decoration: none; white-space:nowrap; } #calendar .detail a:hover { text-decoration: underline; } #calendar .detail a.prompt { padding-left:6px; } .subheader_controls { padding-left: 20px; font-size:11px; color:#666; } .list_item_container { position: absolute; z-index: 1; width: 260px; font-size: 96%; padding: 6px 8px; background-color: LightGoldenrodYellow; border: solid 1px Gray; } #upcoming h1 { display: inline; padding-right: 6px; } #upcoming h2 { display: block; } #upcoming #add_relatives { display: inline; float: right; width: 27%; margin-top: 1em; border: none; } * html #upcoming #add_relatives { width: 27%; } #upcoming #add_relatives ul { clear: both; padding-top: 10px; display: block; } #upcoming #add_relatives li { margin-bottom: 1em; } #upcoming a.linkTertiary { color: Black; } #upcoming .label { float: left; margin-left: 50px; padding-top: 1em; padding-right: 1em; width: 18em; text-align: right; } #upcoming input.button { float: left; margin-top: 1em; margin-left: 20px; } * html #upcoming input.button { margin-left: 38px; } #upcoming h3 { width: 100%; text-align: left; display: block; margin-bottom: 3px; } #upcoming .dob, #upcoming .hide_age, #upcoming .circa { display: inline; } #upcoming .hide_age { padding-left: 6px; } #upcoming .circa { margin-top: 1em; padding-left: 10px; } #upcoming .is_alive { clear: both; } #upcoming .column { display: inline; float: left; margin-bottom: 6px; } #upcoming .buttons { margin-top: 6px; text-align: right; } #own_events { text-align: left; } .own_event { display: block; } .own_event div { float: left; padding-right: 4px; } .own_event .label { margin-top:-2px; } .own_event .dob div { vertical-align: top; margin-top: 8px; } .own_event input.button { position:relative; top:-2px; } .own_event .partial_year { padding-top:2px; } #own_events .no_label{ margin-top: 1em; margin-left: 1em; float: left; } #add_event_form { margin-left: -40px; } #add_event_form .label { display: none; } #add_own_anniversary { } /****************************************/ /*** Tree Revisions */ /****************************************/ #tree_revisions.short {margin-bottom: 10em;} #tree_revisions h1 {padding: 0px 0px 1px 0px;border-bottom:1px DarkGray solid;width:100%;} #tree_revisions li {border-bottom:solid 1px #ccc;} #tree_revisions table#revisions {width:100%;} #tree_revisions table#revisions td {padding: 4px; border-top:solid 1px #ccc;} #tree_revisions table#revisions td.first {border-top:none;} #tree_revisions table#revisions td.time {width: 5em;} #tree_revisions table#revisions td.date {width: 10em;} /****************************************/ /*** Forest Page */ /****************************************/ #forest_list tr.even {background-color:#fcfcfc;} /******************************************* / Geni Module /******************************************/ .geni_module {margin:0px 0px 30px 0px;clear:both;} .geni_module h3 {background-color:#ecf2f9;border-bottom:solid 1px #cad4de;border-top:solid 1px #cad4de;font-size:13px;margin:0;padding:2px 0 2px 10px;} .geni_module h3 span {font-size:11px;color:#666;font-weight:normal} .geni_module h3 a {color:Black;text-decoration:none;} .geni_module .actions {float:right;font-size:10px;color:#cad4de;padding:5px 10px 5px 0} .geni_module .actions a {text-decoration:none;font-weight:bold;} .geni_module .actions a:hover {text-decoration:underline;} .geni_module .details {border-bottom:solid 1px #eeeeee;background-color:#fbfbfb;padding:4px 10px;font-size:11px;color:#666;line-height:17px;} .geni_module .details .actions {float:right;padding:2px 0px 4px 25px;color:#666;position:relative;} .geni_module .details .actions a {font-weight:normal} .geni_module .details .actions.loading {background:url(/images/spinner.gif) no-repeat;} .geni_module .tabs {margin:0;padding:0;list-style-type:none;overflow:auto;width:100%;background:url(/images/tab_bottom.gif) repeat-x bottom #e4eaf2;} .geni_module .tabs li {float:left;color:#16b;padding:2px 10px 3px 10px;border-right:solid 1px #cad4de;font-size:11px;cursor:pointer;} .geni_module .tabs li:hover {text-decoration:underline;} .geni_module .tabs li span {font-size:10px;color:#666;} .geni_module .tabs li.selected {background-color:#fbfbfb;color:#333;font-weight:bold;} .geni_module .tabs li.selected span {display:none;} .geni_module .form {border-bottom:solid 1px #eeeeee;background-color:#fbfbfb;padding:8px 10px;font-size:11px;text-align:center} .geni_module .content {padding:10px 10px 0px 10px;font-size:12px;} .geni_module .content p {padding:5px;margin:0;} .geni_module dl.form {clear:both;text-align:left;margin:auto;border:none;padding:0} .geni_module dl.form dt {width:80px;float:left;text-align:right;font-weight:bold;margin-bottom:3px;} .geni_module dl.form dd {margin-left:90px;margin-bottom:3px;} .geni_module input {border:solid 1px #a9a9a9;padding:2px;} .geni_module .filters {right:0;top:17px;z-index:999;position:absolute;width:180px;padding:8px 10px;border:solid 1px #ccc;border-width:1px 2px 2px 1px;background-color:#ffffef;color:#000;} .geni_module .filters .close {float:right;margin-left:5px;} .geni_module .filters input {border:none;padding:0;vertical-align:middle;height:13px;width:13px;} .geni_module .filters.loading {background:url(/images/spinner.gif) no-repeat 98% 3px #ffffef;} .geni_module .filters ul {margin:3px;padding:0;} .geni_module .filters ul li {margin:3px 0;padding:0;} .geni_module .message {background-color:#fbfbfb;border-bottom:solid 1px #eee;text-align:center;padding:15px;color:#666;} .geni_module .message_alert {font-size:11px;text-align:center;color:#666;padding:4px 0;} .geni_module .stats {padding:0px 0 5px 0;width:100%;border-collapse:separate;display:table} .geni_module .stats tr.odd {background-color:#fbfbfb;} .geni_module .stats td {border-bottom:solid 1px #eee;padding:4px 4px;color:#000;vertical-align:middle;font-size:11px;} .geni_module .stats th {border-bottom:solid 1px #eee;font-weight:bold;font-size:11px;text-align:right;padding:4px 4px 4px 12px;width:1%;vertical-align:middle;} .geni_module .stats th a {color:#16b;text-decoration:none;} .geni_module .stats th a:hover {color:#16b;text-decoration:underline;} .geni_module .stats td a {color:#000;text-decoration:none;} .geni_module .stats td a:hover {color:#16b;text-decoration:underline;} .geni_module .stats .left {text-align:left;} .geni_module .stats .right {text-align:right;} .geni_module .stats td a.promo {color:#16b;} .geni_module .battle_mode th {padding:4px 0px;} .geni_module .battle_mode td {text-align:center !important;} .geni_module .award {text-align:center;width:17px;height:17px;} .geni_module .award a {display:block;width:17px;height:17px;padding-top:3px;color:Black;} .geni_module .award a.tree_creator {background:url(/images/star_tree_creator.gif) no-repeat;} .geni_module .award a.profile_adder {background:url(/images/star_profile_adder.gif) no-repeat;} .geni_module .award a.profile_inviter {background:url(/images/star_profile_inviter.gif) no-repeat;} .geni_module .award a.photo_adder {background:url(/images/star_photo_adder.gif) no-repeat;} .geni_module .award a:hover {color:#16b;} .geni_module .battle_mode .title a {color:Black;text-decoration:none;} .geni_module .battle_mode .title a:hover{text-decoration:underline;} .geni_module .battle_mode .title .award a {float:left;} .dropdown {float:left;position:absolute;width:180px;padding:8px 10px;border:solid 1px #ccc;border-width:1px 2px 2px 1px;background-color:#ffffef;color:#000;} .dropdown_close {float:right;} #module_notice { font-size:11px;padding:4px 10px 3px; text-align:center; background-color:#e4eaf2; border-bottom:solid 1px #ccc; } #module_notice a { text-decoration:none; } #module_notice a:hover { text-decoration:underline; } /******************************************* / Geni Buttons /******************************************/ .action_button {cursor:pointer;padding:0px;margin:0 0 1px 0;border:none;background:url(/images/action_button.gif) no-repeat #3273ad;text-align:center;display:block;text-decoration:none;overflow:hidden;display:-moz-inline-box;display:inline-block;vertical-align:middle} .action_button span {white-space:nowrap;background:url(/images/action_button.gif) no-repeat right top;display:block;font-family:Arial;font-size:11px;line-height:19px;color:#fff;padding:0px 10px 0px 5px;font-weight:bold;margin:0px;margin-left:5px;} .action_button span img {display:none;} .action_button:hover {background:url(/images/action_button.gif) left -19px} .action_button:hover span {background:url(/images/action_button.gif) right -19px} input.action_button {zoom:1;display:-moz-inline-box;display:inline-block;width:auto;overflow:visible;padding:0 7px;background:url(/images/action_button.gif) -2px -1px #68a4da;border:solid 1px #68a4da;color:#fff;font-weight:bold;line-height:12px;cursor:pointer} a.alt_action_button {cursor:pointer;padding:0px;margin:0 0 1px 0;border:none;background:url(/images/alt_action_button.gif) no-repeat #3273ad;text-align:center;display:block;text-decoration:none;overflow:hidden;display:-moz-inline-box;display:inline-block;} a.alt_action_button span {white-space:nowrap;background:url(/images/alt_action_button.gif) no-repeat right top;display:block;font-family:Arial;font-size:11px;line-height:19px;color:#446f99;padding:0px 10px 0px 5px;font-weight:bold;margin:0px;margin-left:5px;} a.alt_action_button span img {display:none;} a.alt_action_button:hover {background:url(/images/alt_action_button.gif) left -19px} a.alt_action_button:hover span {background:url(/images/alt_action_button.gif) right -19px} a.control_button {height:22px;cursor:pointer;padding:0px;margin:0px;border:none;background:url(/images/action_button_bkgd.gif) no-repeat;text-align:center;display:block;text-decoration:none;overflow:hidden;display:-moz-inline-box;display:inline-block;vertical-align:middle;} a.control_button span {white-space:nowrap;background:url(/images/action_button_bkgd.gif) no-repeat right top;display:block;font-family:Arial;font-size:11px;line-height:22px;color:#666;padding:0px 8px 0px 3px;margin:0px;margin-left:2px;} a.control_button span img {height:auto;vertical-align:middle;padding:4px 3px 7px 0;_padding:5px 3px 6px 0;margin:0;float:left;} a.control_button:hover {background:url(/images/action_button_bkgd.gif) no-repeat left -22px;text-decoration:none !important;} a.control_button:hover span {background:url(/images/action_button_bkgd.gif) no-repeat right -22px;} a.control_button.hover {background:url(/images/action_button_bkgd.gif) no-repeat left -22px;text-decoration:none;} a.control_button.hover span {background:url(/images/action_button_bkgd.gif) no-repeat right -22px;} a.control_button.disabled {cursor:default !important} a.control_button.disabled span {color:#b0b0b0;} a.control_button.disabled:hover {background:url(/images/action_button_bkgd.gif) no-repeat left 0px;text-decoration:none;} a.control_button.disabled:hover span {background:url(/images/action_button_bkgd.gif) no-repeat right 0px;} a.control_button.disabled span img {margin-top:-22px;} a.big_control_button {height:28px;cursor:pointer;padding:0px;margin:0px;border:none;background:url(/images/big_action_button_bkgd.gif) no-repeat;text-align:center;display:block;text-decoration:none;overflow:hidden;display:block;vertical-align:middle;} a.big_control_button span.inner {white-space:nowrap;background:url(/images/big_action_button_bkgd.gif) no-repeat right top;display:block;font-family:Arial;font-size:13px;font-weight:bold;line-height:30px;color:#666;padding:0px 8px 0px 3px;margin:0px;margin-left:3px;text-align:center;display:block} a.big_control_button:hover {background:url(/images/big_action_button_bkgd.gif) no-repeat left -28px;text-decoration:none !important;} a.big_control_button:hover span.inner {background:url(/images/big_action_button_bkgd.gif) no-repeat right -28px;} /******************************************* / Profile Styles /******************************************/ .profile_container {border:solid 1px #bbb;padding:15px;background-color:#fff;} .profile_page_left {float:left;width:26%;overflow:hidden;} .profile_page_right {float:right;width:71%;} h1.identity {font-weight:normal;font-size:30px;color:#000;line-height:29px;margin:8px 0;} table.identity {margin:5px 0 20px 0;width:280px;} table.identity th {width:90px;padding-left:1px;} table.identity .spacer {padding:5px 0;} table.identity .prompt {display:block;text-align:center;background-color:#fafad2;border:solid 1px #ccc;font-size:11px;padding:4px;margin:10px 0px 0px 0px;text-decoration:none;} table.identity .prompt:hover {text-decoration:underline;} .profile_pic {text-align:center;margin-top:3px;} .profile_pic img {vertical-align:text-bottom;background-color:#fff;padding:6px;border:solid 1px #ccc;} .profile_actions {margin:10px 2px 25px 2px} .profile_actions ul {margin: 0px; list-style: none; padding-left: 0;} .profile_actions li {text-align:left;font-size:12px;float:left;width:100%;position:relative;} .profile_actions li a {padding:0px;margin:0 0 1px 0;border:none;background:url(/images/profile_action_bkgd.gif) no-repeat 0 0 #3273ad;text-align:center;display:block;text-decoration:none;cursor:pointer;} .profile_actions li span {white-space:nowrap;background:url(/images/profile_action_bkgd.gif) no-repeat right top;display:block;font-family:Arial;font-size:11px;color:#fff;padding:2px 10px 1px 5px;height:19px;line-height:19px;font-weight:bold;margin:0px;margin-left:5px;text-align:left;} .profile_actions li.disabled {padding:0px;margin:0 0 1px 0;border:none;background:url(/images/profile_action_bkgd_disabled.gif) no-repeat 0 0 #3273ad;text-align:center;display:block;text-decoration:none;} .profile_actions li.disabled span {white-space:nowrap;background:url(/images/profile_action_bkgd_disabled.gif) no-repeat right top;} .profile_actions li img {vertical-align:text-bottom;margin-right:5px;_padding-top:1px;} .profile_actions li.disabled img {padding-right:2px;} .profile_actions li a:hover {background:url(/images/profile_action_bkgd.gif) no-repeat 0 -22px #3273ad;} .profile_actions li a:hover span {background:url(/images/profile_action_bkgd.gif) no-repeat right -22px;} .profile_actions li .pro_banner {} .profile_newsfeed {float:right;margin-bottom:35px;font-size:11px;margin-top:5px;width:280px;} .profile_newsfeed table {width:100%;} .profile_newsfeed td.icon {text-align:right;} .hide_overflow {width:250px;overflow:hidden;} .profile_notifications { float:right; font-size:11px; width:278px; background-color:#fbfbfb; border:1px solid #cad4de; text-align:center; margin-bottom:5px; padding:3px 0; } .profile_notifications a.search_for_duplicates { padding:3px 0px 3px 18px; background:url(/images/icn_magnifying_glass.gif) no-repeat 0px 2px; text-decoration:none; } .profile_notifications a { text-decoration:none; } .profile_notifications a:hover { text-decoration:underline; } .profile_notifications hr { border-color:#eee; margin:0px 10px 3px; } .profile_notifications #outstanding_invites {padding:2px 5px; margin:0px 10px;} .profile_notifications #search_matches { padding:3px 0px; margin:0px 10px;} .profile_notifications #search_matches img { vertical-align:-4px; } .profile_notifications #collaboration { padding:3px 0px; margin:0px 10px;} .profile_notifications #collaboration img { vertical-align:-3px; } #recent_activity td.time_header {width:970px;} .user_history {float:right;width:210px;} .user_history li {border-bottom:solid 1px #eee;padding:3px 10px;font-size:11px;width:190px} .pending_merges {float:right;width:200px;} .pending_merges li {border-bottom:solid 1px #eee;padding:3px 0;font-size:11px;} .bottom_links {background-color:#f5f5f5;padding:4px 10px;border:solid 1px #bbb;border-top:none;font-size:11px;} .bottom_links .merge_selector {float:right;} .bottom_links input {vertical-align:middle} .bottom_links span {overflow:hidden;zoom:1;display:block;} .bottom_links a {text-decoration:none;padding:0 5px 1px 4px;border-left:solid 1px #ccc;margin-left:-3px;} .bottom_links a:hover {text-decoration:underline} .bottom_links span .item {display:inline;color:#777;padding:0 5px 1px 4px;border-left:solid 1px #ccc;margin-left:-3px;} .bottom_links .request_management_popup { background-color:#ffffef;border:1px solid #ccc;width:240px;padding:10px;position:absolute;z-index:100001; } .bottom_links .request_management_popup .action_list { margin-top:10px; } .bottom_links .request_management_popup .action_list dt { margin-top:5px; } .profile_previews {padding:0 0 0px 0; width:100%;margin-top:5px;} .profile_previews td {width:16.6%;text-align:center;font-size:11px;padding:5px;vertical-align:top;} .profile_previews td a {text-decoration:none;} .profile_previews td a:hover {text-decoration:underline;} .profile_previews td img {padding:2px;border:solid 1px #ccc;} .profile_previews td .name {font-weight:normal;font-size:11px;} .profile_previews td .relation {font-size:11px} .profile_preview {width:48px;height:48px;padding:2px;border:solid 1px #ccc;} .album_previews {margin-top:10px;width:100%} .album_previews td {width:25%;text-align:center;height:auto;margin-bottom:5px;font-size:11px;vertical-align:top;} .album_previews td .album_cover {width:80px;height:60px;margin:0 auto 3px;background-color:#fff;border:solid 1px #ccc;overflow:hidden;padding:3px;} .album_previews td .title {font-weight:bold;} .album_previews td .title a {text-decoration:none;} .album_previews td .title a:hover {text-decoration:underline;} .album_previews td .date {color:#666;} .album_previews td .count {color:#666;font-size:10px;font-weight:normal;} .links_previews {padding:0 0 0px 0; width:100%;margin-top:5px;} .links_previews td {width:16.6%;text-align:center;font-size:11px;padding:5px;vertical-align:top;} .links_previews td .album_cover {width:100px;height:75px;margin:0 auto;background-color:#fff;border:solid 1px #ccc;overflow:hidden;padding:3px;} .links_previews td a {text-decoration:none;} .links_previews td a:hover {text-decoration:underline;} .links_previews td .name {font-weight:bold;} .links_previews td .relation {font-size:11px} .video_previews {margin-top:10px;width:100%} .video_previews td {width:25%;text-align:center;height:auto;padding-bottom:10px;font-size:11px;vertical-align:top;} .video_previews td .video_container {height:66px;position:relative;} .video_previews td .video_container img {padding:2px;border:solid 1px #ccc;} .video_previews td .video_preview {width:80px;height:60px;line-height:60px;margin:0 auto;background-color:#fff;border:solid 1px #ccc;overflow:hidden;padding:3px;position:relative;} .video_previews td .video_preview img {vertical-align:middle;margin-top:-1px;margin-bottom:3px;} .video_previews td .play_button_overlay {background:url(/images/video_play_small.png) no-repeat 0px 0px;_background:url(/images/video_play_small.gif) no-repeat 0px 0px;width:20px;height:20px;position:absolute;left:50%;top:50%;margin-left:-10px;margin-top:-10px;} .video_previews td .title {margin-top:3px;} .video_previews td .title a {font-weight:bold;text-decoration:none;} .video_previews td .title a:hover {text-decoration:underline;} .video_previews td .date {color:#666;} .video_previews td .count {color:#666;font-size:10px;} .video_previews td .duration {color:#666;} /******************************************* / Styles for pages leading off of Profile /******************************************/ .profile_list { margin-left:10%;width:80%; } .profile_list .person { margin-bottom:8px;width:100%;overflow:hidden;padding-bottom:6px;border-bottom:solid 1px #ccc;} .profile_list .person .thumbnail { float:left; } .profile_list .person .information { float:left;margin-left:10px; } .profile_list .person .action { float:right;height:48px;margin:0px; } /******************************************* / Latest News /******************************************/ #status_module.geni_module #status_form_wrapper {text-align:left;padding-bottom:4px;padding-top:4px;} #status_module.geni_module #current_status_display {width:190px;font-weight:bold;border:solid 1px #ddd;padding:4px 6px;background-color:white;overflow:hidden;} #status_module.geni_module #current_status_input {margin-top:6px;padding:4px;} #status_module.geni_module .secondary {font-size:90%;font-weight:normal;text-transform:capitalize;} #status_module.geni_module .controls {float:left;} #status_module.geni_module textarea {width:190px;height:7em;overflow-x:hidden;} #status_module.geni_module .action_button {float:right;margin-left:2px;margin-top:3px;} #status_module.geni_module #message_updating_status img {vertical-align:-20%;} #status_module.geni_module #message_updating_status {text-align:center;} /******************************************* / Timeline /******************************************/ .timeline_container {width:99%;margin:5px auto;border:solid 1px #ddd;padding:1px;} .timeline {overflow:auto;font-size:11px;background-color:#fff;border:solid 0px #eee;} .timeline table {vertical-align:middle;} .timeline table tr.first td {border:none} .timeline td {border-top:solid 1px #e9e9e9;padding:3px 5px;vertical-align:top;} .timeline td.year {font-size:15px;color:#AAA;letter-spacing:-0.05em;padding:6px 10px 4px 10px;text-align:right;width:1%;} .timeline td.year .start {font-size:18px;color:#b6b49d;font-weight:normal;line-height:14px;margin-top:0px;display:block;white-space:nowrap} .timeline td.year .end, .timeline td.year .month {font-size:13px;font-weight:normal;margin-left:13px;display:block;white-space:nowrap;padding-right:1px;} .timeline td.year .unknown_year_form input {width:2em;background-color:#fff;border:solid 1px #ccc;} .timeline td.year .unknown_year_save {font-size:11px;font-weight:bold;color:#666;} .timeline td.date {font-weight:bold;} .timeline td.description {color:#666666;} .timeline td.description .title {font-weight:bold;color:#444;font-size:12px;} .timeline td.description .title a {text-decoration:none;} .timeline td.age {font-size:11px;white-space:nowrap} .timeline td a:hover {text-decoration:underline !important;color:#16b !important} .timeline td.counts {text-align:right;vertical-align:middle;} .timeline td.counts .totals {margin-top:0px;font-size:10px;overflow:hidden;zoom:1;min-width:50px;} .timeline td.counts .totals span {padding:0 4px 1px 3px;border-right:solid 1px #ccc;color:#666;margin-right:-3px;white-space:nowrap;display:inline-block} .timeline td.photos {text-align:right;white-space:nowrap;padding-right:15px;vertical-align:middle;} .timeline td.photos img {vertical-align:text-bottom;width:25px;height:25px;border:solid 1px #ccc;padding:1px;background-color:#fff;} .timeline td.photos a {text-decoration:none;font-size:10px;color:#666;} .timeline td.photos a:hover img {border-color:#000;} .timeline tr.selected, .timeline tr.hover {background-color:#ffffef !important} .timeline tr.selected .title a {color:#1166bb !important;} #reverse_timeline {text-decoration:none;} #reverse_timeline:hover {text-decoration:underline;} #reverse_timeline.asc .label_view_asc {display:none;} #reverse_timeline.desc .label_view_desc {display:none;} /******************************************* / Posted Items /******************************************/ .collection_list_view h3 img {margin:0 4px 0 -2px;vertical-align:bottom;} .posted_items_container, #add_link_small_form {width:99%;margin:0px auto;border:solid 1px #ddd;padding:1px;} #add_link_small_form {margin-bottom:20px;padding:5px 1px 4px;border-top:none;text-align:center;} .posted_item {overflow:auto;font-size:11px;background-color:#fff;border:solid 0px #eee;} .posted_item table {vertical-align:middle;} .posted_item table tr.first td {border:none} .posted_item td {border-top:solid 1px #e9e9e9;padding:3px 5px;vertical-align:top;} .posted_item td.description {color:#666666;width:100%;} .posted_item td.description .title {font-weight:bold;color:#444;font-size:12px;} .posted_item td.description .title a {text-decoration:none;} .posted_item td a:hover {text-decoration:underline !important;color:#16b !important} .posted_item tr.selected, .posted_item tr.hover {background-color:#ffffef !important} .posted_item tr.selected .title a {color:#1166bb !important;} #posted_items_profile_module .content li {padding:4px 0 5px 20px;background:url("/images/icn_web_link.gif") no-repeat 0px 3px;border-bottom:solid 1px #ddd;} /* #posted_items_profile_module .content li.image {background:url("/images/profile_photo_icn.gif") no-repeat 0px 3px;} */ #posted_items_profile_module .content li.last {border:none;} #posted_items_profile_module .content li a {font-size:11px;text-decoration:none;} #posted_items_profile_module .content li a:hover {text-decoration:underline;} #posted_items_profile_module .content li em {font-style:italic;} /******************************************* / Events / Note: styles on events/show have been generalized to collection_page_container in general.css /*******************************************/ .all_event_people .back_link {float:right;text-decoration:none;font-size:11px;font-weight:bold;} .all_event_people p {font-size:12px;color:#666;margin-bottom:25px;} /******************************************* / Message box /******************************************/ .new_message_box {width:760px;margin:10px auto 40px auto;text-align:left;} .new_message_box h2 {font-weight:normal;font-size:20px;color:#000;background-color:#ffffff;padding-bottom:1px;border-bottom:solid 1px #ccc;margin:0} .new_message_box h3 {padding-bottom:25px;font-size:16px;} .new_message_box h4 {font-size:18px;font-weight:normal;margin:0} .new_message_box img {vertical-align:middle} .new_message_box.short {margin-bottom:200px;} .new_message_box .head_link {float:right;margin-top:6px;font-size:12px;text-decoration:none;} .new_message_box .head_links a {text-decoration:none;} .new_message_box .content {background-color:#f5f5f5;border-bottom:solid 1px #ccc;padding:25px;color:#555;clear:both;} .new_message_box .content .narrow {margin:0px 80px;} .new_message_box .content .request_title {background-color:transparent;border-bottom-style:none;padding-bottom:10px;} .new_message_box .narrow input.radio {float:left;margin-right:10px;clear:left;} .new_message_box .narrow .radio_label {float:left;width:520px;color:Black;} .new_message_box .subtext {font-size:12px;color:#666;} .new_message_box .noheading {border-top:solid 1px #ccc;} .new_message_box a.head_link:hover {text-decoration:underline} .new_message_box .content p {margin:0 0 15px 0;color:Black;} .new_message_box .content p.success {font-size:18px;} .new_message_box .content p.tight {margin:0 0 5px 0} .new_message_box form {margin:0px;padding:0px;} .form dt {font-size:13px;display:block;float:left;padding-right:5px;width:120px;text-align:right;margin-bottom:0px;} .form dd {margin-bottom:0px;padding:1px;margin:0px;} .form dl {clear:both;padding:0px;margin-bottom:6px;} .form dt em {font-size:11px;font-style:italic;display:block;line-height:11px;color:#777;float:right} .form dd em {font-size:11px;font-style:italic;line-height:11px;color:#777} .form dd strong {color:#000;} .form dd .optional {font-size:11px;color:#777;} .form dt.long {width:180px;} .form dd img {float:left;} .form dt.control {height:60px;padding-top:18px;} .new_message_box .emphasize_count dd {color:Black;font-weight:bold;} .new_message_box .emphasize_count dd.count {font-size:16px;} .new_message_box .emphasize_count dt {height:20px;padding-top:4px;} .new_message_box .emphasize_count h4 {display:block;padding-bottom:20px;} .new_message_box .buttons {margin:25px 0px 10px 0px;text-align:left} .new_message_box .buttons_yes_no {margin:5px 0px 10px 0px;text-align:left} .new_message_box .form {text-align:left;margin:0px 4px 20px 10px;line-height:12px} .new_message_box .form p {margin:5px 0px 10px 125px;width:200px;} .new_message_box .form p.legal {font-weight:normal;font-size:11px;} .new_message_box .form p.legal a {text-decoration:none;} .new_message_box .form p.description {color:black;font-size:13px;margin:0px;padding-bottom:10px;} .new_message_box .form p.wide {margin:5px 0px 10px 0px;} .new_message_box .form ul {margin:10px} .new_message_box .form p.subtitle {margin-left:40px;margin-bottom:20px;width:450px;color:Black;font-weight:bold;} .new_message_box .form table td {border:solid 1px #ccc;border-width:1px 0;padding:8px 8px;} .new_message_box .form table th {border-top:solid 1px #ccc;padding:8px 8px;font-weight:bold;background-color:#e9e9e9;} .new_message_box .form select {font-size:12px} .new_message_box .form input {font-size:12px;} .form ul.notes {list-style-type:none;margin:0.25em 0em 2em 125px;font-size:11px;} .new_message_box .form .buttons {margin:15px 0px 10px 125px;} .new_message_box .submit {width:440px;margin:auto;} .new_message_box .submit .buttons {margin:30px auto 40px;text-align:center;} .new_message_box .buttons_centered {margin:30px auto 40px;text-align:center;} .new_message_box dt.image img {padding:3px;border:solid 1px #ccc;background-color:#fff;margin-right:20px} .new_message_box .image {float:left;width:220px;text-align:right;} .new_message_box .request {float:left;margin-left:30px;} .new_message_box div.request {width:400px;} .new_message_box .promotion {clear:both;margin-top:40px;width:710px;padding:0px;background-color:White;border:solid 1px #ccc;} .new_message_box .promotion h3 {color:Black;background-color:AliceBlue;padding:10px 20px;} .new_message_box .premium_account {padding:20px;} .new_message_box .testimonial {margin:30px 0;} .new_message_box .completeness_module {float:none;width:600px;padding-top:none;border:none;background:none;padding-left:0;} .new_message_box .completeness_module span {white-space:nowrap;font-size:16px;display:block;float:left;padding-top:6px;padding-left:6px;} /******************************************* / Home /*******************************************/ #home {margin-top:0px;} #home.backgrounds {background:url(/images/home_page_bkgd_880.gif) repeat-y;overflow:hidden;zoom:1} #home.backgrounds #left, #home.backgrounds #right {width:176px;margin-left:17px;margin-right:17px;padding-top:6px;} #home.backgrounds #right {_margin-right:20px;_margin-left:12px;} #home.backgrounds #newsfeed {padding-top:13px;_padding-top:10px;} #newsfeed {display:inline;float:left;width:476px;padding:0 20px 0 20px;margin-bottom:0px;height:1%;;border-right: solid 0px #ccc;border-left: solid 0px #ccc;} #newsfeed form {display:inline;} #newsfeed a:hover {text-decoration:underline;} #newsfeed {font-size:90%;} #message_empty_feed {clear:both;border:solid 1px #ccc;margin-top:20px;margin-left:18px;background-color:LightGoldenrodYellow;width:360px;padding:10px;text-align:center;} #message_empty_feed p {margin-bottom:0;} #newsfeed .small {font-size:90%;} #newsfeed_filter_form { width:160px;margin-left:240px; } #newsfeed_filter_form h4 { margin-bottom:2px;padding-bottom:2px;border-bottom:solid 1px #ccc; } #newsfeed_filter_middle { margin-bottom:8px; } #left {display:inline;overflow:hidden;float:left;width:196px;margin-right:20px;padding-bottom:20px;} #right {display:inline;overflow:hidden;float:right;width:196px;margin-left:20px;padding:0 0 20px 0;} .sidebar {margin-top:16px;_margin-top:22px;} .sidebar #welcome {width:100%;border-bottom:solid 1px #888;} .sidebar #welcome .lbOn {display:block;margin-top:-34px;width:38px;text-align:center;padding:0px 0px 0px;} .sidebar #welcome img {width:32px;height:32px;border:solid 1px #ccc;padding:2px;background-color:White;} .sidebar #welcome h2, .sidebar #welcome h3 {display:block;float:left;border:none;width:134px;} .sidebar #welcome h2 {margin:-22px 0 12px 42px;_margin-left:22px;} .sidebar #welcome h2.adjust {margin-top:-30px;margin-bottom:0px;} .sidebar #welcome h3 {margin:-28px 0 6px 42px;} .sidebar #welcome h3.adjust {margin-top:-37px;margin-bottom:5px;} .sidebar #welcome h2 a, .sidebar #welcome h3 a {color:Black;text-decoration:none;} .sidebar #welcome h2 a:hover, .sidebar #welcome h3 a:hover {color:#16b;text-decoration:underline;} .sidebar #stats_module_content {width:176px;} .sidebar em {color:Green;} .sidebar .module {clear:both;margin-bottom:26px;_margin-bottom:32px;} .sidebar h3 {float:none;width:176px;border-bottom:solid 1px #888;font-size:1em;} .sidebar .module .description {margin:4px 0;} .sidebar .module .notice {color:Red;} .sidebar ul {margin: 0;} .sidebar li {padding: 0.4em 0; border-bottom:solid 1px #ccc;font-size:0.9em} .sidebar ul.itemized {margin-top:0.25em;} .sidebar ul.itemized li {border:none;padding-bottom:0px;} .sidebar a {text-decoration: none;} .sidebar a:hover {text-decoration: underline;} .sidebar .detail {white-space: nowrap;} .sidebar .status #update {margin-bottom: 2em;padding: 6px 8px; background-color: #eee;} .sidebar .status {margin-top:6px;border-bottom:solid 1px #ccc;margin-bottom:2px;clear:both;} .sidebar .status .current em {font-weight:bold;} .sidebar .status .current img {float:left;margin-right:6px;} .sidebar .status .current {margin-bottom: 6px;} .sidebar .actions {clear: both;} .sidebar .actions li img {margin-bottom:-2px;margin-right:6px;} .sidebar .small {font-size:11px;} .sidebar .module, .sidebar .list {width:176px;} .sidebar .module .action_button {float:right;margin-top:3px;} .sidebar .module #family_to_find .description {font-size:11.5px;} .sidebar .module #family_to_find .detail {font-size:85%;} .sidebar .module #family_to_find .detail input {width:170px;} .sidebar .module #family_to_find .remove {float:right;margin-top:-3px;} .sidebar .module #family_to_find .remove img {margin-bottom:-3px;vertical-align:bottom;} .sidebar .list .date, .sidebar .list .icon, .sidebar .list .detail {padding-top:5px;padding-bottom:4px;vertical-align:top;border-bottom:solid 1px #ccc;} .sidebar .list .date {width:3em;} .sidebar .list .icon {width:16px;padding-top:3px;text-align:left;} .sidebar .list .detail {white-space:normal;} .sidebar input {margin-top:2px;width:166px;} #facebook_application_promotion {text-align:center;font-size:11px;} #facebook_application_promotion img {margin-bottom:2px;} .sidebar .geni_module {margin-bottom:0px;} .sidebar .network_stats {padding:5px 0;font-size:87%;} .sidebar .network_stats .count {white-space:nowrap;font-weight:bold;} .feed {margin-bottom:1em;padding:6px 0px;margin-top:-1px;word-wrap:break-word;} .feed a {color: #1166bb;text-decoration: none;} .feed .pagination_container {width:100%;margin-top:40px;padding-top:6px;border-top:solid 1px #888;} a.linkTertiary {color:#1166bb !important} #signup_checklist {margin-bottom:20px;padding:8px 12px;width:450px;_width:394px;border:solid 1px #ccc;background-color:#ecf2f9;} #signup_checklist .action_link {float:right;font-size:0.86em;padding-top:0.24em;} #signup_checklist li {margin:0;padding:0;padding-left:16px;margin-bottom:3px;font-size:95%;background:url("/images/unchecked.gif") no-repeat 2px;} #signup_checklist ul {margin:20px 0 0 0;padding:0;list-style-type:none;list-style-position:outside;} #signup_checklist li.completed {background:url("/images/checked.gif") no-repeat 1px 0px;} #signup_checklist #checklist {float:none;clear:both;margin-top:0.25em;} #signup_checklist #completion {display:inline;font-size:4px;border:solid 1px #ccc;background-color:White;margin:0 0 -2px 4px;width:100px;} #signup_checklist #completion {padding:2px;margin-right:2px;} #signup_checklist #completion #percentage {height:8px;background-color:#0187C6;background: url(/images/completion_bar.gif) 0px 0px repeat-x;} #signup_checklist #completion #remainder {background-color:white;} #signup_checklist #completion_text {display:inline;padding-left:1px;_padding-left:5px;} #home #status_module {margin-top:0px;padding-bottom:0px;} #home #status_form_wrapper {margin-top:0px;padding:2px 4px 8px 4px;} #home #status_module .controls {float:left;vertical-align:bottom;} #home #status_module .secondary {font-size:90%;font-weight:normal;margin-right:0.5em;} #home #status_module input {width:280px;} #home #status_module input.default {width:300px;} #home #actor_name {float:left;margin-top:2px;} #home .status_display {float:left;width:297px;margin-right:8px;padding:3px 4px;font-weight:normal;} #home .status_display a {text-decoration:none;} #home .status_display a:hover {text-decoration:underline;} #home .status_display p {display:inline;} #home #dummy_status {float:left;margin-top:-1px;margin-right:0.5em;padding:1px;width:297px;height:1.2em;overflow:hidden;border:solid 1px #999;background-color:white;color:#666;} #home #actor_name {font-weight:normal;} #home #status_input {margin-right:0.5em;} #home #message_updating_status img {vertical-align:-20%;} #home #upcoming_events .detail a.linkTertiary {color:Black !important;} #home #upcoming_events .date {width:25px;} #home #upcoming_events .detail {width:140px;} #home #upcoming_events img {vertical-align:text-bottom;height:15px;margin-right:2px;} #home #inbox_status img {margin-right:4px;vertical-align:-20%;} .dialog #posted_item_url {width:460px;} .dialog #add_link_form dt {float:left;width:120px;} .dialog #add_link_form dd {float:left;width:410px;} .dialog .controls {margin-top:20px;} /******************************************* / Messaging /*******************************************/ #message_folders {float:left;width:140px;margin: 0 0 25px 0px;padding-left:10px;} #message_folders h3 {border-bottom:solid 1px #ccc;font-size:16px} #message_folders ul {font-weight:bold;margin:15px 0 25px 0;} #message_folders li {padding:3px 0 5px 7px;} #message_folders li img {vertical-align:text-bottom;} #message_folders li span {color:#666;font-weight:normal;font-size:11px;} #message_folders li.trash {background:url(/images/icn_trash.gif) left center no-repeat} #message_folders li.active {background:#ececec;} #message_folders li.active a {color:#000;text-decoration:none;} #message_folders li.active a:hover {text-decoration:underline;} #message_content {margin-left:144px;margin-bottom:35px;height:1%;padding:0px 8px;background-color:#ececec;} #message_content.new_message {background:none;} #message_content h3 {border-bottom:solid 1px #ccc;font-size:16px} #message_content .controls {padding:0 0 8px;border:none;background-color:#ececec;text-align:right;} #message_content .controls .actions li {display:inline;padding:0 8px;font-size:12px;} #message_content .controls .actions li input {vertical-align:text-bottom;} #message_content .controls .actions li a {color:#16b;text-decoration:none;} #message_content .controls .actions li a.disabled {color:#999;} #message_content .controls .actions li a.disabled:hover {color:#999;text-decoration:none;} #message_content .controls .actions li a:hover {text-decoration:underline;color:#16b;} #message_content .controls .pagination_control {float:left;margin:2px 2px;} #message_items {width:100%;margin-bottom:10px;} #message_items.short td {padding-bottom:40px;} #message_items th {font-weight:bold;font-size:12px;padding:8px 0 4px 0;background-color:#ececec;vertical-align:top;} #message_items th.sender {padding-left:0px;} #message_items tr {background:White;} #message_items tr.unread {font-weight: bold; background:LightYellow;} #message_items tr.selected {background-color:#cfc !important} #message_items tr.hover {background-color:LightYellow} #message_items td {border-top:solid 1px #ececec;vertical-align:top;padding:7px 0} #message_items td a {color:#000;text-decoration:none;width:100%;display:block;} #message_items td a:hover {color:#16b;} #message_items td a span {color:#666;font-size:11px;} #message_items .check {text-align:center;width:30px;padding:6px 0 0 0;} #message_items .check img {cursor:pointer;vertical-align:baseline;} #message_items .sender {width:15%;padding-right:10px;white-space:nowrap} #message_items .status {width:20px;padding:7px 0 0 0} #message_items .image {width:44px;text-align:left;padding-right:4px;} #message_items .image img {width:40px;height:40px;margin-left:0;} #message_items .subject {padding-right:10px;} #message_items .subject a em {color:#666;display:block;} #message_items .date {width:22%;} #message_items .delete {width:30px;text-align:center;} #message_details {padding:15px;background-color:#ececec;border-bottom:solid 1px #ccc} #message_details p {font-size:11px;} #message_details h4 {font-size:18px;} #message_details .actions {text-align:right;color:#999;font-weight:bold;} #message_details .actions a {text-decoration:none;} #message_details .actions a:hover {text-decoration:underline} #recipient_list {margin:0px 0 0 0;color:#666;font-size:12px;border:solid 1px #a9a9a9;background-color:#fff;padding:0;width:500px;} #recipient_list .recipients {} #recipient_list .recipients .listinput {padding:3px 5px 5px 5px;width:auto;border:none} #recipient_list .recipient {background-color:#f5f5f5;border:solid 1px #ccc;margin:5px 3px 5px 0px;padding:1px 3px;color:#444;line-height:22px;white-space:nowrap;} #recipient_list .recipient a {text-decoration:none;font-family:Verdana;font-weight:bold;color:#c71616;} #recipient_list #search_people {margin:0 0 0 1px;border:solid 1px #fff;} #recipient_list .modifier_form {margin:0px;border-top:solid 1px #ccc;text-align:center;padding:10px;background-color:#F0F8FF;font-size:11px;} #add_groups {font-size:11px;padding:5px 0;background-color:#F0F8FF;width:502px;} #add_groups a {text-decoration:none;} #add_groups a:hover {text-decoration:underline;} #add_groups label {color:#666;display:block;float:left;font-weight:bold;font-size:11px;padding:0 5px;} #add_groups .new_sticker {position:absolute;margin-left:432px;} #custom_groups {margin-left:70px;width:425px;height:1%;overflow:visible;} #create_group_form {padding:10px;background-color:lightyellow;border-top:solid 1px #ccc;font-size:11px;text-align:center;margin:0px;} #create_group_link {font-weight:normal;line-height:10px;float:right;text-decoration:none;white-space:nowrap;font-size:11px;margin:0px 24px 0 0;padding-right:4px;} #group_indicator {float:right;} #message_details .reply_forward {margin-bottom:10px;padding:1px 10px 10px 10px;background-color:White;} #message_details .reply_forward dl {margin-top:25px;} #message_details .reply_forward dt {width:85px;float:left;text-align:center;margin-right:0px;margin-top:16px;} #message_details .reply_forward dd {margin-left:85px;} #message_details .reply_forward h5 {font-size:13px;margin-top:6px;margin-left:45px;margin-bottom:2px;} #message_details .reply_forward .body {margin-left:45px;width:500px;height:150px;padding:1px;} #message_details .reply_forward .subject {width:500px;padding:1px;} #message_details .reply_forward .buttons {margin-top:5px;margin-bottom:10px;text-align:right;width:540px;} #message_details .reply_forward .buttons .bigger_btn {margin-left:50px;color:#16b;background:url(/images/icn_resize.gif) no-repeat right center; padding-right:20px;float:left;cursor:n-resize;} #message_details .reply_forward #recipient_list {margin-left:45px;} #message_details .reply_forward #add_groups {margin-left:45px;} #message_details #forward {margin-top:18px;} #message_details .reply_forward #create_group_link {margin-top:2px;margin-right:16px;} #message_details .reply_forward #add_recipient_warning {padding: 3px;color:#777;font-size:11px;} #message_thread {margin-bottom:8px;width:100%;background-color:White;} #message_thread tr.even {background-color:#f5f5f5} #message_thread td {padding:15px 6px;vertical-align:top;border-bottom:solid 1px #eee;} #message_thread .sender {width:128px;text-align:center;} #message_thread .sender p {margin:0px;} #message_thread .sender p a {text-decoration:none;} #message_thread .sender p a:hover {text-decoration:underline;} #message_thread .sender p.date {color:#666;white-space:nowrap} #message_thread .sender p.date a {color:#666;} #message_thread .body p {margin:0px 0 20px 0} #message_thread .safety_notice {padding:8px 8px 8px 28px;background:url(/images/msg_system_icn.gif) no-repeat 8px 9px #f0f8ff;color:Black;font-size:11px;border:solid 1px #bed5ea;} #message_thread .safety_notice a {text-decoration:none;} #message_thread .safety_notice a:hover {text-decoration:underline;} #new_message {padding:10px;} #new_message dl {margin:0;} #new_message dt {float:left;width:90px;font-weight:bold;padding:5px 0px;text-align:right;font-size:12px;color:#666;} #new_message dd {padding:5px 0px;margin-left:100px;} #new_message dd .subject {width:500px;padding:1px 0} #new_message dd .body {width:500px;height:230px;padding:1px 0} #new_message .buttons {width:500px;margin-left:100px;text-align:right} #bigger {color:#16b;background:url(/images/icn_resize.gif) no-repeat right center; padding-right:20px;float:left;cursor:n-resize} #bigger:hover {text-decoration:underline;} #new_message #add_recipient_warning {padding: 3px;color:#777;font-size:11px;} #request_items {width:100%;margin-bottom:8px;background-color:White;} #request_items.short tbody td {padding-bottom:60px;} #request_items tr.highlighted {background-color:#f1ffed;} #request_items th {font-weight:bold;font-size:12px;padding:6px 0 6px 0;background-color:#ececec;vertical-align:top;} #request_items th.sender {padding-left:9px;} #request_items td {padding:10px 0;border-bottom:solid 1px #ececec;} #request_items td.sender, #request_items td.recipient {padding-left:5px;width:90px;text-align:center;} #request_items td.details {padding-left:10px;} #request_items td.details h4 {margin:0px 0 5px 0;font-size:14px;} #request_items td.details p {margin:0px;font-size:11px;color:#555;font-weight:normal;} #request_items td.status {padding-right:10px;} #request_items td.action {padding-top:10px;width:140px;color:Gray;} #request_items td.action .accepted {font-weight:bold;color:green;} #request_items td.action .declined {font-weight:bold;color:red;} #request_items tfoot td {background-color:#ececec;padding:6px 5px;color:#666;} #request_items td.loading {background:url(/images/spinner.gif) 95% 95% no-repeat;} .invite_family p {background-color:#eaf8ff;padding:15px;} .invite_family ul {margin:25px 0px 30px 0px} .invite_family li {margin-bottom:3px} .invite_family li label {float:left;text-align:right;width:200px;padding-right:5px;color:#000;font-size:12px;} .invite_family li a {font-size:11px;} .invite_family .buttons {text-align:right} .unverified_request_notice {background-color:#eaf8ff;padding:10px;text-align:left;margin:-8px 0;} .no_message_notice {background-color:#eaf8ff;padding:20px;text-align:left;margin:-8px 0;} .request_notice {float:right;} #request_items .no_message_notice {margin:-10px 0px;} /******************************************* / Search /*******************************************/ .search_form .partial_month select { width:70px; } .search_form .partial_day select { width:50px; } #search_results h1 { margin:0px;border-bottom:solid 1px #ccc; } #search_results form .section { border-bottom:solid 1px #ccc; } .header_action { float:right;line-height:35px; } .header_action a { text-decoration:none; } .header_action a:hover { text-decoration:underline; } /******************************************* / Edit profile form - Temporary styles for edit profile popup - remove when tree page is switched to new CSS /*******************************************/ #edit_profile .field_hd {width:140px;float:left;padding:8px 0 0;text-align:right;} #edit_profile .field_bd {margin-left:150px;clear:right;padding:3px 0;} #edit_profile .field_radio {padding:4px 0 0;} #edit_profile .padding_r20 {padding-right:20px;} #edit_profile label, #edit_profile .module .bd label {color:inherit;margin:0;font-size:100%;} #edit_profile .medium_input {width:120px !important;} #edit_profile .icn {background: url('/images/icon_sprite.gif') no-repeat 0 0;width:16px;height:16px;} #edit_profile .add_icn {background-position:0 -382px;height:12px;width:12px;} #edit_profile .edit_location_link {font-size:11px;line-height:18px;padding-left:10px;text-decoration:none;} #edit_profile .light_blue_gradient {background: #F0F8FF;background: -moz-linear-gradient(top, #F0F8FF 0%, #feffff 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F8FF), color-stop(100%,#feffff));filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F8FF', endColorstr='#feffff',GradientType=0 );} #edit_profile .simple .inner {border:1px solid #ccc;padding:10px;} #edit_profile .module .hd {border-bottom:0 none;margin-bottom:0;padding:0;} #edit_profile .module .ft {border-top:0 none;margin:0;padding:7px 0;overflow:hidden;zoom:1;} #edit_profile .module h2 {float:none;color:#444;font-size:18px;margin:0 0 5px;font-weight:normal;} #edit_profile h4 {color:#444;} #edit_profile .flt_l {float:left;} #edit_profile .flt_r {float:right;} #edit_profile .remove_list {clear:both;overflow:hidden;zoom:1;} #edit_profile .remove_list li {overflow:hidden;zoom:1;color:#000;} #edit_profile .remove_list li:hover {background-color:LightGoldenrodYellow;} #edit_profile .grey.button {background-color:#fbfbfb;border:1px solid #bbb;color:#000 !important;background-image: -moz-linear-gradient(top, #ffffff, #ededed); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #ededed)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed')"; /* IE8 */box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;} #edit_profile .grey.button:hover {background:#fff;} #edit_profile .button.disabled {background: #ccc !important;color:#999 !important;border-color:#ccc;} #edit_profile .warning_msg {background:pink;color:darkred;} /******************************************* / Account Settings /*******************************************/ /*** These styles use the minimum height hack described here: http://www.mezzoblue.com/archives/2004/09/16/minheight_fi/ ***/ /* for Mozilla/Safari */ *>.account_settings_parent { padding-top: 442px; } *>.account_settings { margin-top: -442px; } /* for IE */ * html .account_settings_parent { height: 442px; } .account_settings_parent { border-bottom:none; } #account_settings_nav { margin-top:25px; width:150px; border:none; } #account_settings_nav h2 { border-bottom:solid 1px DarkGray; } #account_settings_nav h2 a { color:Black; text-decoration:none; } #account_settings_nav h2 a:hover { text-decoration:underline; } #account_settings_nav h3 { margin-top:16px; margin-bottom:4px; } #account_settings_nav .element { padding:3px 0; } #account_settings_nav .element a { text-decoration:none; } #account_settings_nav .element a:hover { text-decoration:underline; } #account_settings_nav .current { border-right:none; position:relative; margin-right:-1px; z-index:500; } #account_settings_nav .current a { color:Black; } .account_settings { padding:15px; padding-top:none; } .account_settings .hd { padding: 0px 0px 1px 0px; margin-bottom: 8px; border-bottom: 1px DarkGray solid; width: 100%; } .account_settings_footer { background-color:#ececec; margin-bottom:20px; } .account_settings_footer .button_bar { _height:48px; padding:15px 0 5px; } .account_settings #my_search_privacy, .account_settings #living_search_privacy, .account_settings #deceased_search_privacy {padding-left:35px;padding-bottom:10px;} .account_settings .bd {text-align:left;} .account_settings .button_bar {background-color:WhiteSmoke;padding: 10px; margin:20px -10px -20px -15px;} .account_settings a {text-decoration:none;} .account_settings a:hover {text-decoration:underline;} .account_settings ul.all_settings {color:#777;margin-bottom:30px;} .account_settings ul.all_settings li {margin-bottom:10px;} .account_settings li.spaced {margin-bottom:10px;} .account_settings li.highlight {background-color:#f1ffed;padding:5px;margin-left:-5px;} .account_settings li.spaced input {margin-right:2px;} .account_settings .caption {color:#777;font-size:11px;} .account_settings p {padding-bottom:15px;} .account_settings .title {color: #666;font-size:14px;font-weight:bold;padding-bottom:10px;} .account_settings ul.standard li {color:black;margin:0px;padding:0px;line-height:1.6em;} .account_settings ul.standard li input {margin-right:2px;} .account_settings ul.standard li img {vertical-align:middle;margin-right:2px;} .account_settings form .description {margin-bottom:30px;} .account_settings .secondary {font-size:11px;} .account_settings hr {margin-top:10px;} .account_settings h2 {margin:24px 20px;_margin-left:10px;} .account_settings h3 {margin:20px 0px 10px;} .account_settings input.checkbox {float:left;margin:0 4px 20px 104px;} .account_settings ul.itemized {margin:20px 120px 40px;} .account_settings ul.itemized li {margin-bottom:14px;} .account_settings label.checkbox {margin:0 140px 40px 100px;font-size:12px;} .account_settings .tip {margin-left:18px;margin-bottom:6px;width:270px;padding:4px 2px 4px 6px;background-color:AliceBlue;border:solid 1px SteelBlue;} .account_settings .tip img {float:right;margin-left:6px;} .account_settings li label {display:inline;font-size:12px;color:Black;padding-right:6px;} .account_settings .left {width:310px;float:left;} .account_settings .right {width:310px;float:right;} .account_settings .value .text_input {display:block;margin-bottom:6px;} .account_settings ol {padding:1em;margin:1em;list-style-type:decimal;margin-top:0px;} .account_settings ol li {margin-bottom:6px;} .account_settings .header { background-color: #f5f5f5; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; font-weight:bold; height:auto !important; margin-bottom:auto !important; } .account_settings .header.section { padding:5px; margin-top:1em; } .account_settings .header .pagination li { font-weight:normal; } .premium_account ul {color:Black;} .premium_account dt {font-size:12px;} .premium_account h2 {float:none;background:none;border:none;font-size:13px;font-weight:bold;margin-bottom:10px;} .premium_account h3 {font-size:15px;} #payment_outer {border:solid 1px DarkKhaki;} #payment {text-align:left;padding:15px 0px 15px 15px;background-color:LightYellow !important;} #payment .last {margin-top:auto !important;padding-bottom:30px;} #payment h5 {position:relative;border-bottom:solid 1px DarkKhaki;margin-bottom:4px;margin-right:0px;padding-bottom:2px;} .paypal_link a {text-decoration:none;} .paypal_link a:hover {text-decoration:underline;} .paypal_link {display:block;float:right;margin-top:6px;text-align:right;font-weight:normal;font-size:11px;} .two_column_container .paypal_link {margin-top:-10px !important;margin-bottom:0px !important;margin-right:15px;} .two_column_container #payment h5 {margin-right:15px;} .premium_account .two_column_container .left {float:left;width:48%;} .premium_account .two_column_container .right {float:right;width:45%;text-align:left;} .premium_account .control {font-size:12px !important;font-weight:bold;color:Black !important;} .premium_account .control .help {font-weight:normal;color:Gray;} .premium_account .pricing {clear:both;text-align:center;font-weight:bold;font-size:14px;padding:0 0 40px;color:black;} .premium_account .buttons {text-align:center;} .premium_account #pro_benefits_table { color:black; } .premium_account #pro_benefits_table td { padding:0px 0px 7px 10px; vertical-align:top; } .premium_account #pro_benefits_table .additional_features td { padding-top:10px; color:#555; } .premium_account #pro_benefits_table .feature_name { font-weight:bold; font-size:13px; } .premium_account #pro_benefits_table hr { color:#ccc; } .premium_account #pro_benefits_table .details { color:#555; } .premium_account #pro_benefits_table .details p { margin-bottom:5px; } .premium_account .payment_footer { margin-top:20px; margin-bottom:-20px; } .premium_gift ul {color:Black;} .premium_gift dt {font-size:12px;} .premium_gift a {text-decoration:none;} .premium_gift a:hover {text-decoration:underline;} .premium_gift h2 {float:none;background:none;border:none;font-size:14px;font-weight:bold;} .premium_gift .two_column_container .left {float:left;width:50%;} .premium_gift .two_column_container .right {float:right;width:50%;text-align:left;} .premium_gift .control {font-size:12px !important;font-weight:bold;color:Black !important;} .premium_gift .control .help {font-weight:normal;color:Gray;} .premium_gift .pricing {clear:both;text-align:center;font-weight:bold;font-size:14px;padding:0 0 40px;color:black;} .premium_gift .buttons {text-align:center;} .premium_gift .two_column_container {width:100%;} .premium_gift .mugshot {float:left;margin-right:12px;} .premium_gift #recipient_input {margin-top:5px;} .premium_gift #recipient_tagger.loading {background:url(/images/spinner.gif) no-repeat 195px 2px;} .premium_gift #gift_message {width:230px;height:50px;} .premium_gift .optional {font-size:11px;font-weight:normal;color:#777;} ul.icon_list_style {margin:10px 10px 0px 0;} ul.icon_list_style li {margin-bottom:20px;clear:both;background-repeat:no-repeat;background-position:top left;} ul.icon_list_style li a {text-decoration:none;} ul.icon_list_style li a:hover {text-decoration:underline;} ul.icon_list_style .number {float:left;font-size:14px;margin-right:5px;padding-bottom:30px;font-weight:bold;} ul.icon_list_style li img {float:left;margin:-4px 12px 0px 0;} ul.icon_list_style li.no_image {padding-left:72px;} ul.icon_list_style ul.itemized {padding-left:15px;} ul.icon_list_style ul.minor {margin-left:72px;margin-top:-10px;margin-bottom:60px;font-size:12px;} ul.icon_list_style ul.minor li {margin-top:0px;margin-bottom:10px;} /*** Pro Accounts Upsell Lightbox ***/ #upgrade_to_premium h2 {margin:0px 0px 20px 0px;font-size:22px;border-bottom:1px solid #bbb;} #upgrade_to_premium #payment {padding:8px 0;border:solid 1px #bbb;background-color:#f0f0f0;} #upgrade_to_premium .two_column_container .left {float:left;width:50%;} #upgrade_to_premium .two_column_container .right {float:right;width:50%;text-align:left;} #upgrade_to_premium .control {font-size:12px !important;font-weight:bold;color:Black !important;} #upgrade_to_premium ul.icon_list_style {margin:0px 10px 5px 0px;padding-right:10px;} #upgrade_to_premium ul.icon_list_style li {font-size:13px;margin-bottom:3px;padding:0px;} #upgrade_to_premium ul.icon_list_style li p {font-size:11px;color:#555;} #upgrade_to_premium ul.icon_list_style li img {width:50px;float:left;margin:0px 12px 10px 0px;} #upgrade_to_premium #security_msg {font-size:11px;color:#999;margin-top:10px;width:250px;margin-left:30px;} #upgrade_to_premium #security_msg img {margin-top:-7px;} #upgrade_to_premium #flash_error {margin:-15px 0px 5px 0px;} #define_my_family_box {background-color: WhiteSmoke;padding: 10px 20px;} #define_my_family .linked_value a {text-decoration:none;} #define_my_family .linked_value a:hover {text-decoration:underline;} #define_my_family .edit_value {font-size:11px;} #define_my_family .edit_box {float:left;width:450px;} /*** Profile Privacy ***/ .profile_privacy_container { } .profile_privacy_row { border-bottom:#ddd solid 1px; width:100%; } .profile_privacy_row .group_header { font-size:15px; font-weight:bold; color:#555; background-color:#f9f9f9; padding: 7px 10px; } .profile_privacy_row .col2 a { text-decoration:none; } .profile_privacy_row .col2 a .expand_link:hover { text-decoration:underline; } .profile_privacy_row .col2 a .close_link:hover { text-decoration:underline; } .profile_privacy_container .noline { border:none; } .profile_privacy_row span.help { color:#16b; cursor:help; } .profile_privacy_row p { padding:5px; margin-bottom:1em; } .profile_privacy_row .col1, .profile_privacy_row .col2, .profile_privacy_row .col_me, .profile_privacy_row .col_family, .profile_privacy_row .col_friends, .profile_privacy_row .col_extended_family, .profile_privacy_row .col_living, .profile_privacy_row .col_deceased, .profile_privacy_row .col_public { float:left; padding: 5px 0px; width:12%; text-align:center; } .profile_privacy_row .col1 { width:15px; text-align:left; } .profile_privacy_row .col2 { width:45%; text-align:left; font-weight:bold; } .profile_privacy_row .col2 a { color:black; } .profile_privacy_row .col2 .smallText { width:240px; } .profile_privacy_row .col2 .smallText a { color:#16b; } .profile_privacy_row .label { float:left; width:40%; padding-left:5px; font-weight:bold; vertical-align:top; text-align:left; } .profile_privacy_row .controls { float:left; width:45%; margin-bottom:2em; } .profile_privacy_row .indent { font-weight:normal; } .profile_privacy_row .col2 .expand_link, .profile_privacy_row .col2 .close_link { color: #1166bb; font-size:11px; font-weight:normal; padding-left:5px; } .profile_privacy_row .not_applicable { color:#777; font-size:11px; } .profile_privacy .col2 { width: 32%; } .profile_privacy .col_me { display: none; } .profile_privacy .col_family, .profile_privacy .col_friends, .profile_privacy .col_extended_family, .profile_privacy .col_public { display:block; width:16%; } .permissions .col2 { width: 43%; } .permissions .col_me { display: none; } .permissions .col_family, .permissions .col_friends, .permissions .col_extended_family, .permissions .col_public { display:block; width:13%; } .account_settings_managed_profiles .col2 { width: 39%; } .account_settings_managed_profiles .col_living, .account_settings_managed_profiles .col_deceased { display:block; width: 28%; text-align:left; } .account_settings_managed_profiles .profile_privacy_row { margin-bottom:5px; } .account_settings_managed_profiles .profile_privacy_note { padding:16px; } .account_settings_managed_profiles .key_value_set .standard li { line-height:2em; } .account_settings_managed_profiles .legend { width:370px; margin: 10px 0px 0px 275px; padding:10px; border: 1px solid #5691cc; font-size:11px; background: url('/images/tooltip_callout.gif') repeat-x top left; } .account_settings_managed_profiles .legend dl { } .account_settings_managed_profiles .legend dl dt { float:left; font-weight:bold; text-align:right; width:25%; padding-right:5px; } .account_settings_managed_profiles .legend dl dd { width:73%; float:left; padding-bottom:5px; } .account_settings_managed_profiles .notice a:hover { text-decoration:none; } .account_settings_managed_profiles .notice .small_button { margin-left:10px; } .account_settings_premium_account_edit .edit_controls { border:1px solid #ccc; padding:20px; } .account_settings_premium_account_edit .edit_controls_heading { margin:10px 0px 5px 0px; } .account_settings_family .key_value_set .key { width: 175px; overflow: hidden; } .account_settings .notice { font-size:12px; margin:20px 0px 20px 0px; padding:10px; background-color:AliceBlue; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; } .account_settings .notice img { float:left; margin-top:-1px; margin-right:4px; } .account_settings .notice p { float:left; width:600px; } .account_settings .column {float:left;width:300px;margin-right:30px;} .account_settings .column.only {float:none !important;width:auto !important;} .account_settings .column.last {margin-right:0px;} .account_settings .column h3 img {vertical-align:-1px;margin-right:2px;} .account_settings .column .content {display:block;padding-left:20px;} .account_settings .column .content p {margin-bottom:10px;} .account_settings .column.only .listinput {width:auto !important;} /*** simple, three-part lightbox ***/ .simple_lightbox { width:200px; border: 1px black solid; background-color:white; font-size:11px; } .simple_lightbox .header { padding:4px; background-color:#fffeee; border-bottom:1px black solid; } .simple_lightbox .middle { padding:4px; } .simple_lightbox .footer { padding:6px; background-color:#f5f5f5; border-top:1px black solid; text-align:center; } /*** hide profile module dialog ***/ .hide_dialog { z-index: 1; left: 0px; position: absolute; display:none; width:120px; border: 1px #aaa solid; background-color:white; font-size:11px; } .hide_dialog .header { padding:4px; background-color:#fffeee; border-bottom:1px #aaa solid; } .hide_dialog .middle { padding:4px; } .hide_dialog .footer { padding:6px; background-color:#f5f5f5; border-top:1px #aaa solid; text-align:center; } .hide_dialog .column1, .hide_dialog .column2 { float:left; } .hide_dialog .column1 { padding:0px 5px; } .hide_dialog .col_family, .hide_dialog .col_friends, .hide_dialog .col_extended_family, .hide_dialog .col_public { display:block; line-height:1.8em; } .hide_dialog .col_me { display:none; } .hide_dialog #spinner { text-align:center; padding: 34px 0px; } /*** My Family ***/ #my_family select { width:300px; } /******************************************** / Invite Pages /********************************************/ .invite_method {} .invite_method .save_message {width:450px;overflow:auto;zoom:1} .invite_method #save_message_alert {color:green;margin-left:20px;font-size:11px;} .select_emails {width:800px;margin:20px auto;} .select_emails .email_list {width:500px;float:left;border-left:solid 1px #ccc;background:url(/images/select_emails_bkgd.gif) no-repeat right top;} .select_emails .email_list h2 {padding:7px;} .select_emails .email_list .showing {float:right;color:#666;font-size:11px;padding:10px 20px;} .select_emails .email_list .content {width:482px;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;} .select_emails .email_list .alphabet {background-color:#f5f5f5;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;font-weight:bold;color:#999;letter-spacing:2px;font-size:12px;padding:10px;} .select_emails .email_list .alphabet a {text-decoration:none;} .select_emails .email_list .alphabet a:hover {text-decoration:underline;} .select_emails .email_list .email_table {overflow:auto;padding:0px;height:394px;width:100%;} .select_emails .email_list table {margin:10px;} .select_emails .email_list tr.selected {background-color:lightyellow;} .select_emails .email_list td {vertical-align:top;padding:7px;} .select_emails .email_list td.letter {font-size:28px;color:#dbdbdb;font-weight:bold;padding:0;background-color:#fff;} .select_emails .email_list td.check {border-bottom:solid 1px #ddd;width:15px;} .select_emails .email_list td.name {border-bottom:solid 1px #ddd;color:#666;font-size:11px;width:100%;} .select_emails .email_list td.name h4 {font-size:13px;} .select_emails .email_list td.status {border-bottom:solid 1px #ddd;color:#51ab31;font-size:11px;font-weight:bold;text-align:right;white-space:nowrap} .select_emails .invite_list {width:250px;float:left;margin-left:25px;} .select_emails .invite_list .invitees {overflow:auto;padding:3px;height:239px;border:solid 1px #ccc;margin:10px 0} .select_emails .invite_list .invitees span {background-color:#f5f5f5;border:solid 1px #ccc;margin:2px 2px 2px 2px;white-space:nowrap;padding:2px 5px;color:#444;display:block;line-height:16px} .select_emails .invite_list .invitees span a {float:right;cursor:pointer;margin:2px 3px 0 0;text-decoration:none;font-family:Verdana;font-weight:bold;color:#c71616;line-height:10px;} .select_emails .invite_list .buttons {text-align:center;} .select_emails .invite_list .message {background-color:#f0f8ff;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;margin:15px 10px;padding:10px;} .select_emails .invite_list .message h3 {font-size:13px;} .select_emails .invite_list .message p {color:#555} .select_emails .add_address_book {margin:10px 0 0 0} #invite_message_box {background-color:#f5f5f5;padding:0} #invite_message_box h3 {cursor:pointer} #invite_message_box .content {background-color:#f5f5f5;border-left:solid 1px #ccc;border-right:solid 1px #ccc;padding:20px 20px 10px 20px} #invite_message_box .content:hover {background-color:#f9f9f9} #invite_message_box .head_link {font-weight:normal} #choose_address_book {background-color:#f5f5f5;padding:0;} #choose_address_book .head_link {font-weight:normal} #choose_address_book .radio_list {width:300px;float:left;margin:0px 4px 20px 30px;} #choose_address_book .radio_list a.button {display:block;width:250px;height:28px;text-decoration:none;padding:10px 8px 8px 40px;} #choose_address_book .radio_list dl {margin:6px 0;background:#ffffff;border:solid 1px #d3d3d3;cursor:hand;} #choose_address_book .radio_list dt {width:40px;line-height:28px;cursor:hand;} #choose_address_book .radio_list dt input {vertical-align:middle;cursor:hand;} #choose_address_book .radio_list input {margin-right:6px;} #choose_address_book .radio_list a:hover {background-color:#cef;} #choose_address_book .radio_list dl img {cursor:hand;} #choose_address_book .radio_list label {font-size:14px;font-weight:bold;margin:0;padding-left:20px;color:#000;line-height:28px;height:28px;cursor:hand;} #choose_address_book .radio_list .description {line-height:28px;padding-left:4px;font-size:12px;color:#666;font-weight:normal;cursor:hand;} #choose_address_book .centered_radio_list {float:none;margin:0 auto;} #choose_address_book .buttons {margin:0;text-align:center;} a.close_button {float:right;margin:5px 10px;font-size:11px;text-decoration:none;} #contact_file_instructions {padding:25px;} #contact_file_instructions .tabs {float:left;width:160px;overflow:hidden;} #contact_file_instructions .tabs li {padding:5px; border-top:solid 1px #ccc;margin-top:-1px;font-size:11px;font-weight:bold;cursor:pointer} #contact_file_instructions .tabs li.selected {background-color:#16b;color:#fff;} #contact_file_instructions .content {margin-left:165px;padding:0 10px;} #contact_file_instructions .content h2 {margin:0 0 10px 0;} #contact_file_instructions .content ol {list-style-type: decimal;font-size:14px;color:#999;font-weight:bold;margin-left:20px;} #contact_file_instructions .content ol li {padding:2px 0;vertical-align:middle;} #contact_file_instructions .content ol li span {font-size:12px;font-weight:normal;color:#000} #contact_file_instructions .content ul {margin:5px 0 0 10px;list-style-type:disc;font-size:11px;} #contact_file_instructions .content p {margin:15px 0;background-color:#f5f5f5;border:solid 1px #ccc;padding:10px;} #contact_file_instructions .content p img {width:auto !important;vertical-align:middle} .email_table {padding:0px;background-color:#fff;border:solid 1px #ccc;margin:10px 0} .email_table table {margin:15px;width:94%;} .email_table tr {cursor:pointer;} .email_table tr.selected {background-color:lightyellow;} .email_table th {padding-bottom:10px;} .email_table td {vertical-align:top;padding:7px;} .email_table em {color:#666;} .email_table td.letter {font-size:28px;color:#dbdbdb;font-weight:bold;padding:0 0 0 5px;} .email_table td.check {border-bottom:solid 1px #ddd;width:15px;} .email_table td.name {border-bottom:solid 1px #ddd;color:Black;font-size:11px;width:auto;} .email_table td.email {border-bottom:solid 1px #ddd;color:#666;font-size:11px;width:auto;} .email_table td .status {font-weight:bold;color:Green;} .email_table td.relation {border-bottom:solid 1px #ddd;color:#666;font-size:11px;} .email_table td.relation .clicker {position:absolute;width:150px;height:20px;background-color:#fff;-moz-opacity: 0;opacity:.0;filter: alpha(opacity=0);} .email_table td.name h4 {font-size:13px;} .email_table td.invite {border-bottom:solid 1px #ddd;text-align:left;white-space:nowrap;padding-left:15px;width:150px;} .email_table td.invite div {font-weight:normal;color:#000;display:none;font-size:11px} .email_table td.invite img {vertical-align:middle} .email_table tr.selected td.invite div {display:inline;} .email_table tr.selected .clicker {display:none;} .email_table tr.last td {border:none;} .email_table #autocheck_notification {background-color:#f0f8ff;border-bottom:solid 1px #ccc;padding:0px;text-align:center;} .email_table #autocheck_notification p {padding:10px;margin:0;color:Black;} #edit_custom_invitation {color:Black;} #edit_custom_invitation input {font-size:13px;} #edit_custom_invitation dt {padding-top:4px;} #edit_custom_invitation .subject {padding-top:3px;padding-bottom:10px;} #edit_custom_invitation .help {color:#666;margin-bottom:15px;} /* Invite Immediate */ #invite_immediate #add_new_row {font-size:12px;margin:10px 0;} #invite_immediate #add_new_row a {text-decoration:none;background:url(/images/icon_add.jpg) no-repeat;padding-left:19px;} #invite_immediate #add_new_row.loading a {background:url(/images/spinner.gif) no-repeat;} #invite_immediate .email_field {overflow:hidden;width:190px} .invite_immediate_lb #immediate_family_table {font-size:11px;width:500px;} .invite_immediate_lb #immediate_family_table td, .invite_immediate_lb #immediate_family_table th {padding:5px 3px;border-bottom:solid 1px #eee} /* Invite Immediate Lightbox */ #invite_immediate_loading {background:#f8f8f8;border:solid 1px #e3e3e3;border-width:1px 2px 2px 1px;border-color:#e3e3e3 #aaa #aaa #e3e3e3;width:120px;height:50px;position:absolute;left:50%;top:50%;margin:-25px 0 0 -60px;text-align:center;line-height:50px;z-index:9999;font-weight:bold;font-size:11px;} #invite_immediate_loading img {vertical-align:middle;margin-right:3px;} #invite_immediate_complete {text-align:center;background:#f8f9fa;padding:100px;} /******************************************* / Geni UI Elements /*******************************************/ .geniui_autocomplete {background-color:#fff;margin-top:-1px;border-top:solid 1px #ccc;border-bottom:solid 1px #666;border-right:solid 1px #666;z-index:5000;text-align:left;} .geniui_autocomplete ul {margin:0pc;padding:0px;border-left:solid 1px #ccc;} .geniui_autocomplete li {margin:0px;padding:2px 5px;cursor:default;font-size:11px;font-family:Tahoma,Arial;white-space:nowrap;height:14px;overflow:hidden;} .geniui_autocomplete li.selected {background-color:#335ea8;color:#fff;width:auto;} .geniui_autocomplete li em {font-weight:bold;color:#16b;background-color:#fff} .geniui_autocomplete li.selected em {background:none;color:#fff;} .geniui_autocomplete li.tip {background-color:#fcfcea;color:#666;border-bottom:solid 1px #d2d2b9;border-top:solid 1px #d2d2b9;padding:4px 5px} /******************************************* / Search /*******************************************/ #advanced_search { width:350px;margin:40px auto 500px;padding:8px 12px;background-color:LightGoldenrodYellow;border:solid 1px #ccc; } #advanced_search h3 { font-size:1.25em; } #advanced_search form input { width:300px; } /******************************************* / Public Search (SEO) /*******************************************/ #public_search_results {margin:30px 0;} #public_search_results ul.column {float:left;width:280px;margin-bottom:20px;overflow:hidden;} #public_search_results li {margin:0.5em 0;font-size:110%;} #public_search_results li .counts {font-size:86%;white-space:nowrap;} #header #search_form {margin-top:1px;font-size:13px;} .alphabet_tabs h2 {display:inline;} .alphabet_tabs {text-align:center;margin-top:10px;} .alphabet_tabs table {width:860px} .alphabet_tabs td {padding:6px;font-size:100%;font-weight:bold;} .alphabet_tabs td.unselected {border-left:solid 1px #ccc;border-right:solid 1px #ccc;} .alphabet_tabs td.selected {border:solid 1px #999;border-bottom:none;} .alphabet_tabs td.selected a {color:Black;} .alphabet_tabs td {border-bottom:solid 1px #999;} .alphabet_subtabs {display:block;} .alphabet_subtabs {margin-top:4px;margin-bottom:10px;text-align:center;font-weight:bold;} .alphabet_subtabs a {font-weight:normal;} /******************************************* / List Filters /*******************************************/ #advanced_filter { width:350px;margin:40px auto 500px;padding:8px 12px;background-color:LightGoldenrodYellow;border:solid 1px #ccc; } #advanced_filter h3 { font-size:1.25em; } #advanced_filter form input { width:300px; } /******************************************* / Linked profiles /*******************************************/ .linked_profile { font-size:11px; border:solid 1px #edd79c; background-color:#fff9ec; float:left; padding:10px; margin: 5px 10px 5px 0; font-weight:bold; } /* Family Timeline */ #family_timeline_container {width:71%;float:left;border:solid 1px #ccc;border-width:0 1px;} #family_timeline_container .event_count {background-color:#fbfbfb;border:solid 1px #ccc;border-width:1px 0;padding:7px;font-size:13px;color:#333;} #family_timeline_container ul.pagination {float:right;margin:0;padding:0} #family_timeline_container ul.pagination li {display:inline;margin:0;padding:0 3px;color:#000;} #family_timeline_container ul.pagination li.selected {color:#000 !important;font-weight:bold;} #family_timeline_container .loading .event_count {background:url(/images/spinner.gif) no-repeat center 5px #fbfbfb;} #family_timeline_container .no_results {border:solid 1px #ccc;border-width:1px 0;padding:15px;background-color:#feffef;} .family_timeline {overflow:visible;width:99.9%} .family_timeline td {padding:8px 10px 8px 10px} .family_timeline td.year {background-color:#fbfbfb;} .family_timeline tr.selected td.year {background-color:#fafae7} .family_timeline td.year .start {font-size:24px;color:#b6b49d;font-weight:normal;line-height:24px;margin-top:0px;display:block;white-space:nowrap} .family_timeline td.year .end {font-size:14px;font-weight:bold;margin-left:13px;display:block;white-space:nowrap;color:#b6b49d;margin-top:-4px;} .family_timeline td.year .month {font-size:14px;font-weight:bold;height:12px;color:#b6b49d;margin-top:-4px;} .family_timeline td.description .photos {padding:0px 0;zoom:1;clear:both;position:relative;} .family_timeline td.description .photos img {padding:2px 2px 3px 2px;border:solid 1px #ccc;margin-right:6px;display:inline;vertical-align:middle;} .family_timeline td.description .photos a:hover img {border-color:#000;} .family_timeline td.main_event_photo {width:1px;text-align:center;} .family_timeline td.main_event_photo img {padding:1px;border:solid 1px #ccc;width:40px;} .family_timeline td.main_event_photo a:hover img {border-color:#000;} .family_timeline td.description .photos .total {color:#666;font-size:10px;margin-top:2px;text-align:right;} .family_timeline td.description .actions {float:right;font-size:11px;} .family_timeline td.description .event_details {overflow:hidden;zoom:1} .family_timeline td.description dl {clear:both;border-top:solid 1px #efeed8;margin-top:-1px;} .family_timeline td.description dt {font-weight:bold;color:#333;float:left;width:75px;margin:1px 0 0px 0;font-size:11px;line-height:13px;padding:2px 0} .family_timeline td.description dd {margin:1px 0px 0px 80px;font-size:11px;line-height:13px;padding:2px 0} .family_timeline tr.loading td.description {background-image:url(/images/spinner.gif);background-repeat:no-repeat;background-position:98% 25px} .family_timeline tr.hidden td {background-color:#eeeeee !important} .family_timeline tr.hidden .title a {color:#666 !important;} .family_timeline .carousel td {border:none;vertical-align:middle;} .family_timeline .event_details .event_actions {text-align:right;overflow:hidden;font-size:10px;} .family_timeline .event_details .event_actions a {margin-right:-1px;border-right:solid 1px #ccc;padding:0 5px 0 4px;text-decoration:none;} .family_timeline .event_details .event_actions a:hover {text-decoration:underline} /* Family Timeline Filter */ #add_family_form {margin:5px 10px} #add_family_form input {width:150px;padding:2px;} .event_details_link {background:url(/images/toggle_switch_arrow.gif) no-repeat right 0;padding-right:7px;} .event_details_link.on {background:url(/images/toggle_switch_arrow.gif) no-repeat right -15px;} .family_timeline_filter {width:27%;float:right} .family_timeline_filter .buttons {margin:10px 0;text-align:right;} .family_timeline_filter h2 {padding: 5px 10px 3px 5px;height:16px;color: #666;margin:0;background:url(/images/accordion_bkgd.gif) -15px 0px;font-size:11px;font-weight:bold;border:solid 1px #ccc;border-bottom:none;} .filter_controls {background-color:#fbfbfb;border:solid 1px #ccc;padding:15px;font-size:11px;} .filter_controls h3 {font-size:13px;margin:0 0 10px 0;padding:0;} .filter_controls #date_range {font-weight:bold;color:#418f17;} .filter_controls li {padding:2px 5px;} .filter_controls hr {margin:15px 0;padding:0;} .filter_controls .checkbox {margin:0;padding:0;height:14px;width:14px;} .filter_controls .daterange_track {border:solid 1px #ccc;height:11px;cursor:pointer;z-index:0;position:relative;margin:15px 10px;background-color:#eee} .filter_controls .daterange_handle {background-color:#d0d0d0;border:solid 1px #b3b3b3;position:absolute;height:15px;width:10px;top:-3px;z-index:2;} .filter_controls .daterange_span {background-color:#8abbd0;border:solid 1px #80aabd;border-top-color:#ccc;border-width:1px 0;position:absolute;height:11px;overflow:hidden;top:-1px;display:block;z-index:1} /* Gifts: Sent/Received logs */ #view_gifts table td.image { width:70px; } #view_gifts table td.story p { font-size:1.2em; } #view_gifts table td.story a { text-decoration:none; } #view_gifts table td.story a:hover { text-decoration:underline; } #view_gifts table td.action { width:200px; } #view_gifts ul.action_items a:hover { color:White } #view_gifts .filter { float:right;font-size:13px;margin-top:6px; } /* Family Discussion */ #discussion_content {margin-bottom:35px;height:1%} #discussion_content h3 {border-bottom:solid 1px #ccc;font-size:16px;} #discussion_content h4 a {color:Black;text-decoration:none;} #discussion_content h4 a:hover {text-decoration:underline;} #discussion_content .controls {padding:8px 0;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;background-color:#f5f5f5;text-align:right;width:100%;} #discussion_content .controls .actions li {display:inline;padding:0 8px;font-size:12px;} #discussion_content .controls .actions li input {vertical-align:text-bottom;} #discussion_content .controls .actions li a {color:#16b;text-decoration:none;} #discussion_content .controls .actions li a.disabled {color:#999;} #discussion_content .controls .actions li a.disabled:hover {color:#999;text-decoration:none;} #discussion_content .controls .actions li a:hover {text-decoration:underline;color:#16b;} #discussion_content .controls .pagination_control {margin:2px 5px 0 0;} #family_discussion_list {width:100%;} #family_discussion_list th {font-weight:bold;font-size:12px;padding:7px 3px;background-color:#f5f5f5;vertical-align:bottom;} #family_discussion_list th.author {padding-left:8px;} #family_discussion_list tr.unread {background: #ffc } #family_discussion_list tr.selected {background-color:#dbedff !important} #family_discussion_list tr:hover {background-color:#ffffef;} #family_discussion_list td {border-top:solid 1px #ccc;vertical-align:top;padding:7px 3px;} #family_discussion_list td.author {padding-left:0px;} #family_discussion_list td a {color:#000;text-decoration:none;width:100%;display:block;} #family_discussion_list td a:hover {color:#16b;} #family_discussion_list td a span {color:#666;font-size:11px;} #family_discussion_list td.image {width:46px;text-align:left;padding-left:6px;} #family_discussion_list td.image img {width:40px;height:40px;} #family_discussion_list td.topic {font-weight:bold;} #family_discussion_list td.topic a {color:#16b;} #family_discussion_list td.last_post {font-size:11px;color:#777;} #family_discussion_list td.last_post .summary {font-size:13px;font-style:italic;} #family_discussion_list td.last_post .byline {padding-left:4px;} #family_discussion_list td.last_post a {display:inline;} #family_discussion_left_nav {float:left;margin-right:2%;margin-bottom:25px;} #family_discussion_left_nav h3 {border-bottom:solid 1px #ccc;font-size:16px;margin-bottom:10px;} #family_discussion_left_nav ul {font-weight:bold;margin-bottom:25px;} #family_discussion_left_nav li {padding:3px 0 5px 23px} #family_discussion_left_nav li.all_topics {background:url(/images/icn_comments.gif) left center no-repeat} #discussion_content.indented {margin-left:18.5%;} #discussion_content #reply {margin:0px;padding:15px 0px 20px;background-color:#eee;} #discussion_content #reply dt {width:140px;float:left;text-align:center;} #discussion_content #reply dd {padding:0px 15px 15px 140px;} #discussion_content #reply h5 {font-size:13px;margin:5px 0px;} #discussion_content #reply h5 a {color:Black;text-decoration:none;} #discussion_content #reply h5 a:hover {text-decoration:underline;} #discussion_content #reply .body {width:500px;height:150px;padding:1px;} #discussion_content #reply .subject {width:500px;padding:1px;} #discussion_content #reply .buttons {margin-top:5px;text-align:right;width:509px;} #discussion_content #reply .buttons .bigger_btn {color:#16b;background:url(/images/icn_resize.gif) no-repeat right center; padding-right:20px;float:left;cursor:n-resize} #discussion_content #reply #create_group_link {margin:0;} #discussion_content #reply #add_recipient_warning {padding: 3px;color:#777;font-size:11px;} #discussion_content a.named_anchor {display:block;} #new_topic {margin-top:40px;padding-bottom:10px;background-color:#ececec;} #new_topic h3 {margin-bottom:10px;background-color:White;} #new_topic textarea.body {height:100px;} #new_topic .buttons {width:509px;} /* Mother's Day */ #holiday_send_gift .content {padding:20px 0px 20px 58px;} #holiday_send_gift label.control {clear:both;color:Black;font-weight:bold;font-size:1em;margin-bottom:4px;} #holiday_send_gift #gift_menu {float:left;width:600px;_width:620px;height:100px;margin:0px 0px 20px 0px;background-color:white;border:1px gray solid;padding:20px 5px 0px 5px;} #holiday_send_gift textarea {float:left;margin-bottom:50px;} #holiday_send_gift p {margin-left:10px;} #holiday_send_gift .buttons {clear:both;margin:20px 0 0 0;text-align:center;} #holiday_send_gift .medium_button {margin-left:0px;} #holiday_targets .content {padding:0px;text-align:center;padding-bottom:10px;} #holiday_targets h3 { padding:10px;text-align:left} #holiday_targets a.medium_button { margin:10px auto; } #holiday_targets #other_targets {width:100%;background-color:White;margin-bottom:10px;} #holiday_targets #other_targets td {text-align:left;color:Black;} #holiday_targets .secondary {margin-bottom:0px;} #holiday_targets .col_1 {padding:8px 10px;border-bottom:#ddd 1px solid;width:1%;} #holiday_targets .col_2 {padding:8px 8px;border-bottom:#ddd 1px solid;} #holiday_targets .col_3 {padding:8px 0px;border-bottom:#ddd 1px solid;} #banner_holiday {text-align:center;background-color:#fafad2;border:solid 1px #ccc;font-size:11px;padding:4px 0;width:180px;margin:0px 0px 10px 0px;} #banner_holiday img {vertical-align:text-bottom;} /* Complete Merge Table */ .complete_merge {text-align:center;margin:20px 30px;} .complete_merge table {margin:10px auto 0 auto;} .complete_merge td, .complete_merge th {text-align:left;padding:7px;border:solid 1px #ddd;border-top:none;text-align:center;min-width:100px;} .complete_merge th {font-weight:bold;background-color:#f5f5f5 !important;border-top:solid 1px #ddd;} .complete_merge th span {font-size:11px;font-weight:normal;} .complete_merge td a {text-decoration:none;font-weight:bold;} .complete_merge td a:hover {text-decoration:underline;} .complete_merge .subject {font-weight:bold;background-color:#fbfbfb;text-align:left;} .complete_merge td.loading {background-image:url(/images/spinner.gif);background-repeat:no-repeat;background-position:98% center} .please_wait {width:250px;font-weight:bold;padding:20px;background-color:#eff6ff;border:solid 1px #cad4de;border-color:#cad4de #94a3b2 #94a3b2 #cad4de;position:absolute;left:50%;top:50%;margin:-30px 0 0 -145px;} .please_wait img {vertical-align:middle} /* Understanding Privacy */ .privacy_explanation p {font-size: 11px; float:left; margin-left: 10px; margin-top: 10px;} .privacy_explanation a {font-size: 11px; float:right; margin-left: 10px; margin-top: 10px;} .privacy_explanation img {float:left;} .privacy_category {padding-bottom:15px;border-top:1px solid Gray; margin-bottom:60px; width:100%;} .privacy_count {color:#666666; float:right; font-size: 11px;} .privacy_count strong {font-size: 13px;} .half_page {float:right; width: 40%;} .half_page p {font-size:11px; padding-top: 10px; padding-left: 5px;} .privacy_diagram {border-top:1px solid Gray; margin-bottom:0px;} .privacy_diagram ul {float:left; font-weight:bold; text-align:left; position:relative; top:0px; margin:0; top:125px} .privacy_diagram img {float:left;} .privacy_diagram li {padding-bottom:11px; font-size: 13px;} .understanding_privacy .you {color:#ff7b00;} .understanding_privacy .family_group {color:#017eff;} .understanding_privacy .familys_family {color:#ff5c61;} .understanding_privacy .connected {color:#999999;} /* Send Gift and Greeting */ #send_gift_greeting .two_column_container {width:100%;margin-bottom:10px;} #send_gift_greeting .two_column_container .left {width:49%;float:left;} #send_gift_greeting .two_column_container .right {width:49%;float:left;margin-bottom:10px;} #send_gift_greeting {position:relative;} #send_gift_greeting .left {float:left;clear:both;} #send_gift_greeting .content {color:#000;padding:20px 40px 20px 40px;} #send_gift_greeting .content textarea {float:left;margin:0px 20px 0px 0px;width:308px;height:70px;} #send_gift_greeting .content p {margin:0px 0px 20px 0px;} #send_gift_greeting label {width:200px;color:Black;font-weight:bold;font-size:1em;margin-bottom:4px;} #send_gift_greeting label.control {clear:both;} #send_gift_greeting .buttons {clear:both;margin:10px 0 0 0;text-align:center;} #send_gift_greeting .buttons_description {text-align:center;margin:10px 0 0 0;padding:0px;color:#666;} #send_gift_greeting .medium_button {margin-left:0px;} #send_gift_greeting .optional {font-size:11px;font-weight:normal;color:#777;} #send_gift_greeting .credits {font-size:11px;float:right;padding-top:15px;} #send_gift_greeting .recipient {clear:both;margin-bottom:10px;} #send_gift_greeting #virtual_gifts_balance {position:absolute;right:40px;top:70px;font-weight:bold;font-size:14px;text-align:right;} #send_gift_greeting #virtual_gifts_balance .emphasis {color:Green;font-size:11px;font-weight:normal;font-style:italic;margin-top:-4px;} #send_gift_greeting #virtual_gifts_balance.underneath {position:static !important;float:right;} #send_gift_greeting #virtual_gifts_balance img {vertical-align:top;} #send_gift_greeting #virtual_gifts_balance a {text-decoration:none;} #send_gift_greeting #virtual_gifts_balance a:hover {text-decoration:underline;} #send_gift_greeting label.underneath {float:left;font-size:14px;clear:none;} #send_gift_greeting hr {margin-bottom:10px;} #send_gift_greeting #gift_tabs { background:url(/images/tab_bottom_gray.gif) repeat-x bottom; height:32px; clear:both; margin:0px auto; } #send_gift_greeting #gift_tabs .tabs { margin:0px; list-style:none; } #send_gift_greeting #gift_tabs .tabs li { float:left; padding:0px; margin:5px 0px 0px 0px; border:solid 1px gray; border-bottom:none; border-right:none; height:25px; background-color:#ddd; } #send_gift_greeting #gift_tabs .tabs li a { float:left; display:block; padding:7px 30px; line-height:12px; font-size:11px; font-weight:bold; text-decoration:none; } #send_gift_greeting #gift_tabs .tabs li a h3 { font-size:12px; } #send_gift_greeting #gift_tabs .tabs li a p { text-decoration:none; color:#666; } #send_gift_greeting #gift_tabs .tabs li.selected { background-color:white; padding-bottom:1px; } #send_gift_greeting #gift_tabs .tabs li.last { border-right:solid 1px gray; } #send_gift_greeting #gift_tabs .tabs li.proflowers { padding-right:0px; /* background-image:url(/images/new_sticker_left.gif); background-position: 113px 7px; background-repeat: no-repeat; */ } #send_gift_greeting #gift_tabs .tabs li.proflowers a { /* padding-right:55px; */ } #send_gift_greeting #gift_tabs .tabs li.selected a { font-weight:bold; text-decoration:none; color:#000; } #send_gift_greeting #gift_tabs .tabs li.selected a h3 { text-decoration:none; } #send_gift_greeting #gift_carousel {position:relative;} #send_gift_greeting #gift_carousel .clipregion {width:570px;margin:0 4px;} #send_gift_greeting #gift_carousel .clipregion ul {margin:0px;} #send_gift_greeting #gift_carousel ul li {float:left !important;display:block !important} #send_gift_greeting #gift_carousel ul li a {display:block !important;} #send_gift_greeting #gift_carousel ul li a img {padding:0 !important;border:none !important;margin:0;background:none !important;width:auto !important} #send_gift_greeting .prev_arrow {color:#ccc;cursor:default;float:left;margin:0px;background:url(/images/carousel_prev_rect.gif) center -119px no-repeat;width:21px;height:60px} #send_gift_greeting .next_arrow {color:#ccc;cursor:default;float:left;margin:0px;background:url(/images/carousel_next_rect.gif) center -119px no-repeat;width:21px;height:60px} #send_gift_greeting .prev_arrow_enabled {color:#ccc;cursor:pointer;float:left;margin:0px;background:url(/images/carousel_prev_rect.gif) center 0 no-repeat;width:21px;height:60px} #send_gift_greeting .next_arrow_enabled {color:#ccc;cursor:pointer;float:left;margin:0px;background:url(/images/carousel_next_rect.gif) center 0 no-repeat;width:21px;height:60px} #send_gift_greeting .prev_arrow_enabled:hover {background:url(/images/carousel_prev_rect.gif) center -60px no-repeat;} #send_gift_greeting .next_arrow_enabled:hover {background:url(/images/carousel_next_rect.gif) center -60px no-repeat;} #send_gift_greeting #gift_carousel a.mousedown {background-position: center -178px;} #send_gift_greeting .prev_arrow, #send_gift_greeting .prev_arrow_enabled, #send_gift_greeting .next_arrow, #send_gift_greeting .next_arrow_enabled {margin:90px 7px;} #send_gift_greeting #gift_carousel .gift_menu_item { float:none; } #send_gift_greeting #gift_menu {width:667px;_width:667px;height:252px;margin:0px 0px 20px 0px;background-color:white;border:1px gray solid;border-top:none;padding:20px 5px 0px 5px;overflow:hidden;} #send_gift_greeting #gift_menu li#loading { margin-top:105px;width:470px;text-align:center;color:#666; } #send_gift_greeting #gift_menu li#loading img { margin-top:-4px;width:16px;height:16px;border:none;vertical-align:middle; } #send_gift_greeting #gift_menu .selected a { border:solid 2px #1166bb;background-color:LightCyan;} #send_gift_greeting .gift_menu_item {float:left;width:86px;height:125px;padding:2px 4px;text-align:center;overflow:hidden;} #send_gift_greeting .gift_menu_item.top {} #send_gift_greeting .gift_menu_item.bottom {} #send_gift_greeting .gift_menu_item a { display:block;margin:auto;padding:3px;border:none;text-decoration:none;font-size:11px;color:#555;} #send_gift_greeting .gift_menu_item a:hover { background:none; background-color:LightCyan; } #send_gift_greeting .gift_menu_item img {padding-bottom:5px;width:64px;height:64px;} #send_gift_greeting .gift_menu_item a .name {font-weight:bold;padding-top:3px;color:#1166bb;} #send_gift_greeting .gift_menu_item a .price .highlight {color:Green;} #send_gift_greeting .gift_menu_item label { text-align:center;height:2em;line-height:1.25em;padding-top:1px;visibility:hidden; } #send_gift_greeting .gift_menu_item:hover label { color:#666;visibility:visible;line-height:1.25em; } #send_gift_greeting #proflowers_gift_menu {width:667px;_width:667px;height:390px;margin:0px 0px 20px 0px;background:url(/images/proflowers_brand.gif) white no-repeat bottom right;border:1px gray solid;border-top:none;padding:20px 5px 0px 5px;} #send_gift_greeting #proflowers_gift_menu li#loading { margin-top:152px;width:448px;text-align:center;color:#666; } #send_gift_greeting #proflowers_gift_menu li#loading img { margin-top:-4px;width:16px;height:16px;border:none;vertical-align:middle; } #send_gift_greeting #proflowers_gift_menu .selected a { border:solid 2px #1166bb;background-color:LightCyan;} #send_gift_greeting #proflowers_gift_menu .clipregion {width:558px;} #send_gift_greeting .proflowers_gift_menu_item {width:104px;height:190px;padding:2px 4px;text-align:center;} #send_gift_greeting .proflowers_gift_menu_item.top {} #send_gift_greeting .proflowers_gift_menu_item.bottom {} #send_gift_greeting .proflowers_gift_menu_item a { display:block;margin:auto;padding:3px;border:none;text-decoration:none;font-size:11px;color:#555;} #send_gift_greeting .proflowers_gift_menu_item a:hover { background:none; background-color:LightCyan; } #send_gift_greeting .proflowers_gift_menu_item img {padding-bottom:5px;width:94px;} #send_gift_greeting .proflowers_gift_menu_item a .name {font-weight:bold;padding-top:3px;color:#1166bb;} #send_gift_greeting .proflowers_gift_menu_item a .price {} #send_gift_greeting .proflowers_gift_menu_item label { text-align:center;height:2em;line-height:1.25em;padding-top:1px;visibility:hidden; } #send_gift_greeting .proflowers_gift_menu_item:hover label { color:#666;visibility:visible;line-height:1.25em; } #send_gift_greeting #proflowers_gift_menu #gift_carousel .prev_arrow, #send_gift_greeting #proflowers_gift_menu #gift_carousel .prev_arrow_enabled, #send_gift_greeting #proflowers_gift_menu #gift_carousel .next_arrow, #send_gift_greeting #proflowers_gift_menu #gift_carousel .next_arrow_enabled {margin:140px 13px;} #send_gift_greeting #gift_details {margin-top:20px;} #send_gift_greeting #gift_details.loading {background:url(/images/spinner.gif) no-repeat 150px 0px;} #send_gift_greeting #gift_details .gift_icon {float:left;padding:5px;background-color:white;border:1px gray solid;text-align:center;} #send_gift_greeting #gift_details .gift_text {float:left;font-size:11px;width:65%;padding-left:10px;} #send_gift_greeting #gift_details ul {margin:5px 0px 0px 10px;} #send_gift_greeting #gift_details ul li {font-size:13px;font-weight:bold;margin-bottom:5px;vertical-align:bottom;} #send_gift_greeting #checkboxes {text-align:left;font-size:11px;margin:-20px 0px 20px 0px;padding:7px 0px 10px 160px; width:520px; border-bottom:1px solid #ccc;} #send_gift_greeting #checkbox_private {padding-top:3px;} #send_gift_greeting #checkbox_surprise {padding-top:3px;} #send_gift_greeting #checkboxes .description {color:#777;} #send_gift_greeting #recipient_input {margin-bottom:15px;padding-right:50px;} #send_gift_greeting #recipient_input.loading {background:url(/images/spinner.gif) no-repeat 190px 3px;} #send_gift_greeting #recipient_input ul {margin:0;} #send_gift_greeting #recipient_input .mugshot {float:left;margin-right:12px;font-size:11px;font-weight:bold;text-align:center;width:54px;} #send_gift_greeting #recipient_input .mugshot img { vertical-align:bottom; } #send_gift_greeting #recipient_input .mugshot a { border:solid 1px #ccc;padding:2px;background-color:White;display:block; } #send_gift_greeting #recipient_input .mugshot a.linkTertiary { border:none;background:none;padding-top:3px; } #send_gift_greeting #greeting_container {margin-bottom:20px;} #send_gift_greeting #greeting_text { float:left;} #send_gift_greeting #greeting_text textarea { margin:0px; } #send_gift_greeting #recipient.wide { width:300px; } #send_gift_greeting #recipient.loading {background:url(/images/spinner.gif) no-repeat 50% 50%;} #send_gift_greeting #recipient .mugshot {float:left;margin-right:12px;font-size:11px;font-weight:bold;text-align:center;width:54px;} #send_gift_greeting #recipient .mugshot img { vertical-align:bottom; } #send_gift_greeting #recipient .mugshot a { border:solid 1px #ccc;padding:2px;background-color:White;display:block; } #send_gift_greeting #recipient .mugshot a.linkTertiary { border:none;background:none;padding-top:3px; } #send_gift_greeting #email_prompt { padding-top:6px;margin:0px;text-transform:capitalize;} #send_gift_greeting #payment_module {margin:0 0 20px 0;} #send_gift_greeting #payment_outer {border:solid 1px #bbb;margin:0px 10px 10px 0px;width:322px;} #send_gift_greeting #payment {padding:10px 10px 0px 10px;border:1px solid yellow;float:left;width:300px;text-decoration:none;} #send_gift_greeting #payment a {text-decoration:none;} #send_gift_greeting #payment a:hover {text-decoration:underline;} #send_gift_greeting #payment dt {font-size:12px;display:block;float:left;padding-right:5px;width:100px;text-align:right;margin-bottom:0px; line-height:1.5em;} #send_gift_greeting #payment dd {padding:0px;height:25px;display:block;} #send_gift_greeting #other_targets {width:100%;background-color:White;margin-bottom:10px;} #send_gift_greeting #other_targets td {text-align:left;color:Black;} #send_gift_greeting #other_targets .secondary {margin-bottom:0px;} #send_gift_greeting #other_targets .col_1 {padding:8px 10px;border-bottom:#ddd 1px solid;width:1%;} #send_gift_greeting #other_targets .col_1 img {width:36px;height:36px;} #send_gift_greeting #other_targets .col_2 {padding:8px 8px;border-bottom:#ddd 1px solid;} #send_gift_greeting #other_targets .col_3 {padding:8px 10px 8px 0px;border-bottom:#ddd 1px solid;text-align:right;} #send_gift_greeting #other_targets .col_3 img {width:36px;} #send_gift_greeting #other_targets .last {border-bottom:none;} /* giftcard preview page */ #send_gift_greeting .giftcard_preview { padding:20px; border: 1px gray solid; background-color:white; margin:10px 0px 20px 0px; } #send_gift_greeting .giftcard_preview .price { float:left; width:33%; margin-right:20px; text-align:center; } #send_gift_greeting .giftcard_preview .price table { color:black; width:100%; text-align:left; margin-top:10px; } #send_gift_greeting .giftcard_preview .price table .value { text-align:right; } #send_gift_greeting .giftcard_preview .price table .total { font-weight:bold; border-top:1px gray solid; padding-top:5px; } #send_gift_greeting .giftcard_preview .address { float:left; width:63%; } #send_gift_greeting .giftcard_preview .address table { color:black; width:100%; } #send_gift_greeting .giftcard_preview .address table .value { text-align:right; } #send_gift_greeting .giftcard_preview .terms_and_conditions { color: #777; font-size:11px; } #send_gift_greeting .giftcard_preview .terms_and_conditions h2 { color:#777; font-size:11px; font-weight:bold; display:inline; border:none; } #send_gift_greeting .giftcard_preview .terms_and_conditions p { margin-bottom:3px; padding:0px; } #send_gift_greeting .giftcard_preview .terms_and_conditions ul { display:inline; } #send_gift_greeting .giftcard_preview .terms_and_conditions li { display:inline; } .purchase_form, #shipping_and_billing_info .add_credit_cards_details {font-size:12px;color:#000;padding-top:10px;display:block;} .purchase_form dt, #shipping_and_billing_info .add_credit_cards_details dt {float:left;width:33%;text-align:right;padding:3px;} .purchase_form dd, #shipping_and_billing_info .add_credit_cards_details dd {float:left;width:60%;text-align:left;padding:3px;margin-bottom:5px;} .purchase_form dd input, #shipping_and_billing_info .add_credit_cards_details dd input {margin:0px 0px 0px 0px;} .purchase_form textarea {width:250px;height:50px;margin:0px;} .purchase_form .description {font-size:11px;color:#777} .purchase_form .shipping_address input {margin-bottom:3px;} .purchase_form .shipping_fields {font-size:11px;} .purchase_form .shipping_fields .secondary_text {color:#777} #send_gift_greeting .content .right { margin-top:20px; padding-left:10px; } #send_gift_greeting #total_price.loading { background:url(/images/spinner.gif) no-repeat center 10px; } #send_gift_greeting #existing_card_selector.loading { background:url(/images/spinner.gif) no-repeat right 2px; } /* proflowers */ #proflowers_confirm_greeting .two_column_container {width:100%;margin-bottom:10px;} #proflowers_confirm_greeting .two_column_container .left {width:49%;float:left;} #proflowers_confirm_greeting .two_column_container .right {width:49%;float:left;margin-bottom:10px;padding-top:20px;} #proflowers_confirm_greeting .content {color:#000;padding:20px 40px 20px 40px;} #proflowers_confirm_greeting .content textarea {float:left;margin:0px 20px 0px 0px;width:308px;height:70px;} #proflowers_confirm_greeting .content p {margin:0px 0px 20px 0px;} #proflowers_confirm_greeting label.control {clear:both;color:Black;font-weight:bold;font-size:1em;margin-bottom:4px;} #proflowers_confirm_greeting .buttons {clear:both;margin:20px 0 0 0;text-align:center;} #proflowers_confirm_greeting .medium_button {margin-left:0px;} #proflowers_confirm_greeting .optional {font-size:11px;font-weight:normal;color:#777;} #proflowers_confirm_greeting .credits {float:right;font-size:11px;font-weight:normal;color:#777;padding:0px;margin-top:2px;line-height:30px;} #proflowers_confirm_greeting .mugshot {float:left;margin-right:12px;font-size:11px;font-weight:bold;text-align:center;width:54px;} #proflowers_confirm_greeting .mugshot img { vertical-align:bottom; } #proflowers_confirm_greeting .mugshot a { border:solid 1px #ccc;padding:2px;background-color:White;display:block; } #proflowers_confirm_greeting .mugshot a.linkTertiary { border:none;background:none;padding-top:3px; } #proflowers_confirm_greeting #email_prompt { padding-top:6px;margin:0px;text-transform:capitalize;} /* Credit Cards */ .credit_card_container {float:left; width:290px;border:solid 1px #999; padding:10px; margin:5px;} .credit_card_container .icon { float:left; text-align:center; font-size:11px; color:#777; margin-right:5px; } .credit_card_container .details { font-size:13px; } .credit_card_container .details .primary { float:right; font-weight:bold; color:#777; font-size:11px; } .credit_card_container .details .primary img {vertical-align:middle} .credit_card_container .details .number { } .credit_card_container .details .expiration { font-size:11px; color:#777; } .credit_card_container .details .controls { float:right; font-size:11px; } #credit_card_add_container {float:left; text-align:center; width:290px; border:solid 1px #999; padding:10px; margin:5px; margin-right:100px;} #credit_card_add_container #add_link {background:url(/images/icn_add.gif) no-repeat 0px 0px; padding-left:18px;} #credit_card_add_container dt {font-size:12px;color:#777;float:left;text-align:right;width:90px;padding:3px;} #credit_card_add_container dd {text-align:left;padding:3px;} #credit_card_add_container .title {font-weight:bold;} #credit_card_add_container .buttons {background-color:WhiteSmoke;padding:5px;margin:10px -10px -10px -10px;} #credit_card_add_container #add_fields.loading {background:url(/images/spinner.gif) no-repeat 95% 5px;} #credit_card_add_container #add_fields.loading span {color:red; background-color:pink;} #credit_card_add_container #add_link {font-weight:bold;} .edit_fields {float:none;text-align:center; margin:0px -10px -10px -10px;} .edit_fields .title {font-weight:bold;} .edit_fields .buttons {text-align:center;background-color:WhiteSmoke;padding:5px;margin-top:10px;} .edit_fields.loading {background:url(/images/spinner.gif) no-repeat 95% 5px;} .edit_fields.loading span {color:red;} .add_credit_cards_details {font-size:12px;color:#000;} .add_credit_cards_details dt {float:left;text-align:right;width:92px;padding:3px 4px 3px 0px;} .add_credit_cards_details dt.margin_top {margin-top:10px;} .add_credit_cards_details dt.tall {height:75px;} .add_credit_cards_details dd {text-align:left;padding:3px;} .add_credit_cards_details dd.margin_top {margin-top:10px;} .add_credit_cards_details .secondary_text {font-size:11px;} #product_options {margin-left:30px;font-size:12px;} #product_options li {margin-bottom:-3px;line-height:2em;} #product_options li .savings {font-weight:bold;color:Green;} #product_options li a {color:Black;text-decoration:none;} #product_options li.total {margin-left:1.5em;} .credit_card_billing_address_container {float:left;margin-bottom:10px;} .credit_card_billing_address_container div {margin-bottom:5px;} .help_card_code {margin:14px 4px 10px;padding:6px;text-align:left;font-size:11px;background-color:White;} .help_card_code h4 {margin-bottom:12px;border-bottom:solid 1px #666;font-size:12px;color:#666;} .help_card_code h4 .header_action {float:right;font-weight:normal;} .help_card_code p {clear:both;} .help_card_code img {float:left;margin:0 8px 6px 0;} #upsell { display:block; font-size:11px; margin-bottom:20px; width:320px; } #upsell .emphasis { display:block; float:left; width:97px; font-weight:bold; color:green; } #upsell .offer { display:block; float:left; } #upsell input { margin-top:-4px; } .column_button_bar { display:block;clear:both; } .column_button_bar .medium_button {width:200px;} #purchase_gift_credits #payment { padding:10px; } /* holidays */ /* holiday selector lightbox */ #lb_holidays .content { padding:20px 30px 0px 30px; } #lb_holidays .container { height:275px; overflow:auto; border:1px solid gray; border-right:none; } #lb_holidays .container ul { padding:0px 20px 0px 20px; } #lb_holidays .container li { padding:5px 0px; border-bottom:1px solid #e3e3e3; } #lb_holidays .name { font-weight:bold; } #lb_holidays .description { color:#777; font-size:11px; } #lb_holidays .select_controls { font-size:11px; margin-top:5px; } /* Facebook Connect */ #start .fb_connect_login {padding:0;margin:0;position:absolute;right:0;width:195px;margin-top:50px;color:#717171;font-style:italic;font-size:11px;} .login .fb_connect_login {margin-top:20px;border-top:solid 1px #ccc;padding:30px;color:#000} .login .fb_connect_login h5 {margin-bottom:15px;} #signup_form .fb_connect_login {margin-top:10px;float:right;border-left:solid 1px #ccc;width:240px;padding:50px 20px 70px 20px;_padding-right:0} #signup_form .fb_connect_login h5 {margin-bottom:15px;} /* Click through page */ #click_through_container { text-align:center; } #click_through_border { width:720px; border: 15px #f5f5f5 solid; margin:0px auto 40px auto; text-align:left; display:inline-block; } #click_through_box { border: 1px #ccc solid; padding:20px 20px 0px 20px; } #click_through_box h1 { font-size:20px; background-color:aliceblue; padding:10px 20px; border-bottom: 1px #ccc solid; margin:-20px -20px 20px -20px; } #click_through_box p { margin-bottom:7px; } #click_through_box ul { margin-bottom:0px; } #click_through_box ul p { } #click_through_box ul li.last { margin-bottom:0px; margin-top:-20px; color:#555; } #click_through_box .footer { width:auto; padding:10px 0px 20px; border-top: 1px #ccc solid; margin:20px -20px 0px -20px; text-align:center; } #click_through_box .footer a { text-decoration:none; } #click_through_box .footer a:hover { text-decoration:underline; } #click_through_box #pro_benefits_table { font-size:11px; color:black; } #click_through_box #pro_benefits_table td { padding:0px 0px 7px 10px; vertical-align:top; } #click_through_box #pro_benefits_table .feature_name { font-weight:bold; font-size:13px; } #click_through_box #pro_benefits_table hr { color:#ccc; } #click_through_box #pro_benefits_table .details { color:#555; } #click_through_box #pro_benefits_table .details p { margin-bottom:5px; } #click_through_box .testimonial { width:95%; color:#777; text-align:right; font-size:11px; } #click_through_box .testimonial_quote { margin-bottom:5px; font-weight:bold; } #click_through_box a.medium_button:hover { text-decoration:none; } #click_through_box a.medium_arrow:hover { text-decoration:none; } #click_through_box .tree_matches { margin:0px 20px 0px 20px; } #click_through_box .tree_matches h3 { font-size:13px; border-bottom:solid 1px #888; } #click_through_box .tree_matches .action { float:right; font-size:11px; font-weight:normal; } #click_through_box #tree_matches_list img { width:default; height:default; } #click_through_box #tree_matches_list li {float:none;width:auto;background:none;border:none;margin:0;padding:0;height:auto;} #click_through_box #tree_matches_list li .cell {border:none;padding:5px 0;border-bottom:solid 1px #ddd;} #click_through_box #tree_matches_list .name {font-size:13px;} #click_through_box #tree_matches_list .similar_profiles a {font-weight:normal;background:url(/images/icn_magnifying_glass.gif) no-repeat 0 -1px;padding-left:18px;line-height:16px;display:block;} /* Pricing table click-through page */ #pricing_table #click_through_container {margin-top: 40px;} #pricing_table #header h1 {background:transparent;border-bottom:0 none;margin:0;padding:0;color:#01539c;} #pricing_table #header h2 {color: #1a87ca;width:80%;margin-bottom:20px;} /* general table styles */ table.price {width:100%; border-collapse:collapse;margin-bottom:20px;} table.price td, table.price th {background:#eee;border-bottom:1px solid #d7d7d7;width:30%;padding:5px;} table.price td.pro, table.price th.pro {width:40%;padding:0;} table.price td {text-align:center;vertical-align:middle;} /* table head section */ table.price thead td {background: transparent} table.price thead th {background: transparent url(/images/bg_grey_pricing_table.png) 100% 50px no-repeat;text-align:center;font-weight:bold;vertical-align:bottom;font-size:18px;padding:0 0 10px 0;} table.price thead th.pro {padding-bottom:0;background-position:150% 50px;} table.price thead th.pro div {background:url(/images/bg_price_table.png) 50% 0 no-repeat;width:280px;padding:30px 10px 10px 10px;} /* table body section */ table.price tbody th {padding-left:30px;} table.price tbody td.pro div {background:url(/images/bg_price_table.png) 50% 50% no-repeat;width:280px;padding:10px;} table.price tbody td.em {font-weight:bold;color:#268200;} table.price tbody td.quiet {color:#aaa;} table.price tbody td.red {color:#c00;} /* table foot section */ #ppc_payment_info #payment_outer{border:0 none;} #ppc_payment_info #payment {background:transparent !important;padding:0;} table.price #form_clickthrough h4, table.price #form_clickthrough #credit_card_info, table.price #submit_button{display:none;} table.price #continue_button{display:block;margin-bottom:10px;} table.price #cancel_lightbox{display:none;} table.price ul#product_options {margin:0;} #click_through_box ul li.last {padding:0;} table.price tfoot td {background:transparent;border-bottom:0 none;vertical-align:top;text-align:center;} table.price tfoot td.pro #payment_form_wrap {background:url(/images/bg_price_table.png) 50% 100% no-repeat;padding:10px 30px;} table.price tfoot #form_clickthrough .module {margin:0;text-align:left;} table.price tfoot #form_clickthrough .module .bd label span.txt_green {color:#268200;} table.price .checklist li {overflow:hidden;padding:2px 0;font-size:13px;} table.price .checklist input {float:left;} table.price .checklist label {margin:0 0 5px 25px;display:block} table.price .checklist li a {font-size:13px;} table.price tfoot td.pro {background:url(/images/bg_grey_pricing_table.png) 150% -170px no-repeat;} table.price tfoot td.free {background: url(/images/bg_grey_pricing_table.png) 100% -170px no-repeat;padding:20px 0;} /* lightbox */ #lightbox #ppc_payment_info {background:lightYellow;padding:10px;} #lightbox #ppc_payment_info h4 {border-bottom:0 none;} #lightbox #ppc_payment_info #continue_button {display:none;} #lightbox #ppc_payment_info #submit_button {margin:10px;} #lightbox #ppc_payment_info #product_options {margin-left:0;} #lightbox #ppc_payment_info .checklist li {overflow:hidden;padding:2px 0;font-size:13px;} #lightbox #ppc_payment_info .checklist input {float:left;} #lightbox #ppc_payment_info .checklist label {margin:0 0 5px 25px;display:block} #lightbox #ppc_payment_info .checklist li a {font-size:13px;} #lightbox #ppc_payment_info #credit_card_info { margin-top: 30px; } #lightbox #ppc_payment_info .module .action {margin-top: 0;} #lightbox #ppc_payment_info span.txt_green {color:#268200;} #lightbox #ppc_payment_info .field {clear:both;padding:1px 0;overflow:hidden;} #lightbox #ppc_payment_info .field_hd {float:left;width:80px;text-align:right;padding:8px 0 0 0;} #lightbox #ppc_payment_info .field_bd {margin-left:90px;clear:right;padding:3px 0;} #lightbox #ppc_payment_info .field_hd label {color:#000;font-size:13px;} /* list view and search filters, controls */ #advanced_search_controls { background-color:#ffffeb;margin:0px 0px 20px 0px;padding:10px 0px 10px 20px;border-bottom:1px solid #ccc;border-top:1px solid #ccc; } #advanced_search_controls.short { margin-bottom:200px; } #advanced_search_controls form { position:relative;width:100%;font-size:11px;zoom:1; } #advanced_search_controls form ul li { margin-bottom:1px; } #advanced_search_controls form h2 { display:block !important;float:none !important;width:660px;border-bottom:solid 1px #ccc;padding-bottom:3px;margin:30px 0px 10px; } #advanced_search_controls form h2.first { margin-top:10px; } #advanced_search_controls form fieldset { margin-bottom:8px; } #advanced_search_controls form fieldset div { float:left;margin-right:10px;margin-bottom:4px;white-space:nowrap; } #advanced_search_controls form label { font-size:12px;font-weight:bold;color:Black; display:block;float:left;width:70px;margin-right:10px; } #advanced_search_controls form label.smallText { font-size:11px;color:Black;font-weight:normal;display:block;width:50px; } #advanced_search_controls form #morphology_fields { color:#777;text-align:center; } #advanced_search_controls form .button_cell_standard { padding:10px 0px 0px 0px;width:170px;text-align:center; } #advanced_search_controls form .button_cell_standard a { text-decoration:none; } #advanced_search_controls form .button_cell_standard a:hover { text-decoration:underline; } #advanced_search_controls form #options_row select { vertical-align:middle; } #advanced_search_controls form #options_row input { vertical-align:middle; } #advanced_search_controls form select.country { width:100px; } #advanced_search_controls form .match_options_checkbox { padding-top:1px; } #advanced_search_controls form #submit { position:absolute;top:10px;right:40px;display:block;float:right;width:120px;margin:0 auto 10px; } #advanced_search_controls.sidebar form { width:160px;padding-bottom:20px; } #advanced_search_controls.sidebar form h2 { width:140px; } #advanced_search_controls.sidebar form label { float:none;margin:2px 0px 4px;width:140px; } #advanced_search_controls.sidebar form div { float:none;white-space:normal; } #advanced_search_controls.sidebar form #submit { position:relative;right:5px;float:none; } /* SEARCH SIDEBAR */ #search_results .with_sidebar { padding-left:200px; } #search_results #search_sidebar { position:absolute; } #show_fields_table { width:100%; font-size:11px; } #show_fields_table a { text-decoration:none; } #show_fields_table a:hover { text-decoration:underline } #show_fields_table .clear_fields_cell { width:170px; text-align:center; } #advanced_search_overlay { width:710px; text-align:center; height:250px; margin-bottom:30px; padding:50px 0px 0px 150px; background:url(/images/advanced_search_overlay.gif) no-repeat; } #advanced_search_overlay .upsell_message { float:left; text-align:left; } #advanced_search_overlay .upsell_message img { float:left; } #advanced_search_overlay .upsell_text { font-size:20px; float:left; margin-left:10px; } #advanced_search_overlay .upsell_text ul { margin-top:10px; } #advanced_search_overlay .upsell_text li { margin-bottom:2px; } /* Pro home page */ #pro_home h1 { border-bottom:1px solid DarkGray; margin-bottom:15px; padding-bottom:2px; width:100%; } #pro_home .sub_header { color:#555; font-weight:bold; border-bottom:1px solid DarkGray; margin-bottom:15px; padding-bottom:4px; width:100%; } #pro_home .sub_header_no_line { color:#555; font-weight:bold; padding-bottom:4px; width:100%; } #pro_home .two_column_container {width:100%;margin-bottom:10px;} #pro_home .two_column_container .left {width:48%;margin-right:30px;float:left;} #pro_home .two_column_container .right {width:48%;float:left;margin-bottom:10px;} #pro_home .pro_account_settings { border:solid 1px #bbb; padding:15px 0px 15px 15px; background-color:aliceblue; } #pro_home .pro_account_settings a { text-decoration:none; } #pro_home .pro_account_settings a:hover { text-decoration:underline; } #pro_home .pro_marketing_links { border:solid 1px #bbb; border-top:none; padding:10px 0px; text-align:center; background-color:#fff; } #pro_home .pro_marketing_links a { text-decoration:none; } #pro_home .pro_marketing_links a:hover { text-decoration:underline; } #pro_home .minor {margin-bottom:0px;} .payment_footer { text-align:right; font-size:11px; color:#777; margin-bottom:5px; } .payment_footer img { height:18px; vertical-align:-4px; } .payment_footer .address { float:left; line-height:18px; } .payment_footer .separator { color:#ccc; margin:0px 5px; } .payment_contact_footer { color:#777; font-size:11px; text-align:right; } .payment_contact_footer .contact { float:left; } /* Possible Relatives */ #possible_relatives {margin:15px 0;overflow:hidden;zoom:1} .people_grid {margin:0;overflow:hidden;zoom:1;margin-bottom:15px;} .people_grid li {width:23%;overflow:hidden;zoom:1;float:left;margin:1% 1% 0 0;overflow:hidden;height:65px;border:solid 1px #fff;} .people_grid li {background:#f6f9fb;border:solid 1px #dee4e8;} .people_grid li:hover {border-color:#b6c6d1} .people_grid li.selected {background:#d8e6ef;border-color:#b6c6d1} .people_grid li .cell {border:solid 1px #fff;border-width:1px 0 0 1px;padding:5px;overflow:auto;zoom:1} .people_grid li a {text-decoration:none} .people_grid li a:hover {text-decoration:underline;} .people_grid li a.remove_family {float:right} .people_grid li .image {float:left;} .people_grid li .image img {border:solid 1px #ccc;padding:2px;background:#fff;vertical-align:text-top} .people_grid li .cell_content {margin-left:60px;} .people_grid li p {font-size:11px;} .people_grid li .name {margin-bottom:3px;font-weight:bold;max-height:38px;overflow:hidden} .people_grid li .check_family {float:left;margin:1px 5px 0 0;} .people_grid li .add_family {font-size:11px;} #possible_relatives_signup {background:#fff;border:solid 1px #ccc;padding:5px 15px 15px 15px;} #possible_relatives_signup li {width:32%;} #possible_relatives_signup li .cell_content {margin-left:75px;} #possible_relatives_home li {float:none;width:auto;background:none;border:none;margin:0;padding:0;height:auto;} #possible_relatives_home li .cell {border:none;padding:5px 0;border-bottom:solid 1px #ddd;} #possible_relatives_home li .image img {width:30px;height:30px;} #possible_relatives_home li .cell_content {margin-left:45px;} /* Upgrade your family */ #upgrade_your_family .other_targets {width:100%;background-color:White;} #upgrade_your_family .other_targets tr.selected {background-color:lightgoldenrodyellow;} #upgrade_your_family .other_targets tr.selected .recipient_message {display:block;} #upgrade_your_family .other_targets tr .recipient_message {display:none;} #upgrade_your_family .other_targets td {text-align:left;color:Black;} #upgrade_your_family .other_targets .secondary {margin-bottom:0px;} #upgrade_your_family .other_targets .col_1 {font-size:11px;text-align:center;padding:8px 15px;border-bottom:#ddd 1px solid;width:1%; background-colorrrr:lightyellow;} #upgrade_your_family .other_targets .col_1 a {text-decoration:none;} #upgrade_your_family .other_targets .col_1 a:hover {text-decoration:underline;} #upgrade_your_family .other_targets .col_2 {padding:8px 8px;border-bottom:#ddd 1px solid;width:50%; background-colorrr:wheat;} #upgrade_your_family .other_targets .col_2 img {width:32px;} #upgrade_your_family .other_targets .col_3 {font-size:11px;width:200px;padding:8px 10px 8px 0px;border-bottom:#ddd 1px solid; background-colorrr:lightyellow;} #upgrade_your_family .other_targets .col_3 img {width:35px;} #upgrade_your_family .other_targets .col_4 {padding:8px 10px 8px 0px;border-bottom:#ddd 1px solid;} #upgrade_your_family .other_targets textarea {vertical-align:top;width:250px;height:43px;} #upgrade_your_family #recipients_header {background-color:#F0F8FF;border:1px solid #ccc;border-bottom:none;padding:10px 10px 10px 0px;} #upgrade_your_family #recipients_header .select_all_links {text-align:center;float:left;font-size:11px;width:70px;padding-top:1px;} #upgrade_your_family #recipients_header .select_all_links a {text-decoration:none;} #upgrade_your_family #recipients_header .select_all_links a:hover {text-decoration:underline;} #upgrade_your_family #recipients {background-color:#fff;border:1px solid #ccc;border-bottom:none;} #upgrade_your_family #add_another {background-color:#fff;border:1px solid #ccc;border-bottom:none;border-top:none;} #upgrade_your_family #ineligible {font-size:11px;margin-top:10px;} #upgrade_your_family #payment_inner {border:solid 1px #ccc;} #upgrade_your_family #payment {background-color:white;border:1px solid yellow;padding:10px;padding-bottom:0px;} #upgrade_your_family .credit_cards_details dl {font-size:11px;color:#000;} #upgrade_your_family .credit_cards_details dt {float:left;text-align:right;width:90px;padding:3px 4px 3px 0px;} #upgrade_your_family .credit_cards_details dt.margin_top {margin-top:10px;} #upgrade_your_family .credit_cards_details dt.tall {height:75px;} #upgrade_your_family .credit_cards_details dd {text-align:left;padding:3px;} #upgrade_your_family .credit_cards_details dd.margin_top {margin-top:10px;} #upgrade_your_family .credit_cards_details #premium_pricing_radio_buttons {font-size:11px;} #upgrade_your_family .credit_cards_details #premium_pricing_radio_buttons li {margin-bottom:-3px;line-height:2em;} #upgrade_your_family .credit_cards_details #premium_pricing_radio_buttons .savings {font-weight:bold;color:green;} #upgrade_your_family .two_column_container {width:100%;} #upgrade_your_family .two_column_container .left {width:49%;float:left;} #upgrade_your_family .two_column_container .right {width:49%;float:left;} #upgrade_your_family .buttons {text-align:center;} /* Select Account Type */ #select_account .left { float:left;margin-right:20px;padding:20px;height:400px;width:400px; background:url(/images/gradient_blue_440.gif) 0 0 repeat-x;border:1px solid #ccc; } #select_account .right { float:left;padding:20px;height:400px;width:200px; background-color:white;border:1px solid #ccc; } #select_account h3 { margin-bottom: 10px;padding-bottom:5px; background-color:none;border-bottom:1px solid #ccc;color:black;font-size:19px;} #select_account h4 { margin-bottom: 10px;color:black;font-size:15px;font-weight:bold;} #select_account #payment_outer {margin-bottom:20px;width:375px; border:solid 1px #bbb;} #select_account #payment {padding:15px 0px 15px 15px;border:solid 1px yellow;background-color:white;} #select_account #payment dt {width:100px;} #select_account #pro_benefits_table { font-size:11px; color:black; } #select_account #pro_benefits_table .feature_name { font-size:13px; } #select_account #pro_benefits_table td { padding:0px 0px 10px 10px; } #select_account .buttons { text-align:center; margin:10px 0px; } #pro_comparison { text-align:center; } #pro_comparison_table { font-size:11px; margin:10px auto; } #pro_comparison_table th, #pro_comparison_table td { border:1px solid #ccc; text-align:center; } #pro_comparison_table th { padding:5px 10px; font-size:13px; font-weight:bold; background-color:#e8f8ff; } #pro_comparison_table th img { vertical-align:-3px; } #pro_comparison_table .col_1 { padding:0px 5px; text-align:left; } #pro_comparison_table #price_row td { font-weight:bold; color: Black; } #pro_comparison_table #price_row td .highlight { color:#3c8336; } #pro_comparison_table #price_row td.col_1 { color: black; } .new_message_box #pro_comparison_table { margin:20px auto;background-color:White;font-size:12px; } .new_message_box #pro_comparison_table th { padding:6px 8px 5px;color:Black; } .new_message_box #pro_comparison_table td { padding:6px 8px 5px;color:Black; } #pro_comparison .close_header { padding:5px 10px 0px 0px; text-align:right; font-size:11px; text-decoration:none; } #pro_comparison .close_header a { text-decoration:none; } #pro_comparison .close_header img { vertical-align:-3px; } #pro_comparison .buttons { margin-bottom: 10px; } /* trial subscription wall */ #trial_subscription .content { color:black; } #trial_subscription .content h2 { margin-bottom:10px; } #trial_subscription .testimonial { width:95%; color:#777; text-align:right; font-size:11px; } #trial_subscription .testimonial_quote { margin-bottom:5px; font-weight:bold; } #trial_subscription #offer_details_link, #trial_subscription #offer_details_text { font-size:11px; } /* eIFS page (invite_immediate/add_family) */ #add_immediate {width:100%; text-align:center;} #add_immediate .left {width:60%; background-color:#f7f7ee;;border-right:2px solid #ccc;} #add_immediate .right {width:40%;} #add_immediate .add_immediate_title { background: url(/images/gradient_blue_56.gif) 0 0 repeat-x; padding: 10px 0px; border-bottom:1px solid #ccc; font-size:18px; font-weight:bold; } #add_immediate .add_immediate_title p { font-size:11px; font-weight:normal; } #add_immediate .buttons { padding: 0px 0px 20px 0px; } #add_immediate .add_immediate_input_table { margin:20px auto 5px auto; font-size:11px; text-align:left; border-bottom:1px solid #d9d9d9; } #add_immediate .add_immediate_input_table .text_field { width:90px; } #add_immediate .add_immediate_input_table .radio_button { vertical-align:middle; height:20px; width:13px; } #add_immediate .add_immediate_input_table .radio_button_gender { vertical-align:middle; width:13px; } #add_immediate .add_immediate_input_table tr.top td { padding-top:10px; border-top:1px solid #d9d9d9; } #add_immediate .add_immediate_input_table tr.first td { padding-top:0px; border-top:none; } #add_immediate .add_immediate_input_table tr.last td { padding-bottom:10px; border-bottom:1px solid #d9d9d9; } #add_immediate .add_immediate_input_table td { padding-bottom:10px; } #add_immediate .add_immediate_input_table td.col_1 { padding-right:5px; font-size:12px; font-weight:bold; text-align:right; } #add_immediate .add_immediate_input_table td.col_2 { padding-right:5px; } #add_immediate .add_immediate_input_table td select { font-size:11px; } #add_immediate .add_immediate_input_table .tf_100 { width:100px; } #add_immediate .add_another { margin-bottom:10px; padding-right:250px; font-size:11px; text-align:center; } #add_immediate .add_another img { vertical-align:middle; } #add_immediate .add_another a { text-decoration:none; } #add_immediate .add_another a:hover { text-decoration:underline; } /* Progress bar on eIFS page (invite_immediate/add_family) */ #progress_steps { float:right; padding:0px 20px; background: url(/images/progress_bg.gif) 0 0 repeat-y; } #progress_steps .progress_step { padding:7px 10px; float:left; font-size:11px; color:#777; } #progress_steps .current { background: url(/images/progress_arrow.gif) 0 7px no-repeat; padding-left:14px; font-weight:bold; color:black; } #progress_steps .past { background: url(/images/progress_check.gif) 0 8px no-repeat; padding-left:15px; } /* Merge compare page (profile/compare) */ #merge_similar_profiles h1 { border-bottom: 1px DarkGray solid; margin-bottom:20px; } #merge_similar_profiles .compare_container { float:left; width:370px; padding:15px; border:1px solid #ccc; font-size:12px; } #merge_similar_profiles .compare_container_header { background-color:#f5f5f5; padding:5px; margin:-15px -15px 5px -15px; font-weight: bold; } #merge_similar_profiles .compare_table { width:100%; } #merge_similar_profiles .compare_table th { padding:3px; padding-bottom:7px; border-bottom: 1px solid #ccc; } #merge_similar_profiles .compare_table th.col_1 { width:120px; text-align:right; } #merge_similar_profiles .compare_table th.col_2 { padding-left:5px; font-size:20px; } #merge_similar_profiles .compare_table td { padding:3px; vertical-align:top; } #merge_similar_profiles .compare_table td.col_1 { width:120px; color:#777; text-align:right; } #merge_similar_profiles .compare_table td.col_2 { padding-left:10px; } #merge_similar_profiles .compare_table tr.spacer_row { height:10px; } #merge_similar_profiles .compare_table tr.line_row hr { width:80%; border-color:#ddd; } #merge_similar_profiles .compare_table tr.line_row td { text-align:center; } #merge_similar_profiles .arrow { float:left; margin:20px 10px 0px 10px; } #merge_similar_profiles .accept_collaboration_section { margin-top:5px; font-size:11px; } #merge_similar_profiles .accept_collaboration_section input { vertical-align:middle; } #merge_similar_profiles .side_by_side_footnotes { font-size:11px; margin:5px; } #merge_similar_profiles .side_by_side_warnings { background-color: #ffeded; border: 1px #f58a8a solid; color:darkred; padding: 7px 10px; margin:30px auto 20px auto; font-weight:bold; } #merge_similar_profiles .side_by_side_warnings h3 { font-size:15px; float:none; } #merge_similar_profiles .side_by_side_warnings li { margin-bottom:5px; margin-left:15px; list-style-type:disc; } #merge_similar_profiles .side_by_side_warnings p { margin-top:15px; } #merge_similar_profiles .buttons { background-color:#f5f5f5; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; padding:20px 0px; margin-top:20px; height:95px; } #merge_similar_profiles .buttons .button_question { font-size:18px; margin-bottom:10px; } #merge_similar_profiles .buttons_yes_no .button_question { font-size:18px; margin-bottom:10px; } #merge_similar_profiles .cancel_link { margin-top:20px; } #compare_carousel {position:relative;top:0;zoom:1;padding:0px ;width:660px;margin:0 auto;overflow:hidden;} #compare_carousel .carousel_list {width:20000px;margin:0;padding:0;list-style-type:none} #compare_carousel .carousel_item {float:left;vertical-align:middle;margin:5px;text-align:center;width:100px;font-size:11px;} #compare_carousel .profile_pic {margin-bottom:3px;} #compare_carousel .profile_pic img {background:#fff;padding:2px;border:solid 1px #ccc;} #compare_carousel .profile_name img {vertical-align:middle;} #compare_carousel .compare_el {padding:5px;} #compare_carousel .selected {border:solid 3px #ea5} #compare_carousel .status {font-size:11px;color:#3c8336;} #compare_next, #compare_prev {background:url(/images/carousel_prev_rect.gif) no-repeat 0 -15px;width:21px;height:30px;} #compare_next {background:url(/images/carousel_next_rect.gif) no-repeat 0 -15px;width:21px;height:30px;} #compare_next.disabled, #compare_prev.disabled {background-position:0 -134px;} /* collaboration request */ #collaborate_request .content { color:black; } #collaborate_request .collaborate_benefits_container { float:left; } #collaborate_request .collaborate_benefits_title { font-weight:bold; margin-bottom:5px; } #collaborate_request dl dt { font-weight:bold; padding-bottom:10px; } #collaborate_request dl dd { padding-bottom:10px; } #collaborate_request .collaborate_message { width:400px; height:60px; } #collaborate_request .optional { font-weight:normal; font-size:11px; color:#777; } #collaborate_request .buttons { text-align:center; } /* collaboration request */ #collaborate_request_lb h2 { font-size:18px; font-weight:normal; background-color: aliceblue; padding:7px 10px; margin:-20px -20px 15px -20px; } #collaborate_request_lb .content { color:black; } #collaborate_request_lb .collaborate_benefits_container { float:left; margin-bottom:20px; } #collaborate_request_lb dl dt { text-align:right; float:left; width:120px; font-weight:bold; padding:0px 5px 10px 0px; } #collaborate_request_lb dl dd { padding-bottom:10px; } #collaborate_request_lb .collaborate_message { width:400px; height:60px; } #collaborate_request_lb .buttons { text-align:center; } /* Edit Card */ .edit_card_panel {width:620px;} .edit_card_loading {width:100px;height:100px;background:url('/images/edit_card_loading.gif') no-repeat 0 bottom;padding-top:90px;} .edit_card select {border-color:#bbb #eee #eee #bbb;border-style:solid;border-width:1px;font-size:12px;outline:medium none;padding:2px;vertical-align:middle;} .edit_card dl {clear:both;overflow:hidden;zoom:1;padding:1px 0;} .edit_card hr {border-color:#ccc #ccc #eee;border-style:solid;border-width:1px;height:0;} .edit_card_nav {background:url('/images/edit_card_bkgd.gif') repeat-x 0 bottom;overflow:visible;margin-bottom:0px;overflow:hidden;zoom:1;position:relative} .edit_card_nav ul {margin:0 0 -1px 0px;padding:0 0px;font-weight:bold;overflow:hidden;list-style-type:none;} .edit_card_nav ul li {background:url('/images/edit_card_bkgd.gif') repeat-x 0 -100px #dfdfdf;border:solid 1px #aaa;border-bottom:none;color:#1166BB;float:left;font-size:15px;font-weight:bold;margin-left:0px;margin-top:5px;padding:7px 0;text-align:center;width:298px;text-decoration:underline;margin-bottom:1px;cursor:pointer} .edit_card_nav ul li.selected {background-color:#FFFFFF;background-position:0 0;margin-top:0;padding:10px;text-decoration:none} .edit_card .body {background:#fff;border:solid 1px #aaa;border-top:none;} .edit_card .body .content {height:410px;overflow:auto;padding:20px} .edit_card_footer {background:url('/images/edit_card_bkgd.gif') repeat-x 0 -200px #eeeef0;border-top:solid 1px #ccc;padding:5px;} .edit_card_footer img {width:30px;height:30px;vertical-align:middle;border:solid 1px #ccc;} .edit_card_footer .actions {float:right;padding:7px 0 0 0 } .edit_card_footer .actions a {border:solid 1px #ccc;font-size:13px;} .edit_card_profile {font-size:14px;font-weight:bold;color:#666} #edit_card_body.loading {background:url('/images/edit_card_loading_small.gif') center center no-repeat #fff !important;} .edit_card_missing_spouse {background:url('/images/missing_spouse_notice_bkgd.gif') no-repeat right center #eef0dd;padding:15px 50px 15px 15px;border:solid 1px #aaa;margin:25px 50px;clear:both;} /* Tree Matches List (tree/family_matches) */ table.tree_matches_table {width:100%;margin-top:0px;margin-bottom:4px;} table.tree_matches_table thead tr {} table.tree_matches_table thead th {padding:5px 5px 5px 10px;text-align:left;font-size:12px;border-bottom:solid 1px #ccc;border-top:solid 1px #ccc;background-color:#f5f5f5;white-space:nowrap;} table.tree_matches_table th.active {background:url(/images/family_list_th_active.gif) repeat-x;color:#fff;border-left:solid 1px #ccc;border-right:solid 1px #ccc} table.tree_matches_table th.active a {color:#fff;} table.tree_matches_table a.invite_link {font-size:11px;font-weight:normal;text-decoration:none} table.tree_matches_table a.invite_link:hover {text-decoration:underline;} table.tree_matches_table .name_info {font-size:11px;color:#666;font-weight:normal;} table.tree_matches_table .invite_email_form {border:solid 1px #ccc;background-color:#f5f5f5;padding:5px;width:190px;margin-bottom:5px;} table.tree_matches_table .actions a {text-decoration:none;} table.tree_matches_table .actions li {margin-bottom:0px;padding:3px 0px} table.tree_matches_table .actions a:hover {text-decoration:underline;} table.tree_matches_table .close_invite {position:absolute;top:-3px;right:3px;text-decoration:none;color:#666} table.tree_matches_table th.image {width:50px} table.tree_matches_table tr.grayed_out {background-color:#f5f5f5;} table.tree_matches_table td {padding:6px 0px 6px 10px;border-bottom:solid 1px #a9a9a9;vertical-align:top;font-size:11px;} table.tree_matches_table td.icon {width:20px;} table.tree_matches_table td.icon img {margin-top:20px;} table.tree_matches_table td.image {text-align:center;} table.tree_matches_table td.name {font-size:13px;} table.tree_matches_table td.family {width:25%;font-size:11px !important;} table.tree_matches_table td.action_list {width:150px;} table.tree_matches_table td .similar_profiles {font-size:11px;margin-bottom:7px;} table.tree_matches_table td .similar_profiles a {text-decoration:none;background:url(/images/icn_magnifying_glass.gif) no-repeat 0 -1px;padding-left:18px;line-height:16px;display:block;} table.tree_matches_table td .similar_profiles a:hover {text-decoration:underline;} table.tree_matches_table ul.action_items {font-size:11px;margin:0;padding:0;} table.tree_matches_table ul.action_items li {border-top:solid 1px #ddd;} table.tree_matches_table ul.action_items li a {display:block;padding:2px 0px 2px 5px;text-decoration:none;color:#1166bb;zoom:1;} table.tree_matches_table ul.action_items li span {display:block;padding:2px 0px 2px 5px;text-decoration:none;color:#777;} table.tree_matches_table ul.action_items li a:hover {background-color:#16b;color:#fff;} table.tree_matches_table ul.action_items li.first {border:none;} /* Tree Matches on the Home page */ #tree_matches_home li {float:none;width:auto;background:none;border:none;margin:0;padding:0;height:auto;} #tree_matches_home li .cell {border:none;padding:5px 0;border-bottom:solid 1px #ddd;} #tree_matches_home li .image img {width:30px;height:30px;} #tree_matches_home li .cell_content {margin-left:45px;} #tree_matches_home li .similar_profiles {font-size:11px;font-weight:normal;} /* Popular profiles on the Home page */ /* Tree Matches on the Home page */ #popular_profiles_home li {float:none;width:auto;background:none;border:none;margin:0;padding:0;height:auto;} #popular_profiles_home li .cell {border:none;padding:5px 0;border-bottom:solid 1px #ddd;} #popular_profiles_home li .image img {width:30px;height:30px;} #popular_profiles_home li .cell_content {margin-left:45px;} #popular_profiles_home li .relationship {font-size:11px;font-weight:normal;} /* Calendar related stuff */ .calendarSelector { background-color:white; position:absolute; width:200px; border: 1px solid gray; padding: 2px; font-size:10px; } .calendarSelector table { width:100%; } .calendarSelector td { padding:2px; text-align:center; font-size:10px; color:black; background-color:white; } .calendarSelector th { padding:2px; text-align:center; font-size:10px; color:black; background-color:white; font-weight:bold; } .calendarSelector td.today { background-color:lightblue; cursor:pointer; } .calendarSelector td.selected { background-color:#ccc; cursor:pointer; } .calendarSelector td.date_cell { } .calendarSelector td.date_cell:hover { background-color:#ccc; cursor:pointer; } /* Advanced list views */ #advanced_list { overflow:visible; } #advanced_list h1 { margin:0px auto; } #advanced_list .advanced_list_title { float:left; margin-right:10px; } #advanced_list_title_bar.flexible {margin-bottom:-1px;width:100%;border-bottom:solid 1px #ccc;} #advanced_list_title_bar.list_controls {margin-bottom:0px;width:100%;border-bottom:none;} #advanced_list .advanced_list_predefined_selector { font-size:11px; font-weight:normal; line-height:25px; padding-top:3px; float:right; } #advanced_list .advanced_list_group_description { float:left; font-weight:normal; font-size:13px; padding-top:8px; } #advanced_list .edit_bar { padding:10px; background-color:#ffffeb; text-align:center; margin:-5px 0px 10px 0px; border: 1px solid #ccc; } #advanced_list td p { margin-bottom:7px; } #advanced_list td.action_list { width:120px; white-space:nowrap; } #advanced_list #filter_checkboxes { float:left; font-size:11px; margin-left:10px; font-weight:normal; padding:3px 10px; background-color:#feffef; border:solid 1px #e4e3c9; } #advanced_list #filter_checkboxes a { text-decoration: none; } #advanced_list #filter_checkboxes a:hover { text-decoration: underline; } #advanced_list #filter_group { float:left; margin-top:3px; } #advanced_list .modified { border-color:#A3F58A; background-color: #F1FFED; color:black; } #advanced_list .address_book_title_bar { text-align:right; background: transparent url(/images/address_book_tab_bg.gif) no-repeat right 4px; } #advanced_list .address_book_title_bar .title_container { float:left; font-size:23px; font-weight:bold; } #advanced_list .address_book_title_bar .alpha_links_container { padding-top:9px; padding-right:12px; } #advanced_list .address_book_title_bar .alpha_links { float:right; padding:3px 10px 2px; } #advanced_list .address_book_title_bar .alpha_links .title { font-size:11px; vertical-align:1px; color:#888; } #advanced_list .address_book_title_bar .alpha_links .alpha_index_link { font-size:13px; font-weight:bold; text-decoration:none; padding:2px 4px; } #advanced_list .address_book_title_bar .alpha_links .current { color:#000; background-color:#fff; } #advanced_list .address_book_title_bar .alpha_links .alpha_index_link:hover { text-decoration:underline; background-color:#fff; } #advanced_list .family_list_table th, #advanced_list .family_list_table td { padding-right:10px; padding-left:10px; } #advanced_list .family_list_table th { border-left:1px solid #ccc; padding-right:0px; } #advanced_list .family_list_table th.first { border-left:none; } #advanced_list .family_list_table th.sortable { background: transparent url(/images/sort_bg.gif) repeat-x scroll 0 0; } #advanced_list .family_list_table th.sortable:hover { background-color:#ddd; } #advanced_list .family_list_table th.sortable:hover .sort_control { display:block; } #advanced_list .family_list_table th.sortable .sort_link { text-decoration:none; color:#000; width:100%; display:block; } #advanced_list .family_list_table th.current_sort { background: transparent url(/images/sort_bg.gif) repeat-x scroll 0 -100px; } #advanced_list .family_list_table th.current_sort .sort_control { display:block; } #advanced_list .family_list_table th.asc .sort_control { } #advanced_list .family_list_table th.desc .sort_control { display:block; } #advanced_list .family_list_table th.asc .sort_control .up { background: url(/images/sort_arrow_all.gif) -17px 0 no-repeat; } #advanced_list .family_list_table th.desc .sort_control .down { background: url(/images/sort_arrow_all.gif) -17px -13px no-repeat; } #advanced_list .family_list_table td.current_sort { background-color:#f6f6f6; } #advanced_list .family_list_table .sort_title { float:left; } #advanced_list .family_list_table .table_head_container { position:relative; padding-right:20px; } #advanced_list .family_list_table .sort_control { position:absolute; right:21px; margin:-5px -20px -5px 5px; display:none; height:24px; } #advanced_list .family_list_table .sort_control .up { width:17px;height:11px;display:block;background: url(/images/sort_arrow_all.gif) 0 0 no-repeat; } #advanced_list .family_list_table .sort_control .up:hover { width:17px;height:11px;display:block;background: url(/images/sort_arrow_all.gif) -17px 0 no-repeat; } #advanced_list .family_list_table .sort_control .down { width:17px;height:11px;display:block;background: url(/images/sort_arrow_all.gif) 0 -13px no-repeat; } #advanced_list .family_list_table .sort_control .down:hover { width:17px;height:11px;display:block;background: url(/images/sort_arrow_all.gif) -17px -13px no-repeat; } #advanced_list .family_list_table th .sort_control .up, #advanced_list .family_list_table th .sort_control .down { _height:12px !important; overflow:hidden; } #advanced_list_title_bar { width:100%; } #advanced_search_controls_table {float:left;width:740px;} #advanced_search_controls_table h2 {width:100%;margin:30px 0px 10px;font-size:14px;border-bottom:solid 1px #ccc;} #advanced_search_controls_table h2.first {margin-top:5px;} #submit {float:left;margin-left:10px;text-align:center;margin-top:20px;width:120px;font-size:11px;} #submit_button {display:block;margin-bottom:10px;} #advanced_search_controls {padding-right:10px;} .search_results { width:930px;margin:auto; } .search_results_with_sidebar td { vertical-align:top;padding:0;border-top:solid 1px #ccc; } .search_results_with_sidebar #flash_notice { width:930px; } .search_results_with_sidebar .sub_header { margin-top:-1px; } .family_list_table { width:100%; } .search_results_with_sidebar select.country {width:130px;margin-left:15px;} .search_results_with_sidebar input.state {width:123px;} .search_results_with_sidebar select.date_type {margin-left:0px;} .search_results_with_sidebar .match_options_checkbox {padding-left:15px;} .search_results_with_sidebar #advanced_search_controls_table {width:170px;} .search_results_with_sidebar #advanced_search_controls_table td {border:none;} .search_results_with_sidebar #search_sidebar {padding-right:0px;margin-right:10px;} .search_results_with_sidebar #advanced_search_controls {background-color:transparent !important;margin:0px !important;padding:0px !important;border:none;} .search_results_with_sidebar #advanced_search_controls_table td {display:block;width:150px !important;float:left;} .search_results_with_sidebar #advanced_search_controls_table td div {width:170px;} .search_results_with_sidebar #submit {width:150px;margin-top:30px;} .search_results_with_sidebar select {width:130px !important;} .search_results_with_sidebar select.date_type {width:60px !important;margin-bottom:8px;} .search_results_with_sidebar input.year {width:40px;} .search_results_with_sidebar input.state {margin-bottom:8px;} .search_results_with_sidebar .checkbox input {width:auto !important;} .search_results_with_sidebar select.country {margin-left:0px;} .search_results_with_sidebar td.label {padding-top:14px !important;} .search_results_with_sidebar td.first {padding-top:0px !important;} .search_results_with_sidebar .match_options_checkbox {padding-left:0px;} .search_results_with_sidebar #show_more_rows {display:none;} .search_results_with_sidebar #show_more_fields {display:none;} .search_results_with_sidebar .show_hide_link {font-size:13px !important;} #search_sidebar { width:160px;margin:0px 10px 0 0;border-left:solid 1px #ccc;border-bottom:solid 1px #ccc;background-color:LightGoldenrodYellow;padding:7px 15px 0px; } #search_sidebar h4 { margin:2.5em 0 0.5em;font-size:14px;border-bottom:solid 1px #666; } #search_sidebar h4.first { margin-top:7px; } #search_sidebar h5 { margin-top:14px;font-size:13px;color:Black; } #search_sidebar h5.first { margin-top:0; } #search_sidebar h6 { margin-top:4px;font-size:12px;font-weight:normal;color:#333;} #search_sidebar input { width:140px; } #search_sidebar select { width:140px; } #search_sidebar .label { display:block;margin-top:2px; } #search_sidebar .zero_case { margin-top:-5px;font-size:11px;color:#333; } #search_sidebar .button_cell_standard { margin:20px 0 20px;text-align:center; } #search_sidebar #submit_button { display:block;margin-bottom:6px; } #search_sidebar a.show_hide_link { font-size:11px;font-weight:bold;color:Black;text-decoration:none; } #search_sidebar a.show_hide_link:hover { text-decoration:underline; } #search_sidebar .panel { padding:5px 0 6px 15px; } #search_sidebar #add_a_column { padding:2px 0 0 10px;font-size:11px; } #search_sidebar .edit_location_link { margin-bottom:4px; } #search_sidebar .show_hide_square img { margin-bottom:-1px; } #search_sidebar #columns_contents { padding-left:15px; } #search_sidebar .control { padding:1px 0px 6px;} #search_sidebar .control_set { padding:3px 0px 6px; } #search_sidebar .details_style input { margin:0 0 4px 15px;width:115px; } #search_sidebar .three_state_cb_link { float:none; display:block; padding-left:16px; margin-bottom:4px; margin-right:5px; color:#000; text-decoration:none; background:url(/images/cb_three_state_all.gif) 0px 0px no-repeat; } #search_sidebar .three_state_cb_link a:hover { text-decoration:none; } #search_sidebar .three_state_cb_tooltip { background-color:#ffffe1;border:1px solid #666;position:absolute;padding:2px 5px;display:none;font-size:11px;white-space:nowrap; } #search_sidebar .either { background-position:0px 0px; } #search_sidebar .with { background-position:0px -18px; } #search_sidebar .without { background-position:0px -36px; } .upload_lightbox {width:450px !important} .upload_lightbox form {padding:15px;display:block} .upload_lightbox .controls {background:#f5f5f5;border-top:solid 1px #ddd;padding:10px;text-align:right} /* Statistics List view (drilldown pages) */ #statistics_list { overflow:visible; margin-left:10px; margin-right:10px; } #statistics_list h1 { border-bottom: 1px #ccc solid; margin-bottom:20px; } #statistics_list .header_action { float:right; font-size:11px; font-weight:normal; line-height:23px; padding-top:5px; } #statistics_list .subset_filter { float:left; padding:5px 5px 0px 10px; } #statistics_list .advanced_list_title { float:left; margin-right:10px; } #statistics_list .summary_module { width:860px; margin:0px auto 20px auto; } #statistics_list .summary_module_left { float:left; width:185px; height:145px; padding:20px; background-color: #ffffeb; border:1px solid #ccc; } #statistics_list .summary_module_left .filter_label { margin:5px 0px 2px 0px; font-size:11px; color:#4a4a4a; } #statistics_list .summary_module_middle { float:right; min-height:185px; padding:0px 20px 0px 20px; border:1px solid #ccc; } #statistics_list .summary_module_middle .chart_title { text-align:center; border-bottom:1px solid #ccc; margin-top:10px; padding-bottom:4px; font-weight:bold; color:#4a4a4a; } #statistics_list .summary_module_right { float:right; width:280px; padding:20px; height:145px; border:1px solid #ccc; border-left:none; background-color:aliceblue; } #statistics_list .summary_module_middle .statistics_chart_upgrade { font-size:11px; color:#888; text-align:center; line-height:120px; } #statistics_list .summary_module_middle .statistics_chart_upgrade a { text-decoration:none; } #statistics_list .summary_module_middle .statistics_chart_upgrade a:hover { text-decoration:underline; } #statistics_list td p { margin-bottom:7px; } #statistics_list td.action_list { width:150px; white-space:nowrap; } #statistics_list .modified { border-color:#A3F58A; background-color: #F1FFED; color:black; } #statistics_list .edit_bar { padding:10px; background-color:#ffffeb; text-align:center; margin:-5px 0px 10px 0px; border: 1px solid #ccc; } #statistics_list .chart_zero_pie { width:220px; height:120px; text-align:center; background:url(/images/chart_zero_pie.gif) no-repeat; padding:17px 0px; } #statistics_list .chart_zero_bar { width:220px; height:120px; text-align:center; background:url(/images/chart_zero_bar.gif) no-repeat; padding:17px 0px; } #statistics_list .chart_zero_gender { width:220px; height:120px; text-align:center; background:url(/images/chart_zero_gender.gif) no-repeat; padding:17px 0px; } #statistics_list .chart_zero_life_expectancy { width:220px; height:120px; text-align:center; background:url(/images/chart_zero_life_expectancy.gif) no-repeat; padding:17px 0px; } #statistics_list .chart_zero_oldest_youngest { width:220px; height:120px; text-align:center; background:url(/images/chart_zero_oldest_youngest.gif) no-repeat; padding:17px 0px; } #statistics_list .chart_zero_inner { font-size:11px; padding-top:55px; } #statistics_list .family_list_table th, #statistics_list .family_list_table td { padding-right:25px; padding-left:10px; } #statistics_list .family_list_table th { border-left:1px solid #ccc; } #statistics_list .family_list_table th.first { border-left:none; } #statistics_list .family_list_table th.sortable { background: transparent url(/images/sort_bg.gif) repeat-x scroll 0 0; } #statistics_list .family_list_table th.sortable:hover { background-color:#ddd; } #statistics_list .family_list_table th.sortable:hover .sort_control { display:block; } #statistics_list .family_list_table th.sortable .sort_link { text-decoration:none; color:#000; width:100%; display:block; } #statistics_list .family_list_table th.current_sort { background: transparent url(/images/sort_bg.gif) repeat-x scroll 0 -100px; } #statistics_list .family_list_table th.current_sort .sort_control { display:block; } #statistics_list .family_list_table th.asc .sort_control { } #statistics_list .family_list_table th.desc .sort_control { display:block; } #statistics_list .family_list_table th.asc .sort_control .up { background: url(/images/sort_arrow_all.gif) -17px 0 no-repeat; } #statistics_list .family_list_table th.desc .sort_control .down { background: url(/images/sort_arrow_all.gif) -17px -13px no-repeat; } #statistics_list .family_list_table td.current_sort { background-color:#fbfbfb; } #statistics_list .family_list_table .sort_title { float:left; } #statistics_list .family_list_table .sort_control { float:right; position:relative; margin:-5px -20px -5px 0px; display:none; height:24px; } #statistics_list .family_list_table .sort_control .up { width:17px;height:13px;display:block;background: url(/images/sort_arrow_all.gif) 0 0 no-repeat; } #statistics_list .family_list_table .sort_control .up:hover { width:17px;height:13px;display:block;background: url(/images/sort_arrow_all.gif) -17px 0 no-repeat; } #statistics_list .family_list_table .sort_control .down { width:17px;height:12px;display:block;background: url(/images/sort_arrow_all.gif) 0 -13px no-repeat; } #statistics_list .family_list_table .sort_control .down:hover { width:17px;height:12px;display:block;background: url(/images/sort_arrow_all.gif) -17px -13px no-repeat; } #statistics_list .tag_cloud { font-size:11px; padding:10px; margin:5px -15px; background-color:aliceblue; min-height:120px; height:auto !important; height:120px; width:230px; } #statistics_list .tag_cloud a { line-height:24px; text-decoration:none; } #statistics_list .tag_cloud a:hover { text-decoration:underline; } #statistics_list a.tag_cloud_link1 { font-size:100%; padding-right:3px; } #statistics_list a.tag_cloud_link2 { font-size:110%; padding-right:3px; } #statistics_list a.tag_cloud_link3 { font-size:120%; padding-right:3px; } #statistics_list a.tag_cloud_link4 { font-size:125%; padding-right:3px; } #statistics_list a.tag_cloud_link5 { font-size:160%; padding-right:3px; } /* Popular Profiles List view */ #popular_list { } #popular_list h1 { border-bottom: 1px #ccc solid; } #popular_list .header_action { float:right; font-size:11px; font-weight:normal; line-height:23px; padding-top:5px; } #popular_list .header_action a { text-decoration:none; } #popular_list .header_action a:hover { text-decoration:underline; } #popular_list .sub_header { margin-bottom:10px; border-bottom:none; background-color:#fff; } #popular_list .sub_header #pagination { float:right; padding:5px 5px; } #popular_list .sub_footer { margin-bottom:10px; border-bottom:none; background-color:#fff; } #popular_list .sub_footer #pagination { float:right; padding:5px 5px; } #popular_list .sub_header .description { color:#555; float:left; padding:5px 5px; } #popular_list .filters { float:left; margin-right:10px; width:145px; } #popular_list .profiles { float:left; width:705px; } #popular_list .message { background-color:#f1ffed; border:1px solid #a3f58a; color:#1e7b21; padding: 10px 30px; margin-top:10px; text-align:center; } #popular_list .vertical_filter { font-size:13px; background-color:#ffffef; border:1px solid #ccc; padding:10px 0px 10px 10px; } #popular_list .vertical_filter .filter_title { font-weight:bold; color:#555; margin:-5px 0px 10px 0px; } #popular_list .vertical_filter ul li a { display:block; padding-bottom:2px; padding-left:11px; } #popular_list .vertical_filter ul li a.current { background: transparent url(/images/category_bullet.gif) no-repeat scroll 3px 6px; font-weight:bold; color:#000; } #popular_list .vertical_filter a { text-decoration: none; } #popular_list .vertical_filter a:hover { text-decoration: underline; } #popular_list tr.even { background-color:#fcfcfc; } #popular_list .name .linkButtonSmall { line-height:30px; } #popular_list td.name .about_me { font-weight:normal; font-size:11px; } #popular_list td.action_list { width:140px; white-space:nowrap; } /* Purchase policy lightbox (called from premium_benefits_signup) */ .purchase_policy_lightbox { font-size:11px; } .purchase_policy_lightbox .policy_text_container { height:300px;padding:10px 0px;overflow:auto; } .purchase_policy_lightbox .buttons { text-align:center; padding:12px 10px 10px 10px; border-top:2px solid DarkGray; } /* Similar Profiles upsell page for a/b test */ #search_results .header_action { float:right;line-height:35px; } #search_results .header_action a { text-decoration:none; } #search_results .header_action a:hover { text-decoration:underline; } #similar_profiles_upsell .header_action {float:right;line-height:28px;} #similar_profiles_upsell .header_action a {text-decoration: none;} #similar_profiles_upsell .header_action a:hover {text-decoration: underline;} .advanced_search_overlay {position:relative;width:780px;margin-bottom:30px;padding:40px 0px 0px 80px;background:url('/images/advanced_search_overlay.gif') no-repeat;} .advanced_search_overlay .upsell_message {float:left;width:355px;text-align:left;} .advanced_search_overlay .upsell_message img {float:left;} .advanced_search_overlay .payment_section {float:right;margin-right:40px;text-align:center} .advanced_search_overlay #payment_outer {border:solid 1px #bbb;} .advanced_search_overlay #payment {padding:15px;border:solid 1px yellow;width:315px;background-color:#fff;} .advanced_search_overlay .payment_section .buttons {margin:20px 0 0 0;} .advanced_search_overlay .payment_section .buttons a {text-decoration:none;} .advanced_search_overlay .upsell_text {margin:-20px 0 0 10px;float:left;} .advanced_search_overlay .upsell_text ul {margin-top:10px;} .advanced_search_overlay .upsell_text li {margin-bottom:2px;} .advanced_search_overlay .upsell_title {font-size:18px;} .advanced_search_overlay .upsell_title img {float:left;} .advanced_search_overlay .upsell_title_text {padding:3px 0px 0px 90px} .advanced_search_overlay .upsell_footer {margin-top:20px;font-size:18px;} /* request lightboxes (TODO: replace collaborate_request above) */ .request_form_lb h1 {width:630px;background-color: #f1ffed;border:1px #a3f58a solid;border-left:none;border-right:none;color:#1e7b21;padding: 7px 10px;margin:-20px 0 20px -20px;font-weight:bold;font-size:14px;} .request_form_lb .content {color:black;} .request_form_lb .collaborate_benefits_container {float:left;} .request_form_lb .collaborate_benefits_title {font-weight:bold;margin-bottom:5px;} .request_form_lb dl dt {font-weight:bold;padding-bottom:10px;align:left;} .request_form_lb dl dd {padding-bottom:10px;align:left;} .request_form_lb .personal_message {width:400px;height:60px;} .request_form_lb .optional {font-weight:normal;font-size:11px;color:#777;margin-left:5px;} .request_form_lb .buttons {text-align:left;margin-top:10px;} /* Temporary styles for documents lightbox on event pages - can be removed after events is moved to new CSS */ .h2 {color:#444;margin:0 0 5px;} .field {clear:both;overflow:hidden;padding:1px 0;} .field_hd {float:left;padding:8px 0 0;text-align:right;width:80px;} .field_bd {clear:right;margin-left: 90px;padding:3px 0;} .flt_l {float:left;} #media_selector.media_selector input[type="checkbox"] {display:none;} #media_selector.media_selector {height:235px;overflow:auto;border:solid 1px #ddd;border-color:#bbb #eee #eee #bbb;width:450px;background:#fff;margin-right:48px;} #media_selector.media_selector a {display:block;text-decoration:none;padding:5px;border-bottom:solid 1px #ddd;color:#000} #media_selector.media_selector a.selected {background:#6095c5;color:#fff} #media_selector.media_selector a.selected .quiet {color:#fff} #document_wrapper { height:300px;overflow:auto; padding:0px; } #document_wrapper #photo_image img { margin-bottom:15px; } #document_tabs {background:url(/images/tab_bottom.gif) repeat-x bottom;height:62px;clear:both;margin:0px auto;} #document_tabs h3 {float:none;} #document_tabs .tabs {margin:0px;list-style:none;} #document_tabs .tabs li {float:left;background-color:#fff;padding:0px;margin:5px 10px 0px 0px;border:solid 1px #a9a9a9;border-bottom:none;widthhhh:250px;height:55px} #document_tabs .tabs li a {float:left;display:block;padding:9px 13px;line-height:12px;text-decoration:none;} #document_tabs .tabs li a h3 {font-size:12px;} #document_tabs .tabs li a p {text-decoration:none;color:#666;} #document_tabs .tabs li.selected {background:url(/images/tab_bottom_grad.gif) repeat-x bottom;padding-bottom:1px;} #document_tabs .tabs li.selected a {color:#000000;text-decoration:none;text-decoration:none;color:#000;} #document_tabs .tabs li.selected a h3 {text-decoration:none;} #document_form .inner { background-image:url(""); }