::-webkit-input-placeholder { /* WebKit browsers */ color:#999999; opacity:1; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#999999; opacity:1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#999999; opacity:1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color:#999999; opacity:1; } /* custom font loading from fonts.com */ /* font-family:'RotisSemiSansW01-Light'; font-family:'Rotis SemiSans W01'; font-family:'Rotis SemiSans W01 Bold'; */ /* ========================================================================== Font-face ========================================================================== */ @import url("//fast.fonts.net/t/1.css?apiType=css&projectid=15bdef4b-c299-459e-ac42-2ddd49ba374e"); @font-face { font-family: 'dearjoe'; src: url('/css/fonts/dearjoe5casual-webfont.eot'); src: url('/css/fonts/dearjoe5casual-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/dearjoe5casual-webfont.woff') format('woff'), url('/css/fonts/dearjoe5casual-webfont.ttf') format('truetype'), url('/css/fonts/dearjoe5casual-webfont.svg#dearjoe_5_dearjoe5casualtrial') format('svg'); font-weight: normal; font-style: normal; } /* ========================================================================== Content ========================================================================== */ #cont_head { background: rgba(157, 173, 181, 1); } #cont_head h1 { color: #fff; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; } #cont_head h1 span { font-family: "brandon-grotesque", sans-serif; font-weight: 300; font-style: normal; color: #555555; } .view_all_tributes { color: #d4dddc; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; background:url(/images/arrow1.png) right center no-repeat; } .view_all_tributes:hover { color:#d4dddc; } #share a.s1 { background:url(/images/share.png) 0 0 no-repeat; } #share a.s2 { background:url(/images/share.png) -35px 0 no-repeat; } #share a.s3 { background:url(/images/share.png) -70px center no-repeat; } #share a.s4 { background:url(/images/share.png) -105px center no-repeat; } #share a.s5 { background:url(/images/share.png) -140px center no-repeat; } #share a.s6 { background:url(/images/share.png) -175px center no-repeat; } #main { background: #b3b3b3; } #funeralUpdates { background: #666; } #search_wrap { background: #7c7877; } #search_wrap h3 { font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; color:#fff; background:url(/images/seach_icon2.png) right center no-repeat; } #search_wrap form input[type="text"] { background:#fff; } #search_wrap form input[type="submit"] { background:#9aa6ad url(/images/submit_icon.png) no-repeat; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; color:#fff; } #search_results { background: #fff; } #search_results li { background: url('/images/results_icon.png') center center no-repeat; } #search_results li.noRecords { text-align: center; /* line-height: 58px; */ padding: 20px; background: #fff; line-height: 1.6;} #search_results li.noRecords a { color: inherit; text-decoration: underline; } #search_results li.odd { background-color:#f1f2f2; } #search_results li .res1 a { color:#9aa6ad; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; } #search_results li .res1 span { color:#666666; } /*#search_results li .res2 { background:url(/images/results_icon.png) no-repeat; }*/ #search_results li .res2 p { color:#666666; } #search_results li .res2 p a { color:#9aa6ad; } #search_results li .res2 div.funeralDetails { background: #f2f2f2; } #search_results li .res2 div.funeralDetails .close { background: url('/images/x2.png'); } #search_results li .results a { color: #9aa6ad; font-family: "brandon-grotesque", sans-serif; font-weight: 300; font-style: normal; } #search_results li .results p a { color: #a3ae4c; } #search_results li .results span { color: #666; } .res_roll { background:#999999; -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); } .res_roll .close { background:url(/images/x.png); } .res_roll_cont h4 { color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; } #search_results li .res_roll_cont span { color:#cccccc;} #search_results li .res_roll_cont a { color: #afba5a; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; } #search_results li .res_roll_cont h4 a { color: #fff; } #search_results li .res2 .res_roll { background:#f1f2f2;} #search_results li .res2 .res_roll .close { background:url(/images/x2.png); } #photoChooser-prev { background: url('/images/arrow2a.png') center center no-repeat; } a.showPhotos { background: #666; padding: 4px 6px; color: #fff; font-size: 12px; } .pagination { background: #7c7877; } .pagination a { font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; color:#fff; } .pagination a.on, .pagination a:hover { color:#a3ae4c; } .pagination a.view_all_etributes:hover { color: #fff; } .feed_title { background: #a3ae4c; color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } .feed_box { background:#ebebeb; } .feed_box_img { background: #333; } .feed_box_img span { background:url(/images/white_arrow2.png); } .feed_box_cont h4 { color:#a3ae4c; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } .feed_box_cont p { font-family:Arial, Helvetica, sans-serif; } .feed_box_links a { color:#9eadb5; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } .feed_box_hover { background:url(/images/bg_h.png) top right no-repeat !important; } .feed_box_hover_cont { background:#666666 !important; } .feed_box_hover_cont h4 { color:#fff !important; font-family:"brandon-grotesque" !important; } .feed_box_hover_cont a.l1 { color: #afba5a!important; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; text-decoration: none !important; /*text-transform: uppercase;*/ } .feed_box_hover_cont a.l2 { color:#cccccc !important; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; text-decoration: none !important; /*text-transform: uppercase;*/ } .feed_box_hover_cont a.l0 { color:#cccccc !important; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; text-decoration: none !important; } .feed_box_hover_cont a#viewSample { color: #ccc; font-size: 14px; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } #sidebar { background: #a3ae4c; } #etributeHome #sidebar h2 { background: url('/images/etributes_home_heading.png') center center no-repeat; } #sidebar .text h2 { font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; color:#fff; } #sidebar .text p { color:#fff; } #sidebar .text p a { color: #fff; text-decoration: none; } #sidebar .text .donationsCopy p a { text-decoration: underline; } #sidebar .text p a#clickToRegister { text-decoration: underline; } #sidebar .text .funeralDetailsNone p a { color: #666666; text-decoration: underline; } #sidebar .additionalFuneralDetails em { font-family:"BrandonGrotW01-LightIt"; } #sidebar .additionalFuneralDetails em strong, #sidebar .additionalFuneralDetails strong em { font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: italic; } .view_all_etributes { background: url(/images/view_all_icon.png) left center no-repeat; color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } #etribute-action-viewall .view_all_etributes { background-color: #666; } .findOutMore { background-position: 90px 6px; } /* ========================================================================== View All results ========================================================================== */ div.viewAllResults { background: #fff; } div.viewAllResults #search_results li { background-image: none; } .viewAllSearchBar input[type=text] { font-size: 14px; } .viewAllSearchBar input[type=submit] { background: #99a6ae url('/images/view_all_icon.png') 10px center no-repeat; font-family: "brandon-grotesque"; font-size: 12px; text-transform: uppercase; text-align: left; color: #fff; } /* ========================================================================== Register form ========================================================================== */ #register_form { background:#666666; } .back_btn { background:#999999 url(/images/view_all_icon.png) 8px center no-repeat; color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } .bottom_border { background:#999999; } #register_form .text h2 { color:#a3ae4c; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } #register_form .text h3 { color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; } #register_form .text p { color:#fff; } .l_check, .l_radio { color:#fff; } #register_form input[type="text"] { color:#666; background:#fff; } #register_form .el_wrap label { color:#fff; } #register_form .el_wrap label.error { color: #f99; } #register_form input[type="submit"], #register_form input[type="reset"] { background:url(/images/submit_btn.png); color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; } .skip_step { background:url(/images/submit_btn.png); color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; } #thanks_message, #thanks_message_video, #covid19Message { background:#9eadb5; } #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 { background:url(/images/x3.png); } #thanks_message h3, #thanks_message_video h3, #covid19Message h3 { color:#333333; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } #thanks_message p, #thanks_message_video p, #covid19Message p { color:#fff; } #thanks_message .col1, #thanks_message_video .col1 { color:#fff; } #thanks_message .text a, #thanks_message_video .text a, #covid19Message .text a{ font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; color:#fff; } .share { /* background:#666666; */ /* text-align: right; */} .share span { color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } .share a.shareHover { color: #fff !important; text-decoration: none !important; text-align: center; text-transform: uppercase; font-size: 12px; position: absolute; right: 3px; background: #666; z-index: 10;} .share a.s1 { background:url(/images/share2.png); } .share a.s2 { background: url(/images/share2.png) -24px 0; } .share a.s3 { background: url(/images/share2.png) -47px 0; } .share_bar #clickToSubscribe { background: #666; color: #fff; text-transform: uppercase; font-size: 12px; width: 100px; text-align: center;} /* ========================================================================== Custom form elements ========================================================================== */ /* Select wrapper */ .jstyling-select { background:#f8f8f8; color:#8a9298; } /* Select current option */ .jstyling-select:hover { background:#fff; border:1px solid #dddddd; } .jstyling-select-s { background: url(images/dropdown.png) no-repeat center right;} /* Select options list*/ .jstyling-select-l { background:#f8f8f8; border:1px solid #dddddd; } .jstyling-select-l div:hover {background: #eeeeee;} .jstyling-select-l div.disabled {background: #E5E5E5;} .jstyling-select-l div.disabled:hover {color: #000000;} .jstyling-select.active {background-position: 100% -28px;} .jstyling-select.disabled {background-color: #E5E5E5;} /* Checkbox */ .jstyling-checkbox { background: url(/images/checkbox.png) no-repeat; } .jstyling-checkbox.active { background-position:0 -20px; } .jstyling-radio { background: url(/images/checkbox.png) no-repeat; } .jstyling-radio.active { background-position:0 -20px; } /* ========================================================================== Individual Home ========================================================================== */ .view_all_tributes_alt { background:url(/images/arrow2.png); } #subscribe_wrapper h4 { background:#666666 url(/images/arrow3.png) 0 center no-repeat; color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; border-left:3px solid #b3b3b3; font-size:14px; } #subscribe_wrapper h4.on { background:#a3ae4c url(/images/arrow3.png) 0 center no-repeat; border-left: 3px solid #d1d7a6; } #subscribe_wrapper h4 a { color: #fff; display: block; } #subscribe_wrapper li.on { background:#a3ae4c url(/images/view_all_icon.png) 4px center no-repeat; } #subscribe_wrapper li.odd { background:#9eadb5 } #subscribe_wrapper li.on.odd { background:#a3ae4c url(/images/view_all_icon.png) 4px center no-repeat; } #subscribe_wrapper li.even { background:#9aa6ad } #subscribe_wrapper li.on.even { background: #a3ae4c url(/images/view_all_icon.png) 4px center no-repeat; } #subscribe_wrapper li a { color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } #sidebar .share_bar .l1 { color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; text-decoration:none; } #subscribe_wrapper li.facebook { background-image: url('/images/icon_facebook.png'); background-repeat: no-repeat; background-position: 4px 4px; } #subscribe_wrapper li.twitter { background-image: url('/images/icon_twitter.png'); background-repeat: no-repeat; background-position: 4px 4px; } #subscribe_wrapper li.pinterest { background-image: url('/images/icon_pinterest.png'); background-repeat: no-repeat; background-position: 4px 4px; } #subscribe_wrapper li.instagram { background-image: url('/images/icon_instagram.png'); background-repeat: no-repeat; background-position: 4px 4px; } .feed_wrapper2 .feed_box_cont h3 { color:#333333; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } .feed_wrapper2 .feed_box_cont p { color:#666666; font-family: "brandon-grotesque", sans-serif; font-weight: 300; font-style: normal; } .buttons_wrapper a { background:#666666 url(/images/arrow3.png) 0 center no-repeat; color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; border-left:3px solid #b3b3b3; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); } #sidebar .text h3 { font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; color:#fff; } #sidebar .text a { color:#666666; text-decoration:underline; } #sidebar .text strong { font-family: "brandon-grotesque", sans-serif;font-weight: 500;font-style: normal; } #sidebar .text em { font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: italic;} #sidebar .text .feed_box_hover_cont a { text-decoration: none; } #sidebar .text .feed_box_hover_cont a h3 { font-size: 20px; } #sidebar .text a:hover { text-decoration:none; } #sidebar .text .feed_box_hover_cont a#viewSample { top: 15px; color: #ccc; } #sidebar .text a.glink { background:url(/images/gicon.png) 0 0 no-repeat; color:#fff; text-decoration:none; } .feed_box_hover_cont h3 { color:#fff !important; font-family:"brandon-grotesque" !important; text-decoration: none; } .feed_box_hover_cont h3 a { color: #fff; } .subscribe_popup { background:#9eadb5; } .subscribe_popup .close { background:url(/images/x3.png); } .subscribe_popup h3 { color:#333333; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } .subscribe_popup h4 { color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; } .subscribe_popup p { color:#fff; } .answer a { color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; } .answer a.yes_please { background:url(/images/yes_please.png) top center no-repeat; } .answer a.no_thanks { background:url(/images/no_thanks.png) top center no-repeat; } .tribute_home { background: #e9e9e9 url(/images/arrow4.png) 0 center no-repeat; } .tribute_home a { color:#666666; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; background:url(/images/home_icon.png) 70px top no-repeat; } #main.main_long { background:#666666; } #subscribe_form .text h2, #subscribe_details_form .text h2 { color: #afba5a; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } #subscribe_form .text h3, #subscribe_details_form .text h3 { color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; } #subscribe_form .text p, #subscribe_details_form .text p { color:#fff; } #subscribe_form .text p a, #subscribe_details_form .text p a { color: #a3ae4c; text-decoration: underline; } #subscribe_form input[type="text"], #subscribe_details_form input[type="text"] { color:#666; background:#fff; } #subscribe_form .el_wrap label, #subscribe_details_form .el_wrap label { color:#fff; } #subscribe_form .el_wrap label.error, #subscribe_details_form .el_wrap label.error { color: #f99; } #subscribe_form input[type="submit"], #subscribe_details_form input[type="submit"] { background:url(/images/submit_btn.png); color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; } .manage_subscriptions { background: url(/images/submit_btn.png) left center no-repeat; color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; } #sidebar .text a.funeral_details_btn { color:#fff; text-decoration:none; /* font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; */ } #side_feed_boxes .feed_box_cont h3 { color:#333333; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } #side_feed_boxes .feed_box_cont p { color:#666666; font-family: "brandon-grotesque", sans-serif; font-weight: 300; font-style: normal; } #sidebar .text a.link2 { color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } #main.main_long_white { background:#f0efee; } #family_attributes h3, #eulogies h3 { color:#a3ae4c; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; text-transform: uppercase; } #family_attributes p, #eulogies p, #funeral-recording p, #webcast p, #dvd-tribute p { color:#333333; } #family_attributes p.signature, #eulogies p.signature { font-family:"dearjoe"; } #subscribe_wrapper .etributesSearch { background: #9aa6ad url('/images/button_border_left.png') left center no-repeat; } #subscribe_wrapper .etributesSearch form input[type=submit] { background: url('/images/search_icon3.png'); } #subscribe_wrapper .etributesSearch form input.text { background: #bfcccf; font: 11px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #666; } #subscribe_wrapper .etributesSearch p { background: url('/images/etributes_search_heading.png') center center no-repeat; } /* ========================================================================== Condolence Messages ========================================================================== */ #subscribe_wrapper .list2 li.on { background:#a3ae4c url(/images/view_all_icon.png) 4px center no-repeat; } #subscribe_wrapper .list2 li.odd { background:#9eadb5 url("/images/arrow3.png") no-repeat scroll 0 center; border-left:3px solid #cdd3d6; } #subscribe_wrapper .list2 li.on.odd { background:#a3ae4c url("/images/arrow3.png") no-repeat scroll 0 center; border-left:3px solid #d1d7a6; } #subscribe_wrapper .list2 li.even { background:#9aa6ad url("/images/arrow3.png") no-repeat scroll 0 center; border-left:3px solid #cdd3d6; } #subscribe_wrapper .list2 li.on.even { background:#a3ae4c url("/images/arrow3.png") no-repeat scroll 0 center; border-left: 3px solid #d1d7a6; } #subscribe_wrapper .list2 li a { color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } #main_inner h1 { color:#a3ae4c; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } #main_inner p { color:#333333; } #main_inner p.p1 { color:#666666; } #main_inner a { color:#9eadb5; } #main_inner p.symbolCategories a { color: #47a6ab; } .messagePanel a.close, .messagePanel a.close2, .popup a.close2 { background: url('/images/x3.png'); } .select_message h2 { color:#333333; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; } .message_type_box { background:#fff; } .message_type_img span { background:url(/images/white_arrow.png); } .message_type_cont h3 { color:#333333; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } .message_type_cont h3.title1 { background:url(/images/icon1.png) top right no-repeat; } .message_type_cont h3.title2 { background:url(/images/icon2.png) top right no-repeat; padding-right:45px; } .message_type_cont h3.title3 { background:url(/images/icon3.png) top right no-repeat; padding-right:45px; } .message_type_cont h3.title4 { background:url(/images/icon4.png) top right no-repeat; } .message_type_cont h3.title5 { background:url(/images/icon5.png) top right no-repeat; } .message_type_cont h3.title6 { background:url(/images/icon6.png) top right no-repeat; padding-right:45px; } .message_type_cont h3.title8 { background:url(/images/icon8.png) top right no-repeat; padding-right:45px; } .message_type_cont p { color:#666666; } .message_type_cont a { color:#9eadb5; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } .audio_popup, .video_popup { background:#9aa6ad; } .audio_popup h3, .video_popup h3 { color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } .audio_popup p, .video_popup p { color:#333333; } #main_inner .audio_popup p a, #main_inner .video_popup p a { color: #333; text-decoration: underline; } .audio_popup form .row_wrap label, .video_popup form .row_wrap label { color:#fff; } .audio_popup form .row_wrap input, .video_popup form .row_wrap input { background:#fff; border:0 none; font-family: "brandon-grotesque", sans-serif;font-weight: 300;font-style: normal; } .audio_popup .buttons_wrap input[type="submit"], .video_popup .buttons_wrap input[type="submit"] { background:url(/images/submit_btn.png) 0 -5px; color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; } .audio_popup .buttons_wrap .upload_btn a, .video_popup .buttons_wrap .upload_btn a { background:url(/images/submit_btn.png) 0 -5px; color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; } #main_inner .buttons_wrap2 a { background:#666666 url(/images/submit_btn.png) 0 -5px no-repeat; color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; color:#fff; text-decoration:none; } #main_inner .buttons_wrap2 a.disabled { background: #999; color: #ccc; cursor: default; } #expressions_wrapper li { text-align:center; } #expressions_wrapper li div.hover { background: rgba(240, 239, 238, 0.5); } #expressions_wrapper li div.hover a { text-align: center; color: #000; text-decoration: none; background: rgba(255, 255, 255, 0.9); } #expressions_wrapper li div.hover a.selectExpression { border-bottom: 1px solid #000; } #expressionEnlarge { background: #fff; } #expressionEnlarge a.closeEnlarge { background: transparent url('/images/x4.png') center center no-repeat; border-radius: 15px; } #expressionEnlargeImage { max-width: 500px; max-height: 500px; } #select_expression h2 { color:#333333; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; } .popup { background:#9aa6ad; } .popup h3 { color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } .popup p { color:#333333; } .popup input[type="text"], .popup input[type="email"] { background:#fff; border:0 none; font-family: "brandon-grotesque", sans-serif; font-weight: 300; font-style: normal; } .popup label { color:#fff; } .popup label.error { color: #333; } .popup textarea { color:#333333; font-family: "brandon-grotesque", sans-serif; font-weight: 300; font-style: normal; } .popup input[type="submit"] { background:#666666 url(/images/submit_btn.png) 0 -5px no-repeat; color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; color:#fff; text-decoration:none; } .popup input[type="submit"].disabled { background: #999; color: #ccc; } .popup .buttons_wrap .upload_btn a { background:url(/images/submit_btn.png) 0 -5px; color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; text-decoration: none !important; color: #fff !important; } .popup .buttons_wrap .upload_btn a.disabled { background: #999; color: #ccc; } .add_symbol { background:#666666; } .add_symbol span { background:url(/images/arrow5.png); } #condelence_msg_form { background:#9aa6ad; } .popup .buttons_wrap span { background:#666666 url(/images/submit_btn.png) 0 -5px no-repeat; color:#fff; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; color:#fff; text-decoration:none; } #symbols_wrapper h2 { color:#333333; font-family: "brandon-grotesque", sans-serif; font-weight: 500; font-style: normal; } #main.main_white { background:#f0efee; } #messages_list { background:#fff; } .message_title { color:#333333; } .message_title span { font-family:"dearjoe"; font-size:16px; } .comments span.icon { background:url(/images/arrow6.png); } .message_text p { color:#333333; } .message_text p.signature { font-family:"dearjoe"; } #messages_list .message_text .expression { text-align: left; } #messages_list div.comments a.openComments, #eulogies div.comments a.openComments, #more-memories div.comments a.openComments { text-transform: uppercase; color: #fff; background: #666666; padding: 5px; font-size: 12px; } .total_num div span { background:#a3ae4c; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; color:#fff; } #main_inner .total_num p { color:#a3ae4c; } /* ========================================================================== Footer ========================================================================== */ footer { /* background: #333; */ } footer p { color:#cccccc; font-family:Verdana, Geneva, sans-serif; } footer a { color:#cccccc; font-family:Verdana, Geneva, sans-serif; } /* ========================================================================== Select lists (in view all layout) ========================================================================== */ .sbHolder { background-color: #99a6ae; border: solid 1px #99a6ae; font-family: "brandon-grotesque", sans-serif; font-size: 12px; font-weight: normal; text-transform: uppercase; } .sbSelector { text-indent: 5px; } .sbSelector:link, .sbSelector:visited, .sbSelector:hover { color: #ffffff; text-decoration: none; } .sbToggle { background: url('/images/dropdown_icon.png') center center no-repeat; } .sbToggle:hover, .sbToggleOpen, .sbToggleOpen:hover { background: url('/images/dropdown_icon.png') center center no-repeat; } .sbHolderDisabled { background-color: #3C3C3C; border: solid 1px #515151; } .sbOptions { background-color: #99a6ae; border: solid 1px #99a6ae; list-style: none; -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); } .sbOptions a { background-color: #99a6ae; } .sbOptions li:nth-child(2n) a { background-color: #9eadb4; } .sbOptions a:link, .sbOptions a:visited { color: #ffffff; text-decoration: none; } .sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus { background-color: #a3ae4c; } .sbOptions li:nth-child(2n) a:hover { background-color: #a3ae4c; } .sbOptions li.last a { border-bottom: none; } .sbOptions .sbDisabled { border-bottom: dotted 1px #515151; color: #999; } .sbOptions .sbGroup { border-bottom: dotted 1px #515151; color: #EBB52D; font-weight: bold; } /* ========================================================================== Subscribe form ========================================================================== */ #subscribe_form .el_wrap .sbHolder { background: #fff; color: #000; border: 1px solid #fff; } #subscribe_form .el_wrap .sbToggle { background-image: url('/images/dropdown_icon_black.png'); } #subscribe_form .el_wrap .sbSelector { color: #000; line-height: 20px; text-transform: none; font-size: 14px; } #subscribe_form .el_wrap .sbOptions { border: 1px solid #fff; background: #fff; } #subscribe_form .el_wrap .sbOptions li { background: #fff; } #subscribe_form .el_wrap .sbOptions li a { background: #fff; color: #000; text-transform: none; font-size: 14px; } #subscribe_form .el_wrap .sbOptions li a:hover { background: #000; color: #fff; } /* ========================================================================== Register for updates to eTribute ========================================================================== */ #registerFuneral .el_wrap .sbHolder { background: #fff; color: #000; border: 1px solid #fff; } #registerFuneral .el_wrap .sbToggle { background-image: url('/images/dropdown_icon_black.png'); } #registerFuneral .el_wrap .sbSelector { color: #000; line-height: 20px; text-transform: none; font-size: 14px; } #registerFuneral .el_wrap .sbOptions { border: 1px solid #fff; background: #fff; } #registerFuneral .el_wrap .sbOptions li { background: #fff; } #registerFuneral .el_wrap .sbOptions li a { background: #fff; color: #000; text-transform: none; font-size: 14px; } #registerFuneral .el_wrap .sbOptions li a:hover { background: #000; color: #fff; } /* ========================================================================== Manage Subscriptions form ========================================================================== */ #subscribe_details_form .el_wrap .sbHolder { background: #fff; color: #000; border: 1px solid #fff; } #subscribe_details_form .el_wrap .sbToggle { background-image: url('/images/dropdown_icon_black.png'); } #subscribe_details_form .el_wrap .sbSelector { color: #000; line-height: 20px; text-transform: none; font-size: 14px; } #subscribe_details_form .el_wrap .sbOptions { border: 1px solid #fff; background: #fff; } #subscribe_details_form .el_wrap .sbOptions li { background: #fff; } #subscribe_details_form .el_wrap .sbOptions li a { background: #fff; color: #000; text-transform: none; font-size: 14px; } #subscribe_details_form .el_wrap .sbOptions li a:hover { background: #000; color: #fff; } #manageSubscriptionOptionForm #subscriptionOptions h3 { color: #a3ae4c; } /* ========================================================================== View All screen ========================================================================== */ div.searchOptions { background: #99a6ae; } div.searchOptions div.searchOption label { text-transform: uppercase; font-size: 12px; color: #fff; border-left: 2px solid #999999; background: url('/images/arrow5.png') center left no-repeat; background: #666; } /* ========================================================================== Eulogy page ========================================================================== */ #eulogies h3 { text-transform: none; font-size: 20px; color: #a3ae4c; font-weight: normal; font-family: "brandon-grotesque"; } #eulogies .fam_attr .blurb { background: #fff; } #eulogies .fam_attr .blurb { padding: 30px 10px 10px 10px; position: relative; margin-top: 30px; margin-bottom: 20px; } #eulogies .fam_attr .blurb .title { background: #333333; color: #fff; font-family: "brandon-grotesque"; font-size: 14px; box-shadow: 5px 5px 5px #ccc; } #eulogies .fam_attr .blurb .title span { border-right: 5px solid #333; border-top: 5px solid #333; border-bottom: 5px solid transparent; border-left: 5px solid transparent; } #eulogies .fam_attr .blurb .content .left .image { background-repeat: no-repeat; background-position: center center; } #eulogies .fam_attr .blurb .content .right { width: 70%; float: right; min-height: 100px; position: relative; display: table;} #eulogies .fam_attr .blurb .content p.signature { text-align: right; } #eulogies .fam_attr .blurb .content .fullWidth { /*text-align: center;*/ } /* ========================================================================== Funeral Recording page ========================================================================== */ #funeral-recording h3 { text-transform: none; font-size: 20px; color: #a3ae4c; font-weight: normal; font-family: "brandon-grotesque"; } /* ========================================================================== DVD Tribute page ========================================================================== */ #dvd-tribute h3 { text-transform: none; font-size: 20px; color: #a3ae4c; font-weight: normal; font-family: "brandon-grotesque"; } /* ========================================================================== Webcast page ========================================================================== */ #webcast h3 { text-transform: none; font-size: 20px; color: #a3ae4c; font-weight: normal; font-family: "brandon-grotesque"; } #webcast div.funeralDetails h3 { font-size: 16px; text-transform: uppercase; } #webcast div.funeralDetails a { color: #333; } /* ========================================================================== Printed Material page ========================================================================== */ #printed-material h3 { text-transform: none; font-size: 20px; color: #a3ae4c; font-weight: normal; font-family: "brandon-grotesque"; } #printed-material .printedMaterials { margin-bottom: 20px; } #printed-material .printedMaterials li { position: relative; padding-bottom: 5px; margin-bottom: 20px;} #printed-material .printedMaterials li img { display: block; z-index: 10; position: relative; margin-left: 5px; max-width: 128px; } #printed-material .printedMaterials div.description { background: #9eadb4; padding: 10px; position: absolute; bottom: 0; z-index: 1; padding-left: 150px; width: 433px; -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); } #printed-material .printedMaterials div.description h4 { font-size: 24px; font-family: "brandon-grotesque"; } #printed-material .printedMaterials div.description p { color: #fff; } #printed-material .printedMaterials div.description p a { color: #fff; text-decoration: underline; } /* ========================================================================== View Symbols Placed page ========================================================================== */ #symbols_list ul.symbols li div.symbolImage { text-align: center; } #symbols_list ul.symbols li div.symbolFrom { text-align: center; font-family: 'dearjoe'; } #symbols_list ul.symbols li div.symbolDate { text-align: center; } #symbols_list ul.symbols li div.symbolMessage { text-align: center; } #symbols_list ul.symbols li div.symbolMessage a, #symbols_list ul.symbols li div.symbolMessage a:hover { color: #9eadb5; } #symbols_list div.fullSymbolMessage { background: #999; -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5); color: #fff; text-align: left; } #symbols_list div.fullSymbolMessage .content a { color: #fff !important; text-decoration: underline; } #symbols_list div.fullSymbolMessage a.close { background: url('/images/x2.png'); } /* ========================================================================== FLag Inappropriate Content ========================================================================== */ #main.main_long_flag { background: #f0efed; } .main_long_flag form h3 { font-family: "brandon-grotesque", sans-serif; font-weight: 300; font-style: normal; color: #000; text-transform: uppercase; } .main_long_flag form div.input label.error { color: #f99; } .main_long_flag form div.input input[type="text"] { color: #666; background: #fff; border: none; font-family: "brandon-grotesque", sans-serif;font-weight: 300;font-style: normal; } .main_long_flag form div.input textarea { color: #666; background: #fff; border: none; width: 450px; padding: 2px; font-family: "brandon-grotesque", sans-serif;font-weight: 300;font-style: normal; min-height: 100px; } .main_long_flag form div.submitRow input[type="submit"] { background: url('/images/submit_btn.png'); color: #fff; font-family: "brandon-grotesque", sans-serif; font-weight: 300; font-style: normal; text-transform: uppercase; border: none; -webkit-box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .25); } .main_long_flag form div.select label { font-family: "brandon-grotesque", sans-serif; font-weight: 300; font-style: normal; text-transform: uppercase; font-size: 14px; background: url('/images/submit_btn.png') left center no-repeat; color: #fff; } .main_long_flag form div.select .sbHolder { background: #fff; border: 1px solid #fff; } .main_long_flag form div.select .sbHolder .sbToggle { background-image: url('/images/dropdown_icon_black.png'); } .main_long_flag #main_inner form div.select .sbHolder .sbSelector { color: #666; text-transform: none; text-decoration: none; font-size: 14px; } .main_long_flag #main_inner form div.select .sbHolder .sbOptions { background: #fff; border: 1px solid #fff; } .main_long_flag #main_inner form div.select .sbHolder .sbOptions a { background: #fff; color: #666; text-transform: none; text-decoration: none; font-size: 14px; } .main_long_flag #main_inner form div.select .sbHolder .sbOptions a:hover { background: #666; color: #fff; } /* ========================================================================== DISQUS customisation ========================================================================== */ #disqus_thread a { color: #a3ae4c; } /* ========================================================================== Renewals ========================================================================== */ .renewalPanel { background: #9aa6ad; } .renewalPanel h2 { font: 22px "brandon-grotesque", Arial, Helvetica, sans-serif; color: #fff; } .renewalPanel p { color: #000; font: 16px "brandon-grotesque", Arial, Helvetica, sans-serif; } #selectRenewalForm p { color: #fff; } #selectRenewalForm .renewals .renewal .right { color: #fff; font: 24px "brandon-grotesque", Arial, Helvetica, sans-serif; } #selectRenewalForm label.error { color: #c00; } .renewalPanel .submitRow input[type="submit"] { background: url('/images/submit_btn.png') left center no-repeat; color: #fff; font-family: "brandon-grotesque", sans-serif; font-weight: 300; font-style: normal; text-transform: uppercase; border: none; } #yourDetails p a { color: #000; text-decoration: underline; } #yourDetails #contactHoverPanel { background: url('/images/left_triangle.png') left center no-repeat; } #yourDetails #contactHoverPanel p { background: #fff; } #yourDetails #yourDetailsForm label { color: #fff; } #yourDetails #yourDetailsForm label.error { color: #c00; } #yourDetails #yourDetailsForm input[type="text"] { font-family: "brandon-grotesque", sans-serif;font-weight: 300;font-style: normal; } #yourDetails #yourDetailsForm input[type="text"].error { background: #fff; } .yourDetailsSelect { /* text-align: center; */ background: #fff url(/images/select-bg.png) no-repeat right center; cursor: pointer; width: 100px; height: 22px; } .yourDetailsSelect select { border: none; outline: none; } .yourDetailsSelect option { text-align: left; color: #333333; font-family:"brandon-grotesque", Arial, Helvetica, sans-serif; border: none; outline: none; } .yourDetailsSelect option:hover { color: #d3b252 !important; } .yourDetailsSelectInner { width: 90px !important; text-align: center; cursor: pointer; } /* ========================================================================== Booklets ========================================================================== */ .bookletsPanel { background: #9aa6ad; } .bookletsPanel h2 { font: 22px "brandon-grotesque", Arial, Helvetica, sans-serif; color: #fff; } .bookletsPanel p { color: #000; font: 16px "brandon-grotesque", Arial, Helvetica, sans-serif; } .bookletsPanel span.larger { font-size: 24px; } .bookletsPanel .bookletThumbnail a { text-decoration: underline; color: #fff; } #selectBookletForm p { color: #fff; } #selectBookletForm .booklets .booklet .right { color: #fff; font: 24px "brandon-grotesque", Arial, Helvetica, sans-serif; } #selectBookletForm .renewals .renewal .right { font-size: 16px; color: #fff; } #selectBookletForm .booklets .booklet .right { font-size: 16px; } #selectBookletForm label.error { color: #c00; } #selectBookletForm .renewals .clearFields a { color: #fff; text-decoration: underline; } .bookletsPanel .submitRow input[type="submit"] { background: url('/images/submit_btn.png') left center no-repeat; color: #fff; font-family: "brandon-grotesque", sans-serif; font-weight: 300; font-style: normal; text-transform: uppercase; border: none; } .orderReviewPanel .left .totals { background: #666666; color: #fff; } .orderReviewPanel .left p { color: #fff; } .orderReviewPanel .left .totals p:first-child { font-family: "brandon-grotesque", sans-serif;font-weight: 500;font-style: normal; } .orderReviewPanel .left p.cost { border-top: 1px dashed #fff; border-bottom: 1px dashed #fff; } .orderReviewPanel .left #totalCost { font-family: "brandon-grotesque", sans-serif;font-weight: 500;font-style: normal; } .orderReviewPanel .right div.input p.label { font-family: "brandon-grotesque", sans-serif;font-weight: 500;font-style: normal; } #orderReviewMakePayment { background: #fff url('/images/button_border_left2.png') left center no-repeat; color: #666; } /* ========================================================================== More Memories ========================================================================== */ #more-memories h3 { text-transform: none; font-size: 20px; color: #a3ae4c; font-weight: normal; font-family: "brandon-grotesque"; } #more-memories p a { color: #a3ae4c; text-decoration: underline; } #more-memories .printedMaterials { margin-bottom: 20px; } #more-memories .printedMaterials li { position: relative; padding-bottom: 5px; margin-bottom: 20px;} #more-memories .printedMaterials li img { display: block; z-index: 10; position: relative; margin-left: 5px; } #more-memories .printedMaterials div.description { background: #9eadb4; padding: 10px; position: absolute; bottom: 0; z-index: 1; padding-left: 150px; width: 433px; -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); } #more-memories .printedMaterials div.description h4 { font-size: 24px; font-family: "brandon-grotesque"; } #more-memories .printedMaterials div.description p { color: #fff; } #more-memories .printedMaterials div.description p a { color: #fff; text-decoration: underline; } #more-memories #spouse-more-memories h3 { text-transform: uppercase; color: inherit; font-size: 16px; } /* ========================================================================== Memory Timeline ========================================================================== */ #main_inner .form_footer a { background: url("../images/submit_btn.png") no-repeat scroll 0 -5px #666666; color: #FFFFFF; font-family: "brandon-grotesque", sans-serif; font-weight: 300; font-style: normal; text-decoration: none; border: 0 none; box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25); cursor: pointer; font-size: 16px; text-align: center; text-transform: uppercase; } .whiteSelect1 { background: #fff url(/images/select-bg.png) no-repeat right center; cursor: pointer; } .whiteSelect2 { background: #fff url(/images/select-bg.png) no-repeat right center; cursor: pointer; } .whiteSelect3 { background: #fff url(/images/select-bg.png) no-repeat right center; cursor: pointer; } .add_content_photo_popup_2 label { background: url("../images/submit_btn.png") no-repeat left center #666666; border: 0 none; color: #FFFFFF; cursor: pointer; font-family: "brandon-grotesque", sans-serif; font-weight: 300; font-style: normal; font-size: 16px; text-align: center; text-decoration: none; text-transform: uppercase; } .add_content_photo_popup_2 a.form_button { background: url("../images/submit_btn.png") no-repeat left center #666666; border: 0 none; box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25); color: #FFFFFF !important; cursor: pointer; font-family: "brandon-grotesque", sans-serif; font-weight: 300; font-style: normal; font-size: 16px; text-align: center; text-decoration: none !important; text-transform: uppercase; } .add_content_photo_popup_2 a.form_button.disabled { background: #999 !important; color: #ccc !important; } .or_divider { font-size: 22px; color: #fff; text-align: center; } #right_bg.home_page { background: #8faab3 url(/images/right_bg_2.jpg) no-repeat scroll 800px 0; } #right_bg.memory_timeline { background: rgba(157, 173, 181, 1); } #main.home_page_main { background: url(/images/home-page-bg.jpg) no-repeat; } #content.home_page_content { background: url(/images/home-page-content-transp.png); } a.l3 { color:#cccccc; font-family: "brandon-grotesque", sans-serif; font-weight: 400; font-style: normal; } #etribute-action-memory-timeline .feed_wrapper .feed_cont .feed_box .feed_box_img { background: #c8d5db; } .home_page_main .overlay { background: url(/images/home-overlay.png) no-repeat center center; -webkit-transform: translateZ(0px); -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } .home_page_main .overlay_hover { background: url(/images/home-overlay-hover.png) no-repeat center center; -webkit-transform: translateZ(0px); -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } .home_page_main_content { background: url(/images/homepage-art.png) no-repeat center center; text-align: center; } .home_page_main_content strong { font-size: 36px; color: #666666; font-family: 'brandon-grotesque',Arial,Helvetica,sans-serif; font-weight: lighter; line-height: 1.2;} .home_page_main_content span { font-size: 16px; color: #666666; } .home_page_main_content a { font-size: 16px; color: #ffffff; background: url(/images/home-page-link.png) no-repeat center center; } .home_page_main_content a.clickable { background: transparent; } #memory_timeline_header { background: #666666; } .memory_timeline_header_entry { color: #fff; } .memory_timeline_header_entry h3 { font-size: 22px; font-weight: normal; font-family: 'brandon-grotesque',Arial,Helvetica,sans-serif; } .memory_timeline_header_entry p { color: #cccccc; } .memory_timeline_header_entry p a { color: #9eadb5; text-decoration: underline; } .memory_timeline_header_entry .image_holder span { background: url(/images/gray-image-arrow.png) no-repeat; } .light-icon.edit { background: url(/images/light-icons.png) no-repeat 0 0; } .light-icon.photo { background: url(/images/light-icons.png) no-repeat -40px 0; } .light-icon.video { background: url(/images/light-icons.png) no-repeat -61px 0; } .light-icon.comment { background: url(/images/light-icons.png) no-repeat -81px 0 ; } .light-icon.audio { background: url(/images/light-icons.png) no-repeat -18px 0 ; } .light-icon.favourite { background: url(/images/light-icons.png) no-repeat -102px 0 ; } .memory_timeline_left { background: url(/images/previous-period-bg.png); } .memory_timeline_middle { background: url(/images/current-period-bg.png); } .memory_timeline_right { background: url(/images/previous-period-bg.png); } .memory_timeline_col { background: url(/images/previous-period-bg.png); -webkit-transition: all 500ms linear;-moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; } .memory_timeline_col .timeline_content { opacity: 0.5; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; } .memory_timeline_col.selected { background: url(/images/current-period-bg.png); } .memory_timeline_col.selected .timeline_content { opacity: 1; } #timeline_navigation { text-align: center; background: url(/images/timeline.png) no-repeat center bottom; } #timeline_navigation .sbSelector { text-align: left; } #timeline_navigation .sbHolder { background-image: url('/images/search_icon3.png'); background-position: 5px center; background-repeat: no-repeat; } /*#navigation_bullets a { background: #cccccc; border-radius: 8px; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; text-indent: -9999px; } #navigation_bullets a.selected, #navigation_bullets a:hover { background: #a3ae4c; }*/ .memory_timeline_col .period { font-family: 'brandon-grotesque',Arial,Helvetica,sans-serif; font-size: 14px; text-transform: uppercase; color: #fff; text-align: center; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; } .prev_period { font-family: 'brandon-grotesque',Arial,Helvetica,sans-serif; font-size: 14px; text-transform: uppercase; color: #fff; text-align: center; } #prev_period_button { background: url(/images/prev-period.png) no-repeat center bottom; } #next_period_button { background: url(/images/next-period.png) no-repeat center bottom; } .current_period { font-family: 'brandon-grotesque',Arial,Helvetica,sans-serif; font-size: 14px; text-transform: uppercase; color: #fff; text-align: center; } .next_period { font-family: 'brandon-grotesque',Arial,Helvetica,sans-serif; font-size: 14px; text-transform: uppercase; color: #fff; text-align: center; } .timeline_entry .entry_content a.readmore { color: #fff; font-size: 11px; font-family: Helvetica, Arial, sans-serif; } .timeline_entry .entry_content .date { color: #999999; font-size: 14px; } .timeline_entry .entry_content .author { font-size: 11px; color: #afba5a; font-family: Helvetica, Arial, sans-serif; } .timeline_entry .entry_content p { font-size: 11px; font-family: Helvetica, Arial, sans-serif; } .timeline_entry .entry_content { background: #333333; color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .timeline_entry .symbolFancybox { background: #fff; } .timeline_entry .timeline_anchor_button { background: #666666; } .timeline_entry .timeline_anchor_button span { background: #333333; color: #afba5a; font-size: 11px; text-align: center; } .timeline_entry .timeline_anchor_button .img_wrapper { text-align: center; } .timeline_entry a.fancybox img { background: #fff; } .entry_content_popup.photo .entry_content_popup_content { background: #333333; color: #fff; font-size: 11px; } .entry_content_popup_content p { font-size: 14px; line-height: 1.2; } .entry_content_popup.photo .entry_content_popup_content span { color: #afba5a; } .entry_content_popup.expression img { width: 100%; background: #fff; } .entry_content_popup.video { background: #333333; } .entry_content_popup a.close { background: url('/images/x.png') center center no-repeat; } .video_info { color: #999999; font-size: 11px; } .video_info .title { color: #afba5a; } .entry_content_popup .popup_share { color: #fff; background: url('/images/popup-share.png') no-repeat 0 0; } .entry_content_popup.article { background: #333333; } .entry_content_popup.symbol div.symbolImage { background: #fff; text-align: center; } .entry_content_popup.article .entry_content_popup_content { background: #333333; color: #fff; font-size: 11px; } .entry_content_popup_content p a { color: #afba5a; text-decoration: underline; } .article_info { color: #999999; font-size: 11px; } .article_info .title { color: #afba5a; } .article_info a, .video_info a, .audio_info a { color: #afba5a; text-decoration: underline; } .entry_content_popup.audio { background: #333333; } .audio_info { color: #999999; font-size: 11px; } .audio_info .title { color: #afba5a; } /* no memory timeline styles */ .noMemoryTimeline { background: url('/images/no_memory_timeline.png') center center no-repeat; } .noMemoryTimeline h2 { font-size: 36px; color: #666; font-family: 'brandon-grotesque'; font-weight: lighter; text-align: center; } .noMemoryTimeline p.date { text-align: center; } .noMemoryTimeline p.sorry { background: #666; color: #fff; text-align: center; font-size: 22px; } /* memory timeline splash page */ .memory_timeline_splash #splash { background: url('/images/memory_timeline_bg.jpg') center center no-repeat; } .memory_timeline_splash #splash h2 { text-align: center; font-size: 36px; font-family: 'brandon-grotesque'; line-height: 1.2; } .memory_timeline_splash #splash h3 { text-align: center; font-size: 16px; font-family: 'brandon-grotesque'; line-height: 1; } .memory_timeline_splash #splash a { color: #666; text-align: center; background: url('/images/memory_splash_link.png') center center no-repeat; } /* memory timeline add message select lists */ .sbHolder1, .sbHolder2, .sbHolder3 { background: #fff; color: #000; border: 1px solid #fff; } .sbToggle1, .sbToggle2, .sbToggle3 { background: url('/images/dropdown_icon_black.png') center center no-repeat; } .sbSelector1, .sbSelector2, .sbSelector3 { color: #000 !important; line-height: 25px !important; text-transform: none; font-size: 14px; text-indent: 10px; text-decoration: none !important; } .sbOptions1, .sbOptions2, .sbOptions3 { border: 1px solid #fff; background: #fff; } .sbOptions1 li, .sbOptions2 li, .sbOptions3 li { background: #fff; } .sbOptions1 li a, .sbOptions2 li a, .sbOptions3 li a { background: #fff; color: #000 !important; text-transform: none; font-size: 14px; text-decoration: none !important; } .sbOptions1 li a:hover, .sbOptions2 li a:hover, .sbOptions3 li a:hover { background: #000; color: #fff !important; } /* 404 layout */ #pageNotFoundLayout { background: rgba(124, 134, 140,0.5); color: #fff; } #pageNotFoundLayout h2 { font-size: 32px; font-family: "brandon-grotesque", sans-serif;font-weight: 500;font-style: normal; } #pageNotFoundLayout p { font-size: 26px; line-height: 1.2; } #pageNotFoundLayout div.buttons a { color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 0; -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); } #pageNotFoundLayout div.buttons a.backPreviousPage { background: #666666 url('/images/button_border_left.png') left center no-repeat; } #pageNotFoundLayout div.buttons a.etributesSeeAll { background :#bec3c6 url('/images/button_border_left.png') left center no-repeat; } #pageNotFoundLayout div.buttons a.etributesSeeAll span { background: url('/images/home_icon.png') center center no-repeat; } #pageNotFoundLayout div.buttons a.homepage { background: #d0b351 url('/images/button_border_left.png') left center no-repeat; } /* additional feedback from seasons */ .feed_box_last a.l1 { color: #ccc !important; } .feed_box_last a.l2 { color: #afba5a !important; } /* memory timeline form fix 20140725 */ .add_content_photo_popup_2 label.error { font: 15px 'brandon-grotesque'; color: #c00 !important; text-transform: none !important; }