/* ========================================================================== Content ========================================================================== */ #content { position:relative; margin-bottom:70px; } #cont_head { height:80px; overflow:hidden; } #cont_head h1 { margin:14px 0 0 17px; float:left; font-size:32px; line-height:.9em; } #cont_head h1 span { display:block; font-size:16px; } #cont_head .photoChooserShell { margin-top: 14px; margin-left: 45px; } .view_all_tributes { float:right; font-size:22px; display:block; padding-right:38px; line-height:28px; margin-top:23px; margin-right:53px; } #share { float:right; margin-top:24px; } #share a { width:28px; height:28px; display:block; float:left; overflow:hidden; text-indent:-99999px; margin-left:7px; } #photoChooser-prev { position: absolute; left: 0; } .additionalFuneralDetails{margin-bottom: 10px!important;} #main { min-height: 420px; float:left; width:653px; position:relative; /*margin-bottom: 43px;*/ } #main.viewAllEtributes-Main { margin-bottom: 43px; } #main div.heroVimeo { z-index: 100; position: absolute; background: #000; } #main div.heroVimeoHide { display: none; } #main div.heroVimeo iframe { display: block; } #main div.heroImage { width: 653px; height: 420px; background-repeat: no-repeat; background-color: transparent; background-position: center center; position: absolute; z-index: 10; background-size: cover; } #main div.funeralGoogleMap, #main div.burialGoogleMap, #main div.rosaryGoogleMap, #main div.additionalService1Map, #main div.additionalService2Map { width: 653px; height: 420px; position: absolute; top: -10000px; } #main div.funeralGoogleMap { z-index: 9; } #main div.burialGoogleMap { z-index: 8; } #main div.rosaryGoogleMap { z-index: 10;} #main div.additionalService1Map { z-index: 12;} #main div.additionalService2Map { z-index: 14;} #main a.showPhotos { position: absolute; z-index: 10; width: auto; display: inline-block; top: 0; right: 0; } /* #main .panel { display: none; width: 653px; height: 420px; } #main .panel.on { display: block; } */ #search_wrap { height:48px; } #search_wrap h3 { font-size:22px; margin:13px 0 0 10px; float:left; padding-right:26px; line-height:19px; } #search_wrap form { float:right; margin-top:12px; } #search_wrap form input[type="text"] { width:164px; height:25px; border:0 none; float:left; font-size:11px; text-indent:6px; } #search_wrap form input[type="submit"] { width:160px; height:25px; border:0 none; float:left; font-size:12px; display:block; text-align:left; text-indent:26px; } #funeralUpdates { position: absolute; width: 653px; height: 372px; z-index: 100; } #funeralUpdates.individualFuneralUpdate { position: absolute; width: 653px; height: 420px; z-index: 100; } #search_results { height: 347px; } #search_results li { min-height: 57px; border-bottom:1px solid #999999; } #search_results li .res1 { width: 309px; float:left; height: 43px; padding: 7px 0 0 15px; position:relative; } #search_results li .res1 a { font-size:18px; text-decoration:underline; display:block; height: 26px; } #search_results li .res1 a:hover { text-decoration:none; } #search_results li .res1 span { display:block; font-size:16px; line-height:1em; } #search_results li .res1:hover .res_roll, #search_results li .res2:hover .res_roll { display:block; } #search_results li .res2 { width:302px; float:left; height: 43px; padding:7px 0 0 15px; position:relative; } #search_results li .res2 p { display:block; font-size:16px; line-height:1.2em; } #search_results li .res2 p a { text-decoration:underline; } #search_results li .res2 p a:hover { text-decoration:none; } #search_results li .res2 div.funeralDetails { position: absolute; bottom: 0px; left: 3px; padding: 10px 15px 10px 10px; width: 301px; z-index: 10; display: none; } #search_results li .res2 div.funeralDetails a.close { position: absolute; top: -19px; right: 0; width: 38px; height: 38px; display: block; text-indent: -9999px; } #search_results li .results { width: 100%; float: none; /* min-height: 50px; */ padding: 7px 0 0 15px; /* position: relative; */ } #search_results li .results .column1 { width: 65px; height: 65px; float: left; display: block; } #search_results li .results .column1 div.image { height: 100%; background-repeat: no-repeat; background-position: center center; } #search_results li .results .column2 { float: left; margin-left: 10px; max-width: 550px;} #search_results li .results .column2 p { max-width: 540px; } #search_results li .results a { font-size: 18px; text-decoration: underline; display: inline; } #search_results li .results a:hover { text-decoration: none; } #search_results li .results span { font-size: 16px; line-height: 1em; } .res_roll { position: absolute; bottom: -9px; left:0; padding-right:33px; width: auto !important; display:none; z-index:10; /* height: 80px; */} /* .res_roll2 { width:450px; } */ .res_roll3 { width:400px !important; } .res_roll div.left { float: left; height: 80px; display: block; position: relative;} #search_results .res_roll div.left a { display: block; height: 100%; } .res_roll img { margin-right:7px; display: block; } .res_roll .close { position:absolute; top:-19px; right:0; width:38px; height:38px; display:block; text-indent:-99999px; } .res_roll_cont { float: left; padding-top:8px; display:block; width: auto !important; position: relative; /* overflow:hidden; */ } .res_roll_cont h4 { font-size:18px; /*float:left;*/ text-decoration:underline; line-height:1em; margin-bottom:0px; white-space: nowrap; display:block; } #search_results li .res_roll_cont span { font-size:16px; display:block; line-height:1em; /*float:left;*/ padding-bottom:4px; } #search_results li .res_roll_cont a { display:block; font-size:18px; /*float:left;*/ white-space: nowrap; } #search_results li .res2 .res_roll { bottom:0; width:295px; } #search_results li .res2 .res_roll p { padding:12px; font-size:16px; } .pagination { text-align:center; height:25px; } .pagination a { display:inline-block; line-height: 27px; padding: 0 12px; font-size:12px; /* margin-left: 10px; */} .feed_wrapper { position:relative; margin-top:3px; } .feed_title { margin-bottom:3px; height:25px; line-height:25px; text-indent:12px; color:#fff; font-size:12px; width: 978px;} .feed_box { width:324px; height:100px; float:left; margin-right:3px; background:#fff; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); overflow:hidden; cursor:pointer; position:relative; } .feed_box_last { margin:0; } .feed_box_img { float:right; position:relative; max-width: 130px; } #etributeHome + .bottomWrapper .feed_box_img { width: 130px; } .latest_media_feed_box .feed_box_img { width: 130px; height: 100px; } .latest_media_feed_box .feed_box_img a { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; } .feed_box_img span { display:block; position:absolute; top:50%; left:0; width:12px; height:26px; margin-top:-13px; } .feed_box_cont { float:left; width: 175px; margin:10px 0 0 10px; } /*.feed_box2 .feed_box_cont { width:238px; }*/ .feed_box_cont h4 { font-size:16px; line-height:1em; margin-bottom:3px; } .feed_box_cont p { font-size:12px; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; } .feed_box_links { margin-top:15px;} .feed_box_links a { font-size:14px; display:block; } .feed_box_hover { position:absolute; top:0; left:-100%; right:0; bottom:0; width: 324px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .feed_box_hover_cont { position:absolute; top:0; left:0; right:16px; bottom:0; padding:10px 0 0 10px; } .feed_box_hover_cont h4 { font-size:16px; margin-bottom:22px; } .feed_box_hover_cont a.l1 { display:inline-block; float:left; width:55%; font-size:14px; } .feed_box_hover_cont a.l2 { display:inline-block; width:45%; float:right; font-size:14px; } .feed_box_hover_cont a.l0 { display:block; font-size:14px; position:absolute; top:22px; right:20px; } .feed_box_hover_cont a span { display: inline-block; width: 90%; vertical-align: top; } .feed_box_hover_cont a#viewSample { position: absolute; top: 22px; right: 22px; } .feed_box:hover .feed_box_hover { left: 0; } #etribute-action-funeral { z-index: 3; } #sidebar { height:420px; width:327px; float:right; position:relative; } #etributeHome #sidebar h2 { text-indent: -9999px; display: block; width: 327px; height: 118px; } #sidebar .text { padding: 15px 5px 10px 10px; overflow: auto; height: 369px; } #etributeHome #sidebar .text { height: 292px; padding-top: 0px; } #sidebar .text h2 { font-size:32px; line-height:1em; margin-bottom:10px; } #sidebar .text p { font-size:16px; margin-bottom:10px; line-height:1.2em; } #sidebar .text .funeralDetails, #sidebar .text .burialDetails, #sidebar .text .rosaryDetails { margin-bottom: 10px; } #sidebar .text .funeralDetails p { margin-bottom:0; } #sidebar .text .burialDetails p { margin-bottom: 0; } #sidebar .text .rosaryDetails p { margin-bottom: 0; } #sidebar .text p:last-child { margin-bottom: 10px; } .view_all_etributes { position:absolute; bottom:0; right: 0; height:25px; text-align:right; padding-right:20px; display:block; width: 117px; font-size:12px; line-height: 27px !important; } #etribute-action-viewall .findOutMore { width: 307px; padding: 0 10px 0 0; } #sidebar .additionalFuneralDetails em, #sidebar .additionalFuneralDetails i { font-style: italic; } #sidebar .additionalFuneralDetails ol, #sidebar .additionalFuneralDetails ul { margin-left: 20px; } #sidebar .additionalFuneralDetails li { color: #fff; } #sidebar .additionalFuneralDetails a { text-decoration: underline !important; } #sidebar .additionalFuneralDetails ol li { list-style: decimal; } #sidebar .additionalFuneralDetails ul li { list-style: disc; } .fixed { /* position: fixed; */ position: absolute; margin-left: 653px; margin-top: 144px; /*top: 156px; left: 653px;*/ } .fixed.stuck { position: fixed; top: 0; } /* ========================================================================== View All results ========================================================================== */ .viewAllSearchBar input[type=text] { border: none; padding: 10px 10px 10px 15px; width: 448px; display: block; position: relative; float: left; outline: none;} .viewAllSearchBar input[type=submit] { height: 36px; border: none; display: block; position: relative; float: right; width: 180px; padding-left: 25px; } .viewAllResults ul#search_results { height: auto; } .viewAllResults ul#search_results li { height: auto; } div.viewAllResults { margin-bottom: 70px; } /* ========================================================================== Register form ========================================================================== */ #register_form { height:347px; } #funeralUpdates.individualFuneralUpdate #registerForm { height: 420px; } .back_btn { position:absolute; bottom:0; left:0; height:25px; text-indent:27px; display:block; width:100%; font-size:12px; line-height:25px; } .bottom_border { position:absolute; bottom:0; left:0; height:25px; display:block; width:100%; } #register_form .text { padding:24px 0 0 24px; } #register_form .text h2 { font-size:22px; line-height:1em; margin-bottom:14px; } #register_form .text h3 { font-size:16px; line-height:1em; } #register_form .text p { font-size:16px; line-height:1.2em; margin-bottom:20px; } #register_form .text p.p2 { margin-bottom:13px; } .l_check, .l_radio { font-size:16px; line-height:20px; } .l_check2 { margin-left:76px; display:block; margin-bottom:10px; } .l_check2 span { padding-left:30px; } .el_wrap { width: 295px; float:left; margin-top:25px; } #register_form .el_wrap { width: 610px; } #register_form input[type="text"] { font-size:14px; text-indent:5px; width:200px; height:20px; background:#fff; border:0 none; float:left; margin-bottom:3px; } #register_form .el_wrap label { font-size:16px; width:85px; float:left; display:block; height:20px; margin-bottom:3px; } #register_form .el_wrap label.error { float: left; position: relative; width: 45%; margin-left: 10px; } #register_form input[type="submit"], #register_form input[type="reset"] { width:161px; height:44px; border:0 none; display:block; float:left; margin:47px 0 0 50px; font-size:16px; text-align:center; text-transform:uppercase; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); } .checks_wrap { overflow:hidden; margin-bottom:21px; } .checks_wrap label { margin-right:15px; } .checks_wrap label .jstyling-radio { margin-left:4px; } .btns_wrap { float:left; margin:20px 0 0 76px; } #register_form .btns_wrap input[type="submit"] { margin:0; float:left; margin-right:50px; } .skip_step { width:161px; height:44px; border:0 none; display:block; float:left; font-size:16px; text-align:center; text-transform:uppercase; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); line-height:44px; } #thanks_message, #thanks_message_video, #covid19Message { position:absolute; bottom:0; right:0; z-index:100; width: 340px; height: 290px; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); } #thanks_message .close, #thanks_message .close2, #thanks_message .closeThanks, #thanks_message_video .close, #thanks_message_video .close2, #thanks_message_video .closeThanks, #covid19Message .close, #covid19Message .close2, #covid19Message .closeThanks { position:absolute; top:-16px; right:0; width:32px; height:32px; display:block; text-indent:-99999px; } #thanks_message .text, #thanks_message_video .text, #covid19Message .text { padding: 25px 0px 0 25px; } #thanks_message_video .text { padding-right: 5px; } #thanks_message h3, #thanks_message_video h3, #covid19Message h3 { font-size:22px; line-height:1em; margin-bottom:5px; } #thanks_message p, #thanks_message_video p, #covid19Message p { font-size:16px; line-height:1.2em; margin-bottom:15px; } #thanks_message .col1, #thanks_message_video .col1 { width:170px; float:left; font-size:16px; line-height:1.2em; } #thanks_message .col2, #thanks_message_video .col2 { width: 136px; float:right; } #thanks_message .text a, #thanks_message_video .text a, #covid19Message .text a { font-size:14px; line-height:1em; margin-bottom:14px; display:block; } #thanks_message .text img, #thanks_message_video .text img, #covid19Message img { /* padding-left:10px; */ } .share { position: relative; bottom:0; right:0; } .share span { float:right; display:block; width:59px; height:25px; line-height:25px; text-transform:uppercase; font-size:12px; text-align:center; } .share a { display: inline-block; /* float:right; */ text-indent:-99999px; width: 23px; height:25px; /* margin:0!important; */ margin-right: -4px; /* position: absolute; */ /* right: 0; */ /* background: #666; */} .share a.shareHover { text-indent: 0; width: 59px; height: 25px; line-height: 25px; position: absolute; right: 3px; z-index: 10;} .share .share_slide { /* display: none; */ position: absolute; width: 71px; right: -15px; top: 0; cursor: default;} .share_bar #clickToSubscribe { height: 25px; line-height: 25px; position: absolute; left: 0; z-index: 10; } #covid19Message { width: 500px; height: 250px; top: 10px; left: 50%; transform: translateX(-50%); padding: 25px; } #covid19Message .text { padding: 0; } /* ========================================================================== Individual Home ========================================================================== */ .view_all_tributes_alt { padding:0; width: 28px; height: 28px; margin-right: 0; position: absolute; float: none; right: 293px; } #subscribe_wrapper { position:absolute; width: 150px; /*height:182px;*/ left: -150px; top:0; } #sidebar .text h2.long { width:420px; } #subscribe_wrapper h4 { height:47px; line-height:1.3em; padding-top:10px; padding-left:14px; } #subscribe_wrapper ul { display:block; } #subscribe_wrapper li { display:block; padding-left:21px; } #subscribe_wrapper li a { font-size:12px; line-height:25px; display:block; } .share_bar { position:absolute; bottom:0; right:0; height:25px; overflow: hidden; width: 100%; } #etribute-action-printed-material .share_bar, #etribute-action-more-memories .share_bar { width: 130px !important; } .share_bar .l1 { font-size:14px; padding-left:20px; } .feed_wrapper2 .feed_box_cont { margin:20px 0 0 21px; width:195px; } .feed_wrapper2 .feed_box_cont h3 { font-size:22px; line-height:1em; margin-bottom:8px; } .feed_wrapper2 .feed_box_cont p { font-size:16px; } .buttons_wrapper { position:relative; } .buttons_wrapper a { display:block; width:158px; height:50px; line-height:50px; float:left; margin-right: 2px; font-size:12px; text-align:center; } .buttons_wrapper a:first-child { margin-right: 3px !important; } .buttons_wrapper2 a:first-child { margin-right: 0 !important; } .buttons_wrapper a.last { margin-left: 1px !important; } .buttons_wrapper_padding { padding-bottom: 50px; margin-top: 3px; margin-left: 0px;} #sidebar .text p.date { margin-bottom:20px; margin-top: 2px;} #sidebar .text h3 { font-size:16px; } .glink { display:block; line-height:30px; padding-left:35px; margin:5px 0; } .carousel_sm { float:left; margin-top:11px; margin-left:5px; } .carousel_sm li { display:block; float:left; margin-right:21px; } .carousel_sm li a img { max-height: 55px; } .feed_wrapper2 .feed_box_hover_cont { padding:15px 0 0 24px; } .feed_box_hover_cont h3 { font-size:22px; margin-bottom:10px; } .feed_box_hover_cont a.l2.l2_alt { width:120px; float:right; } .subscribe_popup { position:absolute; bottom:0; right: 0; z-index:100; width:324px; height:264px; margin-bottom: 50px; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); /* z-index: 10000; */} .subscribe_popup .close { position:absolute; top:-16px; right:4px; width:32px; height:32px; display:block; text-indent:-99999px; } .subscribe_popup .text { padding:15px 5px 0 20px; } .subscribe_popup h3 { font-size:22px; line-height:1em; margin-bottom:15px; } .subscribe_popup h4 { font-size:16px; line-height:1em; margin-bottom:5px; } .subscribe_popup p { font-size:16px; line-height:1.2em; margin-bottom:8px; } .answer { overflow:hidden; margin-left:20px; } .answer a { display:block; padding-top:58px; width:95px; float:left; font-size:16px; text-transform:uppercase; text-align:center; } .answer a.yes_please { margin-right:55px; } .tribute_home { width: 147px; height:80px; position:absolute; top:0; left: -150px; border-left:3px solid #fff; } .tribute_home a { font-size:14px; padding-right:38px; display:block; margin:23px 10px 0 17px; } #main.main_long { height: 550px; } #subscribe_form .text, #subscribe_details_form .text { padding: 24px 24px 0 24px; } #subscribe_form .text h2, #subscribe_details_form .text h2 { font-size:22px; line-height:1em; margin-bottom:14px; } #subscribe_form .text h3, #subscribe_details_form .text h3 { font-size:16px; line-height:1em; clear: both; } #subscribe_form .text p, #subscribe_details_form .text p { font-size:16px; line-height:1.2em; margin-bottom:20px; } #subscribe_form .text p.p2, #subscribe_details_form .text p.p2 { margin-bottom:13px; } #subscribe_form input[type="text"], #subscribe_details_form input[type="text"] { font-size:14px; text-indent:5px; width:200px; height:20px; background:#fff; border:0 none; float:left; margin-bottom:3px; } #subscribe_form .el_wrap label, #subscribe_details_form .el_wrap label { font-size:16px; width: 95px; float:left; display:block; height:20px; margin-bottom:3px; } #subscribe_form #manageSubscriptionForm .el_wrap, #subscribe_details_form #manageSubscriptionForm .el_wrap { width: 400px; } #subscribe_form #manageSubscriptionForm .el_wrap label, #subscribe_details_form #manageSubscriptionsForm .el-wrap label { width: 170px; } #subscribe_form #manageSubscriptionForm .el_wrap label.error, #subscribe_details_form #manageSubscriptionForm .el_wrap label.error { width: 400px; margin-left: 140px !important; display: block; position: relative; } #subscribe_form .el_wrap label.error, #subscribe_details_form .el_wrap label.error { display: block; width: 100%; margin-left: 86px; margin-bottom: 5px; } #subscribe_form input[type="submit"], #subscribe_details_form input[type="submit"] { width:161px; height:44px; border:0 none; display:block; float:left; margin:47px 0 0 50px; font-size:16px; text-align:center; text-transform:uppercase; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); } #subscribe_form .btns_wrap, #subscribe_details_form .btns_wrap { width:170px; margin:50px 0 0 50px; } #subscribe_form .btns_wrap input, #subscribe_details_form .btns_wrap input { margin:0; } .manage_subscriptions { width: 226px; height: 44px; border:0 none; display:block; float:left; margin-left: 30px; /*font-size:12px;*/ text-align: center; text-transform:uppercase; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); line-height: 44px; } #subscribe_form .btns_wrap, #subscribe_details_form .btns_wrap { width: 530px; } #subscribe_form .btns_wrap #manageSubscriptionsApplyAll { margin-left: 50px; } .funeral_details_btn { display:block; margin-top:-10px; } #subscribe_form #manageSubscriptionForm .el_wrap label.l_check, #subscribe_details_form #manageSubscriptionForm .el_wrap label.l_check { /*margin-left: -170px !important;*/ margin-top: 20px; /* display: block; */ width: 280px; display: inline-block !important; } #subscribe_form #manageSubscriptionForm .el_wrap label.l_check div.jstyling-checkbox, #subscribe_details_form #manageSubscriptionForm .el_wrap label.l_check div.jstyling-checkbox { /* float: left; */ margin-left: 7px;} #subscribe_form .el_wrap .sbHolder, #registerFuneral .el_wrap .sbHolder { width: 198px; height: 20px; margin-top: -3px; } #subscribe_form .el_wrap .sbToggle, #registerFuneral .el_wrap .sbToggle { height: 20px; } #subscribe_form .el_wrap .sbSelector, #registerFuneral .el_wrap .sbSelector { height: 20px; width: 170px; } #subscribe_form .el_wrap .sbOptions, #registerFuneral .el_wrap .sbOptions { width: 198px; } /* manage subscriptions list */ #subscriptionOptions .el_wrap { margin-bottom: 20px; margin-top: 5px; } #subscriptionOptions .el_wrap label { width: 135px; } #subscriptionOptions .el_wrap label.l_check { width: 210px; } #subscriptionOptions h3 { margin-bottom: 0; } #subscriptionOptions #christmasInviteLabel { width: 100%; margin-top: 5px; clear: both; } #subscribe_details_form .el_wrap .sbHolder { width: 148px; height: 20px; margin-top: -3px; } #subscribe_details_form .el_wrap .sbToggle { height: 20px; } #subscribe_details_form .el_wrap .sbSelector { height: 20px; width: 120px; } #subscribe_details_form .el_wrap .sbOptions { width: 148px; } #side_feed_boxes { position:relative; bottom:-3px; left:0; } #side_feed_boxes .feed_cont { width: 327px; height: 309px; } #side_feed_boxes .feed_cont2 { width: 327px; height: 209px; position: fixed; margin-left: -10px; margin-top: 106px; } #side_feed_boxes .feed_box { margin:0 0 3px 0; } #side_feed_boxes .feed_box_cont { margin:20px 0 0 21px; width:195px; } #side_feed_boxes .feed_box_cont h3 { font-size:22px; line-height:1em; margin-bottom:8px; } #side_feed_boxes .feed_box_cont p { font-size:16px; } .buttons_shell { position:relative; float:right; width:327px; } .buttons_shell .buttons_wrapper2 { width: 327px; } .buttons_wrapper2 a { display:block; width:158px; height:29px; line-height:29px; border-left:3px solid #b3b3b3; float:left; margin:0 0 2px 1px; font-size:12px; text-align:center; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); } .buttons_wrapper2 a.last { margin:0 0 2px 1px; } #thanks_message.thanks_subscribe { bottom:80px; height:320px; } #sidebar .text a.link2 { display:block; text-decoration:none; margin-top:27px; font-size:14px; } #main.main_long_white { min-height: 630px; height:auto; position: relative; margin-bottom: 50px;} #main.main_long_flag { min-height:480px; height:auto; } #family_attributes, #eulogies, #funeral-recording, #webcast, #dvd-tribute, #printed-material, #more-memories { margin:25px 30px 25px 30px; } #family_attributes h3, #eulogies h3, #funeral-recording h3, #webcast h3, #dvd-tribute h3, #printed-material h3 { font-size:16px; margin-bottom:10px; } #family_attributes p, #eulogies p, #funeral-recording p, #webcast p, #dvd-tribute p, #printed-material p { margin-bottom:10px; } #family_attributes p.attr_name, #eulogies p.attr_name, #funeral-recording p.attr_name, #webcast p.attr_name, #printed-material p.attr_name { margin-top:30px; margin-bottom:0; } .fam_attr { margin-bottom:25px; } .fam_attr img { max-width: 100px; max-height: 100px; } #subscribe_wrapper .etributesSearch { margin-top: 25px; height: 68px; width: 135px; padding-left: 15px; padding-top: 12px;} #subscribe_wrapper .etributesSearch form input[type=submit] { display: inline-block; width: 24px; height: 20px; text-indent: -9999px; border: none; } #subscribe_wrapper .etributesSearch form input.text { height: 17px; border: none; padding: 0 5px; width: 89px; vertical-align: 70%; } #subscribe_wrapper .etributesSearch p { display: block; width: 120px; height: 34px; } #subscribe_wrapper .etributesSearch p a { text-indent: -9999px; display: block; width: 120px; height: 34px; } /* ========================================================================== Condolence Messages ========================================================================== */ #subscribe_wrapper .list2 li { display:block; padding-left:14px; height:58px; } #subscribe_wrapper .list2 li a { font-size:14px; line-height:1.2em; display:block; padding-top:13px; } #subscribe_wrapper .list2 li.threeLines a { padding-top: 6px; padding-right: 5px; } #main_inner { margin: 25px 10px 40px 25px; position: relative; } #main_inner h1 { font-size:22px; margin-bottom:10px; } #main_inner p { font-size:16px; } #main_inner a { text-decoration:underline; } #main_inner a:hover { text-decoration:none; } #main_inner h1 { font-size:22px; margin-bottom:10px; } .select_message { margin-top:15px; } .select_message h2 { font-size:16px; margin-bottom:8px; } .message_type_box { width:490px; height:79px; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); overflow:hidden; position:relative; margin-bottom:3px; } .message_type_img { float:right; position:relative; } .message_type_img span { display:block; position:absolute; top:50%; left:0; width:12px; height:26px; margin-top:-13px; } .message_type_cont { float:left; width:380px; margin:15px 0 0 15px; } .message_type_cont h3 { font-size:22px; line-height:1em; margin-bottom:8px; padding-right:25px; display:inline-block; } .message_type_cont p { font-size:16px; line-height:1.2em; } #namePanel img#selectedSymbolImage2 { float: right; } .messagePanel a.close { position: absolute; top: -19px; right: 0; width: 32px; height: 32px; display: block; text-indent: -9999px; } #etribute-action-symbols #main #main_inner h1 { margin-right: 110px; } #audio_message_popups, #video_message_popups { position: fixed; width:628px; /* top:155px; */ /* left:25px; */ } .audio_popup, .video_popup { padding:20px 10px 20px 20px; } .audio_popup h3, .video_popup h3 { font-size:22px; line-height:1em; margin-bottom:10px; } .audio_popup p, .video_popup p { font-size:16px; line-height:1.3em; } .audio_popup form, .video_popup form { margin-top:10px; overflow:hidden; } .audio_popup form .row_wrap, .video_popup form .row_wrap { float:left; margin-bottom:15px; } .audio_popup form .row_wrap label, .video_popup form .row_wrap label { float:left; width: 124px; font-size:16px; line-height:20px; } .audio_popup form .row_wrap input, .video_popup form .row_wrap input { width: 420px; height: 14px; padding:5px; } .audio_popup form .row_wrap2 input, .video_popup form .row_wrap2 input { width: 272px; } .audio_popup .buttons_wrap, .video_popup .buttons_wrap { float:left; margin-left:5px; width: auto; } .audio_popup .buttons_wrap input[type="submit"], .video_popup .buttons_wrap input[type="submit"] { width:141px; height:30px; border:0 none; display:block; float:left; font-size:16px; text-align:center; text-transform:uppercase; cursor:pointer; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); } .audio_popup .buttons_wrap .upload_btn, .video_popup .buttons_wrap .upload_btn { position:relative; float:left; } .audio_popup .buttons_wrap .upload_btn input[type="file"], .video_popup .buttons_wrap .upload_btn input[type="file"] { opacity:0; width:141px; height:30px; position:absolute; top:0; left:0; } .audio_popup .buttons_wrap .upload_btn a, .video_popup .buttons_wrap .upload_btn a { width:143px; height:30px; border:0 none; display:block; float:left; font-size:16px; text-align:center; text-transform:uppercase; line-height:30px; margin-right:3px; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); } .buttons_wrap2 { overflow:hidden; padding-bottom:8px; margin-top:30px; } .buttons_wrap2 a { width:auto; height:30px; border:0 none; display:block; float:left; text-align:center; line-height:30px; font-size:16px; text-align:center; text-transform:uppercase; cursor:pointer; margin-right:20px; padding:0 15px; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); } #audioSelectedFile, #videoSelectedFile { width: 140px; } #audio_message_popups #thanks_message { bottom:auto; top:0; } #audio_message_popups #thanks_message h3 { margin-bottom:15px; } #select_expression { margin-top:15px; } #select_expression h2 { font-size:16px; margin-bottom:8px; } #select_expression ul { overflow:hidden; } #select_expression a { display:table-cell; vertical-align:middle; width:100%; height:100%; } #select_expression li { float:left; text-align:center; width:50%; height:160px; display:table; } .messagePanel { display: none; position: fixed; left: 50%; margin-left: -375px; } .messagePanel a.close2, .popup a.close2 { position: absolute; top: -16px; right: 0; width: 32px; height: 32px; display: block; text-indent: -9999px; } .popup { /*position:absolute; top:145px; right:0;*/ position: fixed; left: 50%; margin-left: -466px; top: 40% !important; /* z-index: 1000; */} .popup.small_screen { /*position:absolute; top:145px; right:0;*/ position: fixed; left: 50%; margin-left: -468px; top: 18% !important;} .popup h3 { font-size:22px; line-height:1em; margin-bottom:10px; } .popup p { font-size:16px; line-height:1.3em; } .popup label { width:80px; float:left; padding-right:12px; text-align:right; font-size:16px; line-height:20px; } .popup label.error { display: block; width: auto; clear: both; text-align: left; margin-left: 94px; margin-top: 5px; height: initial; } .popup .frow2 label.error { width: 152px;} .popup input[type="text"], .popup input[type="email"] { width: 456px; height:20px; float:left; padding:0 5px; } .popup textarea { width:455px; height: 100px; float:left; font-size:16px; padding:5px; resize:none; } .popup #writtenMessagePrivate { vertical-align: -100%; width: 466px; } .popup .frow { overflow:hidden; margin-bottom:10px; } .popup .frow.frow2 { float:left; } .popup .frow.frow2 input[type="text"] { width:157px; } .popup input[type="submit"] { width:148px; height:30px; border:0 none; display:block; float:left; text-align:center; line-height:30px; font-size:16px; text-align:center; text-transform:uppercase; cursor:pointer; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); } .popup .buttons_wrap { float: right; width:296px; margin-left:5px; } .popup input[type="file"] { opacity:0; width:141px; height:30px; position:absolute; top:0; left:0; cursor: pointer; } .popup .buttons_wrap span { width:143px; height:30px; border:0 none; display:block; float:left; font-size:16px; text-align:center; text-transform:uppercase; line-height:30px; margin-right:3px; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); } .popup .characterCount { text-align: right; margin-bottom: 10px; } .popup .buttons_wrap .upload_btn { position: relative; } .popup .buttons_wrap .upload_btn a { width:143px; height:30px; border:0 none; display:block; float:left; font-size:16px; text-align:center; text-transform:uppercase; line-height:30px; margin-right:3px; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); } .add_symbol { width:467px; height:31px; float:right; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); border-left:3px solid #999999; margin-bottom:10px; } .add_symbol .icon { position:relative; float:left; } .add_symbol .icon span { display:block; position:absolute; top:50%; left:0; width:6px; height:12px; margin-top:-6px; } .add_symbol .l_check { width:270px; float:left; line-height:31px; } #condelence_msg_form { width:567px; padding:15px; top:132px; } #condelence_msg_form form { margin-top:10px; width:560px; } #condelence_msg_form input[type="submit"] { float:right; } .condelence_photo_form { width:574px; padding:15px 40px 15px 15px; top:154px; } .condelence_photo_form form { margin-top:20px; width:574px; } #condelence_msg_form2, #condelence_msg_form3 { width:574px; padding:15px 40px 15px 15px; top:154px; } #condelence_msg_form2 form, #condelence_msg_form3 form { margin-top:10px; width:560px; } #condelence_msg_form4 form { margin-top:10px; width:475px; } #condelence_msg_form2 input[type="submit"], #condelence_msg_form3 input[type="submit"], #condelence_msg_form4 input[type="submit"] { float:right; width:145px; } #symbolsShell { display: none; } #symbols_wrapper { margin:40px 0 20px; } #symbols_wrapper h2 { font-size:16px; margin-bottom:8px; text-transform:uppercase; } #symbols_wrapper ul { overflow:hidden; margin-bottom:10px; } #symbols_wrapper a { display:table-cell; vertical-align:middle; width:100%; height:100%; } #symbols_wrapper li { float:left; text-align:center; width:112px; height:auto; display:table; } .total_num { position:absolute; top: 0px; right:16px; width:87px; height:39px; } .total_num div { border:1px solid #fff; overflow:hidden; width:93px; } .total_num div span { width:12px; height:17px; display:inline-block; margin-right:1px; float:right; font-size:18px; line-height:17px; text-align:center;} #main_inner .total_num p { font-size:14px; width:93px; margin-top:2px; } #select_symbol { width:600px; height:155px; padding:15px; top:175px; } #select_symbol img { float:right; margin-right:20px; display: block;} #select_symbol .buttons_wrap2 { width: 80%; margin-top: 50px; /* vertical-align: bottom; */} #select_symbol .buttons_wrap2 a { padding:0 35px; } #expressionsShell { display: none; } #expressions_wrapper { margin:5px 0 20px; } #expressions_wrapper h2 { font-size:16px; margin-bottom:8px; text-transform:uppercase; } #expressions_wrapper h2 span { text-transform: none !important; } #expressions_wrapper ul { overflow:hidden; margin-bottom:10px; } #expressions_wrapper a { width:100%; height:100%; } #expressions_wrapper li { display: inline-block; text-align:center; width: 170px; height: 180px; margin-right: 30px; margin-bottom: 30px; vertical-align: top; background-size: cover; position: relative; } #expressions_wrapper li div.hover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; } #expressions_wrapper li div.hover a { width: 100px; display: block; height: 30px; line-height: 30px; position: absolute; left: 50%; margin-left: -50px; top: 50%; } #expressions_wrapper li div.hover a.selectExpression { margin-top: -31px; } #expressions_wrapper li img { width: 100%; } /*#expressions_wrapper li:nth-child(2n) { margin-right: 0; }*/ #expressionMessagePanel #expressionMessagePreview { display: block; float: right; width: 100px; height: 100px; margin-right: -10px; margin-top: 13px; background-size: contain; background-position: center center; background-repeat: no-repeat; } #expressionEnlarge { display: none; z-index: 10; position: absolute; right: 0; } #expressionEnlarge.fixed { position: fixed; /* top: 200px; */ /* left: 110px; */ width: 472px; height: 500px; margin-top: 195px; margin-right: 43%; /* bottom: 0; */ /* right: 0; */ /* top: 0; */ /* left: 0; */} #expressionEnlarge a.closeEnlarge { position: absolute; display: inline-block; width: 30px; height: 30px; right: 0; top: -15px; text-indent: -9999px; } #subscribe_popup { width:600px; height:155px; padding:15px; top:175px; } #thanksShell { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; } #thanks_message.popup { /*top:216px;*/ position: fixed !important; left: 50% !important; margin-left: -178px !important; z-index: 1000; } #etribute-action-renew #thanks_message.popup { height: 310px; } #thanks_message.popup h3 { margin-bottom:20px; } #main.main_white { background:#f1efee; height:auto; padding-bottom: 40px;} #main.main_white h1 { line-height:1.1em; } #messages_list { margin:10px 5px 0; } .message_cont { padding:8px 0 0 0; } .message_title { padding-left:48px; position:relative; font-size:14px; margin-bottom:5px; } .message_title .icons { position:absolute; top:-3px; left:5px; } .message_text { padding-left:48px; margin-bottom:25px; padding-right:20px; } .message_text p { font-size:16px; margin-bottom:10px; line-height:1.3em; } .message_text p.p2 { width:435px; } .message_text p.signature { min-width:200px; } .message_text .expression img { max-width: 300px; height: auto; } .comments { position:relative; border-bottom:3px solid #f1efee; } .comments span.icon { position:absolute; top:-12px; left:0; display:block; width:12px; height:25px; } .message_cont .right { float:right; } .message_cont .left { float:left; } .message_cont .center { text-align:center; } .message_cont .portrait { float:left; margin:0 10px 10px 0; max-width: 100%;} .message_cont .landscape { margin:0 0 15px 0; width: 100%; } #messages_list .message_cont div.comments a.openComments, #eulogies .message_cont div.comments a.openComments { display: inline-block; } #messages_list .message_cont div.comments a.open, #eulogies .message_cont div.comments a.open { display: none; } #eulogies .commentsEmbed { margin-top: 20px; } /* ========================================================================== Footer ========================================================================== */ footer { height:43px; position:fixed; bottom:0; left:0; width:100%; z-index:10; } footer p { font-size:11px; line-height:43px; float:left; } footer p.pright { float:right; } footer a { float:right; font-size:11px; line-height:43px; margin-right:24px; } /* ========================================================================== BG Strech ========================================================================== */ * { margin:0; padding:0; } .clear { clear: both; } body { height:100%; -webkit-font-smoothing: subpixel-antialiased; } img { border:none; } #supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:16px; height:16px; margin:-8px 0 0 -8px; text-indent:-999em; /*background:url(/images/ajax-loader.gif) no-repeat center center; */} #supersized { display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; } #supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; } #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/ #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/ #supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; } #supersized a { width:100%; height:100%; display:block; } #supersized li.prevslide { z-index:-20; } #supersized li.activeslide { z-index:-10; } #supersized li.image-loading { background:#111 url(/images/ajax-loader.gif) no-repeat center center; width:100%; height:100%; } #supersized li.image-loading img{ visibility:hidden; } #supersized li.prevslide img, #supersized li.activeslide img{ display:inline; } /* ========================================================================== Select lists (in view all layout) ========================================================================== */ .sbHolder, .sbHolder1, .sbHolder2, .sbHolder3 { height: 26px; position: relative; width: 136px; display: inline-block; vertical-align: middle; } .sbSelector, .sbSelector1, .sbSelector2, .sbSelector3 { display: block; height: 26px; left: 0; line-height: 28px; outline: none; overflow: hidden; position: absolute; width: 120px; top: 0; } .sbSelector:link, .sbSelector1:link, .sbSelector2:link, .sbSelector3:link, .sbSelector:visited, .sbSelector1:visited, .sbSelector2:visited, .sbSelector3:visited, .sbSelector:hover, .sbSelector1:hover, .sbSelector2:hover, .sbSelector3:hover { outline: none; } .sbToggle, .sbToggle1, .sbToggle2, .sbToggle3 { display: block; height: 26px; outline: none; position: absolute; right: 0; top: 0; width: 26px; } .sbOptions, .sbOptions1, .sbOptions2, .sbOptions3 { left: -1px; margin: 0; padding: 0; position: absolute; top: 26px; width: 140px; z-index: 1; overflow-y: auto; max-height: 140px !important;} .sbOptions li, .sbOptions1 li, .sbOptions2 li, .sbOptions3 li { padding: 0; } .sbOptions a, .sbOptions1 a, .sbOptions2 a, .sbOptions3 a { display: block; outline: none; padding: 5px 5px; } .sbOptions .sbDisabled, .sbOptions1 .sbDisabled, .sbOptions2 .sbDisabled, .sbOptions3 .sbDisabled { display: block; padding: 7px 0 7px 3px; } .sbOptions .sbGroup, .sbOptions1 .sbGroup, .sbOptions2 .sbGroup, .sbOptions3 .sbGroup { display: block; padding: 7px 0 7px 3px; } .sbOptions .sbSub, .sbOptions1 .sbSub, .sbOptions2 .sbSub, .sbOptions3 .sbSub { padding-left: 17px; } /* ========================================================================== View All screen ========================================================================== */ div.searchOptions div.searchOption { display: inline-block; height: 28px; margin-right: -3px; } div.searchOptions div.searchOption label { display: inline-block; vertical-align: bottom; min-width: 71px; padding-right: 3px; margin: 0; text-indent: 9px; line-height: 28px; height: 28px; } div.searchOptions div.searchOption select { display: inline; } /* ========================================================================== Eulogy page ========================================================================== */ #eulogies .fam_attr { margin-bottom: 43px; } #eulogies .fam_attr .blurb .title { display: inline-block; position: absolute; top: -15px; left: -10px; padding: 5px 10px; } #eulogies .fam_attr .blurb .title span { display: block; position: absolute; bottom: -10px; left: 0; } #eulogies .fam_attr .blurb .content { position: relative; } #eulogies .fam_attr .blurb .content .left { float: left; width: 150px; height: 150px; position: relative; } #eulogies .fam_attr .blurb .content .left .image { width: 150px; height: 150px; display: block; position: relative; } #eulogies .fam_attr .blurb .content .right p { vertical-align: middle; -webkit-margin-before: 0; -webkit-margin-after: 0; margin-bottom: 10px; padding-right: 15px; } #eulogies .fam_attr .blurb .content .right p img { display: inline-block; vertical-align: 5%; } #eulogies .fam_attr .blurb .content .right p img ~ img { display: inline-block; margin-left: 3px; vertical-align: -15%; } #eulogies .fam_attr .blurb .content .right p.signature { margin-bottom: 0; } /* ========================================================================== View Symbols Placed page ========================================================================== */ #symbols_list { margin-top: 20px; min-height: 500px; } #symbols_list p { margin-left: 25px; } #symbols_list ul.symbols li { display: inline-block; margin-left: 10px; width: 140px; margin-bottom: 10px; vertical-align: top; } #symbols_list ul.symbols li div.symbolMessage { position: relative; } #symbols_list div.fullSymbolMessage { display: none; position: absolute; width: 180px; padding: 10px; bottom: 0; margin-left: -30px; max-height: 100px; z-index: 100;} #symbols_list div.fullSymbolMessage .content { max-height: 100px; } #symbols_list div.fullSymbolMessage a.close { position: absolute; top: -19px; right: 0; width: 38px; height: 38px; display: block; text-indent: -9999px; } #nameForm input[type="submit"] { float: left; width: 260px; } #nameForm div.buttons_wrap2 a { float: right; } #etribute-action-add-symbol #writtenMessagePanel div.buttons_wrap2 { margin-top: 10px; } #etribute-action-add-symbol #writtenMessagePanel div.buttons_wrap2 input[type="submit"] { float: left; width: 270px; margin-left: 90px; } #etribute-action-add-symbol #writtenMessagePanel div.buttons_wrap2 a { float: left; margin-left: 10px; } #etribute-action-add-symbol #condelence_msg_form2, #etribute-action-add-symbol #condelence_msg_form4 { width: 592px; padding: 15px 22px 15px 15px; top:154px; } /* ========================================================================== FLag Inappropriate Content ========================================================================== */ .main_long_flag p { width: 550px; margin-bottom: 16px; } .main_long_flag form h3 { margin-top: 10px; } .main_long_flag form div.input { margin-bottom: 2px; } .main_long_flag form div.input label { display: inline-block; width: 120px; } .main_long_flag form div.input label.error { display: block; margin-left: 120px; width: 450px; } .main_long_flag form div.input input[type="text"] { width: 250px; padding: 2px; } .main_long_flag form div.select label { width: 110px; padding-left: 10px; height: 28px; line-height: 28px; vertical-align: top; } .main_long_flag form div.select .sbHolder { width: 300px; } .main_long_flag #main_inner form div.select .sbHolder .sbSelector { width: 275px; } .main_long_flag #main_inner form div.select .sbHolder .sbOptions { width: 300px; } .main_long_flag form div.submitRow { margin: 10px 50px 20px 120px; text-align: right; } .main_long_flag form div.submitRow input[type="submit"] { width: 161px; height: 44px; border: none; display: inline-block; } /* ========================================================================== Webcast Page ========================================================================== */ #webcast div.funeralDetails { margin-bottom: 20px; } #webcast div.funeralDetails div.left { width: 290px; float: left; } #webcast div.funeralDetails div.left p, #webcast div.funeralDetails div.right p { line-height: 1; } #webcast div.funeralDetails a { display: block; vertical-align: bottom; } #webcast div.funeralDetails div.right { width: 290px; float: right; } /* ========================================================================== Memory Timeline ========================================================================== */ #main_inner .form_footer { display: block; overflow: hidden; clear: both; width: 558px; } #main_inner p { padding: 5px 0; } #main_inner .form_footer a { float: right; display: block; height: 30px; line-height: 30px; width: 148px; margin-left: 3px; } .add_content_photo_popup { top: 301px !important; } .whiteSelect1 { padding-left: 5px; width: 60px; line-height: 25px; height: 25px; } .whiteSelect2 { padding-left: 5px; width: 90px; line-height: 25px; height: 25px; } .whiteSelect3 { padding-left: 5px; width: 67px; line-height: 25px; height: 25px; } .add_content_photo_popup_2 label { float: left; line-height: 25px; height: 28px; padding-left: 19px;} .select { float: left; } .add_content_photo_popup_2 a.form_button { float: right; width: 150px; line-height: 31px; height: 31px; margin: 6px 0; } .or_divider { clear: both; line-height: 22px; height: 22px; margin-bottom: 20px; padding-top: 20px;} .add_content_photo_popup_2 form { margin: 0 !important; } .add_content_photo_popup_2 h3 { margin: 0; } .add_content_photo_popup_2 .row1 p { margin-bottom: 5px; } .add_content_photo_popup_2 .row2 label, .add_content_photo_popup_2 .row2 .select { margin-top: 12px; } .add_content_photo_popup_2 a.form_button { margin-left: 10px; } .add_content_photo_popup_2 { top: 317px !important; } .content_photo_stage_3 { top: 347px !important; } .success_upload_image { top: 0px !important; } #right_bg.home_page { height: 80px; width: 100%; left: auto; } #right_bg.memory_timeline { height: 80px; width: 100%; left: auto; } #main.home_page_main { width: 978px; height: 423px; position: relative; } #content.home_page_content { padding-bottom: 50px; } a.l3 { width: auto; } .feed_box_cont.size2 { width: 310px; } .home_page_main .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; } /*.home_page_main:hover .overlay { opacity: 0; }*/ .home_page_main .overlay_hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } /*.home_page_main:hover .overlay_hover { opacity: 1; }*/ .home_page_main_content { position: relative; width: 100%; height: 100%; z-index: 999; } .home_page_main_content strong { display: block; padding: 49px 0 175px; } .home_page_main_content span { display: block; } .home_page_main_content a { display: block; height: 25px; margin-top: 21px; } .home_page_main_content a.clickable { display: block; position: absolute; width: 420px; height: 420px; top: -20px; left: 50%; margin-left: -210px; } #memory_timeline_header { display: block; height: 79px; position: relative; } #subscribe_wrapper.timeline_header_subscribe h4 { height: 66px; padding-top: 13px; } .memory_timeline_header_entry { width: 32%; float: left; margin-right: 19px; } .memory_timeline_header_entry.last { margin: 0; } .memory_timeline_header_entry h3 { float: left; line-height: 22px; padding-top: 10px; } .memory_timeline_header_entry p { float: left; } .memory_timeline_header_entry .icons { float: left; } .memory_timeline_header_entry .image_holder { float: right; position: relative; } .memory_timeline_header_entry .image_holder span { position: absolute; left: 0; top: 30px; width: 11px; height: 23px; } .memory_timeline_header_entry .icons { clear: left; padding-top: 2px; } .light-icon { display: block; float: left; width: 16px; height: 16px; margin-right: 6px; } #main.memory_timeline { position: relative; width: 980px; background: none; } .memory_timeline_body { overflow: hidden; margin-bottom: 100px; width: 980px; } .memory_timeline_left { padding: 100px 2px 0; width: 654px; float: left; min-height: 600px; } .memory_timeline_middle { width: 654px; float: left; padding: 100px 2px 0; min-height: 600px; } .memory_timeline_right { padding: 100px 2px 0; width: 654px; float: left; min-height: 600px; } .memory_timeline_col { width: 654px; float: left; padding: 100px 2px 20px; height: 100%; position: relative; } .timeline_control_panel { position: absolute; height: 100px; top: 0; left: 0; width: 980px; z-index: 9999; } #timeline_navigation { width: 100%; overflow: hidden; height: 40px; line-height: 34px; margin-bottom: 9px; } #timeline_navigation .sbHolder { position: absolute; width: 200px; left: 50%; margin-left: -100px; top: 5px; padding-left: 25px;} #timeline_navigation .sbSelector { width: 180px; margin-left: 25px;} #timeline_navigation .sbOptions { width: 225px; text-align: left;} #timeline_navigation .sbOptions li a { padding: 0 5px 0 30px; } /*#navigation_bullets a { width: 8px; height: 8px; display: inline-block; margin: 0 9px; margin-top: 13px; }*/ .memory_timeline_col .period { display: block; position: absolute; top: 52px; width: 654px;} .memory_timeline_col.prev-selected .period { right: 0; text-align: center; width: 163px; opacity: 1; } .memory_timeline_col.next-selected .period { left: 0; text-align: center; width: 163px; opacity: 1; } .memory_timeline_col.selected .period { text-align: center; opacity: 1; } .prev_period { width: 161px; display: block; float: left; padding-top: 9px; } #prev_period_button { display: block; float: left; width: 49px; height: 28px; } #next_period_button { display: block; float: left; width: 49px; height: 28px; } .current_period { width: 560px; display: block; float: left; padding-top: 9px; } .next_period { width: 161px; display: block; float: left; padding-top: 9px; } .timeline_entry { overflow: hidden; margin-bottom: 1px; } .timeline_entry { width: 100%; margin: 2px auto; } .timeline_entry .left { width: 50%; float: left; height: 155px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .timeline_entry .entry_content a.readmore { /*float: right; padding-top: 10px;*/ position: absolute; bottom: 13px; right: 13px; } .timeline_entry .entry_content .date { float: right; } .timeline_entry .entry_content .author { position: absolute; bottom: 12px; left: 12px; display: block; width: 128px; height: 14px; line-height: 1; } .timeline_entry .entry_content p { clear: both; padding-top: 10px; line-height: 12px; } .timeline_entry .right { width: 50%; float: right; height: 155px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .timeline_entry .right img { height: 100%; float: left; margin-left: -1px; } .timeline_entry .left img { height: 100%; float: right; margin-right: -1px; } .timeline_entry .symbolFancybox { display: block; height: 100%; width: 50%; text-align: center; position: relative; padding-top: 7%; } .timeline_entry .left .symbolFancybox { margin-left: 50%; } .timeline_entry .symbolFancybox img { width: auto; height: auto; display: inline; margin: 0 auto; float: none; background: transparent !important; } .timeline_entry .entry_content { width: 199px; padding: 6px 14px 12px 12px; height: 155px; margin: 0 1px; position: relative; } .timeline_entry .right .entry_content { float: left; } .timeline_entry .left .entry_content { float: right; } .timeline_entry .entry_content .textMessage { height: 90px; /* background: red; */ position: absolute; top: 22px; width: 176px;} .timeline_entry .timeline_anchor_button { width: 99px; height: 155px; display: block; position: relative; } .timeline_entry .timeline_anchor_button span { display: block; position: absolute; bottom: 0; width: 100%; height: auto; line-height: 1.2; } .timeline_entry .timeline_anchor_button .img_wrapper { width: 99px; height: 134px; display: table-cell; vertical-align: middle; } .timeline_entry .timeline_anchor_button .img_wrapper img { height: auto; float: none; } .timeline_entry .left .timeline_anchor_button { float: right; margin-left: 2px; } .timeline_entry .right .timeline_anchor_button { float: left; margin-left: 2px; } .entry_content_popup.photo { display: none; width: 330px; } .entry_content_popup.photo img { width: 100%; } .entry_content_popup.photo .entry_content_popup_content { padding: 13px; line-height: 12px; } .entry_content_popup.photo .entry_content_popup_content span { margin-top: 10px; display: block; } .entry_content_popup.video { width: 652px; /*height: 393px;*/ display: none; position: relative; } .entry_content_popup.video .video_wrapper { padding: 3px; } .video_info { line-height: 24px; /*height: 24px;*/ padding: 0 14px 0 12px; } .video_info .title { margin-right: 10px; } .video_info .date { display: block; float: right; } .entry_content_popup .popup_share { position: absolute; top: 20px; right: -25px; width: 25px; height: 131px; overflow: hidden; } .entry_content_popup .popup_share span { width: 25px; height: 59px; display: block; } .entry_content_popup .popup_share .popup_share_nav { width: 25px; height: 72px; padding-top: 5px; } .entry_content_popup .popup_share .popup_share_nav li { display: block; } .entry_content_popup .popup_share .popup_share_nav li a { display: block; width: 25px; height: 17px; margin-bottom: 5px; } .entry_content_popup a.close { display: block; position: absolute; top: -19px; right: -19px; width: 38px; height: 38px; } .entry_content_popup.article { width: 442px; display: none; position: relative; } .entry_content_popup.article .entry_content_popup_content { padding: 13px; line-height: 12px; min-height: 106px; } .entry_content_popup.article .entry_content_popup_content p.eulogyText { height: 500px; /*overflow: hidden;*/ } .entry_content_popup.article .entry_content_popup_content p.expressionMessage, .entry_content_popup.article .entry_content_popup_content p.symbolMessage { height: 150px; } .entry_content_popup_content p a { display: block; margin-top: 10px; visibility: hidden; } .entry_content_popup.symbol div.symbolImage { padding: 20px 0; } .article_info { line-height: 24px; height: 24px; } .article_info .title { margin-right: 10px; } .article_info .date { display: block; float: right; } .entry_content_popup.audio { width: 457px; height: 111px; display: none; position: relative; } .entry_content_popup.audio .audio_wrapper { padding: 3px; } .audio_info { line-height: 24px; height: 24px; padding: 0 14px 0 12px; } .audio_info .title { margin-right: 10px; } .audio_info .date { display: block; float: right; } /* no memory timeline styles */ .noMemoryTimeline { height: 423px; width: 978px; } .noMemoryTimeline h2 { display: block; padding: 49px 0 160px; } .noMemoryTimeline p.sorry { display: block; width: 330px; padding: 15px; border-radius: 10px; position: absolute; top: 36%; left: 50%; margin-left: -180px; } /* memory timeline splash page */ .memory_timeline_splash #splash { width: 979px; height: 423px; position: relative; } .memory_timeline_splash #splash h2 { width: 266px; position: absolute; top: 60px; width: 266px; left: 50%; margin-left: -133px; } .memory_timeline_splash #splash h2.memoryTimeline { display: none; } .memory_timeline_splash #splash h3 { position: absolute; top: 310px; width: 296px; left: 50%; margin-left: -148px; } .memory_timeline_splash #splash a { display: block; width: 168px; position: absolute; top: 354px; left: 50%; margin-left: -84px; } /* adding memory timeline content additional styles */ #memoryPhotoDetailsForm .buttons_wrap .upload_btn label.error { margin: 42px 0 0 -185px; position: absolute; } #memoryVideoDetailsForm .buttons_wrap .upload_btn label.error { margin: 42px 0 0 -185px; position: absolute; } /* ========================================================================== Select lists (for adding date in memory timelines) ========================================================================== */ .add_content_photo_popup_2 .sbHolder1 { width: 50px; } .add_content_photo_popup_2 .sbSelector1 { width: 70px; } .add_content_photo_popup_2 .sbOptions1 { width: 50px; } .add_content_photo_popup_2 .sbHolder2 { width: 100px; } .add_content_photo_popup_2 .sbSelector2 { width: 120px; } .add_content_photo_popup_2 .sbOptions2 { width: 100px; } .add_content_photo_popup_2 .sbHolder3 { width: 70px; } .add_content_photo_popup_2 .sbSelector3 { width: 80px; } .add_content_photo_popup_2 .sbOptions3 { width: 70px; } /* ========================================================================== More Memories ========================================================================== */ #more-memories div.blurb { margin-bottom: 20px; } #more-memories div.commentsEmbed { margin-top: 10px; } /* ========================================================================== Renewals ========================================================================== */ .renewalPanel { width: 584px; position: absolute; right: 0; top: 60px; padding: 20px; } .renewalPanel h2 { margin-bottom: 12px; } #selectRenewalForm { margin-top: 20px; } #selectRenewalForm .renewals .renewal { display: inline-block; width: 120px; } #selectRenewalForm .renewals .renewal .left { float: left; margin-right: 10px; } #selectRenewalForm .renewals .renewal .right { float: left; } #selectRenewalForm label.error { display: block; position: absolute; top: 265px; left: 20px; } .renewalPanel .submitRow { margin-top: 16px; } .renewalPanel .submitRow input[type="submit"] { width: 161px; height: 30px; border: 0 none; display: block; float: left; margin: 10px 20px 0 0; font-size: 16px; text-align: center; text-transform: uppercase; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); } #yourDetails #contactHoverPanel { position: absolute; width: 290px; top: 35px; left: 250px; display: none; padding-left: 8px; } #yourDetails #contactHoverPanel p { padding: 10px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); } #yourDetails #yourDetailsForm { margin-top: 12px; } #yourDetails #yourDetailsForm p { font-size: 14px; } #yourDetails #yourDetailsForm div.input { margin-bottom: 3px; } #yourDetails #yourDetailsForm label { display: inline-block; width: 120px; height: auto } #yourDetails #yourDetailsForm input[type="text"] { width: 300px; outline: none; border: none; } #yourDetails #yourDetailsForm input#address2 { margin-left: 123px; margin-top: 3px; } #yourDetails #yourDetailsForm textarea { width: 460px; outline: none; border: none; height: 100px; } #yourDetails #yourDetailsForm label.error { width: 100%; display: block; position: relative; height: auto; margin-left: 122px;} /* ========================================================================== Booklets ========================================================================== */ .bookletsPanel { width: 584px; position: absolute; right: 0; top: 60px; padding: 20px; } .bookletsPanel h2 { margin-bottom: 12px; } .bookletsPanel .bookletThumbnail { float: right; width: 200px; height: 258px; text-align: center; position: relative; margin-top: -30px;} .bookletsPanel .bookletThumbnail a { position: absolute; bottom: 0; width: 100%; left: 0; } #selectBookletForm { margin-top: 20px; } #selectBookletForm .booklets { margin-bottom: 50px; } #selectBookletForm .booklets .hidden { display: none; } #selectBookletForm .renewals .renewal, #selectBookletForm .booklets .booklet { display: inline-block; width: 120px; vertical-align: middle; } #selectBookletForm .renewals .renewal .left, #selectBookletForm .booklets .booklet .left { float: left; margin-right: 10px; } #selectBookletForm .renewals .renewal .right, #selectBookletForm .booklets .booklet .right { float: left; } #selectBookletForm .renewals .clearFields { display: inline-block; vertical-align: top; margin-left: 0px; } #selectBookletForm label.error { display: block; position: absolute; top: 265px; left: 20px; } #selectBookletForm #bookletQty { margin-bottom: 40px; } #selectBookletForm .submitRow p { width: 220px; display: inline-block; float: left; margin-top: 10px; } .bookletsPanel .submitRow { margin-top: 16px; } .bookletsPanel .submitRow input[type="submit"] { width: 161px; height: 30px; border: 0 none; display: block; float: left; margin: 10px 20px 0 0; font-size: 16px; text-align: center; text-transform: uppercase; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); } #orderReview { padding-top: 10px; } .orderReviewPanel { background: #e7ebee; padding: 14px; margin-top: 12px; } .orderReviewPanel .left { float: left; width: 247px; margin-right: 15px; } .orderReviewPanel .left .bookletThumbnail { width: 247px; height: 214px; background-position: center bottom; } .orderReviewPanel .left .totals { padding: 15px; } .orderReviewPanel .left p { margin-bottom: 3px; } .orderReviewPanel .left p.cost { padding: 3px 0; } .orderReviewPanel .right { float: right; width: 293px; } .orderReviewPanel .clear { clear: both; float: none; } .orderReviewPanel .submitRow { } /* 404 layout */ #pageNotFoundLayout { padding: 33px 24px; } #pageNotFoundLayout h2 { margin-bottom: 12px; } #pageNotFoundLayout div.buttons { margin-top: 50px; margin-left: 36px; } #pageNotFoundLayout div.buttons a { display: inline-block; width: 120px; padding: 20px; margin-right: 20px; position: relative; } #pageNotFoundLayout div.buttons a:last-child { margin-right: 0; } #pageNotFoundLayout div.buttons a.etributesSeeAll span { display: block; position: absolute; top: 26px; right: 20px; width: 28px; height: 28px; } /* ========================================================================== Custom form elements ========================================================================== */ .jstyling-select {margin: 0; padding: 0; position:relative; z-index: 0;} .jstyling-select-t {white-space: nowrap; overflow: hidden;} .jstyling-select-l {margin: 0; padding: 0; width: 100%; display: none; position: absolute; overflow-y: auto; z-index: 1000;} .jstyling-select-l div {list-style: none; display: block; white-space: nowrap; overflow: hidden;} .jstyling-select-l div:hover {} .jstyling-select-l div.disabled {} .jstyling-select-l div.disabled:hover {} .jstyling-select.active {z-index: 700; } .jstyling-select.active .jstyling-select-l {display: block;} .jstyling-checkbox, .jstyling-radio {margin: 0; padding: 0; display: inline-block; z-index: 1;} .jstyling-checkbox input[type=checkbox], .jstyling-radio input[type=radio] {opacity: 0; filter: alpha(opacity = 0); z-index: 0;} /* Select wrapper */ .jstyling-select {width: 280px; cursor: pointer; color:#8a9298; font-style:italic; padding:0 20px; font-size:15px; margin-bottom:16px;} /* Select current option */ .jstyling-select-s { height: 50px; line-height: 50px;} .jstyling-select-t {width: 202px;} /* Select options list*/ .jstyling-select-l {max-height: 124px; border-top: 0; top: 51px; left: -1px;} .jstyling-select-l div {height: 20px; padding: 2px;} .jstyling-select-l div:first-child {border-top: 0} /* Checkbox */ .jstyling-checkbox {width: 20px; height: 20px; vertical-align: middle; margin-right:7px; cursor:default;} .jstyling-radio {width: 20px; height: 20px; vertical-align: middle; margin-right:7px; cursor:default;} .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } @media only screen and (max-device-width: 480px) { .messagePanel { position: sticky; top: 50%; left: 73%; z-index: 10000 !important; } div.messagePanel .popup { display: block; position: absolute; z-index: 10000; margin-left: -284px; left: 50%; top: 0; } footer { display: none; } #scrollToTop { display: none !important; } #expressionMessagePanel.messagePanel { left: 95%; } #writtenMessagePanel.messagePanel { left: 102%; } #expressionMessagePanel .popup { position: sticky; top: 50% !important; left: 88% !important; } } /* memory timeline form fix 20140725 */ .popup .row1, .popup .row2 { position: relative; } .popup label.error { display: block; width: auto; clear: both; text-align: left; margin-left: 94px; margin-top: 5px; } .add_content_photo_popup_2 label.error { display: block; margin-left: 0; margin-top: 0; position: absolute; left: -16px; top: 87px; }