/* NOTE - WHEN UPDATING THE CSS, PLEASE UPDATE THE MASTERPAGE.MASTER FILE TOO. THIS IS TO ENSURE USERS GET THE LATEST VERSION OF THE CSS. Update 31.5 - 08 May 2025 - removed charge_test_panel. Update 31.4 - 08 Aug 2024 - photo now has before psuedo element with transparency. Position of background image also adjusted to remain centered. - 25 Jul 2024 - Made btn_remove_charity less restrictive on parent class. Update 31.3 - 12 Dec 2023 - Added & tidied up event styles. Update 31.1 - 04 Oct 2023 - Added revised_date style for T&Cs. Update 29.9 - 22 Sep 2021 - Updated status_desc hight. Update 29.7 - 21 Jun 2021 - Adding COMPLETED status styles. Update 29.5 - 13 Apr 2021 - Removed underline from calendar clear date. Update 28.7 - 16 Nov 2020 - Removed old styles. Update 28.3 - 20 Apr 2020 - Added style for webcast_data_row. Update 28.1 - 05 Feb 2020 - Removed old gift aid related classes. Update 28.0 - 04 Dec 2019 - Removed disabled class, using disabled property instead. Update 27.5 - 26 Jun 2019 - Removed old Report classes. Update 27.4 - 28 May 2019 - Removed old Report classes. Update 27.1 - 03 Jan 2019 - Email Template Page style tweaks. Update 27.0 - 01 Jul 2018 - New Design. Update 26.8 - 16 May 2018 - Adjusted styles for new page scroll popup. - 14 May 2018 - Added styles for closed pages report. Update 26.7 - 20 Apr 2018 - Added inline class. - 29 Mar 2018 - tab_content fixed on edit email template page. Update 26.4 - 25 Oct 2017 - Adding styles for new benficiary selection process. Update 26.3 - 21 Aug 2017 - Standardised comlumn names & adjusted widths to line up with each other. Update 26.1 - 15 Aug 2017 - Popup panel & left col width increased for new GA wording. Update 25.7 - 04 Jul 2017 - Renamed not_found to indent. - Removed some of the not_found sub classes. Update 25.3 - 06 Jun 2017 - Added style for text_right. - Added style for Button Groups. Update 25.2 - 18 Apr 2017 - Various style tweaks. Update 25.0 - 10 Mar 2017 - Added style for report description. - 24 Feb 2017 - Added style for report first col label. Update 24.4 - 15 Sep 2016 - Added styles for delete prompt. - 05 Sep 2016 - Fixed Items being incorrectly hidden for printing. Update 23.8 - 08 Jun 2016 - Fixed Beneficiary of the month right col width. Update 23.6 - 28 Apr 2016 - Re-added style to visually crop FD logo on edit page. Update 23.4 - 20 Apr 2016 - New style for update panel buttons container. Update 23.3 - 06 Apr 2016 - Re-added previously removed style due to a bug that was introduced related to charity & funeral director status. Update 23.0 - 12 Feb 2016 - Removed old styles, mostly related backgrounds that used images with curves. - 10 Feb 2016 - Replacing image textboxes & replacing with styles to improve the appearance of mobile response. Update 22.9 - 08 Jan 2016 - Reduced font-size for API Key. Update 22.8 - 22 Dec 2015 - Added style for disabled textarea. - 25 Nov 2015 - Added styles for Funeral Information Page. - 17 Nov 2015 - Calendar update for time. Update 22.7 - 29 Oct 2015 - Left Aligned text on donate page. Update 21.5 - 30 Sep 2015 - Added Print Styles for Donation Refund. Update 21.2 - 25 Sep 2015 - Removed new related styles. - 23 Sep 2015 - Added styles for beneficiary of the month. Update 21.1 - 22 Sep 2015 - Added styles for donate page container. - 09 Sep 2015 - Added styles for donation form header & footer. - 08 Sep 2015 - Added popup_panel.visible for new donation page. Update 20.4 - 17 Aug 2015 - Removed left margin on earliest date col as there is now a column in position 0. Update 19.9 - 31 Jul 2015 - Default profile images have changed, therefore changed path to images too. Update 19.8 - 29 Jul 2015 - Added styles for updating sub branches. Update 19.7 - 27 Jul 2015 - Added white background on photo_thumb. Update 19.6 - 23 Jul 2015 - Removed bg-tribute-profile-thumb.jpg as searchItem calculates the correct image. Update 19.4 - 21 Jul 2015 - Made SPAN.match a class of its own rather than being dependant on class hierarchy. Update 19.3 - 16 Jul 2015 - modified charity styles to allow for charity number under logo. - removed old references to images that have been replaced by styles. Update 19.2 - 15 Jul 2015 - Added alternating styles for reports & Spacers between grouped items. Update 19.0 - 26 Jun 2015 - Increased .popup_panel .form_row .left_col by 10px to 30px; Update 18.5 - 17 Jun 2015 - Addes styles for new calendar control. Update 17.8 - 03 Jun 2015 - Added style for error on a button. Update 17.5 - 21 May 2015 - Increasing left column width due to long label. Update 17.4 - 07 May 2015 - Updating css class names to better suit generic sections. Update 17.1 - 15 Apr 2015 - Added styles for new Admin page layout. Update 17.0 - 15 Apr 2015 - Added plectrum button style. Not quite the same shape as the image button, but keeping the css for future attempts. Update 16.9 - 13 Apr 2015 - Added style for card type border error. Update 16.7 - 01 Apr 2015 - Updated print styles to compensate for new popup_panel styles. - Removed old popup_inner/outer_panel styles. Update 16.6 - 31 Mar 2015 - Removed left padding on edit tripute page as it was breaking layout & causing colour selector to be partly hidden. Update 16.5 - 31 Mar 2015 - Added outline to popup image holder to help users see where white spaces could be in original image & avoid them. Update 15.6 - 17 Mar 2015 - Added/adjusted styles for new tributes list page. Update 15.1 - 10 Mar 2015 - Added styles for search box on memory wall. Update 14.8 - 09 Mar 2015 - Added styles for the new memory wall page. Update 14.7 - 05 Mar 2015 - Added new classes for List Pages. - Made the pager class less specific to SearchResults pages so that it could be used on new admin pages. Update 14.2 - 20 Feb 2015 - Added new class for Iframe editor validation highlight. Update 13.9 - 16 Feb 2015 - Added new class for long butttons. Update 13.1 - 06 Feb 2015 - Added absolute position to the edit FD & charity logo image. This seems to have been removed before, but is required in its new class. Update 12.8 - 02 Feb 2015 - Added absolute position to the edit tribute image. This seems to have been removed before, but is required in its new class. Update 12.5 - 29 Jan 2015 - Added styles for IFRAME for tribute message tich text editor. Update 12.1 - 21 Jan 2015 - Updateing styles due to mobile device update. Update 12.0 - 20 Jan 2015 - Added styles for mismatch text values. Update 11.9 - 19 Jan 2015 - Added styles for site offline message. Update 11.2 - 08 Jan 2015 - Extended the serach results styles to include space for charity images. - Shortened the search_result_item as it was larger than needed & may have caused issues on older browsers. Update 11.0 - 06 Jan 2015 - This is the start of moving away from images as buttons to instead use styles. This is better for response times & mobile users. Update 10.2 - 10 Dec 2014 - Shortened the home page text boxes to reflect the actual size of the designed boxes. Update 8.5 - 19 Jun 2014 - Added style for transparent background on report table cells Update 8.3 - 03 Jun 2014 - Added style for Earliest GA Date Box Update 8.1 - 15 May 2014 - Fixed IOS display: none bug with check boxes not being clickable Update 7.2 - 28 Feb 2014 - Added style for admin search Update 7.1 - 06 Feb 2014 - Added new report 11 Feb 2014 - Darken the info text to help users see the information text. Update 6.5 - 05 Nov 2013 - Our Promise page has been replaced with Funeral Director Informations Update 6.4 - 04 Nov 2013 - Allow longer telephone numbers to appear in more friendly manner - Added new btn class for completing registration form - Hiding facebook share counter & adjusting facebook icon (facebook tribute page) to match share button height Update 5.4 - 19 Jul 2013 - limit width of info div due to new & larger amount of text. Update 5.3 - 27 Jun 2013 - added print styles for edit charity page. Update 5.2 - 30 May 3012 - added style to float & Capitalise a textbox Update 3.9 - 06 Feb 2013 - New button class & tweaks to old classes Update 3.8 - 04 Feb 2013 Update 3.3 - 17 Dec 2012 Update 3.2 - 21 Nov 2012 Update 2.7 - 30 Oct 2012 Update 2.5 - 25 Sep 2012 Update 2.4 - 07 Sep 2012 Update 2.3 - 04 Sep 2012 Update 2.1 - 20 Aug 2012 Update 1.9 - 14 Aug 2012 Update 1.7 - 14 Aug 2012 Update 1.3 - 06 Aug 2012 Update 1.2 - 03 Aug 2012 Update 1.1 - 19 Jul 2012 */ /* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- HOME PAGE CHANGES -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .home_page_bg { background: url('../images/system/bg-blue.jpg') no-repeat; width: 100%; height: 583px; background-color: #f2f2f2; } .home_page_bg .home_page_petals { background: url('../images/system/petals.png') no-repeat; background-position: center 25px; padding-top: 50px; } .home_page_bg .home_page_banner_content { height: 533px; width: 1007px; background: url('../images/system/green-shape.png') no-repeat; } .home_page_bg .left_side_banner { float: left; width: 640px; height: 477px; } .home_page_bg .right_side_banner { float: left; width: 367px; position: relative; text-align: left; } .home_page_bg A { cursor: pointer; } .home_page_bg .right_banner_orange { width: 170px; height: 120px; display: block; position: relative; margin-top: 40px; } .home_page_bg .right_banner_blue { width: 195px; height: 149px; display: block; position: relative; } .home_page_bg .right_banner_purple { float: left; position: relative; bottom: 140px; right: 330px; } .home_page_bg .right_banner_subcontent { width: 240px; margin: 15px 0 0 50px; } .home_page_bg .homepage_subcontent_title { color: #2bace2; font-family: Arial; font-weight: bold; font-size: 23px; text-decoration: none; border-bottom: solid 1px #817f7f; text-align: left; line-height: 30px; margin-bottom: 10px; } .home_page_bg .homepage_new_body { color: #817f7f; font-size: 13px; text-align: left; width: 200px; border-bottom: solid 1px #817f7f; padding: 10px 0; line-height: 16px; } .home_page_bg .left_text_information { float: left; width: 230px; text-align: left; padding: 70px 15px 0px 100px; } .home_page_bg .offline_message { text-align: left; padding: 70px 15px 0px 100px; } .home_page_bg .offline_message H1, .home_page_bg .left_text_information h1 { color: #fff; font-size: 45px; } .home_page_bg .offline_message P, .home_page_bg .left_text_information p { color: #3d4e21; font-size: 20px; } .home_page_bg .right_form { float: left; width: 260px; text-align: left; padding: 70px 0px 0px 30px; } .home_page_bg .search form { margin-top: 10px; } .home_page_bg .right_col INPUT[type=submit] { background: url('../images/system/btn-search-large-trans.png') no-repeat left top; height: 249px; width: 235px; border-style: none; border-color: inherit; border-width: medium; margin: 5px 0 0 33px; cursor: pointer; } A{ color: #808285;} A IMG { border: medium none; vertical-align: bottom; } A, A:HOVER, A:ACTIVE, INPUT { outline: medium none; } TEXTAREA { resize: none; } * { margin: 0; padding: 0; } *:focus{ outline: 1px dashed #807E7F; outline-offset: 1px; } /*a:focus IFRAME{ outline: 1px dashed #807E7F; outline-offset: 1px; }*/ .page_holder { width: 1007px; } .money, .text_right { text-align: right; } .header, .footer { text-align: left; position: relative; width: 975px; padding: 0 16px; } .header .logo { padding: 20px 0 44px; } .header .tr_nav { width: 300px; font-size: 12px; color: #787575; float: right; padding-top: 14px; text-align: right; } .header .tr_nav A { color: #787575; text-decoration: none; } .header .tr_nav A:HOVER { color: #000; text-decoration: underline; } .header .tr_nav .social_links { margin-top: 9px; } .header .main_nav { font-family: Verdana; font-size: 14px; position: absolute; bottom: 0px; padding-left: 35px; } .header .main_nav .mobile_menu { display: none; } .header .main_nav .btn { float: left; margin: 0px; height: 33px; background-repeat: no-repeat; background-position: bottom center; } .header .main_nav .btn A { text-decoration: none; color: #808285; display: block; padding: 12px 0px 7px; height: 14px; } .header .main_nav .btn.selected A, .header .main_nav .btn:hover A { color: #fff; } .header .main_nav .btn.home { width: 91px; margin-right: 2px;} .header .main_nav .btn.about_us { width: 104px; margin-right: 3px;} .header .main_nav .btn.fds { width: 155px; margin-right: 3px;} .header .main_nav .btn.charities { width: 111px; margin-right: 0px;} .header .main_nav .btn.in_memory { width: 86px; margin-right: 2px;} .header .main_nav .btn.help { width: 69px; } .header .main_nav .btn.home A { padding-left: 17px;} .header .main_nav .btn.about_us A { padding-left: 12px;} .header .main_nav .btn.fds A { padding-left: 13px;} .header .main_nav .btn.charities A { padding-left: 28px;} .header .main_nav .btn.in_memory A { padding-left: 09px;} .header .main_nav .btn.help A { padding-left: 20px;} .btn.home:HOVER, .btn.home.selected{ background-image: url('../images/system/bg_main_nav_home.png'); } .btn.about_us:HOVER, .btn.about_us.selected{ background-image: url('../images/system/bg_main_nav_about_us.png'); } .btn.fds:HOVER, .btn.fds.selected{ background-image: url('../images/system/bg_main_nav_funeral_directors.png'); } .btn.charities:HOVER, .btn.charities.selected{ background-image: url('../images/system/bg_main_nav_charities.png'); } .btn.in_memory:HOVER, .btn.in_memory.selected{ background-image: url('../images/system/bg_main_nav_in_memory.png'); } .btn.help:HOVER, .btn.help.selected{ background-image: url('../images/system/bg_main_nav_help.png'); } .footer { padding-top: 18px; padding-bottom: 18px; font-family: Verdana; font-size: 12.5px; } .footer .cols { float: left; width: 227px; padding-right: 20px; line-height: 18px; } .footer .cols.first { padding-left: 56px; } .footer .cols.last { width: 158px; } .footer .cols A { text-decoration: none; color: #6e6b6b; } .footer .cols A:HOVER { text-decoration: underline; color: #6e6b6b; } .content_wide_scr { } .colour_1 { background-color: #F8F6DA; } .colour_2 { background-color: #E5F7FD; } .colour_3 { background-color: #FEF1E9; } .colour_4 { background-color: #E1E5F5; } .colour_5 { background-color: #E9F6CC; } .colour_6 { background-color: #EBECED; } .content { text-align: left; position: relative; width: 975px; padding: 0 16px; } .responsive .content { max-width: 975px; width: 100%; padding: 15px 16px; } .AdminPage .container.full { padding-left: 50px; } A.blue_link { color: #2bace2; text-decoration: none; font-weight: bold; } A.blue_link:HOVER { color: #2bace2; text-decoration: underline; } /*---GENERIC---------------------------------------------------------*/ .numbers { font-family: Verdana; } .CAPS { text-transform: uppercase; } .inline { display: inline; } .form_row .left_col { float: left; width: 110px; } .form_row .right_col { float: left; width: 460px; position: relative; } .form_row .right_col .col_date_box { display: inline-block; } .form_row .right_col .col_date_picker { display: inline; } .form_row .right_col .gap_right { position: absolute; right: 35px; left: 0; } .form_row .right_col .gap_button { float: right; } .form_row.ga_row .gift_aid_calc { color: #808285; font-size: 15px; float: left; padding: 3px 0 0 5px; } .form_row.checkbox_text_row .checkbox_text { font-size: 15px; float: left; padding: 3px 0 0 5px; } .form_row .anonimity_restriction { color: red; font-size: 13px; float: left; padding: 3px 0 0 5px; } INPUT[type=checkbox] { display: none; } IMG.checkbox { vertical-align: middle; } INPUT[type=text].disabled, TEXTAREA.disabled { background-color: #E3E2E2; } INPUT[type=text].mismatch, INPUT[type=text].error, INPUT[type=password].error, TEXTAREA.error { border-color: #FF0000; } INPUT[type=text].small, INPUT[type=password].small { width: 183px; } INPUT[type=text].search_thick { border: none; border-radius: 15px; height: 21px; width: 225px; margin: 4px 0 2px; font-size: 16px; padding: 4px 12px 5px 12px; } INPUT[type=text].thin { padding: 1px 10px 1px; width: 195px; margin: 3px 0 2px; } INPUT[type=text].fill { width: 100%; box-sizing: border-box; } /* .form_row .right_col SELECT, .form_row .list_container SELECT { border: 1px solid #ABA9AA; border-bottom-left-radius: 13px; border-top-left-radius: 13px; /*overflow: visible;*/ /* padding: 4px 10px 5px 20px; width: 185px; color: #817F7F; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }*/ .form_row SELECT.fill { width: 100%; box-sizing: border-box; } .form_row SELECT OPTION { background-color: White; padding-left: 20px; } .form_row SELECT OPTION.deactivated { background-color: Red !important; color: white !important; } .form_row.terms_conditions_row { padding-top: 5px; } .RegCharityPage .form_row.terms_conditions_row H4, .TributePage .form_row.terms_conditions_row H4 { color: #00AEEF; } .form_row.terms_conditions_row H4 { font-size: 14px; padding-bottom: 5px; } .form_row .terms_conditions_content { padding-right: 15px; height: 250px; overflow-y: scroll; overflow-x: hidden; } .terms_conditions_content .revised_date { font-size: 11px; } .form_row.terms_conditions_row .right_col H4, .form_row .terms_conditions_content P { padding-bottom: 15px; color: #787575; } .form_row .terms_conditions_content H5 { color: #787575; text-transform: uppercase; font-size: 15px; padding-bottom: 5px; } .form_row .terms_conditions_content H6 { color: #787575; text-transform: uppercase; font-size: 12px; padding-bottom: 2px; } .form_row .terms_conditions_content UL, .form_row .terms_conditions_content OL { color: #787575; } .form_row .terms_conditions_content UL { padding-bottom: 15px; } .form_row .terms_conditions_content UL LI { margin-left: 20px; } LI P { font-size: inherit !important; padding-bottom: 5px; } OL UL { font-size: inherit !important; padding-bottom: 5px; } LI TABLE { margin-bottom: 5px; } ol.decimal_numbering, .decimal_numbering OL { list-style-type: none; counter-reset: item; margin: 0; padding: 0; } ol.decimal_numbering > li, .decimal_numbering OL > LI { display: table; counter-increment: item; margin-bottom: 0.6em; } ol.decimal_numbering > li:before, .decimal_numbering ol > li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em; } .decimal_numbering li ol > li { margin: 0; } .decimal_numbering li ol > li:before { content: counters(item, ".") " "; } TABLE.basic { border: 1px solid; } TABLE.basic TH, TABLE.basic TD { vertical-align: top; padding: 4px; border: 1px solid; } TABLE.basic TH { background-color: #d8d8d8; } .terms_conditions { margin-top: 14px; } .terms_conditions .left_col { float: left; } .terms_conditions IMG { vertical-align: middle; } /*.terms_conditions .right_col { float: right; }*/ .terms_conditions A { font-size: 13px; } .Edit .edit_details { padding: 30px 0; margin-left: 50px; min-height: 80px; } .Edit .edit_details .colLeft { width: 670px; margin-left: 0; } .Edit .edit_details .colLeft H2 { color: #979595; font-size: 42px; font-weight: bold; margin-right: 25px; float: left; } .Edit .edit_details .colLeft .button_container { float: left; } .inline_button_container, .sub_beneficiaries_save_container { display:inline-block; vertical-align: top; } .Edit .edit_details .colLeft .button_container .btn { margin-top: 9px; } .Edit .btn.next_to { position: absolute; top: 0px; left: -50px; } .Edit .btn.above { position: absolute; top: -30px; left: 0; } .Edit .edit_details .colRight { float: right; width: 240px; margin-left: 0; } /*-----PUBLIC PAGES - Common public page styles--------*/ .public .container { width: 600px; margin: 50px 0 55px 50px; float: left; color: #817F7F; } .public .container.full { width: 100%; } .public.with_sub_nav .container { margin: 0 0 55px 50px; } .public H1 { font-size: 42px; padding-bottom: 5px; margin-bottom: 30px; } .public H3 { font-size: 17px; padding-bottom: 5px; } .public H4 { font-size: 15px; padding-bottom: 5px; } .public H6 { font-size: 14px; padding-bottom: 2px; } .public P.intro { font-size: 18px; } /*P { font-size: 13px; padding-bottom: 20px; }*/ UL { margin-left: 16px; padding-bottom: 20px; } UL.no_bottom_padding { padding-bottom: 0; } .public UL LI { padding-bottom:3px; } .public UL LI SPAN { color: #817F7F; } .sub_menu { font-family: Verdana; font-size: 14px; margin-bottom: 40px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; width: 100%; } .sub_menu .menu_item { float: left; height: 22px; padding: 3px 35px 0 14px; } .sub_menu A { text-decoration: none; color: #fff; } /*orange*/ .sub_menu.orange { background-color: #F27A23; } .sub_menu.orange A:HOVER { color: #000; } /*orange*/ /*blue*/ .sub_menu.blue { background-color: #9FE0FC; } .sub_menu.blue A:HOVER { color: #817F7F; } /*blue*/ .public .form_row .left_col { width: 115px; } .layout_2_col{} .layout_2_col .col_smaller { float: left; width: 140px; } .layout_2_col .col_larger { float: left; width: 290px; } .layout_2_col .left_padding { padding-left: 20px; } .layout_2_col_nav{} .layout_2_col_nav .col1 { float: left; width: 140px; } .layout_2_col_nav .col2 { float: left; width: 440px; padding-left: 20px; } .layout_3_col_nav{} .layout_3_col_nav .col1 { float: left; width: 140px; } .layout_3_col_nav .col2, .layout_3_col_nav .col3 { float: left; width: 210px; padding-left: 20px; } /*-----PUBLIC PAGE - Common public page styles--------*/ /*FUNERAL DIRECTOR HEADER - USED BY TRIBUTE.ASPX, EDIT-FD.ASPX, tribute-group, admin,*/ .fd_header { background-color: #fff; margin-bottom: 20px; padding: 20px 25px 15px 50px; width: 900px; } .fd_header .logo { float: left; padding: 0 0 20px 0; margin: 0; width: 455px; position: relative; } .fd_header .info { float: left; width: 410px; margin-left: 35px; position: relative; } .fd_header .name A { color: #726f6f; text-decoration: none; font-weight: normal; font-size: 19px; } .fd_header .about { color: #817f7f; font-size: 12px; line-height: 20px; padding-bottom: 8px; } .fd_header .contact { color: #726f6f; font-size: 19px; font-family: Georgia; } .fd_header .contact .tel, .fd_header .contact .email { float: left; min-height: 30px; padding-left: 45px; padding-right: 8px; background-repeat: no-repeat; background-position: left 3px; } .fd_header .contact .tel { background-image: url('../images/system/tribute-tel.jpg'); } .fd_header .contact .email { background-image: url('../images/system/tribute-email.jpg'); } .fd_header .contact A.email { color: #726f6f; font-size: 19px; text-decoration: none; } .fd_header .contact A:HOVER.email { color: #726f6f; text-decoration: underline; } /*FUNERAL DIRECTOR HEADER - USED BY TRIBUTE.ASPX & EDIT-FD.ASPX*/ .status_col INPUT { float: left; } .ProgressStatus { float: left; } .status_list{/*float: left; min-width: 215px; width: 46%;*/} .status_desc{/*float: left; min-width: 245px; width: 53%;*/ height: 275px; font-size: 13px; line-height: 13px; position: relative; } .status_desc UL { margin-left: 0; padding-bottom: 0; } .status_desc LI { list-style-type: none; list-style-position: inside; padding-bottom: 10px; } .status_list .status_item { margin: 0 0 11px 0; padding: 5px 10px 6px 20px; height: 14px; cursor: default; } .status_desc .status_desc_item { padding: 8px; height: 259px; border: 1px solid #aba9aa; /*margin-left: 9px;*/ /*border-radius: 13px;*/ background-color: white; overflow-y: auto; } .PRE_REGISTER .status_list .status_item.selected, .REQUEST_REGISTER .status_list .status_item.selected, .REGISTERED .status_list .status_item.selected, .COMPLETED .status_list .status_item.selected, .SENT_FORM_CHARITY .status_list .status_item.selected, .RECEIVED_FORM .status_list .status_item.selected, .SENT_FORM_HMRC .status_list .status_item.selected, .AUTHORISED .status_list .status_item.selected, .PRE_REGISTER .status_list .status_item.PRE_REGISTER, .REQUEST_REGISTER .status_list .status_item.REQUEST_REGISTER, .REGISTERED .status_list .status_item.REGISTERED, .COMPLETED .status_list .status_item.COMPLETED, .SENT_FORM_CHARITY .status_list .status_item.SENT_FORM_CHARITY, .RECEIVED_FORM .status_list .status_item.RECEIVED_FORM, .SENT_FORM_HMRC .status_list .status_item.SENT_FORM_HMRC, .AUTHORISED .status_list .status_item.AUTHORISED, .status_list .status_item.selected { border: 1px solid #ABA9AA; /*border-radius: 13px;*/ padding: 4px 10px 5px 19px; background-color: #FFF; } .PRE_REGISTER .status_list .status_item.PRE_REGISTER, .REQUEST_REGISTER .status_list .status_item.REQUEST_REGISTER, .REGISTERED .status_list .status_item.REGISTERED, .COMPLETED .status_list .status_item.COMPLETED, .SENT_FORM_CHARITY .status_list .status_item.SENT_FORM_CHARITY, .RECEIVED_FORM .status_list .status_item.RECEIVED_FORM, .SENT_FORM_HMRC .status_list .status_item.SENT_FORM_HMRC, .AUTHORISED .status_list .status_item.AUTHORISED, .status_list .status_item.selected { /*border-bottom-right-radius: 0; border-top-right-radius: 0; border-right: none; */ border-right-color: #fff; z-index: 1; position: relative; right: -1px; } .PRE_REGISTER .status_desc .status_desc_item.selected, .REQUEST_REGISTER .status_desc .status_desc_item.selected, .REGISTERED .status_desc .status_desc_item.selected, .COMPLETED .status_desc .status_desc_item.selected, .SENT_FORM_CHARITY .status_desc .status_desc_item.selected, .RECEIVED_FORM .status_desc .status_desc_item.selected, .SENT_FORM_HMRC .status_desc .status_desc_item.selected, .AUTHORISED .status_desc .status_desc_item.selected, .status_desc .status_desc_item{display: none; } .PRE_REGISTER .status_desc .status_desc_item.PRE_REGISTER, .REQUEST_REGISTER .status_desc .status_desc_item.REQUEST_REGISTER, .REGISTERED .status_desc .status_desc_item.REGISTERED, .COMPLETED .status_desc .status_desc_item.COMPLETED, .SENT_FORM_CHARITY .status_desc .status_desc_item.SENT_FORM_CHARITY, .RECEIVED_FORM .status_desc .status_desc_item.RECEIVED_FORM, .SENT_FORM_HMRC .status_desc .status_desc_item.SENT_FORM_HMRC, .AUTHORISED .status_desc .status_desc_item.AUTHORISED, .status_desc .status_desc_item.selected{display: block;} .round_edges { background-color: #FFF; padding: 28px 13px; border-radius: 28px; } /*CHARITY*/ .AdminPage .edit_column { float: left; height: 21px; padding-bottom: 2px; padding-left: 5px; padding-right: 12px; padding-top: 3px; width: 33px; } .AdminPage .charity { background-color: #FFFFFF; margin-bottom: 20px; padding: 20px 0 15px 0px; } .charity { margin-bottom: 15px; position: relative; } .charity .logo_number { float: left; width: 180px; padding-right: 20px; font-size: 12px; } .charity .logo { position: relative; overflow: hidden; padding: 0; margin: 0; width: 180px; height: 100px; } .charity .logo IMG { position: absolute; } .charity .about { float: left; width: 222px; } .charity .about P, .charity .linked_tributes P { color: #817f7f; font-size: 12px; line-height: 20px; padding-bottom: 8px; } .charity .about H3 { padding-bottom: 8px; } .charity .about H3, .charity .about A.web_link { color: #726f6f; font-size: 13px; font-weight: bold; text-decoration: none; } .charity .about A.web_link:HOVER { color: #726f6f; text-decoration: underline; } .note { color: #7482bf; font-size: 10px; padding: 10px 0; } .charity .linked_tributes { color: #7482bf; font-size: 10px; } .note .ast_panel, .charity .linked_tributes .ast_panel { float: left; width: 15px; } .note .msg_panel, .charity .linked_tributes .msg_panel { float: left; width: 405px; } .charity .linked_tributes .explination { padding: 0 0 10px 15px; } .charity .linked_tributes .explination.padding_top { padding-top: 10px; } .charity .linked_tributes .list { padding-bottom: 10px; } .charity .linked_tributes .list IMG { width: 90px; padding: 7px 7px 4px; vertical-align: middle; } .select_charity .form_row.current_tribute .left_col { color: #7681bf; } .vert_align_middle { vertical-align: middle; } .donation_form { width: 640px; padding: 0; } .donation_form .charity, .donation_form .funeral_director { float: left; margin: 0px; padding: 10px; text-align: left; width: auto; } .donation_form .funeral_director { max-width: 350px; } .donation_form .charity IMG, .donation_form .funeral_director IMG { margin-bottom: 10px; } .donation_form .giftaid_it { color: #000; display: table-row; } .donation_form .giftaid_it IMG { display: table-cell; } .donation_form .giftaid_it .text { display: table-cell; padding: 10px; vertical-align: top; text-align: left; } .select_date { vertical-align: bottom; padding-left: 10px; } .clear_date { position: absolute; top: 0; right: 6px; bottom: 0px; font-size: 24px; text-decoration: none; } .clear_date:HOVER { text-decoration: none; } .cal_fade { z-index: 200; } .indent { padding: 20px 0 20px 65px; } .indent A { color: #808285; } .indent UL { margin-left: 16px; margin-top: 10px; } .no_search_results { color: #808285; font-size: 14px; } .no_search_results UL { margin-left: 16px; margin-top: 10px; } .page_nav_container { background-color: #fff; color: #817F7F; font-size: 11px; margin: 0 0 4px 0px; padding: 5px 10px; } .AdminPage .page_filter_container { background-color: #fff; color: #817F7F; font-size: 11px; margin: 0; padding: 5px 0 0px 10px; } .page_filter_container .image_pos_middle { vertical-align: middle; } .page_filter_container A { color: #5D3F75; } .page_nav_display { float: left;} .page_nave_controls { float: right;} .PageResultsNavigation { display: inline-block; } .AdminPage .item_container .page_nav_container A.active { color: #5D3F75; } /*TributePage*/ .funeral_information { font-size: 13px; font-family: Arial; margin-bottom: 15px; } .funeral_information H3 { margin-bottom: 3px; } .funeral_information TABLE TH, .funeral_information TABLE TD { padding-bottom: 5px; vertical-align: top; } .funeral_information .info { width: 200px; display: inline-block; } .funeral_information .map { margin: 5px 0; width: 100%; height: 300px; } .funeral_information .print_directions { text-align: right; } .funeral_information .print_directions A { text-decoration: none; color: #817F7F; } .funeral_information .print_directions A:HOVER { color: #000; } .TributePage .funeral_information .map { height: 210px; } .FuneralInformationPage .funeral_information .map { height: 210px; } /*---GENERIC---------------------------------------------------------*/ /*---Funeral Information Page----------------------------------------*/ .FuneralInformationPage { padding-top: 20px; } .FuneralInformationPage .tribute { margin-top: 20px; border-top: 1px solid #000; padding: 20px 50px; border-bottom: 1px solid #000; margin-bottom: 20px; } .FuneralInformationPage .name { font-size: 20px; font-family: Arial; font-weight: bold; color: #808285; } .FuneralInformationPage .dod { font-size: 16px; font-family: Arial; font-weight: normal; color: #A7A9AC; margin-bottom: 20px; } .FuneralInformationPage .colLeft { float: left; width: 50px; } .FuneralInformationPage .colRight { float: left; margin-left: 30px; } /*---Funeral Information Page----------------------------------------*/ /*---BreadCrumb------------------------------------------------------*/ .breadcrumb { font-size: 11px; margin-bottom: 10px; } /*---BreadCrumb------------------------------------------------------*/ /*---TRIBUTE SEARCH WEB CONTROL--------------------------------------*/ .right_col_form_container { float: right; width: 320px; margin-top: -83px; margin-bottom: 55px; } .right_col_form_container H2 { font-family: Georgia; font-weight: bold; font-size: 25px; color: #979595; padding-left: 34px; } .right_col_form_container .bg_api_reg { background-color: #B0D462; border-radius: 30px; width: 215px; padding: 25px 25px 0 25px; margin: 0 0 0 10px; color: #556D2E; font-size: 15px; font-family: Arial; } .right_col_form_container .bg_api_reg .btn { margin-left: 60px; } .right_col_form_container .form_row { font-family: Arial; font-size: 13px; margin: 0 0 0px; } .right_col_form_container .form_row.button { padding-left: 70px; } .right_col_form_container INPUT[type=submit] { border: none; margin-top: 0.34em; width: 158px; height: 129px; cursor: pointer; } .right_col_form_container INPUT[type=submit] { background: url('../images/system/btn-search-small-trans.png') no-repeat left top; } .filter_n_search .left { float: left; width: 70px; } .filter_n_search .right { float: left; } .right_col_form_container .funeral_director_link { margin-left: 14px; } .right_col_form_container .charity_link { margin-left: 36px; } /*---TRIBUTE SEARCH WEB CONTROL--------------------------------------*/ /*---HOME PAGE-------------------------------------------------------*/ /*---HOME PAGE-------------------------------------------------------*/ /*---ABOUT US--------------------------------------------------------*/ .AboutUsPage { background-color: #F8E8DA; } .AboutUsPage H1 { float: left; line-height: 42px; margin-right: 3px; padding-bottom: 0; margin-bottom: 0; } .AboutUsPage H1, .AboutUsPage H3 { color: #F07A22; } .AboutUsPage H4 { color: #817f7f; } .AboutUsPage P.intro { padding-top: 22px; } /*---ABOUT US--------------------------------------------------------*/ /*---OUR PROMISE PAGE------------------------------------------------*/ .OurPromisePage { background-color: #eef8fd; } .OurPromisePage H1, .OurPromisePage H3, .OurPromisePage P A, .OurPromisePage UL { color: #28ACE2; } .c_cards {font-size: 13px; padding-bottom: 20px;} .c_cards IMG { height: 18px; padding-bottom: 5px; vertical-align: top;} .charge_example{} .charge_example P{ padding-bottom: 0;} .charge_example .col_left{float: left; width: 125px;} .charge_example .col_right{float: left; width: 85px;} /*---OUR PROMISE PAGE------------------------------------------------*/ /*---FUNERAL DIRECTOR INFORMATION PAGE-------------------------------*/ .InformationFDPage { background-color: #F8E8DA; } .InformationFDPage H1, .InformationFDPage H3, .InformationFDPage UL { color: #F07A22; } /*---FUNERAL DIRECTOR INFORMATION PAGE-------------------------------*/ /*---CHARITIES PAGE--------------------------------------------------*/ .CharitiesPage { background-color: #EEF8FD; } .CharitiesPage H1, .CharitiesPage UL { color: #28ACE2; } TABLE.list { width: 100%; } TABLE.list TD { background-color: #FFF; vertical-align: top; } TABLE.list TD.img_col { vertical-align: top; padding: 5px; width: 40%; } TABLE.list .img_col .logo{} TABLE.list .img_col .logo.charity{ max-width: 180px;} TABLE.list .img_col .logo.fd{ max-width: 350px;} TABLE.list .img_col .photo{ max-width: 200px;} TABLE.list .img_col .photo.thumb{ max-width: 540px;} TABLE.list TD.details_col { color: #817f7f; padding: 5px 5px 5px 10px; } TABLE.list .details_col H3, TABLE.list .details_col A.web_link { font-size: 13px; font-weight: bold; text-decoration: none; } TABLE.list .details_col P { font-size: 12px; line-height: 20px; padding-bottom: 8px; } TABLE.list .details_col .toggle .full { display: none; } .dont_break_out { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } /*---CHARITIES PAGE--------------------------------------------------*/ /*---EMAILS PAGE-------------------------------------------------------*/ .EmailsPage { background-color: #eef8fd; } .EmailsPage .email_container { font-family: Georgia; width: 500px; margin: 55px 105px 55px 50px; float: left; } .EmailsPage .email_container H1 { font-weight: bold; font-size: 29px; color: #28ace2; padding-bottom: 5px; border-bottom: 1px dotted #A7A7A9; } .EmailsPage .email_container .subject_container { position: relative; padding: 10px; background-color: #fff; margin-bottom: 10px; color: #808285; border: 1px solid #aba9aa; } .EmailsPage .email_container .content_container { border: 1px solid #aba9aa; position: relative; padding: 10px; background-color: #fff; color: #808285; } .jHtmlArea BODY { color: #808285; } .EmailsPage.Edit .email_container { font-family: Georgia; width: 600px; margin: 0px 105px 55px 50px; float: left; } .edit_details_panel .tabs A{color: #808285; text-decoration: none;} .edit_details_panel .tabs A.selected{color: #00AEEF;} .edit_details_panel .tags_panel { display: none; height: 248px; overflow-y: scroll; } .edit_details_panel .tags_panel .replacement_tag { cursor: pointer; } .edit_details_panel .tags_panel .replacement_tag:HOVER { background-color: #807E7F; color: #fff; } .edit_details_panel .image_controls{ float: left; padding: 25px 0 0 13px; position: relative; } /*---EMAIL PAGE-------------------------------------------------------*/ /*---TRIBUTE PAGE----------------------------------------------------*/ .TributePage .tribute { } .photo { position: relative; } .photo:before { background: transparent url('../images/system/fund-page-default.jpg') no-repeat 50% 50%; content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.6; } .photo .holder { height: 200px; width: 200px; overflow: hidden; position: relative; } .photo IMG { position: absolute; } .edit_tribute_photo_panel .photo IMG { cursor: move; } .TributePage .tribute .total_n_donate { position: relative; float: left; margin-left: 20px; height: 225px; width: 243px; } .TributePage .tribute .donate_btn { position: absolute; right: 0px; top: 110px; } .TributePage .tribute .name { font-size: 23px; font-family: Arial; font-weight: bold; color: #808285; } .TributePage .tribute .dod { font-size: 18px; font-family: Arial; font-weight: normal; color: #a7a9ac; } .TributePage .tribute .facebook_link { font-size: 13px; font-weight: normal; color: #817f7f; line-height: 20px; padding: 20px 0px 0px; } .TributePage .tribute .facebook_link .stButton { margin-right: 10px; } .TributePage .tribute .facebook_link .stArrow { display: none; } .TributePage .tribute .facebook_link IMG { padding-right: 5px; height: 22px; } .TributePage .tribute .facebook_link A { text-decoration: underline; } .TributePage .tribute .message { font-size: 13px; font-weight: normal; font-family: Arial; color: #817f7f; line-height: 20px; padding: 20px 0px 25px; } .TributePage .tribute .total_donations.small { position: relative; width: 243px; height: 167px; margin-left: -10px; font-family: Arial; font-weight: bold; color: #fff; margin-left: 0px; margin-bottom: 0; background-image: url('../images/system/bg-total.gif'); } .TributePage .tribute .total_donations.small .total_txt { font-size: 22px; position: absolute; top: 20px; left: 25px; } .TributePage .tribute .total_donations.small .total_value { font-size: 38px; position: absolute; top: 46px; left: 25px; } .TributePage .tribute .total_donations.small .total_gift_aid_txt { font-size: 15px; position: absolute; top: 87px; left: 25px; } .TributePage .tribute .total_donations.small .total_gift_aid_value { font-size: 15px; position: absolute; top: 109px; left: 30px; } .TributePage .donations { margin-bottom: 25px; } .TributePage .donations .donation { border-bottom: 1px dotted #817F7F; margin-bottom: 10px; padding: 5px 0; } .TributePage .donations .donation .donation_info { font-family: Arial; font-weight: bold; } .TributePage .donations .donation .donation_info .amount { color: #f07a22; font-size: 19px; } .TributePage .donations .donation .donation_info .gift_aid { font-size: 12px; } .TributePage .donations .donation .donation_info .name { color: #808285; font-size: 19px; } .TributePage .donations .donation .donation_info .type { color: #2bace2; font-size: 13px; } .TributePage .donations .donation .message { color: #817f7f; font-size: 12px; line-height: 20px; } .about .full, .TributePage .donations .donation .message .full { display: none; } .TributePage .donations .donation .date { color: #817f7f; font-size: 12px; line-height: 20px; padding-bottom: 8px; } .TributePage .colLeft { float: left; width: 485px; margin-left: 20px; } .TributePage .colRight { float: left; width: 450px; margin-left: 20px; } .disabled .left_col { color: #979595 !important; } .address_row, .event_data_row, .webcast_data_row, .age_unit_row, .password_row { display: none; } .ga_valid{ color: Green;} .ga_invalid{ color: Red;} .form_row .info { color: #808285; font-size: 15px; float: left; padding: 3px 0 0 5px; } .message_row { } .btn_donate { background: #E2F4FD url('../images/system/btn-donate-form.jpg') no-repeat; height: 110px; width: 143px; border: none; cursor: pointer; } .btn_donate_large { border-style: none; border-color: inherit; border-width: medium; background: url('../images/system/btn-donate.png') no-repeat; width: 126px; height: 109px; cursor: pointer; } A.btn_donate_large { display: block; } .fade_panel { z-index: 100; } .popup_wrap { position: fixed; top: 0; right:0; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; z-index: 110; } .popup_panel.visible { opacity: 1; display: block; position: relative; } .popup_panel H3 { font-size: 25px; font-weight: normal; margin-bottom: 22px; } .popup_panel H3 SPAN { color: #817f7f; } .popup_panel .form_row .left_col { width: 190px; padding-right: 10px; text-align: right; } .popup_panel.large { width: 755px; } .popup_panel.large .form_row .right_col { width: 630px; } .popup_panel .photo_thumb { float: left; } .TributePage.Edit { } .colour_picker { float: right; padding-top: 9px; position: relative; } .colour_picker .edit_bar { width: 140px; height: 21px; padding: 6px 14px 0 0; background-color: #A7A9AC; color: #FFF; border: 3px solid #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 16px; padding: 4px 10px; } .colour_picker .selected_colour { float: right; margin-top: 3px } .colour_picker .colour_block { width: 42px; height: 13px; cursor: pointer; border: none; } .colour_picker .colour_options { display: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #A7A9AC; padding: 10px 3px 3px 10px; width: 147px; margin: 2px 0; position: absolute; z-index: 100; border: 3px solid #FFF; } .colour_picker .colour_options .colour_block { float: left; margin: 0px 7px 6px 0px; /*Stop Safari Mobile from giving input buttons rounded corners*/ -webkit-appearance:none; } .TributePage .linked_tribute { width: 205px; float: left; margin-bottom: 10px; } .TributePage .linked_tribute.padding_left { padding-left: 14px; } .TributePage .linked_tribute A { text-decoration: none; } .TributePage .linked_tribute .logo { margin-bottom: 5px; float: none; } .TributePage .linked_tribute H3 { font-size: 13px; height: 35px; overflow: hidden; } .TributePage .linked_tribute IMG.donate_btn { width: 100px; } .TributePage.Edit .tribute .name_edit_container { position: relative; } .edit_charity_panel .help, .edit_charity_panel .btn_remove_charity { /*vertical-align: bottom;*/ position: absolute; top: 0; right: 0; } .btn_remove_charity { background: #E2F4FD url('../images/system/btn-close-on-white.jpg') no-repeat; height: 30px; width: 33px; border: none; cursor: pointer; } .edit_charity_panel .suggest_charity, .edit_charity_panel .confirm_beneficiaries { display: none; } /*---TRIBUTE PAGE----------------------------------------------------*/ /*---FUNERAL DIRECTOR PAGE-------------------------------------------*/ .FuneralDirectorPage { background-color: #F8E8DA; } .edit_logo_container { position: relative; } /*---FUNERAL DIRECTOR PAGE-------------------------------------------*/ /*---USER PAGE-------------------------------------------------------*/ .UserPage { background-color: #F8E8DA; } .UserPage .form_container { margin: 0 0 50px 50px; float: left; } .UserPage .colRight { float: left; width: 450px; position: relative; } .UserPage .form_row .left_col { color: #979595; width: 190px; } .UserPage .form_row .level_control_row{ line-height: 24px;} .UserPage .form_row .level_control_row INPUT[type=text], .UserPage .form_row .level_control_row .level_controls { float: left; } .UserPage .form_row .level_control_row .level_controls { margin-left: 5px; } /*---USER PAGE-------------------------------------------------------*/ /*---Refund PAGE-------------------------------------------------------*/ .RefundPage { background-color: #F8E8DA; } .RefundPage .form_container { margin: 0 0 50px 50px; float: left; } /*---USER PAGE-------------------------------------------------------*/ /*---CHARITY PAGE----------------------------------------------------*/ .CharityPage { background-color: #EEF8FD; padding-bottom: 50px; } .CharityPage .form_container { margin: 0 0 50px 50px; } .Edit .charity .logo_number, .Edit .charity .about { position: relative; margin-top: 10px; } .CharityPage .colLeft { float: left; padding: 0 25px 0 0; margin-left: 50px; } .CharityPage .colRight { float: left; } .list_container { float: left; width: 254px; } .CharityPage .help { vertical-align: bottom; } .btn_container { float: left; } .CharityPage .charity_name_col{ float: left; width: 200px;} .CharityPage .charity_del_col{float: left; width: 200px;} .CharityPage .remove_sub_branch { vertical-align: middle; } .form_row .left_col { color: #979595; } .form_row .level_control_row INPUT[type=text], .form_row .level_control_row .level_controls { float: left; } /*---CHARITY PAGE----------------------------------------------------*/ /*---SEARCH RESULTS PAGE---------------------------------------------*/ .SearchResutsPage { background-color: #f8f6da; } .SearchResutsPage .search_resuts_container { font-family: Georgia; width: 600px; margin: 55px 0px 55px 50px; float: left; } .SearchResutsPage .search_resuts_container H1 { font-weight: bold; font-size: 42px; color: #979595; padding-bottom: 5px; } .result_details_container .results_details { float: none; } .result_details_container .results_navigation { float: right; } .results_navigation .SearchResultsNavigation { display: inline; } .SearchResutsPage .search_resuts_container TABLE TR.search_result_item .photo_col { background-color: #FFF; padding: 5px; } .SearchResutsPage .search_resuts_container TABLE.fund_pages TR.search_result_item .photo_col{width: 50px;} .SearchResutsPage .search_resuts_container TABLE TR.search_result_item .details_col { background-color: #FFF; } .SearchResutsPage .search_resuts_container .search_result_item { padding-left: 125px; width: 470px; font-size: 13px; font-family: Arial; color: #817f7f; line-height: 18px; margin-bottom: 15px; } .photo_thumb { width: 50px; height: 50px; border: 5px solid #FFF; background-color: #FFF; position: relative; } .photo_thumb .pt_holder { height: 50px; width: 50px; overflow: hidden; position: relative; } .edit_tribute_photo_panel .photo_thumb IMG { cursor: move; position: absolute; } .SearchResutsPage .search_resuts_container .search_result_item .details { background-color: #fff; padding: 5px 5px 5px 10px; } .SearchResutsPage .search_resuts_container .search_result_item .details .left_content { float: left; } .SearchResutsPage .search_resuts_container .search_result_item .details A { text-decoration: underline; color: #817F7F; } .SearchResutsPage .search_resuts_container .search_result_item .details .name { } /*.SearchResutsPage .search_resuts_container .search_result_item .details */ .SearchResutsPage .search_resuts_container .search_result_item .details .collection_status { display: inline-block; float: right; text-align: right; } /*Charity Search Related styles*/ /*---SEARCH RESULTS PAGE---------------------------------------------*/ /*---SEARCH RESULTS ADMIN PAGE---------------------------------------*/ .admin_search_container { padding-top: 0; color: #817F7F; } .admin_search_container .left_section { float: left; } .admin_search_container .right_section { float: left; width: 83px; } .admin_search_container .form_row .left_col { width: 133px; color: #817F7F; text-align: right; padding-right: 5px; } .admin_search_container .form_row .right_col { width: 215px; } .AdminPage .page_filter_container .admin_search_container .filter_n_search .page_filter_container { font-size: 14px; } .admin_search_container .filter_n_search .left { float: left; width: 70px; margin-left: 0px; } .admin_search_container .filter_n_search .right { float: left; } .admin_search { font-size: 13px; } .SearchResutsPage.Admin { background-color: #DCDDDF; } /*---SEARCH RESULTS ADMIN PAGE---------------------------------------*/ /*---LOGIN PAGE------------------------------------------------------*/ .LoginPage { background-color: #eef8fd; color: #808285; } .LoginPage .form_container { padding: 55px 105px 55px 50px; } .LoginPage LABEL { width: 100px; display: block; float: left; } .LoginPage .form_row .right_col { max-width: 390px; width: 100%; } /*---LOGIN PAGE------------------------------------------------------*/ .hidden { display: none; } /*---ADMIN PAGE------------------------------------------------------*/ .AdminPage { font-family: Verdana; background-color: #dcdddf; padding-bottom: 50px; } .AdminPage H1 { font-size: 19px; color: #3d175b; padding: 30px 0px 15px 5px; } .AdminPage .tile { background-color: #FFF; float: left; margin: 0 10px 10px 0; width: 215px; height: 145px; padding: 5px 8px; position: relative; } .AdminPage .tile.double { width: 456px; } .AdminPage .tile:HOVER { box-shadow: 3px 3px 10px #817F7F; } .AdminPage .tile A.item_add { position: absolute; bottom: 10px; left: 10px; font-size: 12px; } .AdminPage .tile .title { color: #5D3F75; margin-bottom: 5px; } .AdminPage .tile A { text-decoration: none; color: #5D3F75; } .AdminPage .tile A.main { font-size: 16px; position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; } .AdminPage .tile A.main P { font-size: 12px; color: #817F7F; margin-top: 5px; } .AdminPage .tile A.arrow { position: absolute; bottom: 10px; right: 10px; } .AdminPage .TributePage .colLeft { width: 365px; } .AdminPage .item_container { margin-bottom: 10px; color: #817f7f; outline: 5px dashed red; } .AdminPage .item_container A { text-decoration: none; color: #817f7f; } .AdminPage .item_container .item_title_row { background-color: #FFF; margin: 0 0 10px 0px; padding: 5px 8px; height: 16px; font-size: 13px; } .AdminPage .item_container .item_title_row.sub_item { margin-bottom: 4px; font-size: 13px; } .AdminPage .item_container .item_title_row.sub_item .item_title { text-transform: uppercase; overflow: hidden; } .AdminPage .item_container .item_title_row.sub_item .item_title A { color: #817f7f; } .AdminPage .item_container .item_title_row.sub_item .item_title.regular { text-transform: none; } .AdminPage .item_container .item_title_row .item_title { float: left; width: 260px; height:13px; padding: 1px 0 2px; } .AdminPage .item_container .item_title_row .item_title A { color: #5D3F75; } .AdminPage .item_container .item_title_row .item_content_toggle { float: left; width: 16px; height:16px; } .AdminPage .item_container .item_title_row .item_add { float: right; width: 224px; } .AdminPage .item_container .item_title_row .item_add .item_add_text { float: right; width: 200px; padding: 1px 8px 2px 0px; text-align: right; } .AdminPage .item_container .item_title_row .item_add .item_add_img { float: right; width: 16px; height: 16px; } .AdminPage .item_container .item_col_header_row { margin: 0 0 4px 50px; width: 925px; font-size: 13px; } .AdminPage .item_container .edit_column { padding: 3px 12px 2px 5px; width: 33px; height: 21px; float: left; } .AdminPage .item_container .item_column { float: left; margin-right: 19px; padding: 5px 8px; width: 201px; height: 16px; background-color: #FFF; } .AdminPage .item_container .item.closed .item_column { background-color: #B2B0B0; } .AdminPage .item_container .item_column.last { margin-right: 0px; } .AdminPage .item_container .item_column .item_sub_column.left { float: left; width: 149px; } .AdminPage .item_container .item_column .item_sub_column.right { float: right; width: 52px; } .AdminPage .item_container .item_column.span_2 { width: 437px; } .AdminPage .item_container .item_column.span_2.last .item_sub_column.left, .AdminPage .item_container .item_column.span_2.last .item_sub_column.right { width: 218px; } .AdminPage .item_container .item_column.span_2L { width: 350px; } .AdminPage .item_container .item_column.span_2R { width: 524px; } .AdminPage .item_container .item_column.span_4 { width: 909px; } .AdminPage .item_container .item_column.span_4.last .item_sub_column.left, .AdminPage .item_container .item_column.span_4.last .item_sub_column.right { width: 455px; } .AdminPage .item_container .item { margin-bottom: 1px; font-size: 12px; } .AdminPage .item_container .item:HOVER, .AdminPage .item_container .item:HOVER A { color: #7482bf; } .AdminPage .item_container .not_found { background-color: #FFF; margin: 0 0 10px 50px; padding: 5px 8px; width: 909px; height: 16px; font-size: 13px; } /*---ADMIN PAGE------------------------------------------------------*/ /*---REGISTER CHARITY PAGE-------------------------------------------*/ .RegCharityPage { background-color: #EEF8FD; } .RegCharityPage H1, .RegCharityPage P, .RegCharityPage .form_row .left_col, .RegCharityPage .terms_conditions { color: #23A2DA; } /*---REGISTER CHARITY PAGE-------------------------------------------*/ /*---CHARGE PAGE-----------------------------------------------------*/ .ChargePage { background-color: #DCDDDF; position: relative; } .ChargePage .form_container { margin: 0 0 50px 50px; float: left; } .ChargePage .colLeft { float: left; width: 475px; margin-left: 50px; position: relative; } .ChargePage .colRight { float: left; width: 450px; position: relative; } .ChargePage .form_row .left_col { color: #979595; } .ChargePage .form_row .level_control_row INPUT[type=text], .ChargePage .form_row .level_control_row .level_controls { float: left; } .btn_confirm { cursor: pointer; height: 23px; width: 67px; border: none; background: transparent url("../images/system/btn-confirm.jpg") no-repeat scroll left top; } /*---CHARGE PAGE-----------------------------------------------------*/ /*---REPORT PAGES----------------------------------------------------*/ .view_tribute_history_panel .updater_container { background-color: #fff; padding: 8px 9px 8px 9px; font-family: Georgia; } .results TR.summary_details { cursor: pointer; } .results TR.more_details { display: none; } .results TR.more_details TD { background-color: #f5f5f5; } .results TR.more_details TABLE { width: 100%; } .results TR.more_details TABLE TH, .results TR.more_details TABLE TD { border: none; } /*---REPORT PAGES----------------------------------------------------*/ /*---CONTACT PAGE-------------------------------------------*/ .ContactPage { background-color: #EEF8FD; } .ContactPage H1, .ContactPage P, .ContactPage A, .ContactPage .form_row .left_col { color: #23A2DA; } /*---CONTACT PAGE-------------------------------------------*/ /*---TWO COL LAYOUT PAGE------------------------------------*/ .TextPage { background-color: #EEF8FD; } .TextPage H1, .TextPage H3, /*.TextPage UL,*/ .TextPage A { color: #28ACE2; } .TextPage .panel_style { background-color: #fff; padding: 10px 15px 0px 15px; margin-bottom: 10px; } /*---TWO COL LAYOUT PAGE------------------------------------*/ @media print { body { width: 100%; } .header, .footer, .Edit.content_wide_scr, .close_panel, IMG.select_date, .info, .status_list .status_item, .status_list .status_desc_item, .status_desc .status_desc_item.selected A, BR, .PRE_REGISTER .status_desc .status_desc_item.PRE_REGISTER, .REQUEST_REGISTER .status_desc .status_desc_item.REQUEST_REGISTER, .REGISTERED .status_desc .status_desc_item.REGISTERED, .COMPLETED .status_desc .status_desc_item.COMPLETED, .SENT_FORM_CHARITY .status_desc .status_desc_item.SENT_FORM_CHARITY, .RECEIVED_FORM .status_desc .status_desc_item.RECEIVED_FORM, .SENT_FORM_HMRC .status_desc .status_desc_item.SENT_FORM_HMRC, .AUTHORISED .status_desc .status_desc_item.AUTHORISED { display: none; } .popup_panel.edit_details_panel { display: block !important; opacity: 1 !important; top: 0 !important; left: 0 !important; color: Black; } .popup_panel { width: 740px; } .form_row { padding-bottom: 5px; border-bottom: 1px solid black; } .form_row .left_col { width: 140px; } .form_row .right_col, .form_row .right_col INPUT[type="text"], .form_row .right_col TEXTAREA, .form_row .right_col.status_col { width: 520px; height: auto; padding: 0px !important; border: none; } .form_row .right_col TEXTAREA { height: 75px; } .status_list .status_item.selected, .PRE_REGISTER .status_desc .status_desc_item.PRE_REGISTER.selected, .REQUEST_REGISTER .status_desc .status_desc_item.REQUEST_REGISTER.selected, .REGISTERED .status_desc .status_desc_item.REGISTERED.selected, .COMPLETED .status_desc .status_desc_item.COMPLETED.selected, .SENT_FORM_CHARITY .status_desc .status_desc_item.SENT_FORM_CHARITY.selected, .RECEIVED_FORM .status_desc .status_desc_item.RECEIVED_FORM.selected, .SENT_FORM_HMRC .status_desc .status_desc_item.SENT_FORM_HMRC.selected, .AUTHORISED .status_desc .status_desc_item.AUTHORISED.selected, .status_desc .status_desc_item.selected { display: block !important; padding-left: 0px !important; height: auto; } .status_desc {width: 300px;} .status_desc, .status_desc .status_desc_item { height: auto; } .btn { display: none; } .RefundPage.Edit.content_wide_scr { display: block; } } .memory_wall { width: 100%; background-color: #73CD5C; border-top: solid 1px #aba9aa; border-bottom: solid 1px #aba9aa; } .memory_wall .tribute { float: left; width: 5%; position: relative; } .memory_wall .search_box { margin: 10px; } .memory_wall .tribute:HOVER { z-index: 100; box-shadow: 0px 0px 15px #FFF; } .memory_wall .tribute IMG { width: 100%; } .memory_wall .tribute .info { position: absolute; padding: 3px 5px; bottom: 0px; left: 0px; right: 0px; opacity: 0.7; display: none; } .memory_wall .tribute:HOVER .info { display: block; } .memory_wall .tribute:HOVER A.info { text-decoration: none; } .api_key { font-size: 19px; font-family: Verdana; width: 460px; border: 2px solid #817F7F; border-radius: 15px; text-align: center; padding: 10px 10px; margin: 10px 0; background-color: #FFF; } .operation_stats { float: right; text-align: right; color: #979595; font-size: 13px; line-height: 23px; } PRE { color: #000; background-color: #E5E5CC; padding: 5px; font-family: Courier New; font-size: 12px; margin-top: -5px; border: 1px solid #F0F0E0; overflow: scroll; } linkUploadLogoerror PRE .value { font-weight: bold; color: #00008B; } /* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- Beneficiary Of The Month -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .BeneficiaryOfTheMonthPage { background-color: #EEF8FD; } .BeneficiaryOfTheMonthPage H1 { color: #28ACE2; } .BeneficiaryOfTheMonthPage .botm_article { width: 600px; } .BeneficiaryOfTheMonthPage .botm_article .image { float: left; height: 120px; width: 220px; margin-right:10px; } .Edit .botm_article .article_details { position: relative; } .BeneficiaryOfTheMonthPage .botm_article .article_details { float: left; width: 370px; } .BeneficiaryOfTheMonthPage .botm_article .article_details H3 { font-family: Arial; font-size: 23px; color: #28ace2; } .BeneficiaryOfTheMonthPage .botm_article .article_details .nominated_by { font-size: 12px; padding-bottom: 10px; } .BeneficiaryOfTheMonthPage .botm_article .article_details P { line-height: 18px; padding-bottom: 0; } .BeneficiaryOfTheMonthPage.public .botm_article A { color: #28ACE2; text-decoration: none; } .BeneficiaryOfTheMonthPage.Edit .botm_article { /*float: left;*/ margin: 0px 105px 55px 50px; } .BeneficiaryOfTheMonthPage.Edit .botm_article .image_holder { position: relative; float: left; } .BeneficiaryOfTheMonthPage.Edit .botm_article .image { overflow: hidden; position: relative; } .BeneficiaryOfTheMonthPage.Edit .botm_article .image IMG { position: absolute; } .BeneficiaryOfTheMonthPage.Edit .botm_article .edit_controls { margin-bottom: 10px; } .BeneficiaryOfTheMonthPage.Edit .botm_article .edit_controls .editColLeft { float: left; width: 220px; margin-right: 10px; } .BeneficiaryOfTheMonthPage.Edit .botm_article .edit_controls .editColRight { float: left; width: 370px; } /* Lists */ .botm_item { padding-bottom: 10px; } .botm_item IMG { } .botm_item .left_col{ float: left; width: 220px; padding: 0 15px 5px 0;} .botm_item .right_col{ float: left; } .BeneficiaryOfTheMonthPage .botm_item .right_col{ width: 365px;} .botm_item .title { font-weight: bold; color: #2BACE2; } .botm_item A { text-decoration: none; color: #2BACE2; } .botm_item .nominated { font-size: 12px; } .botm_item .nominatedby{} .botm_image .logo .holder { width: 220px; height: 120px; }