/* CSS document for Glasnevin */ @font-face { font-family:"museo300"; src:url("/site-files/cms-templates/fonts/museo300.eot"); src:url("/site-files/cms-templates/fonts/museo300.eot?#iefix") format("embedded-opentype"), url("/site-files/cms-templates/fonts/museo300.woff") format("woff"), url("/site-files/cms-templates/fonts/museo300.ttf") format("truetype"), url("/site-files/cms-templates/fonts/museo300.svg#Museo300Regular") format("svg"); font-weight:normal; font-style:normal; } @font-face { font-family:"museo500"; src:url("/site-files/cms-templates/fonts/museo500.eot"); src:url("/site-files/cms-templates/fonts/museo500.eot?#iefix") format("embedded-opentype"), url("/site-files/cms-templates/fonts/museo500.woff") format("woff"), url("/site-files/cms-templates/fonts/museo500.ttf") format("truetype"), url("/site-files/cms-templates/fonts/museo500.svg#Museo500Regular") format("svg"); font-weight:normal; font-style:normal; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; } audio, canvas, video { display:inline-block; } audio:not([controls]) { display:none; } [hidden] { display:none; } .hidden { display:none !important; visibility:hidden; } .accessibility, .no-display { position:absolute; left:-999em; top:-999em; } a .accessibility { position:relative; left:0; top:0; visibility:hidden; } html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-y:scroll; -webkit-font-smoothing:antialiased; } html, body, button, input, select, textarea { color:#666; font-family:Arial; } body { margin:0; padding:0; font-size:0.85em; line-height:1.4em; position:relative; font-weight:normal; font-style:normal; } h1, h2, h3, h4, h5, h6 { color:#51B2CC; font-family:"museo500"; line-height: 1.2em; } h1 { margin:0.8em 0; font-size:2em; } h2 { margin:0.8em 0; font-size:1.7em; } h3 { margin:15px 0 2px; } h2.no-colour, h3.no-colour { color:#666; } h3.large { margin-bottom:0.5em; font-size:1.4em; } a { color:#333; } a:visited { color:#333; } a:focus { outline:thin dotted; color:#51B2CC; } a:hover, a:active { color:#51B2CC; outline:0; } abbr[title] { border-bottom:1px dotted; } b, strong { font-weight:bold; } small { font-size:85%; } sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; } sup { top:-0.5em; } sub { bottom:-0.25em; } p { margin:0; padding:0 0 1em; } ul, ol { margin:0; padding:0 0 0.8em 1em; } nav ul, nav ol { list-style:none; list-style-image:none; margin:0; padding:0; } img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; } svg:not(:root) { overflow:hidden; } figure { margin:0; } form { margin:0; } fieldset { border:0; margin:0; padding:0; } .left { float:left; margin-right:10px; } label { cursor:pointer; } legend { border:0; padding:0; white-space:normal; } button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; } button, input { line-height:normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; } button[disabled], input[disabled] { cursor:default; } input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; } input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; } textarea { overflow:auto; vertical-align:top; resize:vertical; } table { border-collapse:collapse; border-spacing:0; } td { vertical-align:top; } .chromeframe { margin:0.2em 0; background:#ccc; color:black; padding:0.2em 0; } /* Layout */ #wrapper { width:100%; float:left; min-width:960px; position:relative; overflow:hidden; z-index:0; } .container { width:960px; float:left; position:relative; } .left-remainder { width:49.999%; height:auto !important; height:1px; min-height:1px; margin-right:-480px; float:left; display:inline; } .left-remainder .inner { margin-right:480px; } .right-remainder { width:49.999%; height:auto !important; height:1px; min-height:1px; margin-left:-480px; float:left; display:inline; } .right-remainder .inner { margin-left:480px; } /* Quick Login */ #quick-login-wrapper { width:100%; height:0px; overflow:hidden; float:left; position:relative; overflow:hidden; background:url(../images/sign-in/background_gradient.gif) repeat-x; } #quick-login-wrapper .container { min-height:70px; padding:30px 0 0; position:static; } #quick-login-wrapper form { float:left; width:590px; } .lt-ie8 #quick-login-wrapper form { width:610px; } #quick-login-wrapper form .title { margin-right:20px; float:left; font-family:"museo300"; font-size:1.8em; line-height:33px; color:#FFF; } #quick-login-wrapper form .text-input { margin-right:10px; float:left; } .lt-ie9 #quick-login-wrapper form .text-input input { font-family:Arial; } #quick-login-wrapper form .button { margin:0; padding-bottom:0; float:left; clear:none; } #quick-login-wrapper form a { margin:0 0 0 10px; display:inline; clear:both; color:#e5f3f7; font-family:"museo300"; font-size:1.0em; font-weight:bold;} #quick-login-wrapper .facebook-sign-in { width:207px; height:32px; margin:0 0 0 67px; float:left; } #quick-login-wrapper .facebook-sign-in a { height:32px; display:block; background:url(../images/sign-in/btn_facebook.png) no-repeat; } #quick-login-wrapper .facebook-sign-in a:hover, #quick-login-wrapper .facebook-sign-in a:active, #quick-login-wrapper .facebook-sign-in a:focus { background-position:left bottom; } #quick-login-wrapper .close { width:31px; height:30px; margin:2px 12px 0 0; float:right; background:url(../images/sign-in/x_close.png) no-repeat; } #quick-login-wrapper .close:hover { cursor:pointer; } #quick-login-info { width:100%; position:absolute; left:0; bottom:0; z-index:1; display:none; zoom:1; clear:both; } #quick-login-info .inner { width:100%; height:100%; position:relative; } #quick-login-info .overlay { width:100%; height:100%; position:absolute; left:0; top:0; background:#000; } #quick-login-info .content { width:276px; padding:20px 30px; background:url(../images/blue_corner.gif) no-repeat 313px 5px #FFF; position:absolute; z-index:1; -webkit-box-shadow:0px 0px 4px 0px #333; box-shadow:0px 0px 4px 0px #333; line-height:1.4em; font-size:110%; } #remember-me { color:#E5F3F7; float:left; width:192px; clear:left; margin:8px 0 0 100px; } .lt-ie8 #remember-me { width:205px; margin-left:95px; } #remember-me input { float:left; margin:3px 3px 0 0; } .lt-ie9 #remember-me input { margin-top:5px; } .lt-ie8 #remember-me input { margin-top:0; } #remember-me label { color:#E5F3F7; font-family:"museo300"; font-size:0.95em; } #forgot-password { width:220px; float:left; margin: 8px 0 0 0;} #quick-login-wrapper .error {color: #fff;} /* Credit Top Up Message */ #upadating-credits-modal { width:100%; height:100%; position:fixed; left:0; top:0; z-index:1; display:none; zoom:1; clear:both; } #upadating-credits-modal .inner { width:100%; height:100%; position:relative; } #upadating-credits-modal .overlay { width:100%; height:100%; position:absolute; left:0; top:0; background:#000; } #upadating-credits-modal .content { background:#FFF; width:350px; padding:20px; position:relative; z-index:1; border:8px solid #E5F3F7; text-align:center; line-height: 20px; margin:0 auto; top:100px; text-align:center; height:auto !important; height:254px; min-height:254px; } #upadating-credits-modal .content h1 {color:#000; clear: both; text-align: center; width: 100%;} #upadating-credits-modal .icon-message {background:url(/site-files/images/generic/info-icon.png) no-repeat center center transparent; width: 55px; height: 55px; display: block; position: relative; z-index: 2; left:0; right:0; margin:0 auto; top: -25px;} #upadating-credits-modal .message {background-color: #E5F3F7; position: relative; z-index: 1; margin: 28px 0 0;} #upadating-credits-modal span.message-text {padding:4px 0; color: #5E828D;} #upadating-credits-modal button.close { width:31px; height:30px; margin: -8px -20px 0; float:right; background:url(/site-files/images/generic/close-btn.png) no-repeat; border:none; } #upadating-credits-modal button.close:hover { cursor:pointer; } #upadating-details-modal { width:100%; height:100%; position:fixed; left:0; top:0; z-index:1; display:none; zoom:1; clear:both; } #upadating-details-modal .inner { width:100%; height:100%; position:relative; } #upadating-details-modal .overlay { width:100%; height:100%; position:absolute; left:0; top:0; background:#000; } #upadating-details-modal .content { background:#FFF; width:350px; padding:20px; position:relative; z-index:1; border:8px solid #E5F3F7; text-align:center; line-height: 20px; margin:0 auto; top:100px; text-align:center; height:auto !important; height:254px; min-height:254px; } #upadating-details-modal .content h1 {color:#000; clear: both; text-align: center; width: 100%;} #upadating-details-modal .icon-message {background:url(/site-files/images/generic/info-icon.png) no-repeat center center transparent; width: 55px; height: 55px; display: block; position: relative; z-index: 2; left:0; right:0; margin:0 auto; top: -25px;} #upadating-details-modal .message {background-color: #E5F3F7; position: relative; z-index: 1; margin: 28px 0 0;} #upadating-details-modal span.message-text {padding:4px 0; color: #5E828D;} #upadating-details-modal button.close { width:31px; height:30px; margin: -8px -20px 0; float:right; background:url(/site-files/images/generic/close-btn.png) no-repeat; border:none; } #upadating-details-modal button.close:hover { cursor:pointer; } #search-upgrade-modal { width:100%; height:100%; position:fixed; left:0; top:0; z-index:1; display:none; zoom:1; clear:both; } #search-upgrade-modal .inner { width:100%; height:100%; position:relative; } #search-upgrade-modal .overlay { width:100%; height:100%; position:absolute; left:0; top:0; background:#000; } #search-upgrade-modal .content { background:#FFF; width:350px; padding:20px; position:relative; z-index:1; border:8px solid #E5F3F7; text-align:center; line-height: 20px; margin:0 auto; top:100px; text-align:center; height:auto !important; height:254px; min-height:254px; } #search-upgrade-modal .content h1 {color:#000; clear: both; text-align: center; width: 100%;} #search-upgrade-modal .icon-message {background:url(/site-files/images/generic/info-icon.png) no-repeat center center transparent; width: 55px; height: 55px; display: block; position: relative; z-index: 2; left:0; right:0; margin:0 auto; top: -25px;} #search-upgrade-modal .message {background-color: #E5F3F7; position: relative; z-index: 1; margin: 28px 0 0;} #search-upgrade-modal span.message-text {padding:4px 0; color: #5E828D;} #search-upgrade-modal button.close { width:31px; height:30px; margin: -8px -20px 0; float:right; background:url(/site-files/images/generic/close-btn.png) no-repeat; border:none; } #search-upgrade-modal button.close:hover { cursor:pointer; } /* Header */ header { width:100%; float:left; position:relative; overflow:hidden; clear:both; } header .container { width:975px; padding:0 10px; position:static; } #logo { width:269px; height:114px; margin:19px 10px 0 -11px; float:left; display:inline; background:url(../images/logo.jpg) no-repeat; position:relative; } #logo a { width:254px; height:108px; display:block; text-decoration:none; } .primary-nav { /*width:696px;*/ margin:5px 0 0; float:left; } .primary-nav ul { width:100%; float:left; } .primary-nav li { height:59px; padding:0 2px 26px 0; float:left; background:url(../images/nav_tab_divider.gif) repeat-y right top; } .primary-nav li.last { padding:0; background:none; } .primary-nav a { height:66px; padding:20px 10px 0; display:block; color:#96999D; background:url(../images/nav_tab_gradient.gif) repeat-x; text-align:center; text-decoration:none; outline:none; font-family:"museo300"; } .primary-nav .current > a { background-image:url(../images/nav_tab_on.gif); background-color:transparent; } .primary-nav .selected > a { background:#F3F3F4; } .primary-nav a .title { padding:0 0 1px; display:block; color:#666; font-size:132%; letter-spacing:0.5px; font-family:"museo500"; } .primary-nav .selected > a .title, .primary-nav .current > a .title { color:#51B2CC; } #nav-tab-1 { width:179px; } #nav-tab-2 { width:153px; } #nav-tab-3 { width:189px; } #fd-nav-tab-1 { width:189px; } .nav-dropdown { width:100%; position:absolute; left:-999999px; top:-999999px; background:url(../images/tabs/background_gradient.gif) repeat-x left top #FFF; } .nav-dropdown .container { padding:24px 0; position:relative; } .nav-dropdown .close { width:28px; height:27px; position:absolute; right:-40px; top:12px; } .nav-dropdown .close button { width:28px; height:27px; margin:0; padding:0; display:block; background:url(../images/tabs/nav_x_close.png) no-repeat; outline:none; border:none; } .nav-dropdown .close button:hover, .nav-dropdown .close button:active, .nav-dropdown .close button:focus { background-position:left bottom; } .nav-dropdown .panels { width:480px; float:left; position:relative; overflow:hidden; } #nav-tab-2 .nav-dropdown .panels { width:220px; } .nav-dropdown .panels li { width:220px; height:auto; margin:0 20px 0 0; padding:0; display:inline; background:none; position:relative; } .nav-dropdown .panels a { width:100%; height:auto; padding:0; background:none; color:#666; text-align:left; font-family:Arial; } .nav-dropdown .panels a .title { width:100%; margin:10px 0 5px; float:left; } .nav-dropdown .panels .button { position:absolute; right:15px; top:93px; margin:0; } .nav-dropdown nav { width:440px; margin:0 20px 0 0; float:right; display:inline; } .nav-dropdown nav.two-column { background:url(../images/footer/line_vertical.gif) repeat-y center top; } .nav-dropdown nav.two-column .column-1 { width:200px; float:left; } .nav-dropdown nav.two-column .column-2 { width:200px; float:right; } .nav-dropdown nav ul { padding:2px 0 0; background:url(../images/footer/line_horizontal.gif) repeat-x left top; } .nav-dropdown nav li { width:100%; height:auto; padding:0; background:url(../images/footer/line_horizontal.gif) repeat-x left bottom; min-height:36px; } .nav-dropdown nav a { height:auto; padding:8px 0 8px 25px; float:none; background:url(../images/footer/arrow_small.png) no-repeat 12px -37px; color:#999; text-align:left; } .nav-dropdown nav a:hover, .nav-dropdown nav a:active, .nav-dropdown nav a:focus { color:#51B2CC; background-position:12px -95px; } .nav-dropdown nav li.title strong { color:#51B2CC; display:block; font-family:"museo500"; font-size:1.24em; padding:8px 0; } .nav-dropdown .services nav { background:none; } .nav-dropdown .services h3 { width:440px; clear:both; border-bottom:1px solid #DDD; border-top:1px solid #DDD; color:#51B2CC; font-size:1.15em; margin:0; padding:9px 0 7px; text-align:center; } .nav-dropdown .services .wide-title { background:#FFF; margin-top:6px; } .nav-dropdown .services .wide-title ul { background:none; } .nav-dropdown .services .last { background:none; } .nav-dropdown .genealogy-search { width:410px; height:190px; margin:0 20px 0 0; padding:18px 20px; float:left; display:inline; background:url(../images/tabs/bg_genealogy_search.gif) repeat-x left top #E7F4F8; } .nav-dropdown .genealogy-search h2 { margin:0 0 13px; clear:both; } .nav-dropdown .genealogy-search form { margin-top:6px; } .nav-dropdown .genealogy-search label { position:absolute; left:-999999px; top:-999999px; } .nav-dropdown .genealogy-search .text-input { margin-right:10px; float:left; } .nav-dropdown .genealogy-search .text-input input { width:133px; } .nav-dropdown .genealogy-search .select { padding:6px 5px; float:left; border:1px solid #cbccce; background:#FFF; -webkit-box-shadow:0 3px 3px -3px #CCC inset; box-shadow:0 3px 3px -3px #CCC inset; -webkit-border-radius:5px; border-radius:5px; } .lt-ie8 .nav-dropdown .genealogy-search .select { padding:6px 0; border:0; background:none; } .nav-dropdown .genealogy-search select { width:68px; font-family:"museo300"; border:0; } .nav-dropdown .genealogy-search .button { margin-top:13px; } .nav-dropdown .genealogy-search .field-error { border-color:#C00; } .nav-dropdown .panels-no-images { width:200px; margin:0 20px 0 0; float:right; display:inline; background:url(../images/footer/line_vertical.gif) repeat-y left top; padding-left:21px; } .nav-dropdown .panels-no-images ul { padding:2px 0 0; background:url(../images/footer/line_horizontal.gif) repeat-x left top; } .nav-dropdown .panels-no-images li { width:100%; height:auto; padding:0 0 2px; background:url(../images/footer/line_horizontal.gif) repeat-x left bottom; } .nav-dropdown .panels-no-images li.last { background:none; } .nav-dropdown .panels-no-images a { height:auto; padding:0 0 15px 7px; float:none; background:none; color:#666; text-align:left; font-family:Arial; } .nav-dropdown .panels-no-images a .title { margin:12px 0 5px; } .nav-dropdown a:hover .title, .nav-dropdown a:focus .title, .nav-dropdown a:hover .title { color:#51B2CC; } #account-options { margin:6px 9px 0 0; float:right; display:inline; font-family:"museo300"; } #account-options ul { margin:0; padding:0; list-style:none; } #account-options li { width:88px; padding:0 8px 0; margin:0; text-align:center; display: inline; } /* Torso */ #torso { width:100%; padding:0 0 5px; float:left; position:relative; background:url(../images/shadow_pixel.gif) repeat-x; z-index:0; } #torso.homepage { background:none; } #torso.visit-glasnevin { width:100%; padding:0 0 5px; float:left; position:relative; background:url(../images/shadow_pixel.gif) repeat-x; z-index:0; } #torso .content-left { float:left; } #torso .content-right { float:right; position:relative; overflow:hidden; } #torso .content-full { width:100%; float:left; } #torso > .container { padding-top:20px; } .visit-glasnevin #torso > .container { background:url(../images/shadow_visit.gif) no-repeat 253px 0; } .genealogy #torso > .container { background:url(../images/shadow_genealogy.gif) no-repeat 432px 0; } .funeral-services #torso > .container { background:url(../images/shadow_services.gif) no-repeat 588px 0; } .two-column .content-left, .visit-glasnevin .content-left, .homepage .content-left { width:700px; padding:10px 10px 30px; } .two-column .content-right, .visit-glasnevin .content-right, .homepage .content-right { width:239px; padding:0 0 30px; } .homepage .content-right { min-height:485px; background:url(../images/visit/gradient_museum.gif) repeat-x; } .two-column-equal { width:100%; float:left; position:relative; } .homepage .two-column-equal { margin-top:-30px; } .two-column-equal .content-left, .two-column-equal .content-right { width:460px; min-height:0; padding:0; background:none; } .homepage .two-column-equal .content-left, .homepage .two-column-equal .content-right { padding:0 10px; float:left; } /* Footer */ footer { width:100%; margin:20px 0 0; padding:25px 0 0; float:left; background:url(../images/footer/gradient_line_top.gif) repeat-x left top #FFF; font-family:"museo300"; } footer .container { width:940px; padding:0 10px; } .tertiary-nav { width:210px; margin:0 20px 0 -10px; float:left; position:relative; } .tertiary-nav h3 { margin:0 0 8px 10px; } .tertiary-nav ul { padding:2px 0 0; background:url(../images/footer/line_horizontal.gif) repeat-x left top; } .tertiary-nav li { padding:0 0 2px; background:url(../images/footer/line_horizontal.gif) repeat-x left bottom; } .tertiary-nav a { padding:4px 0 5px 25px; float:none; background:url(../images/footer/arrow_small.png) no-repeat 14px -40px; color:#999; text-align:left; display:block; text-decoration:none; } .tertiary-nav a:hover, .tertiary-nav a:active, .tertiary-nav a:focus, .tertiary-nav .current a { color:#51B2CC; background-position:14px -98px; } footer .location { width:220px; margin:0 20px 0 0; padding:0 0 0 10px; float:left; display:inline; } footer .location h3 { margin:0 0 8px 0; } footer .location div.map { width:218px; height:146px; margin:11px 0 5px; float:left; background:url(../images/footer/map_1.jpg) no-repeat center center; border:1px solid #CCCDD1; } footer .location div.map a { width:100%; height:100%; display:block; text-decoration:none; } footer .location div.TA_tchotel { min-height:150px; padding-top:20px; } .js footer .location div.TA_tchotel ul { display:none; } footer .contact-details { width:200px; padding:0 20px; float:left; } footer .contact-details ul { margin:17px 0 0 0; padding:0; list-style-type:none; } footer .contact-details li { margin:0; padding:0; } footer .contact-details li a { padding:4px 0 5px 10px; float:none; background:url(../images/footer/arrow_small.png) no-repeat 0 -40px; color:#999; text-align:left; display:block; text-decoration:none; } footer .contact-details li a:hover, footer .contact-details li a:active, footer .contact-details li a:focus { color:#51B2CC; background-position:0 -98px; } footer .contact-details h3 { margin:0 0 13px; } footer .contact-details h4 { margin:0; padding:0; color:#51B2CC; } footer .contact-details p, footer .contact-details a { color:#999; } footer .contact-details a:hover, footer .contact-details a:active, footer .contact-details a:focus { color:#51B2CC; } footer .search h3 { margin:0 0 8px 0; } footer .social { width:100%; float:left; overflow:hidden; } footer .social h3 { margin:10px 0 8px; } footer .social ul { width:100%; margin:0; padding:0; float:left; list-style:none; } footer .social li { margin: 1px 2px 1px 1px; width:24px; height: 24px; float:left; display:inline; background-image:url(../images/footer/social-sprite-v3.png); background-repeat:no-repeat; } footer .social li.facebook { background-position:0px 0px; } footer .social li.twitter { background-position:-29px 0px; } footer .social li.youtube { padding-right:0; background-position:-58px 0px; } footer .social li.google { background-position:-203px 0px; } footer .social li.pinterest { padding-right:0; background-position:-87px 0px; } footer .social li.instagram { background-position:-116px 0px; } footer .social li.flickr { background-position:-145px 0px; } footer .social li.tripadvisor { background-position:-174px 0px; } footer .social a { width:24px; height:24px; display:block; background-image:url(../images/footer/social-sprite-v3.png); background-repeat:no-repeat; text-decoration:none; } footer .social .facebook a { background-position:0px 0; } /*footer .social .facebook a:hover, footer .social .facebook a:focus, footer .social .facebook a:active { background-position:0px -53px; }*/ footer .social .twitter a { background-position:-29px 0; } /*footer .social .twitter a:hover, footer .social .twitter a:focus, footer .social .twitter a:active { background-position:-34px -53px; }*/ footer .social .youtube a { background-position:-58px 0; } /*footer .social .youtube a:hover, footer .social .youtube a:focus, footer .social .youtube a:active { background-position:-68px -53px; }*/ footer .social .google a { background-position:-203px 0; } footer .social .pinterest a { background-position:-87px 0; } /*footer .social .pinterest a:hover, footer .social .pinterest a:focus, footer .social .pinterest a:active { background-position:-102px -53px; }*/ footer .social .instagram a { background-position:-116px 0; } /*footer .social .instagram a:hover, footer .social .instagram a:focus, footer .social .instagram a:active { background-position:-136px -53px; }*/ footer .social .flickr a { background-position:-145px 0; } /*footer .social .flickr a:hover, footer .social .flickr a:focus, footer .social .flickr a:active { background-position:-170px -53px; }*/ footer .social .tripadvisor a { background-position:-174px 0; } /*footer .social .tripadvisor a:hover, footer .social .tripadvisor a:focus, footer .social .tripadvisor a:active { background-position:-204px -53px; }*/ footer .locations { width:100%; margin:30px 0 0; height:auto !important; height:44px; min-height:44px; float:left; background:url(../images/footer/gradient_line_bottom.gif) repeat-x left top #51B2CC; } footer .locations ul { width:100%; float:left; } footer .locations li { padding:11px 10px 19px; float:left; line-height:1.2em; } footer .locations a { color:#FFF;font-size:0.9em; } footer .locations .column-1 { width:180px; } footer .locations .column-2 { width:160px; } footer .locations .column-3 { width:190px; } footer .locations .column-4 { width:200px; } footer .locations .column-5 { width:110px; text-align:right; } #webfactory { width:117px; height:15px; background:url(../images/footer/webfactory.gif) no-repeat left top; float: right; margin-top: 70px; } #webfactory a { width:117px; height:15px; float:left; text-decoration:none; } .search { font-family:"museo300"; } .search label { display:none; } .search .content { width:220px; height:28px; margin:28px 0 15px; float:right; clear:right; background:url(../images/footer/search_input.png) no-repeat left top; } .search input { width:180px; margin:6px 0 0 5px; padding:0; float:left; display:inline; border:none; outline:none; background:none; -webkit-appearance:none; } .search button { width:20px; height:16px; margin:5px 6px 0 0; padding:0; float:right; background:url(../images/footer/search_icon.gif) no-repeat 0px 0px; position:relative; overflow:hidden; border:none; outline:none; } footer .search { width:100%; float:left; overflow:hidden; } footer .search .content { margin:0 0 15px; float:left; } footer .newsletter { width:100%; margin:20px 0 0; padding:20px 0 0; float:left; background:url(../images/footer/line_horizontal.gif) repeat-x left top; } footer .newsletter h3 { margin:0 0 8px; } footer .newsletter input { width:180px; margin:6px 0 0 5px; padding:0; float:left; display:inline; border:none; outline:none; background:none; -webkit-appearance:none; } footer .newsletter .content { width:220px; height:28px; margin:0 0 15px; float:left; clear:right; background:url(../images/footer/search_input.png) no-repeat left top; } footer .newsletter button { margin:15px 0 10px; } footer .search-social-email { width:220px; float:left; } /* Clearing DIV */ .clear { width:100%; height:0; float:left; clear:both; position:relative; overflow:hidden; } /* Breadcrumbs */ .breadcrumbs { width:100%; margin:40px 0 0; float:left; font-family:"museo300"; color:#51B2CC; font-size:90%; text-transform:uppercase; border:solid #CCC; border-width:1px 0 0; } .breadcrumbs-top { margin:0; border-width:0 0 1px; } .breadcrumbs ul { margin:0; padding:0; float:left; list-style:none; } .breadcrumbs li { float:left; } .breadcrumbs a { text-decoration:none; color:#999; } .breadcrumbs span, .breadcrumbs a:hover { color:#51B2CC; } /* Block Links */ .block-links { display:none; } .block-links ul { width:100%; margin:0; padding:0; float:left; list-style:none; } .block-links li { width:100%; padding:2px 0; float:left; background:url(../images/visit/line_pixel.gif) repeat-x left bottom; } .block-links a { display:block; margin:0 0 0 1px; padding:10px; text-decoration:none; background-color:#EEE; background-image:-webkit-gradient(linear, left top, left bottom, from(#F2F2F4), to(#EBEBEB)); background-image:-webkit-linear-gradient(top, #F2F2F4, #EBEBEB); background-image:-moz-linear-gradient(top, #F2F2F4, #EBEBEB); background-image:-o-linear-gradient(top, #F2F2F4, #EBEBEB); background-image:linear-gradient(to bottom, #F2F2F4, #EBEBEB); } /* Sidebar */ .sidebar { width:100%; float:left; } .sidebar section, .homepage .sidebar section { width:220px; margin:2px 0 6px; padding:0 10px; /*background:url(../images/visit/line_pixel.gif) repeat-x;*/ } .sidebar section:first-child { margin:0; padding-top:10px; background:none; } .sidebar section h2, .homepage .sidebar section h2 { width:100%; margin-top:10px; float:left; font-size:135%; } .sidebar section h3, .homepage .sidebar section h3 { width:100%; margin:0 0 5px; float:left; } .sidebar section.block-links { width:100%; padding:0; display:inline; } .visit-glasnevin .sidebar .panels li {padding:0 0 11px;} .visit-glasnevin .sidebar section h2 {margin: 22px 0 16px 0;} /* Banners */ #banner { width:1800px; height:490px; margin:-20px -420px 16px; float:left; display:inline; position:relative; overflow:hidden; color:#FFF; font-family:"museo300"; } .js .homepage #banner { background:url(../images/ajax-loader-lite.gif) no-repeat center center; } #banner ul { width:10000px; margin:0; padding:0; float:left; list-style:none; position:relative; z-index:0; } #banner li { width:1800px; height:490px; float:left; position:absolute; z-index:1; } .js .homepage #banner ul { display:none; } #banner li > div { width:100%; float:left; position:relative; -webkit-transform-style:preserve-3d; } #banner h2 { color:#FFF; font-size:3.3em; font-family:"museo300"; line-height:1em; margin:0 0 20px; padding-bottom:11px; background:url(../images/banner/banner_line.png) repeat-x center bottom; } #banner h2 .all-human-life { background:url(../images/banner/All_Human_Life.png) no-repeat center top; display:block; font-size:0; height:73px; line-height:0; position:relative; width:337px; } #banner p { font-size:1.38em; line-height:1.3em; padding-bottom:1.2em; } #banner .content { width:335px; margin:90px 0 0 470px; float:left; display:inline; position:relative; z-index:1; } #banner .content.all-human-life { width:338px; margin-top:90px; } #banner .image { width:576px; position:absolute; right:380px; bottom:0; z-index:1; text-align:center; } #banner .image.all-human-life { bottom: 0px; } #banner .shop { bottom: 50px; } #banner .button.all-human-life a { background:url(../images/banner/button.png) no-repeat center top; -webkit-border-radius:0;-moz-border-radius:0; border-radius:0; font-size:0; line-height:0; height:44px; padding:0; width:338px; } #banner .button.all-human-life a:hover, #banner .button.all-human-life a:focus, #banner .button.all-human-life a:active { background-position:center bottom; } #banner .background { position:absolute; left:0; top:0; z-index:0; -webkit-transform:translate3d(0,0,0); overflow:hidden; -webkit-backface-visibility:hidden; text-align:center; } #banner .button { clear:both; } #banner .move-left button:hover, #banner .move-right button:hover, #banner .move-left button:focus, #banner .move-right button:focus, #banner .move-left button:active, #banner .move-right button:active { background-position:0px -63px; } #banner .move-left button, #banner .move-right button { width:100%; height:100%; margin:0; padding:0; display:block; background:none; background-repeat:no-repeat; background-position:left top; outline:none; border:none; } #banner .move-left { width:66px; height:63px; position:absolute; left:327px; top:207px; overflow:hidden; z-index:1; } #banner .move-left button { background-image:url(../images/banner/arrow_left.png); } #banner .move-right { width:66px; height:63px; position:absolute; right:328px; top:207px; overflow:hidden; z-index:1; } #banner .move-right button { background-image:url(../images/banner/arrow_right.png); } .csstransitions #banner .content { opacity:0; transform:translate(-30px, 0px) rotate(0deg); -ms-transform:translate(-30px, 0px) rotate(0deg); -webkit-transform:translate(-30px, 0px) rotate(0deg); -o-transform:translate(-30px, 0px) rotate(0deg); -moz-transform:translate(-30px, 0px) rotate(0deg); transition-duration:800ms; -ms-transition-duration:800ms; -webkit-transition-duration:800ms; -o-transition-duration:800ms; -moz-transition-duration:800ms; transition-property:opacity, transform; -ms-transition-property:opacity, -ms-transform; -webkit-transition-property:opacity, -webkit-transform; -o-transition-property:opacity, -o-transform; -moz-transition-property:opacity, -moz-transform; transition-timing-function:cubic-bezier(0.51, 0.01, 0.37, 0.98); -ms-transition-timing-function:cubic-bezier(0.51, 0.01, 0.37, 0.98); -webkit-transition-timing-function:cubic-bezier(0.51, 0.01, 0.37, 0.98); -o-transition-timing-function:cubic-bezier(0.51, 0.01, 0.37, 0.98); -moz-transition-timing-function:cubic-bezier(0.51, 0.01, 0.37, 0.98); } .csstransitions #banner .image { opacity:0; transform-origin:right bottom; -ms-transform-origin:right bottom; -webkit-transform-origin:right bottom; -o-transform-origin:right bottom; -moz-transform-origin:right bottom; transition-duration:800ms, 700ms; -ms-transition-duration:800ms, 700ms; -webkit-transition-duration:800ms, 700ms; -o-transition-duration:800ms, 700ms; -moz-transition-duration:800ms, 700ms; transition-property:opacity, transform; -ms-transition-property:opacity, -ms-transform; -webkit-transition-property:opacity, -webkit-transform; -o-transition-property:opacity, -o-transform; -moz-transition-property:opacity, -moz-transform; transition-timing-function:cubic-bezier(0.51, 0.01, 0.37, 0.98); -ms-transition-timing-function:cubic-bezier(0.51, 0.01, 0.37, 0.98); -webkit-transition-timing-function:cubic-bezier(0.51, 0.01, 0.37, 0.98); -o-transition-timing-function:cubic-bezier(0.51, 0.01, 0.37, 0.98); -moz-transition-timing-function:cubic-bezier(0.51, 0.01, 0.37, 0.98); } .csstransitions #banner .animation-1 .image { transform:translate(0px, 12px) rotate(-1deg); -ms-transform:translate(0px, 12px) rotate(-1deg); -webkit-transform:translate(0px, 12px) rotate(-1deg); -o-transform:translate(0px, 12px) rotate(-1deg); -moz-transform:translate(0px, 12px) rotate(-1deg); } .csstransitions #banner .animation-2 .image { transform:translate(0px, 10px) rotate(0deg); -ms-transform:translate(0px, 10px) rotate(0deg); -webkit-transform:translate(0px, 10px) rotate(0deg); -o-transform:translate(0px, 10px) rotate(0deg); -moz-transform:translate(0px, 10px) rotate(0deg); bottom:55px; } .csstransitions #banner .animation-3 .image { transform:translate(10px, 0px) rotate(0deg); -ms-transform:translate(10px, 0px) rotate(0deg); -webkit-transform:translate(10px, 0px) rotate(0deg); -o-transform:translate(10px, 0px) rotate(0deg); -moz-transform:translate(10px, 0px) rotate(0deg); } .csstransitions #banner .animation-4 .image { transform:translate(10px, 0px) rotate(0deg); -ms-transform:translate(10px, 0px) rotate(0deg); -webkit-transform:translate(10px, 0px) rotate(0deg); -o-transform:translate(10px, 0px) rotate(0deg); -moz-transform:translate(10px, 0px) rotate(0deg); } .csstransitions #banner .animation-5 .image { transform:translate(10px, 0px) rotate(0deg); -ms-transform:translate(10px, 0px) rotate(0deg); -webkit-transform:translate(10px, 0px) rotate(0deg); -o-transform:translate(10px, 0px) rotate(0deg); -moz-transform:translate(10px, 0px) rotate(0deg); } .csstransitions #banner .animation-6 .image { transform:translate(10px, 0px) rotate(0deg); -ms-transform:translate(10px, 0px) rotate(0deg); -webkit-transform:translate(10px, 0px) rotate(0deg); -o-transform:translate(10px, 0px) rotate(0deg); -moz-transform:translate(10px, 0px) rotate(0deg); } .csstransitions #banner .scene-active .content, .csstransitions #banner .scene-active .image { transform:translate(0px, 0px) rotate(0deg); -ms-transform:translate(0px, 0px) rotate(0deg); -webkit-transform:translate(0px, 0px) rotate(0deg); -o-transform:translate(0px, 0px) rotate(0deg); -moz-transform:translate(0px, 0px) rotate(0deg); opacity:1; } #banner .fuze-nav { left:0; right:0; margin:0 auto; overflow:hidden; position:absolute; bottom:0px; width:730px; } .lt-ie8 #banner .fuze-nav { left:50%; overflow:visible; } #banner .fuze-nav .inner { padding:10px 0 20px; z-index:1; margin:0 auto; position:relative; } .lt-ie8 #banner .fuze-nav .inner { right:50%; } #banner .fuze-nav .fuze-box { float:left; width:110px; margin:0px 5px; height:3px; position:relative; } #banner .fuze-nav .fuze-box a { clear:both; display:none; width:110px; height:50px; background:no-repeat left bottom; position:absolute; top:0; } #banner .fuze-nav .fuze-box a:hover, #banner .fuze-nav .fuze-box-active a { background-position:left top; } #banner .fuze-nav .fuze-box div { display:block; width:0px; height:3px; background:#FFF; position:absolute; bottom:0; } #banner .fuze-nav .fuze-box span { display:block; width:110px; height:3px; background:#FFF; position:absolute; bottom:0; background:rgba(255, 255, 255, 0.6); } #banner .fuze-nav .animation-1 a { background-image:url(../images/banner/slide1_thumb_img.jpg); } #banner .fuze-nav .animation-2 a { background-image:url(../images/banner/slide2_thumb_img.png); } #banner .fuze-nav .animation-3 a { background-image:url(../images/banner/slide3_thumb_img.jpg); } #banner .fuze-nav .animation-4 a { background-image:url(../images/banner/slide4_thumb_img.png); } /* #banner .fuze-nav .animation-1 a img { position:absolute; clip:rect(50px, 110px, 100px, 0px); } #banner .fuze-nav .animation-1 a:hover img { clip:rect(0px, 110px, 50px, 0px); } */ #banner .fuze-nav .fuze-box:hover { cursor:pointer; } #banner.manual .fuze-nav .fuze-box div { display:none !important; } #banner.manual .fuze-nav .fuze-box-active span { background:#FFF !important; } #banner .fuze-nav:hover { height:60px; padding-bottom:20px; background:url(../images/banner/bg_counter.png) no-repeat center top; } #banner .fuze-nav:hover .fuze-box { height:53px; } #banner .fuze-nav:hover .fuze-box a { display:block; } #banner .visit-glasnevin-illustration .text { width:176px; padding:10px; position:absolute; left:-999999px; top:-999999px; border:2px solid #9FFFFF; background:#FFF; z-index:1; color:#666; } #banner .visit-glasnevin-illustration .pin { width:24px; height:42px; background:url(../images/visit/glasnevin_pinpoint.png) no-repeat; font-size:0; line-height:0; position:absolute; z-index:0; } #banner li > div#vgi-pins { width:960px; margin:0 auto; float:none; z-index:1; } .banner { width:100%; overflow:hidden; z-index:0; } .js .banner { height:241px; } .banner ul { width:100%; margin:0; padding:0; float:left; list-style:none; position:relative; z-index:0; } .banner li { width:100%; height:241px; float:left; position:relative; } .js .banner li { position:absolute; z-index:0; } .js .banner li:first-child { z-index:1; } .banner .content { width:415px; padding:15px; background:url(../images/000_50.png) repeat; position:relative; top:20px; z-index:1; color:#FFF; font-family:"museo300"; } .banner .content .button { margin-top:10px; } .banner .content .button a { padding:13px 50px; } .banner h1, .banner h2 { margin:0 0 10px; padding:0; color:#FFF; font-size:200%; position:static; left:0; top:0; } .banner img { position:absolute; left:0; top:0; z-index:0; } .banner p { margin:0 0 10px; padding:0; font-size:125%; font-family:"museo300"; } .banner p.date { font-size:105%; font-family:"museo500"; } .single-banner .button { position:absolute; right:10px; top:10px; z-index:1; } .single-banner h2 { font-size:125%; } .feature-banner, .js .feature-banner { height:370px; margin-bottom:-25px; } .feature-banner .content { top:80px; } .feature-banner img { margin:0 -420px; } .feature-banner .btm { width:1026px; height:50px; margin:0 -33px; position:absolute; left:0; bottom:0; background:#FFF; z-index:1; } /* Homepage video banners */ #video-lb { width:100%; height:100%; position:fixed; left:0; top:0; z-index:1; display:none; zoom:1; clear:both; } #video-lb .inner { width:100%; height:100%; position:relative; } #video-lb .overlay { width:100%; height:100%; position:absolute; left:0; top:0; background:#000; } #video-lb .content { width:870px; padding:0px; position:relative; z-index:1; text-align:center; line-height: 20px; margin:0 auto; top:143px; text-align:center; height:490px; min-height:490px; } #video-lb .content h1 {color:#000; clear: both; text-align: center; width: 100%;} #video-lb .icon-message {background:url(/site-files/images/generic/info-icon.png) no-repeat center center transparent; width: 55px; height: 55px; display: block; position: relative; z-index: 2; left:0; right:0; margin:0 auto; top: -25px;} #video-lb .message {background-color: #E5F3F7; position: relative; z-index: 1; margin: 28px 0 0;} #video-lb span.message-text {padding:4px 0; color: #5E828D;} #video-lb button.close { width:25px; height:25px; margin: -8px -20px 0; float:right; background:url(/site-files/images/generic/close.png) no-repeat; border:none; position: relative; z-index: 5; left: -31px; top: 28px; display:none;} #video-lb button.close:hover { cursor:pointer; } .video-wrapper {top: 130 px;} /* Video Gallery */ .video-gallery .player { float: left; width: 615px; height: 478px; } .video-gallery .player .video-label { width: 575px; height: 50px; padding: 19px 20px; margin: 0 auto; background: #efefef; color: #51B2CC; font-family: "museo500"; line-height: 1.1; font-size: 1.7em; font-weight: 100; overflow: hidden; display: table-cell; vertical-align: middle; } .video-gallery .player iframe { display: block; margin: 0 auto; max-width: 615px; width: 100%; height: 390px; } .video-gallery .playlist { float: right; width: 338px; height: 478px; background: #efefef; } .video-gallery .prev, .video-gallery .next { display: block; position: relative; overflow: hidden; height: 52px; text-indent: 9999px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; transition: opacity 250ms ease-out; } .video-gallery .prev:hover, .video-gallery .next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .video-gallery .prev:before, .video-gallery .next:before { content: ""; display: block; width: 17px; height: 11px; position: absolute; top: 20px; left: 50%; margin-left: -8px; } .video-gallery .prev:before { background: url(../images/notices_arrowup.png) no-repeat 0px -11px; } .video-gallery .next:before { background: url(../images/notices_arrowdown.png) no-repeat 0px -11px; } .video-gallery .mask { overflow: hidden; height: 374px; } .video-gallery .video-list { position: relative; margin: 0; padding: 0; list-style: none; } .video-gallery .video-list li { height: 59px; margin-bottom: 4px; background: #f7f7f7; } .video-gallery .video-list li:hover, .video-gallery .video-list li.active { background: #FFFFFF; } .video-gallery .video-list li a { display: block; width: 100%; height: 100%; font-family: "museo500"; color: #363636; text-decoration: none; font-size: 16px; } .video-gallery .video-list li img { position: relative; float: left; max-height: 100%; } .video-gallery .video-list li span { overflow: hidden; display: block; width: auto; padding: 0 20px; line-height: 58px; white-space: nowrap; text-overflow: ellipsis; } /* Hide the iframes injected by the Google JS Client Library */ iframe[id^='oauth2relay'], iframe[id^='apiproxy'] { position: absolute; left: -100px; } /* Accordions */ .accordion { width:100%; margin:0 0 35px; float:left; } .no-boxshadow .accordion { margin:0 -1px 35px; } .accordion > ul { width:100%; margin:0; padding:0; float:left; list-style:none; } .accordion ul.v_ul { width:100%; margin:0; padding:0; float:left; list-style:none; } .accordion > ul > li:before, .accordion > ul > li:after { content:""; display:table; } .accordion > ul > li:after { clear:both; } .accordion ul li { border-top:1px solid #DDD; zoom:1; } .accordion li.v_li { width:100%; float:left; zoom:1; } .accordion > ul > li.first { border:none; } .lt-ie7 .accordion li.first { border:none; } .accordion h3 { margin:0; padding:10px 20px; position:relative; color:#666; font-size:120%; } .js .accordion h3 { cursor:pointer; } .accordion h3 button { position:absolute; left:-999999px; top:-999999px; } .accordion h3 i { width:20px; height:20px; position:absolute; right:25px; top:10px; background:url(/site-files/cms-templates/images/plus.gif) no-repeat left top; overflow:hidden; display:none; line-height:0; font-size:0; } .js .accordion h3 i { display:block; } .lt-ie7 .accordion h3 i { background-image:url(/site-files/cms-templates/images/plus.gif); } .accordion .active h3 i { background-position:left bottom; } .accordion .content { width:100%; float:left; position:relative; overflow:hidden; } .js .accordion .content { height:0; } .accordion .inner:before, .accordion .inner:after { content:""; display:table; } .accordion .inner:after { clear:both; } .accordion .inner { padding:10px; zoom:1; background:#F6F6F6;} #full-branch-list.accordion .inner { padding:0; } .accordion .error { padding:10px; } .accordion .table-component { /*margin:0 -26px;*/ } /* Panels and Slideables */ .panels { width:100%; float:left; position:relative; overflow:hidden; } .panels ul { width:960px; margin:0 0 10px 0; padding:0; float:left; list-style:none; } .two-column .content-left .panels ul, .homepage .content-left .panels ul, .visit-glasnevin .content-left .panels ul { width:720px; } .two-column .content-right .panels ul, .homepage .content-right .panels ul, .visit-glasnevin .content-right .panels ul { width:240px; } .two-column-equal .panels ul { width:480px; } .panels li { width:220px; margin:0 20px 0 0; float:left; position:relative; } .panels li.text-right { width:460px; } .panels h3 { color:#666; font-family:"museo300"; margin:15px 0 18px; } .panels a { width:100%; float:left; text-decoration:none; position:relative; } .panels img, .panels .text-right .text { margin-top:8px; float:left; } .panels .arrow { display:block; position:absolute; bottom:10px; bottom:69px; right:10px; width:30px; height:31px; background:url(../images/image_arrow.png) no-repeat center top; } .two-column .content-right .panels .arrow, .homepage .content-right .panels .arrow { display:none; } .panels a:hover .arrow, .panels a:active .arrow, .panels a:focus .arrow { background-position:center bottom; } .panels .text-right .text { width:210px; min-height:95px; padding:15px 10px 0 20px; float:right; background:#EFEFEF; font-size:0.85em; } .panels .text-right .arrow { margin:0 0 10px 10px; float:right; position:static; bottom:0; right:auto; } #torso .panels .button { position:absolute; bottom:-20px; right:10px; } .lt-ie8 #torso .panels .button { bottom:-10px; } .single-panel, .single-panel ul { width:220px; } .slideable { width:100%; float:left; display:inline; overflow:hidden; border-bottom:1px solid #CCC; position:relative; } .slideable-single { width:220px; margin:0 0 0 20px; border:none; } .slideable .inner { width:940px; margin:50px 0 40px; padding:10px 10px 20px; float:left; background:url(../images/about/governance-bg.gif) repeat-x scroll 0 -2px; clear:both; position:relative; } .slideable .inner h2 { margin:10px 0; } .slideable ul { width:10000px; margin:0; padding:0; float:left; display:inline; list-style:none; position:relative; } .slideable li { width:140px; min-height:140px; margin:0 9px 0 0; padding:0 11px 0 0; float:left; display:inline; background:url(../images/line_vertical.gif) no-repeat right top; position:relative; } .slideable li.last { background:none; } .slideable li.active { z-index:2; } .slideable li.last-active { margin:0 160px 0 -160px; } .slideable-single li { width:220px; min-height:0; margin:0; padding:0; background:none; } .slideable li a { width:100%; float:left; display:table; outline:none; position:relative; text-decoration:none; color:#666; overflow:hidden; } .slideable .inner li a { height:140px; } .slideable li a:hover, .slideable li a:active, .slideable li a:focus { color:#000; } .slideable li.last-active a { margin:0 0 0 160px; } .slideable .inner li a img { position:absolute; clip:rect(0px,140px,140px,0px); z-index:2; left:0; top:0; } .slideable .title { display:block; font-weight:bold; margin-bottom:7px; } .slideable .date { display:block; font-size:0.8em; } .slideable ul.pagination, .jcycle ul.pagination { width:auto; position:absolute; right:5px; top:20px; } .slideable .inner ul.pagination, .jcycle ul.pagination { right:25px; } .slideable .pagination li, .jcycle ul.pagination li { width:13px; height:13px; min-height:0; margin:0 0 0 4px; padding:0; overflow:hidden; position:static; background:none; } .slideable .pagination button, .jcycle ul.pagination button { width:13px; height:13px; margin:0; padding:0; float:left; background:url(../images/dots.png) no-repeat left top; outline:none; border:none; } .slideable .pagination .selected button, .jcycle ul.pagination .selected button { background-position:0px -13px; } .slideable .content-bottom { width:124px; padding:5px 8px; display:block; background:rgba(0, 0, 0, 0.6); position:absolute; bottom:0; left:0; z-index:2; color:#FFF; font-family:"museo500"; font-size:1.2em; transition:background 0.5s; -moz-transition:background 0.5s; -webkit-transition:background 0.5s; -o-transition:background 0.5s; } .slideable a:hover .content-bottom, .slideable a:focus .content-bottom, .slideable a:active .content-bottom, .slideable .active a .content-bottom { background:rgba(16, 150, 187, 0.6); } .slideable .content-middle { width:120px; height:140px; padding:0 10px; display:table-cell; font-family:"museo300"; font-size:1.2em; text-align:center; vertical-align:middle; position:relative; overflow:hidden; z-index:3; } .lt-ie8 .slideable .content-middle { position:absolute; top:50%; display:block; left:0; overflow:visible; } .lt-ie8 .slideable .content-middle span { position:relative; top:-50%; float:left; } .slideable .content-middle strong, .slideable .content-middle b { font-family:"museo500"; display:block; } .slideable .bx { width:280px; padding:150px 10px 15px 10px; display:none; background:#E7F5F8; font-size:0.9em; position:absolute; top:0; z-index:1; } .slideable .bx .title { width:144px; margin:0; padding:5px 8px; position:absolute; right:0; bottom:0; color:#FFF; font-family:"museo300"; font-size:1.2em; } .slideable .bx div { width:160px; height:140px; background:#1096BB; position:absolute; top:0; right:0; } .slideable .last-active .bx div { right:auto; left:0; } .slideable .bx .close { width:31px; height:30px; position:absolute; right:10px; top:10px; } .slideable .last-active .bx .close { right:120px; } .slideable .bx .close button { width:31px; height:30px; margin:0; padding:0; display:block; background:url(../images/sign-in/x_close.png) no-repeat left top; outline:none; border:none; } .slideable .bx .close button:hover, .slideable .bx .close button:active, .slideable .bx .close button:focus { background-position:left bottom; } .slideable .no-background { background:none; } .panels .notices h3 { margin-bottom:8px; } .panels .notices ul { width:100%; } .panels .notices li { width:100%; height:65px; min-height:0; margin:0; padding:0 0 15px; background:none; overflow:hidden; } .panels .notices .slideable li a { height:auto; display:block; } .panels .notices .slideable { width:220px; height:110px; background:url(../images/notices_gradient.gif) repeat-x 0 0; position:relative; border:none; margin-top:7px;} .panels .notices .slideable div { width:190px; height:50px; padding:15px; position:relative; overflow:hidden; } .panels .notices .title { font-weight:bold; display:block; margin:0; } .panels .notices .pagination { width:auto; height:25px; position:absolute; top:auto; bottom:5px; left:15px; right:15px; background:url(../images/notices_line.gif) repeat-x center top; } .panels .notices .pagination li { width:90px; height:11px; margin:8px 2px 0; position:relative; } .panels .notices .pagination button { width:17px; height:11px; margin:0; padding:0; float:right; background:no-repeat center -11px; outline:none; border:none; } .panels .notices .pagination .next button { background-image:url(../images/notices_arrowdown.png); } .panels .notices .pagination .prev button { float:left; background-image:url(../images/notices_arrowup.png); } .panels .notices .pagination button:hover { background-position:center bottom; } .panels .notices .pagination .disabled button { background-position:center top; cursor:default; } /* Sections and Articles */ article { width:100%; float:left; } .two-column article { background:url(../images/two_column_bg.gif) repeat-y right top; } section { width:100%; float:left; position:relative; } section a.top, section a.btm { width:auto; height:auto; min-height:10px; padding:0 0 0 37px; display:block; background:url(../images/notices_arrowdown.png) no-repeat 12px 0; clear:both; color:#96999D; font-family:"museo500"; font-size:0.925em; line-height:12px; outline:none; position:absolute; left:0; top:7px; text-decoration:none; text-transform:uppercase; } section a.btm { background-image:url(../images/notices_arrowup.png); bottom:7px; top:auto; } section a.top:hover, section a.top:focus, section a.top:active, section a.btm:hover, section a.btm:focus, section a.btm:active { color:#333; background-position:12px -11px; } section .active a.top { color:#51b2CC; background-position:12px -22px; } footer.social { width:100%; margin:20px 0; padding:10px 0; float:left; background:#F6F6F8; } footer.social .content { padding:0 10px 10px; } footer.social h3 { margin:0; padding:10px 0; } footer.social ul { margin:0; padding:0; float:left; } footer.social li { float:left; list-style:none; } footer.social li.twitter { width:110px; } footer.social li.google-plus { width:90px; } .lt-ie8 footer.social li.google-plus { display:none; } footer.social li.facebook {} /* Components */ .picture-comp .inner { position:relative; } .picture-comp-alt-bg { background-color:#e7f5f8; } .picture-comp-img-l img { margin:0 10px 10px 0; float:left; } .picture-comp-img-l ul { list-style-position:inside; } .picture-comp-img-r img { margin:0 0 10px 10px; float:right; } .picture-comp-lrg { border-bottom:1px solid #CCCCCC; } .picture-comp-lrg.picture-comp-img-l .inner, .picture-comp-lrg.picture-comp-img-r .inner { width:440px; padding:30px 20px 30px; float:right; } .picture-comp-lrg.picture-comp-img-r .inner { float:left; clear:left; } .picture-comp-lrg.picture-comp-img-l img, .picture-comp-lrg.picture-comp-img-r img { width:480px; height:auto; margin:0; } .picture-comp-lrg.picture-comp-img-l img, .picture-comp-lrg.picture-comp-img-r .TA_selfserveprop img {width:auto;} .picture-comp-lrg.picture-comp-img-l .slideable, .picture-comp-lrg.picture-comp-img-r .slideable { width:460px; border:10px solid #EFEFEF; background:#EFEFEF; } .picture-comp-lrg.picture-comp-img-r .slideable { float:right; } .picture-comp-lrg .slideable .inner { width:10000px; margin:0; padding:20px 0 10px; float:left; background:none; overflow:hidden; } .picture-comp-lrg .slideable .inner ul { width:480px; } .picture-comp-lrg .slideable .inner ul.double-line { background:url(../images/1px_white.gif) repeat-x 0px 119px; } .picture-comp-lrg .slideable .inner li { min-height:100px; margin:10px 9px 10px 0; } .picture-comp-lrg .slideable .inner img { width:140px; height:100px; } .picture-comp-lrg .slideable ul.pagination { right:0; top:3px; } .trip-advisor-picture-comp a.ta-badge { width:250px; margin:105px 115px 50px 0; float:right; display:block; } .picture-comp-lrg.picture-comp-img-r.trip-advisor-picture-comp a.ta-badge img { width:auto; margin:auto; } .media-comp { padding: 45px 0px; } .media-comp.video iframe { display: block; margin: 0 auto; max-width: 700px; width: 100%; height: 415px; } .media-comp.video .video-label { max-width: 660px; width: 100%; padding: 20px 20px; margin: 0 auto; background: #efefef; color: #51B2CC; font-family: "museo500"; line-height: 1.2em; font-size: 1.7em; font-weight: 100; } .media-comp.audio { text-align: center; } /* Forms */ form .error { padding:0 0 20px; } .form-box { clear:both; background:#F3F3F3; } .form-box form { padding:20px; display:block; } .form-box h2 { text-transform:uppercase; font-size:1.55em; margin:0 0 15px; } .form-box p { padding-bottom:15px; } .form-box .text-input { margin-right:10px; float:left; } .form-box .text-input input { width:135px; } .form-box .select { margin:-1px 0 0; padding:6px 5px; float:left; border:1px solid #cbccce; background:#FFF; -webkit-box-shadow:0 3px 3px -3px #CCC inset; box-shadow:0 3px 3px -3px #CCC inset; -webkit-border-radius:5px; border-radius:5px; } .lt-ie8 .form-box .select { padding:6px 0; border:0; background:none; } .form-box select { border:0; background: #FFF; } .form-box select option { font-family:"museo300"; } .form-container { width:100%; float:left; font-family:"museo300"; } .form-container .block-space { width:100%; height:20px; float:left; } .form-element, .form-submit { width:100%; padding:0 0 10px; float:left; } .form-submit { padding-top:20px; } .form-element label, .form-element .label { width:290px; padding:6px 10px 0 0; float:left; text-align:right; } .form-element .label { font-weight:bold; } .form-element .input, .form-element .select, .form-element .textarea, .form-element .checkbox, .form-element .radio { width:290px; margin:0 98px 0 0; padding:5px; float:right; border:1px solid #CCC; border-radius:4px; box-shadow:0 0 3px #AAA inset; position:relative; } .form-element .value { width:290px; margin:0 98px 0 0; padding:6px 5px 0; float:right; } .form-element .select { margin:0; float:left; } .form-element .checkbox, .form-element .radio { width:300px; padding:5px 0; border:none; border-radius:0; box-shadow:none; } .form-element .space { padding-bottom:15px; } .form-element .input input, .form-element .select select, .form-element .textarea textarea { width:290px; max-width:290px; height:20px; padding:0; float:left; border:0; border-color:#FFF; background:none; position:relative; outline:none; } .form-element .checkbox input, .form-element .radio input { margin:3px 5px 0 0; float:left; } .lt-ie8 .form-element .checkbox input, .lt-ie8 .form-element .radio input { margin:0 5px 0 -6px; } .form-element .checkbox label, .form-element .radio label { width:280px; padding:1px 0 0; text-align:left; } .borderradius.generatedcontent .form-element .checkbox input, .borderradius.generatedcontent .form-element .radio input { margin:0; padding:0; position:absolute; left:4px; top:9px; opacity:0; } .borderradius.generatedcontent .form-element .checkbox label, .borderradius.generatedcontent .form-element .radio label { width:auto; padding:1px 0 0 28px; } .borderradius.generatedcontent .form-element .checkbox input + label::before, .borderradius.generatedcontent .form-element .radio input + label::before { width:19px; height:19px; float:left; content:""; line-height:19px; -webkit-box-shadow:0 1px 4px 0 #888888 inset; box-shadow:0 1px 4px 0 #888888 inset; -webkit-border-radius:5px; border-radius:5px; position:absolute; left:0; top:5px; overflow:hidden; } .borderradius.generatedcontent .form-element-error .checkbox input + label::before, .borderradius.generatedcontent .form-element-error .radio input + label::before { -webkit-box-shadow:0 1px 2px 0 #C00 inset; box-shadow:0 1px 2px 0 #C00 inset; } .borderradius.generatedcontent .form-element .checkbox input:disabled + label, .borderradius.generatedcontent .form-element .radio input:disabled + label { opacity:0.5; cursor:default; } .borderradius.generatedcontent .form-element .checkbox input:not(:checked):hover + label::before {} /* hover checkbox (unselected state only) */ .borderradius.generatedcontent .form-element .checkbox input:checked + label::before { background:url(../images/bluetick.png) no-repeat center center; -webkit-box-shadow:0 1px 3px 1px #7FC7DA inset; box-shadow:0 1px 3px 1px #7FC7DA inset; } /* selected checkbox */ .borderradius.generatedcontent .form-element .radio input + label::before {} /* normal state radio */ .borderradius.generatedcontent .form-element .radio input:hover + label::before {} /* radio hover (unselected state only) */ .borderradius.generatedcontent .form-element .radio input:checked + label::before { background:url(../images/bluetick.png) no-repeat center center; -webkit-box-shadow:0 1px 3px 1px #7FC7DA inset; box-shadow:0 1px 3px 1px #7FC7DA inset; } /* selected radio */ .borderradius.generatedcontent .form-element .checkbox input:focus + label, .borderradius.generatedcontent .form-element .radio input:focus + label { outline:none; } .form-element .select { width:auto; padding-left:2px; } .lt-ie8 .form-element .select { border:none; } .form-element .select select { width:auto; height:auto; } .lt-ie9 .form-element .select select { max-width:none; } .form-element .textarea textarea { height:70px; min-height:70px; } .form-element i { width:20px; height:20px; display:none; line-height:0; font-size:0; background:url(../images/img_error_x.gif) no-repeat center center; position:absolute; right:-30px; top:5px; } .form-element div.error { width:300px; margin:0 98px 0 0; padding:0; float:right; color:#C00; } .form-element-error { color:#C00; } .form-element-error .input, .form-element-error .select, .form-element-error .textarea { border-color:#C00; box-shadow:0 0 3px #C00 inset; } .form-element-error i { display:block; } .form-submit .button { margin:0 0 0 300px; float:left; } .form-submit .button.mini button { min-width:170px; margin-right:20px; float:left; } .form-submit a { margin:5px 0 0; float:left; } .form-submit p { width:400px; margin:20px 0 0 300px; float:left; clear:both; font-size:70%; } .funeral-notices-filter .form-element {width: auto; margin-right: 10px; } /* Homepage */ .homepage h1 { position:absolute; left:-999999px; top:0; } .homepage section h2 { font-size:1.75em; font-family:"museo300"; margin:20px 0 15px; } .homepage .picture-comp { width:440px; float:left; display:inline; margin:0 20px 0 0; } .homepage .picture-comp h2 { font-size:1.7em; font-family:"museo300"; } .homepage .content-right .picture-comp h2 { margin-top:15px; } .homepage #banner .genealogy-search .text-input { margin:0 10px 10px 0; } .homepage #banner .genealogy-search .text-input input { width:215px; font-size:115%; } .homepage #banner .genealogy-search .group .text-input { float:left; } .homepage #banner .genealogy-search .group select { float:right; padding:5px 5px 4px; font-size:115%; } .homepage #banner .genealogy-search button { width:100% !important; } /* 404 */ .page-404 { border:none; } .page-404 .inner { padding-bottom:80px; } .page-404 .search { width:440px; padding:10px 0; float:left; background:#E5F3F6; position:absolute; left:20px; bottom:0; } .page-404 .search label { margin:3px 0 0 10px; float:left; display:inline; font-size:140%; } .page-404 .search .content { margin:0 20px 0; } /* Search Results */ .search .listings .inner { width:100%; float:left;} /* Events */ .listings-navigation { width:100%; min-height:32px; margin:0 0 20px; float:left; background:#F6F6F8; display:none; } .js .listings-navigation { display:block; } .listings-navigation button { width:30px; height:32px; margin:0; padding:0; float:left; background:url(../images/line_vertical.gif) no-repeat; border:none; font-weight:bold; } .listings-navigation button.prev { background:none; } .listings-navigation button i { height:17px; display:block; background:no-repeat center top; } .listings-navigation button.prev i { background-image:url(../images/exhibitions-events/arrow_left.png); } .listings-navigation button.next i { background-image:url(../images/exhibitions-events/arrow_right.png); } .listings-navigation div { width:100%; float:left; position:relative; overflow:hidden; } .listings-navigation ul { width:auto; padding:0; float:right; position:relative; } .listings-navigation li { width:180px; min-height:32px; float:left; background:url(../images/line_vertical.gif) repeat-y; font-family:"museo300"; font-size:120%; list-style:none; text-align:center; } #help-navigation.listings-navigation li { width:240px; } .listings-navigation li a { padding:7px 0; display:block; text-decoration:none; } .listings-navigation li.selected a { color:#51B2CC; } .listings-navigation-slideable { margin-top:40px; } .listings-navigation-slideable div { width:900px; } .js .listings-navigation-slideable ul { width:3000px; float:left; } .listings { width:100%; padding:0 0 30px; float:left; } .listings section { margin:0 0 -1px; padding:20px 0; border:solid #CCC; border-width:1px 0; position:relative; } .listings section.featured { background-color:#F3FBFD; } .listings section.today { background-color:#F6F6F8; } .listings img { width:220px; height:auto; margin:0 20px 0 10px; float:left; } .listings .inner { width:700px; padding:0 10px 0 0; float:right; } .listings h3 { margin:0 0 5px; font-size:153%; color:#666; } .listings .with-button h3 { max-width:385px; } .listings p { margin:0 0 5px; padding:0; } .listings p.date { font-weight:bold; } .listings .button { max-width:300px; position:absolute; right:20px; top:20px; } #subevents { width:100%; min-height:205px; margin-top:40px; float:left; position:relative; overflow:hidden; } #subevents .content-left { width:220px; position:absolute; left:0; top:0; } .js #subevents .content-left { position:static; } #subevents .content-right { width:720px; } #subevents img { margin:0 0 25px; } .js #subevents img { position:absolute; left:-999999px; top:-999999px; } .js #subevents img:first-child { position:static; left:0; top:0; } #subevents h2 { margin:0 0 10px; padding:0 0 10px; border-bottom:2px solid #CCC; font-family:"museo500"; } #subevents li { padding-bottom:13px; border-bottom:1px solid #CCC; list-style:none; } #subevents h3 { margin:10px 0 0; font-size:150%; font-family:"museo300"; color:#666; } #subevents p.date { padding:9px 0 5px; color:#666; font-size:100%; font-weight:bold; } #exhibition-listings h3 {width:550px;} /* History Component */ .history ul { list-style-type:none; display:inline; float:left; width:100%; margin:0; padding:0; overflow:hidden; } .history li { float:left; width:220px; margin:0; padding:0 10px 10px 0; } .history h3 { font-size:1.8em; color:#333; font-family:"museo300"; margin:0 0 10px; } /* Buttons */ .button { clear:both; margin:0 0 10px 0; font-family:"museo300"; } .button button { background:none; border:none; margin:0; padding:0; font-size:0; width:100%; overflow:visible; display:block; } .button button::-moz-focus-inner, .button input[type="reset"]::-moz-focus-inner, .button input[type="button"]::-moz-focus-inner, .button input[type="submit"]::-moz-focus-inner, .button input[type="file"] > input[type="button"]::-moz-focus-inner { border:none; } .button a, .button button { outline:none; float:none; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:block;padding:9px 15px;text-decoration:none;color:#fff !important;text-align:center !important;font-size:18px;font-family:"museo500",serif !important; text-shadow:0 0 5px #999;-moz-box-shadow:inset 0 0 5px #888;-webkit-box-shadow:inset 0 0 5px #888;box-shadow:inset 0 0 5px #888; width:auto !important; overflow:visible; } .button.big a, .button.big button { font-size:21px; padding:13px 15px; } .button.mini a, .button.mini button { font-size:16px; padding:5px 15px; min-width:55px; } .button.inline { display:inline-block !important; width:auto !important; } .lt-ie8 .button.inline { float:left; } .button.orange a, .button.orange button { background:#F18009; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E57504), to(#F18009));background:-webkit-linear-gradient(top, #F18009, #E57504);background:-moz-linear-gradient(top, #F18009, #E57504);background:-ms-linear-gradient(top, #F18009, #E57504);background:-o-linear-gradient(top, #F18009, #E57504); } .button.orange a:hover, .button.orange a:active, .button.orange a:focus, .button.orange button:hover, .button.orange button:active, .button.orange button:focus { background:#E57504; } .button.blue a, .button.blue button { background:#7ccee4; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4eaac4), to(#7ccee4)); background:-webkit-linear-gradient(top, #7ccee4, #4eaac4); background:-moz-linear-gradient(top, #7ccee4, #4eaac4); background:-ms-linear-gradient(top, #7ccee4, #4eaac4); background:-o-linear-gradient(top, #7ccee4, #4eaac4); } .button.blue a:hover, .button.blue a:active, .button.blue a:focus, .button.blue button:hover, .button.blue button:active, .button.blue button:focus { background:#4eaac4; } .button.yellow a, .button.yellow button { background:#ecb305; } .button.yellow a:hover, .button.yellow a:active, .button.red a:focus, .button.red button:hover, .button.red button:active, .button.red button:focus { background:#e3ac04; } .button.red a, .button.red button { background:#c21f29; text-shadow:0 0 5px #333; } .button.red a:hover, .button.red a:active, .button.red a:focus, .button.red button:hover, .button.red button:active, .button.red button:focus { background:#ab1f20; } .button.clean a { box-shadow:none; text-shadow:none; } .button.clean.blue a { background:#4eaac4; } .button.clean.blue a:hover, .button.clean.blue a:active, .button.clean.blue a:focus { background:#7ccee4; } .button a:hover, .button a:active, .button a:focus, .button button:hover, .button button:active, .button button:focus { -webkit-box-shadow:none;- moz-box-shadow:none; box-shadow:none; } .button.disabled {opacity: 0.7; filter:Alpha(Opacity=70);} /* Text Inputs */ .text-input { position:relative; border:1px solid #CBCCCE; padding:6px 10px; background:#FFF; -webkit-box-shadow:0 3px 3px -3px #CCC inset; box-shadow:0 3px 3px -3px #CCC inset; -webkit-border-radius:5px; border-radius:5px; } .text-input input { width:172px; margin:0; padding:0; font-family:"museo300",serif; border:0; outline; background:none; } .lt-ie9 .text-input input { letter-spacing:0; } .lt-ie8 .text-input input { letter-spacing:normal; } .text-input input::-webkit-input-placeholder { color:#999; } .text-input input:-moz-placeholder { color:#999; } /* Sign Up */ .sign-up .container form { width:600px; font-family:"museo300"; font-size:16px; line-height:20px; text-align:right; } .sign-up .container input { width:300px; height:30px; float:right; border:1px solid #CCC; border-radius:4px; margin-left:10px; box-shadow:inset 0 0 3px #aaa; } .sign-up .container select { width:160px; height:30px; float:right; margin:0 140px 0 10px; border:1px solid #CCC; border-radius:3px; box-shadow:inset 0 0 3px #aaa; } .sign-up .container textarea { border:1px solid #CCC; border-radius:3px; margin-left:10px; box-shadow:inset 0 0 3px #aaa;} .sign-up .container .submit-btn { width:100px; height:30px; background-color:#51B2CC; float:left; color:#FFF; } .sign-up .container .button { width:200px; margin-right:100px; float:right; } .sign-up .container form span.label { margin-top:6px; display:inline-block; } /* Ticket types */ #tickets { width:960px; clear:both; } #tickets li { list-style-type:none; } #tickets .button { margin:0 10px 0 0; float:right; } #tickets { width:960px; height:240px; margin:0 0 50px; float:left; background-color:#EEE; } #tickets li.box { width:120px; height:140px; margin:0px 8px 10px 0px; padding:0 10px 0 10px; float:left; list-style:none; background-color:#FFF; } #tickets li.box h3 { margin:10px 0 0 0; color:#666; font-family:"museo500"; } #tickets li.seperator { width:2px; height:140px; margin:0px 8px 10px 0px; float:left; list-style:none; background:url(../images/line_vertical.gif) no-repeat top right; } #tickets li.last { width:120px; height:140px; margin:0px 1px 10px 0px; float:left; list-style:none; } #tickets li.box h2 { margin:0 0 20px 0; font-size:125%; font-family:"museo300"; display:inline; } #tickets h2 { margin:20px 0 10px 14px; font-family:"museo300"; font-size:180%; } #tickets p { margin:5px 0 0px 0px; font-family:"museo500"; font-size:97%; } /* Genealogy Search */ .gs-results h1 { position:absolute; left:-999999px; top:-999999px; } #genealogy-search-top-level { width:100%; float:left; } #genealogy-search-top-level .form-box { width:100%; min-height:220px; margin:5px 0 15px; float:left; background:url(../images/genealogy/img_large.jpg) no-repeat right top #F3F3F3; } #genealogy-search-top-level form { width:420px; padding:20px 30px; } #genealogy-search-top-level div { margin-bottom:15px; } #genealogy-search-top-level div.clear { margin:0; clear:none; } #genealogy-search-top-level label { position:absolute; left:-999999px; top:-999999px; } #genealogy-search-top-level .button { margin:0 25px 25px 0; float:left; } #genealogy-search-top-level .title { width:300px; padding:10px 15px; color:#FFF; font-family:"museo300",serif; font-size:2.7em; line-height:normal; position:absolute; left:480px; top:0; } #genealogy-search-top-level .advanced { position:absolute; left:-999999px; top:-999999px; } #genealogy-search-top-level .field-error { border-color:#C00; } #genealogy-search-top-level .show-advanced-search { display:none; margin:8px 0 0 0; padding:0; float:left; background:none; border:none; text-decoration:underline; overflow:visible; } .js #genealogy-search-top-level .show-advanced-search { display:inline; } #genealogy-search-top-level .show-advanced-search:hover, #genealogy-search-top-level .show-advanced-search:focus, #genealogy-search-top-level .show-advanced-search:active { color:#51B2CC; } #genealogy-search-top-level.advanced .advanced { position:relative; left:0; top:0; } #genealogy-search-top-level.advanced .advanced select { width:113px; } #genealogy-search-top-level.advanced .dod { margin-right:10px; } #genealogy-search-top-level.advanced .dod select { width:145px; } .lt-ie8 #genealogy-search-top-level.advanced .dod select { width:167px; } #genealogy-search-top-level.advanced .address input { width:270px; } .lt-ie8 #genealogy-search-top-level.advanced .address input { width:258px; } #genealogy-search-top-level.advanced div.clear { clear:both; } .js #genealogy-search-top-level.advanced .show-advanced-search { display:none; } #genealogy-search-results { width:710px; margin:0 0 0 -10px; float:left; position:relative; } #genealogy-search-results.noind { width:700px; margin:0;} .noind { width:700px; margin:0;} #genealogy-search-results.noindfull { width:100%; margin:0; } #genealogy-search-results .filter { width:680px; margin:0 0 10px; padding:10px 15px; float:left; background:#F6F6F8; } #genealogy-search-results .filter h5 { margin:0; padding:5px 0 2px; float:left; color:#666; font-size:105%; } #genealogy-search-results .filter .column { padding:0 15px; float:left; border-left:1px solid #E0E0E2; position:relative; overflow:hidden; } #genealogy-search-results .filter .column-first { border:0; } #genealogy-search-results .filter .status { width:175px; } .borderradius.generatedcontent #genealogy-search-results .filter .status { width:180px; } #genealogy-search-results .filter .age { width:245px; } .borderradius.generatedcontent #genealogy-search-results .filter .age { width:250px; } #genealogy-search-results .filter .gender { width:95px; padding-right:0; } .borderradius.generatedcontent #genealogy-search-results .filter .gender { width:100px; } #genealogy-search-results .filter ul { width:100%; margin:0; padding:0; float:left; list-style:none; clear:both; } #genealogy-search-results .filter .status ul { width:185px; } #genealogy-search-results .filter .age ul { width:270px; } #genealogy-search-results .filter .gender ul { width:100px; } #genealogy-search-results .filter li { padding:0 0 5px; float:left; } #genealogy-search-results .filter .gender li { width:100%; } #genealogy-search-results .filter div.checkbox { width:90px; margin:0; padding:0; float:left; } #genealogy-search-results .filter .form-element .checkbox label, #genealogy-search-results .filter .form-element .radio label { width:auto; padding:0; } #genealogy-search-results .filter .button.inline { margin:10px 0 5px; float:right; clear:both; } .lt-ie8 #genealogy-search-results .filter .button.inline { clear:none; } .borderradius.generatedcontent #genealogy-search-results .filter .form-element .checkbox label, .borderradius.generatedcontent #genealogy-search-results .filter .form-element .radio label { padding:6px 0 0 25px; } #genealogy-search-results .summary-table { width:100%; padding:0 0 20px; float:left; } #genealogy-search-results table { width:100%; margin:0 0 20px 0; float:left; border-bottom:2px solid #DFDDE0; font-size:90%; } #genealogy-search-results th, #genealogy-search-results td { padding:10px; text-align:center; text-transform:uppercase; vertical-align:middle; } .lt-ie8 #genealogy-search-results th, .lt-ie8 #genealogy-search-results td { position:relative; } #genealogy-search-results th { background:#728393; border-left:2px solid #728393; color:#FFF; font-size:90%; } #genealogy-search-results td { background:#F8F8F8; border-left:2px solid #FFF; } #genealogy-search-results .alt-bg td { background:#E9F7FA; } #genealogy-search-results td.space { height:1px; padding:0; background:#CFD9DB; border:0; font-size:0; line-height:0; } #genealogy-search-results td.age { text-transform:none; } #genealogy-search-results tr th:first-child, #genealogy-search-results tr td:first-child { border-left:0; } #genealogy-search-results .purchase { width:104px; margin:0 auto; text-align:left; text-transform:none; } #genealogy-search-results .purchase .form-element { padding:0; } #genealogy-search-results .purchase .form-element:first-child { padding-bottom:10px; } #genealogy-search-results .purchase .checkbox { width:100%; margin:0; padding:0; float:left; } #genealogy-search-results .purchase .form-element .checkbox label, #genealogy-search-results .purchase .form-element .radio label { width:auto; padding:0; } .borderradius.generatedcontent #genealogy-search-results .purchase .form-element .checkbox label, .borderradius.generatedcontent #genealogy-search-results .purchase .form-element .radio label { padding:0 0 0 25px; } .borderradius.generatedcontent #genealogy-search-results .purchase .form-element .checkbox input + label::before, .borderradius.generatedcontent #genealogy-search-results .purchase .form-element .radio input + label::before { width:15px; height:15px; line-height:15px; top:2px; } .borderradius.generatedcontent #genealogy-search-results .purchase .form-element .checkbox input:checked + label::before { background:url(../images/genealogy/small_tick.png) no-repeat center 3px; } #genealogy-search-results .purchase .checkbox i { width:17px; height:18px; margin:0 5px 3px; float:right; background:url(../images/genealogy/question_mark.png); position:relative; overflow:hidden; right:auto; top:auto; } .js #genealogy-search-results .purchase .checkbox i { display:inline; } #genealogy-search-results .purchase .checkbox i:hover { background-position:left bottom; } #genealogy-search-results .pagination { width:270px; padding:0 0 0 10px; float:left; } #genealogy-search-results .pagination ul { width:100%; margin:0; padding:0; float:left; list-style:none; } #genealogy-search-results .pagination li { padding:0 4px; float:left; } #genealogy-search-results .pagination li.prev { padding-left:0; padding-right:8px; } #genealogy-search-results .pagination li.next { padding-left:8px; padding-right:0; } #genealogy-search-results .pagination a { text-decoration:none; } #genealogy-search-results .pagination .inactive a { color:#999; } #genealogy-search-results .pagination .selected a, #genealogy-search-results .pagination .prev a, #genealogy-search-results .pagination .next a { text-decoration:underline; } #genealogy-search-results .info-actions { width:420px; padding:0 0 40px; float:right; } #genealogy-search-results .info-actions .total { padding:0 10px 20px 0; float:right; font-size:160%; font-weight:bold; clear:right; } #genealogy-search-results .info-actions .highlight { color:#51B2CC; } #genealogy-search-results .info-actions .text { width:280px; padding:0 10px 20px 0; float:right; font-size:125%; clear:right; text-align:right; } #genealogy-search-results .info-actions .small {width: 350px; font-size:80%;} #genealogy-search-results .info-actions .purchase { display:none !important; } #genealogy-search-results .info-actions .insufficient, #genealogy-search-results .info-actions .top-up { display:none !important; } #genealogy-search-results .info-actions .button.inline { margin-bottom:20px; float:right; clear:right; } #genealogy-search-results .info-actions .button a, #genealogy-search-results .info-actions .button button { padding-left:40px; padding-right:40px; } .lt-ie8 #genealogy-search-results .info-actions .button a { padding:9px 20px; } .lt-ie8 #genealogy-search-results .info-actions .button button { padding:4px 20px; } .lt-ie8 #genealogy-search-results .info-actions .button a.register { width:380px !important; } #genealogy-search-results .info-actions .displayed { display:inline-block !important; } #genealogy-search-results .genealogy-search { width:650px; min-height:198px; padding:10px 30px; float:left; background:url(../images/genealogy/footer_grad.jpg) repeat-x; } #genealogy-search-results .genealogy-search h2 { width:100%; float:left; text-transform:uppercase; } #genealogy-search-results .genealogy-search .column { width:290px; padding:0 35px 0 0; float:left; } #genealogy-search-results .genealogy-search .column div { margin-bottom:15px; } #genealogy-search-results .genealogy-search .column div.clear { margin:0; } #genealogy-search-results .genealogy-search label { position:absolute; left:-999999px; top:-999999px; } #genealogy-search-results .genealogy-search .text-input { margin-right:10px; float:left; } #genealogy-search-results .genealogy-search .text-input input { width:133px; } #genealogy-search-results .genealogy-search .select { padding:6px 5px; float:left; border:1px solid #cbccce; background:#FFF; -webkit-box-shadow:0 3px 3px -3px #CCC inset; box-shadow:0 3px 3px -3px #CCC inset; -webkit-border-radius:5px; border-radius:5px; } .lt-ie8 #genealogy-search-results .genealogy-search .select { padding:6px 0; border:0; background:none; } #genealogy-search-results .genealogy-search select { width:113px; font-family:"museo300"; border:0; } #genealogy-search-results .genealogy-search .dod { margin-right:10px; } #genealogy-search-results .genealogy-search .dod select { width:143px; } .lt-ie8 #genealogy-search-results .genealogy-search .dod select { width:165px; } #genealogy-search-results .genealogy-search .address input { width:270px; } .lt-ie8 #genealogy-search-results .genealogy-search .address input { width:258px; } #genealogy-search-results .genealogy-search .button.inline { margin:0 25px 25px 0; float:left; } #genealogy-search-results .genealogy-search .field-error { border-color:#C00; } #genealogy-search-results .summary { width:100%; margin:0 0 15px; padding:10px 0; float:left; border-bottom:1px solid #CCC; } #genealogy-search-results .summary .row { width:100%; padding:5px 0; float:left; } #genealogy-search-results .summary .column-1 { width:130px; padding:0 20px 0 10px; float:left; font-weight:bold; } #genealogy-search-results .summary .column-2 { width:550px; float:left; } #genealogy-search-results .summary .label, #genealogy-search-results .summary .content { width:100%; float:left; } #genealogy-search-results .summary table { border-bottom: none; } #genealogy-search-results .summary th { background-color: #73a8ba; border-left: none;} #genealogy-search-results .grave_count, #genealogy-search-results .back { width:690px; margin:0 0 30px; padding:0 10px; float:left; font-style:italic; } #genealogy-search-results .back { font-style:normal; font-weight:bold; } #genealogy-search-results .back a { text-decoration:none; } #genealogy-search-results .detail { width:100%; margin:0 0 35px; float:left; background:#F8F8F8; } #genealogy-search-results .detail h2 { width:690px; margin:0; padding:10px; float:left; background:#748595; color:#FFF; font-size:1.4em; } #genealogy-search-results .detail .column-1, #genealogy-search-results .detail .column-2 { width:315px; padding:10px 20px 15px; float:left; } #genealogy-search-results .detail .row { width:100%; padding:7px 0; float:left; } #genealogy-search-results .detail .label { width:134px; padding:0 20px 0 0; float:left; font-weight:bold; text-align:right; } #genealogy-search-results .detail .content { width:161px; float:left; } #genealogy-search-results .detail .button.inline { with:161px; margin:8px 0 5px 154px; float:left; zoom:1; } #genealogy-search-results .detail .button a, #genealogy-search-results .detail .button.mini button { width:141px; padding:5px 10px; float:left; } .lt-ie8 #genealogy-search-results .detail .button span { white-space:nowrap; } #genealogy-search-results .upgrade { width:680px; margin:0 0 15px; padding:20px 15px; float:left; background:#E9F7FA; } #genealogy-search-results .upgrade h3 { width:100%; margin:0 0 15px; float:left; color:#666; font-size:1.3em; } #genealogy-search-results .upgrade p { width:100%; float:left; } #genealogy-search-results .upgrade .extended, #genealogy-search-results .upgrade .extended-images, #genealogy-search-results .upgrade .standard-image { width:205px; margin:10px 10px 0 0; float:left;} #genealogy-search-results .upgrade .extended-images { width:260px; } #genealogy-search-results .upgrade .standard-image { width:185px; } #genealogy-search-results .upgrade .price { width:100%; padding:5px 0; float:left; } #genealogy-search-results .upgrade .price span { margin:0 0 0 5px; float:left; position:relative; font-size:95%;} #genealogy-search-results .upgrade .button.inline { width:100% !important; margin:0; float:left; } #genealogy-search-results .upgrade i { width:17px; height:18px; margin:1px 0 0 5px; display:inline-block; background:url(../images/genealogy/question_mark.png); font-size:0; line-height:0; position:absolute; } .js #genealogy-search-results .upgrade i { display:inline; } #genealogy-search-results .upgrade i:hover { background-position:left bottom; } .lt-ie8 #genealogy-search-results .upgrade .button.mini a, .lt-ie8 #genealogy-search-results .upgrade .button.mini button { float:left; } .genealogy-search-success-options { width:100%; float:left; } .genealogy-search-success-options ul { width:100%; margin:0; padding:0; float:left; list-style:none; } .genealogy-search-success-options li { margin:0; padding:0 30px 30px 0; float:left; display:inline; } .content-right .sidebar .account-info { background:url(../images/genealogy/sidebar_gradient.jpg) repeat-x #D9DBDA; } .content-right .sidebar .account-info h3 { width:100%; margin:-10px 0 20px; float:left; position:relative; } .content-right .sidebar .account-info p, .content-right .sidebar .account-info ul { width:100%; float:left; } .content-right .sidebar .account-info ul { margin:0; padding:0 0 5px; list-style:none; } .content-right .sidebar .account-info ul a { float:left; text-decoration:none; } .content-right .sidebar .account-info li { width:100%; padding:0 0 5px; float:left; } .content-right .sidebar .account-info ul span { text-decoration:underline; } .content-right .sidebar .flowers, .content-right .sidebar .volunteer { margin:0; padding:12px 10px 10px; text-align:center; } .content-right .sidebar .flowers .inner, .content-right .sidebar .volunteer .inner { min-height:102px; padding:190px 10px 10px; border:1px solid #C1C1C1; background:url(../images/genealogy/flowers.jpg) no-repeat center top; } .content-right .sidebar .flowers .button.inline, .content-right .sidebar .volunteer .button.inline { width:100% !important; margin:10px 0 0; } .content-right .sidebar .flowers h3 { color:#C21F29; } .book-extract-image {overflow-x: auto; overflow-y: hidden; position: relative; } /* Headstone Catalog */ #monuments { width:100%; float:left; } #monuments .column-1 { width:290px; margin:0 0 20px; float:left; } #monuments .column-1 label { padding:0; font-size:0; line-height:0; } #monuments .column-1 .form-element .radio { width:100%; margin:0; float:left; } #monuments .column-1 ul { width:100%; margin:0; padding:0 0 20px; float:left; list-style:none; } #monuments .column-1 .colours li { width:40px; margin:0 15px 0 5px; float:left; text-align:center; } #monuments .column-1 .colours label { width:38px; height:38px; float:left; border-width:1px; border-style:solid; } #monuments .column-1 .form-element.colours .radio { padding:0 0 27px; } #monuments .column-1 .form-element.colours .radio input, .borderradius.generatedcontent #monuments .column-1 .form-element.colours .radio input { position:absolute; left:13px; top:auto; bottom:1px; } .borderradius.generatedcontent #monuments .column-1 .form-element.colours .radio input + label::before { left:11px; top:auto; bottom:0; } #monuments .column-1 .fonts li { width:100%; padding:5px 0 10px; float:left; } #monuments .column-1 .fonts label { width:136px; height:13px; background-image:url(../images/funeral-services/headstones/fonts.png); background-repeat:no-repeat; } #monuments .column-1 .form-element.fonts .radio { padding:0; } #monuments .column-1 .form-element.fonts .radio input, .borderradius.generatedcontent #monuments .column-1 .form-element.fonts .radio input { position:absolute; left:192px; top:-4px; } .borderradius.generatedcontent #monuments .column-1 .form-element.fonts .radio input + label::before { left:190px; top:-2px; } #monuments .column-1 .black label { background:#000; border-color:#000; } #monuments .column-1 .gold label { background:#DBBF5E; border-color:#DBBF5E; } #monuments .column-1 .white label { background:#FFF; border-color:#ADADAD; } #monuments .column-1 .clarendon label { background-position:0px 0px; } #monuments .column-1 .bookman-old-style label { background-position:0px -27px; } #monuments .column-1 .franklin-gothic label { background-position:0px -54px; } #monuments .column-2 { width:330px; height:268px; margin:0 0 15px; padding:20px; float:right; text-align:center; background:#000; color:#FFF; } .js #monuments .column-2 { background:none; } .js #monuments .column-2.black-bg { background:#000; } .js #monuments .column-2.grey-bg { background:#C1C2BB; } #monuments .column-2 div { width:302px; height:183px; margin:42px auto 0; display:none; font-size:0; line-height:0; background-image:url(../images/funeral-services/headstones/font_options.png); background-repeat:no-repeat; } #monuments .column-2 .clarendon { width:302px; } #monuments .column-2 .bookman-old-style { width:304px; } #monuments .column-2 .franklin-gothic { width:259px; } #monuments .black .clarendon { background-position:0px 0px; } #monuments .black .bookman-old-style { background-position:-908px 0px; } #monuments .black .franklin-gothic { background-position:-1820px 0px; } #monuments .gold .clarendon { background-position:-303px 0px; } #monuments .gold .bookman-old-style { background-position:-1212px 0px; } #monuments .gold .franklin-gothic { background-position:-2079px 0px; } #monuments .white .clarendon { width:302px; background-position:-606px 0px; } #monuments .white .bookman-old-style { background-position:-1516px 0px; } #monuments .white .franklin-gothic { background-position:-2338px 0px; } #monuments .catalog { width:710px; margin:0 0 10px -10px; padding:0 0 20px; float:left; position:relative; overflow:hidden; border-bottom:1px solid #E3E3E3; font-family:"museo300"; } #monuments .catalog .inner { width:100%; float:left; } .js #monuments .catalog .inner { width:100000px; } #monuments .catalog .inner ul { width:720px; margin:0; padding:0 0 10px; float:left; list-style:none; } #monuments .catalog .inner li { width:142px; min-height:175px; margin:0 8px 8px 0; padding:15px 15px 40px; float:left; background:#E6F4F7; position:relative; } #monuments .catalog .inner li.clear { width:100%; height:0; min-height:0; margin:0; padding:0; background:none; overflow:hidden; } #monuments .catalog .form-element label.image { width:100%; height:128px; padding:0; background:#FFF; text-align:center; } #monuments .catalog .form-element .checkbox { width:100%; margin:5px 0 0; padding:0; float:left; } #monuments .catalog .form-element .checkbox input { position:absolute; left:0px; top:0px; } #monuments .catalog .form-element .checkbox label { width:auto; padding:2px 0 0 20px; line-height:1.2em; } .borderradius.generatedcontent #monuments .catalog .form-element .checkbox label { padding:8px 0 0 28px; } .borderradius.generatedcontent #monuments .catalog .form-element .checkbox input + label::before, .borderradius.generatedcontent #monuments .catalog .form-element .checkbox input:checked + label::before { background-color:#FFF; } #monuments .catalog .ref { width:122px; float:left; position:absolute; left:35px; bottom:10px; font-style:italic; } .borderradius.generatedcontent #monuments .catalog .ref { width:114px; left:43px; } #monuments .pagination { width:100%; float:left; position:relative; overflow:hidden; display:none; } .js #monuments .pagination { display:block; margin:0 710px 0 -710px; } #monuments .pagination .content { float:left; position:relative; left:50%; text-align:center; } #monuments .pagination ul { width:auto; margin:0; padding:0; float:left; list-style:none; position:relative; left:-50%; } #monuments .pagination li { width:auto; margin:0; padding:0 4px; float:left; } #monuments .pagination li.prev { padding-left:0; padding-right:8px; } #monuments .pagination li.next { padding-left:8px; padding-right:0; } #monuments .pagination a { text-decoration:none; } #monuments .pagination .inactive a { color:#999; } #monuments .pagination .selected a, #monuments .pagination .prev a, #monuments .pagination .next a { text-decoration:underline; } #monuments .pagination .selected a { color:#333; } .js #monuments .accordion .content { height:auto; } #monuments .accordion .inner { padding:10px 0; background:none; } #monuments .accordion h3 { font-size:140%; } .borderradius.generatedcontent #monuments .form-element .radio input + label::before { width:17px; height:17px; line-height:17px; -webkit-box-shadow:0 0 2px #888 inset; box-shadow:0 0 2px #888 inset; -webkit-border-radius:17px; border-radius:17px; } .borderradius.generatedcontent #monuments .form-element .radio input:checked + label::before { background:url(../images/funeral-services/headstones/img1.png) no-repeat center center; -webkit-box-shadow:0 0 2px #888 inset; box-shadow:0 0 2px #888 inset; } section.catalog .button.blue.mini a { min-width:0; height:auto !important; height:34px; min-height:34px; margin:5px 0 0; float:left; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; padding:0 0 0 45px; color:#666 !important; text-align:left !important; text-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; width:auto !important; background:url(../images/funeral-services/headstones/download_icon.png) no-repeat left center; } section.catalog .button.blue.mini a:hover, section.catalog .button.blue.mini a:focus, section.catalog .button.blue.mini a:active { color:#51B2CC !important; } section.catalog .button.blue.mini a span { padding:7px 0 0; display:block; } section.search-by-grave-number .form-element label { position:absolute; left:-999999px; top:-999999px; } section.search-by-grave-number .form-element .input { width:208px; margin:0; background:#FFF; } section.search-by-grave-number .form-submit { padding:0 0 15px; } section.search-by-grave-number .form-submit .button { width:100%; margin:0; } section.search-by-grave-number .form-submit .button button { width:100%; margin:0; padding:5px 0; } section.search-by-grave-number .form-submit .button button span { width:220px; float:left; } /* Interactive Map */ #map-container { width:100%; float:left; position:relative; overflow:hidden; } #map-container .ajax-content { width:100%; height:600px; position:absolute; left:-100%; top:0; overflow:hidden; overflow-y:auto; background:#FFF; z-index:2; } #map-container .ajax-content article { position:relative; overflow:hidden; } #map-container .ajax-content article .close-ajax { width:28px; height:27px; position:absolute; right:10px; top:10px; } #map-container .ajax-content article .close-ajax button { width:28px; height:27px; margin:0; padding:0; display:block; background:url(../images/tabs/nav_x_close.png); border:none; outline:none; } #map-container .ajax-content article .close-ajax button:hover, #map-container .ajax-content article .close-ajax button:focus, #map-container .ajax-content article .close-ajax button:active { background-position:left bottom; } #map-container .ajax-content article > .content-box { padding:10px 5px; clear:both; } #pano { width:100%; height:600px; margin-bottom:5px; } #pano h3,#map-filter h3 { margin:0; } #map_canvas { z-index:1; position:absolute; left:0px; top:397px; width:250px; height:200px; border:solid #FFF; border-width:3px 3px 0 0; } #map-filter { padding:10px; z-index:1; width:225px; height:580px; position:absolute; right:-245px; top:0; background:#efefef; } #map-filter-details { height:110px; } #map-filter .slide-filter { width:44px; height:44px; margin:-12px 0 0 -54px; float:left; position:relative; overflow:hidden; display:none; } #map-filter .slide-filter a { width:100%; height:44px; display:block; background:url(../images/search_icon.png) no-repeat; font-size:0; line-height:0; } #map-filter .slide-filter a:hover, #map-filter .slide-filter a:focus, #map-filter .slide-filter a:active { background-position:left bottom; } #map-filter #side_bar { display:none; } .gmap-infowindow .title { padding:0 0 2px; } .gmap-infowindow .timeline { font-size:85%; } .gmap-infowindow .description { font-size:90%; line-height:1.5em; } .gmap-infowindow .button.inline { padding-top:5px; float:left; clear:left; } .gmap-infowindow .button.mini a { font-size:14px; } #iphone-scrollcontainer { height:465px; width:223px; overflow:auto; position:relative; border-top:2px solid #ccc; border-left:2px solid #ccc; border-bottom:2px solid #ccc;} #iphone-scroll { list-style:none; padding:0; margin:0; font-family:Georgia, Times, serif; } #iphone-scroll ul { background-color:#FFFFFF; list-style:none; padding:0; margin:0; } #iphone-scroll ul li a { display:block; text-decoration:none; line-height:30px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#CCCCCC; padding-left:10px; cursor:pointer; } .nav-indicator { line-height:22px; background:#51B2CC; color:#fff; font-weight:bold; text-indent:10px; } #nav-indicator-fixed { position:absolute; top:122px; right:27px; width:206px; line-height:22px; background:#51B2CC; color:#fff; font-weight:bold; text-indent:10px; z-index:5; position:absolute; display:none; font-family:Georgia,Times,serif; } #iphone-search { z-index:2; list-style:none; padding:0 5px; margin:0; font-family:Georgia, Times, serif; line-height:17px; top:144px; right:22px; position:absolute; text-align:center; font-weight:bold; font-size:75%; } #iphone-search li a { text-decoration:none; color:#666; } .searchbg { background-color:#999999; } /* Funeral Directors */ #funeral-directors-genealogy-search { width:100%; float:left; } #funeral-directors-genealogy-search .form-box { width:420px; padding:20px; min-height:178px; background:url(../images/genealogy/footer_grad.jpg) repeat-x; } #funeral-directors-genealogy-search .form-box form { padding:0; } #funeral-directors-genealogy-search label { position:absolute; left:-99999px; top:-999999px; } #funeral-directors-genealogy-search input { width:200px; } #funeral-directors-genealogy-search .dod { margin-right:10px; } #funeral-directors-genealogy-search .dod select { width:210px; } .lt-ie8 #funeral-directors-genealogy-search .dod select { width:232px; } #funeral-directors-genealogy-search .advanced select { width:176px; } #funeral-directors-genealogy-search .advanced input { width:398px; } .lt-ie8 #funeral-directors-genealogy-search .advanced input { width:386px; } #funeral-directors-genealogy-search .text-input, #funeral-directors-genealogy-search .select { margin-bottom:10px; } #funeral-directors-genealogy-search .field-error { border-color:#C00; } .lt-ie8 #funeral-directors-genealogy-search .button.mini button { min-width:0; } .funeral-directors-panels { margin:-12px 0 20px; } .funeral-directors-panels li { width:224px; margin:0 8px 8px 0; } .funeral-directors-panels img { width:100%; height:auto; } .funeral-directors-panels .arrow { display:none; } #funeral-directors-booking-summary { width:100%; float:left; } #funeral-directors-booking-summary table { width:100%; float:left; font-size:85%; } #funeral-directors-booking-summary th { padding:5px 10px; text-align:left; background:#728393; color:#FFF; text-transform:uppercase; font-family:"museo300"; vertical-align:middle; font-size:90%; } #funeral-directors-booking-summary td { padding:5px 10px; text-align:left; background:#F8F8F8; border-bottom:1px solid #DFDFDF; vertical-align:middle; } .lt-ie8 #funeral-directors-booking-summary td { position:relative; } #funeral-directors-booking-summary th.status, #funeral-directors-booking-summary td.status { text-align:center; } #funeral-directors-booking-summary .confirmed td { background:#E5E5E5; border-color:#D0D0D0; } .footnote {font-size:80%;} .info-text {width: 290px; float: right; margin: 0 98px 0 0;} .under-note {width: 290px; float: right; margin: -10px 110px 10px 0;font-size:90%;} .under-note .strong {font-weight:bold; color:#51B2CC;} #fd-main-form h3 {float: left; } /* Visit Glasnevin Illustration */ #vgi-pin-1 { left:620px; top:180px; } #vgi-pin-2 { left:834px; top:211px; } #vgi-pin-3 { left:910px; top:340px; } #vgi-pin-4 { left:790px; top:144px; } #vgi-pin-5 { left:453px; top:92px; } #vgi-pin-6 { left:203px; top:42px; } #vgi-pin-7 { left:40px; top:46px; } #vgi-pin-8 { left:150px; top:1px; } #vgi-pin-9 { left:550px; top:210px; } #vgi-pin-10 { left:635px; top:227px; } #vgi-pin-11 { left:-50px; top:81px; } #vgi-pin-12 { left:700px; top:-40px; } #vgi-pin-13 { left:590px; top:-40px; } #vgi-pin-14 { left:-99px; top:291px; } /*Footer registration text styling*/ footer .reg { width:100%; padding:0 0 15px; float:left; color:#a8cfdb; font-size:75%; font-family:Arial; } /*! jQuery UI - v1.9.2 * http://jqueryui.com * Includes:jquery.ui.core.css, jquery.ui.datepicker.css * Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */ .ui-helper-hidden { display:none; } .ui-helper-hidden-accessible { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; } .ui-helper-reset { margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content:""; display:table; } .ui-helper-clearfix:after { clear:both; } .ui-helper-clearfix { zoom:1; } .ui-helper-zfix { width:100%; height:100%; top:0; left:0; position:absolute; opacity:0; filter:Alpha(Opacity=0); } .ui-state-disabled { cursor:default !important; } .ui-widget-overlay { position:absolute; top:0; left:0; width:100%; height:100%; } .ui-datepicker { width:294px; margin:5px 0 0 -6px; padding:.2em .2em 0; display:none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:2px; width:1.8em; height:1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top:1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:block; position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-8px; } .ui-datepicker .ui-datepicker-title { margin:0 2.3em; line-height:1.8em; text-align:center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width:100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:49%;} .ui-datepicker table { width:100%; font-size:.9em; border-collapse:collapse; margin:0 0 .4em; table-layout:fixed; } .ui-datepicker th { padding:.7em .3em; text-align:center; font-weight:bold; border:0; } .ui-datepicker td { border:0; padding:1px; } .ui-datepicker td span, .ui-datepicker td a { display:block; padding:.2em .25em .2em .2em; text-align:right; text-decoration:none; } .ui-datepicker .ui-datepicker-buttonpane { background-image:none; margin:.7em 0 0 0; padding:0 .2em; border-left:0; border-right:0; border-bottom:0; } .ui-datepicker .ui-datepicker-buttonpane button { float:right; margin:.5em .2em .4em; cursor:pointer; padding:.2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-datepicker-cover { width:200px; height:200px; position:absolute; z-index:-1; filter:mask(); top:-4px; left:-4px; } .ui-widget { font-family:Verdana,Arial,sans-serif; font-size:1.1em; } .ui-widget .ui-widget { font-size:1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family:Verdana,Arial,sans-serif; font-size:1em; } .ui-widget-content { border:1px solid #aaaaaa; background:#ffffff url(../images/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color:#222222; } .ui-widget-content a { color:#222222; } .ui-widget-header { border:1px solid #aaaaaa; background:#cccccc url(../images/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color:#222222; font-weight:bold; } .ui-widget-header a { color:#222222; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:1px solid #d3d3d3; background:#e6e6e6 url(../images/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight:normal; color:#555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:#555555; text-decoration:none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border:1px solid #999999; background:#dadada url(../images/jquery-ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight:normal; color:#212121; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color:#212121; text-decoration:none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border:1px solid #aaaaaa; background:#ffffff url(../images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight:normal; color:#212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#212121; text-decoration:none; } /*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background url(../images/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50% #E6E6E6; border:1px solid #D3D3D3; color:#555; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color:#555; }*/ .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border:1px solid #cd0a0a; background:#fef1ec url(../images/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color:#cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color:#cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color:#cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight:bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity:.7; filter:Alpha(Opacity=70); font-weight:normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity:.35; filter:Alpha(Opacity=35); background-image:none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */ .ui-icon { width:16px; height:16px; display:block; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat; background-image:url(../images/jquery-ui/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon { background-image:url(../images/jquery-ui/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image:url(../images/jquery-ui/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image:url(../images/jquery-ui/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image:url(../images/jquery-ui/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon { background-image:url(../images/jquery-ui/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon { background-image:url(../images/jquery-ui/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image:url(../images/jquery-ui/ui-icons_cd0a0a_256x240.png); } .ui-icon-circle-triangle-e { background-position:-48px -192px; } .ui-icon-circle-triangle-w { background-position:-80px -192px; } .ui-corner-all { -webkit-border-radius:4px; border-radius:4px; } /* Smooth Zoom Plugin */ .smooth_zoom_preloader { background-image: url(/site-files/cms-templates/images/zoom_assets/preloader.gif); } .smooth_zoom_icons { background-image: url(/site-files/cms-templates/images/zoom_assets/icons.png); } #zoom_container { overflow: hidden; height: 680; width: 960; } .zoom_thumbnails { margin-top: 20px; padding: 0px; display: inline-block; } .zoom_thumbnails li { display: inline-block; } .zoom_thumbnails a { display: inline-block; overflow: hidden; outline: none; text-decoration: none; } .zoom_thumbnails li img { margin: 5px; border: 0px; } /* Admin Area */ .nouser {width:100%; clear:both;} .admin #genealogy-search-results .filter {padding:0;} .admin #genealogy-search-results .filter td {text-align: left;} .admin #genealogy-search-results .filter table {margin:0;} .admin #genealogy-search-results table {margin-bottom:0;} .admin h3 {margin-top:0;} #admin-nav { float:right; width:200px;} #admin-nav ul { list-style:none;padding:2px 0 0; background:url(../images/footer/line_horizontal.gif) repeat-x left top; } #admin-nav li { width:100%; height:auto; padding:3px 0 3px 0; background:url(../images/footer/line_horizontal.gif) repeat-x left bottom; } #admin-nav a { height:auto; padding:8px 0 8px 25px; background:url(../images/footer/arrow_small.png) no-repeat 12px -37px; color:#999; text-align:left; } #admin-nav a:hover, #admin-nav a:active, #admin-nav a:focus { color:#51B2CC; background-position:12px -95px; } .info-message{ background-size: 40px 40px; box-shadow: inset 0 -1px 0 rgba(255,255,255,.4); width: 100%; border: 1px solid; color: #fff; padding: 15px; position: fixed; _position: absolute; text-shadow: 0 1px 0 rgba(0,0,0,.5); animation: animate-bg 5s linear infinite; background-color: #4ea5cd; border-color: #3b8eb5; top: -65px; left: 0; z-index:999; } .roxen-edit-box-off { } .roxen-edit-box-on { outline: 1px dotted #f8bb7b; /*background: #f2f1eb;*/ background: #faf9f3; -moz-outline: 1px dotted #f8bb7b; /* FIXME: invalid CSS */ } .roxen-edit-marker-off { visibility: hidden; display: block; position: absolute; } .roxen-edit-marker-on { visibility: visible; display: block; position: absolute; background: URL(/site-files/cms-templates/images/button_edit_comp.gif) top left no-repeat; width: 28px; height: 13px; z-index: 1; } div.roxen-linkbrowser-anchor a { visibility: visible; display: block; position: absolute; background: URL(/site-files/cms-templates/images/button_link_browser.gif) top left no-repeat; width: 28px; height: 13px; z-index: 1; } } @media screen { } @media print { #quick-login-wrapper, #fb-root, header, footer, .left-remainder, .right-remainder, .button-print, .breadcrumbs, .form-submit { display: none !important; } @font-face { font-family:"museo300"; src:url("/site-files/cms-templates/fonts/museo300.eot"); src:url("/site-files/cms-templates/fonts/museo300.eot?#iefix") format("embedded-opentype"), url("/site-files/cms-templates/fonts/museo300.woff") format("woff"), url("/site-files/cms-templates/fonts/museo300.ttf") format("truetype"), url("/site-files/cms-templates/fonts/museo300.svg#Museo300Regular") format("svg"); font-weight:normal; font-style:normal; } @font-face { font-family:"museo500"; src:url("/site-files/cms-templates/fonts/museo500.eot"); src:url("/site-files/cms-templates/fonts/museo500.eot?#iefix") format("embedded-opentype"), url("/site-files/cms-templates/fonts/museo500.woff") format("woff"), url("/site-files/cms-templates/fonts/museo500.ttf") format("truetype"), url("/site-files/cms-templates/fonts/museo500.svg#Museo500Regular") format("svg"); font-weight:normal; font-style:normal; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; } audio, canvas, video { display:inline-block; } audio:not([controls]) { display:none; } [hidden] { display:none; } .hidden { display:none !important; visibility:hidden; } .accessibility, .no-display { position:absolute; left:-999em; top:-999em; } a .accessibility { position:relative; left:0; top:0; visibility:hidden; } html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow-y:scroll; -webkit-font-smoothing:antialiased; } html, body, button, input, select, textarea { color:#666; font-family:Arial; } body { margin:0; padding:0; font-size:0.72em; line-height:1.4em; position:relative; font-weight:normal; font-style:normal; } h1, h2, h3, h4, h5, h6 { color:#51B2CC; font-family:"museo500"; } h1 { margin:0.8em 0; font-size:2em; } h2 { margin:0.8em 0; font-size:1.7em; } h3 { margin:10px 0 2px; } h2.no-colour, h3.no-colour { color:#666; } h3.large { margin-bottom:0.5em; font-size:1.4em; } a { color:#333; } a:visited { color:#333; } a:focus { outline:thin dotted; color:#51B2CC; } a:hover, a:active { color:#51B2CC; outline:0; } abbr[title] { border-bottom:1px dotted; } b, strong { font-weight:bold; } small { font-size:85%; } sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; } sup { top:-0.5em; } sub { bottom:-0.25em; } p { margin:0; padding:0 0 1em; } ul, ol { margin:0; padding:0 0 0.8em 1em; } nav ul, nav ol { list-style:none; list-style-image:none; margin:0; padding:0; } img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; } svg:not(:root) { overflow:hidden; } figure { margin:0; } form { margin:0; } fieldset { border:0; margin:0; padding:0; } .left { float:left; margin-right:10px; } label { cursor:pointer; } legend { border:0; padding:0; white-space:normal; } button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; } button, input { line-height:normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; } button[disabled], input[disabled] { cursor:default; } input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; } input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; } textarea { overflow:auto; vertical-align:top; resize:vertical; } table { border-collapse:collapse; border-spacing:0; } td { vertical-align:top; } /* Clearing DIV */ .clear { width:100%; height:0; float:left; clear:both; position:relative; overflow:hidden; } #torso .container { } /* Breadcrumbs */ .breadcrumbs { width:100%; margin:20px 0 0; float: left; font-family:"museo300"; color:#51B2CC; font-size:80%; text-transform:uppercase; border:solid #CCC; border-width:1px 0 0; } .breadcrumbs-top { margin:0; border-width:0 0 1px; } .breadcrumbs ul { margin:0; padding:0; float:left; list-style:none; } .breadcrumbs li { float:left; } .breadcrumbs a { text-decoration:none; color:#999; } .breadcrumbs span, .breadcrumbs a:hover { color:#51B2CC; } /* Forms */ form .error { padding:0 0 20px; } .form-box { clear:both; background:#F3F3F3; } .form-box form { padding:20px; display:block; } .form-box h2 { text-transform:uppercase; font-size:1.25em; margin:0 0 10px; } .form-box p { padding-bottom:10px; } .form-box .text-input { margin-right:10px; float:left; } .form-box .text-input input { width:135px; } .form-box .select { margin:-1px 0 0; padding:6px 5px; float:left; border:1px solid #cbccce; background:#FFF; -webkit-box-shadow:0 3px 3px -3px #CCC inset; box-shadow:0 3px 3px -3px #CCC inset; -webkit-border-radius:5px; border-radius:5px; } .lt-ie8 .form-box .select { padding:6px 0; border:0; background:none; } .form-box select { border:0; background: #FFF; } .form-box select option { font-family:"museo300"; } .form-container { width:100%; float:left; font-family:"museo300"; } .form-container .block-space { width:100%; height:20px; float:left; } .form-element, .form-submit { width:100%; padding:0 0 2px; float:left; } .form-submit { } .form-element label, .form-element .label { width:290px; padding:6px 10px 0 0; float:left; text-align:right; } .form-element .label { font-weight:bold; } .form-element .input, .form-element .select, .form-element .textarea, .form-element .checkbox, .form-element .radio { width:290px; margin:0 98px 0 0; padding:5px; float:right; border:1px solid #CCC; border-radius:4px; box-shadow:0 0 3px #AAA inset; position:relative; } .form-element .value { width:290px; margin:0 98px 0 0; padding:6px 5px 0; float:right; } .form-element .select { margin:0; float:left; } .form-element .checkbox, .form-element .radio { width:300px; padding:5px 0; border:none; border-radius:0; box-shadow:none; } .form-element .space { padding-bottom:15px; } .form-element .input input, .form-element .select select, .form-element .textarea textarea { width:290px; max-width:290px; height:20px; padding:0; float:left; border:0; border-color:#FFF; background:none; position:relative; outline:none; } .form-element .checkbox input, .form-element .radio input { margin:3px 5px 0 0; float:left; } .lt-ie8 .form-element .checkbox input, .lt-ie8 .form-element .radio input { margin:0 5px 0 -6px; } .form-element .checkbox label, .form-element .radio label { width:280px; padding:1px 0 0; text-align:left; } .borderradius.generatedcontent .form-element .checkbox input, .borderradius.generatedcontent .form-element .radio input { margin:0; padding:0; position:absolute; left:4px; top:9px; opacity:0; } .borderradius.generatedcontent .form-element .checkbox label, .borderradius.generatedcontent .form-element .radio label { width:auto; padding:1px 0 0 28px; } .borderradius.generatedcontent .form-element .checkbox input + label::before, .borderradius.generatedcontent .form-element .radio input + label::before { width:19px; height:19px; float:left; content:""; line-height:19px; -webkit-box-shadow:0 1px 4px 0 #888888 inset; box-shadow:0 1px 4px 0 #888888 inset; -webkit-border-radius:5px; border-radius:5px; position:absolute; left:0; top:5px; overflow:hidden; } .borderradius.generatedcontent .form-element-error .checkbox input + label::before, .borderradius.generatedcontent .form-element-error .radio input + label::before { -webkit-box-shadow:0 1px 2px 0 #C00 inset; box-shadow:0 1px 2px 0 #C00 inset; } .borderradius.generatedcontent .form-element .checkbox input:disabled + label, .borderradius.generatedcontent .form-element .radio input:disabled + label { opacity:0.5; cursor:default; } .borderradius.generatedcontent .form-element .checkbox input:not(:checked):hover + label::before {} /* hover checkbox (unselected state only) */ .borderradius.generatedcontent .form-element .checkbox input:checked + label::before { background:url(../images/bluetick.png) no-repeat center center; -webkit-box-shadow:0 1px 3px 1px #7FC7DA inset; box-shadow:0 1px 3px 1px #7FC7DA inset; } /* selected checkbox */ .borderradius.generatedcontent .form-element .radio input + label::before {} /* normal state radio */ .borderradius.generatedcontent .form-element .radio input:hover + label::before {} /* radio hover (unselected state only) */ .borderradius.generatedcontent .form-element .radio input:checked + label::before { background:url(../images/bluetick.png) no-repeat center center; -webkit-box-shadow:0 1px 3px 1px #7FC7DA inset; box-shadow:0 1px 3px 1px #7FC7DA inset; } /* selected radio */ .borderradius.generatedcontent .form-element .checkbox input:focus + label, .borderradius.generatedcontent .form-element .radio input:focus + label { outline:none; } .form-element .select { width:auto; padding-left:2px; } .lt-ie8 .form-element .select { border:none; } .form-element .select select { width:auto; height:auto; } .lt-ie9 .form-element .select select { max-width:none; } .form-element .textarea textarea { height:70px; min-height:70px; } .form-element i { width:20px; height:20px; display:none; line-height:0; font-size:0; background:url(../images/img_error_x.gif) no-repeat center center; position:absolute; right:-30px; top:5px; } .form-element div.error { width:300px; margin:0 98px 0 0; padding:0; float:right; color:#C00; } .form-element-error { color:#C00; } .form-element-error .input, .form-element-error .select, .form-element-error .textarea { border-color:#C00; box-shadow:0 0 3px #C00 inset; } .form-element-error i { display:block; } .form-submit .button { margin:0 0 0 300px; float:left; } .form-submit .button.mini button { min-width:170px; margin-right:20px; float:left; } .form-submit a { margin:5px 0 0; float:left; } .form-submit p { width:400px; margin:20px 0 0 300px; float:left; clear:both; font-size:70%; } .funeral-notices-filter .form-element {width: auto; margin-right: 10px; } /* Genealogy Search */ .gs-results h1 { display:none; } #genealogy-search-results.noindfull { width:100%; margin:0; } #genealogy-search-results .summary-table { width:100%; padding:0 0 20px; float:left; } #genealogy-search-results table { width:100%; margin:0 0 20px 0; float:left; border-bottom:2px solid #DFDDE0; font-size:90%; } #genealogy-search-results th, #genealogy-search-results td { padding:10px; text-align:center; text-transform:uppercase; vertical-align:middle; } .lt-ie8 #genealogy-search-results th, .lt-ie8 #genealogy-search-results td { position:relative; } #genealogy-search-results th { background:#728393; border-left:2px solid #728393; color:#FFF; font-size:90%; } #genealogy-search-results td { background:#F8F8F8; border-left:2px solid #FFF; } #genealogy-search-results .alt-bg td { background:#E9F7FA; } #genealogy-search-results td.space { height:1px; padding:0; background:#CFD9DB; border:0; font-size:0; line-height:0; } #genealogy-search-results td.age { text-transform:none; } #genealogy-search-results tr th:first-child, #genealogy-search-results tr td:first-child { border-left:0; } #genealogy-search-results .purchase { width:104px; margin:0 auto; text-align:left; text-transform:none; } #genealogy-search-results .purchase .form-element { padding:0; } #genealogy-search-results .purchase .form-element:first-child { padding-bottom:10px; } #genealogy-search-results .purchase .checkbox { width:100%; margin:0; padding:0; float:left; } #genealogy-search-results .purchase .form-element .checkbox label, #genealogy-search-results .purchase .form-element .radio label { width:auto; padding:0; } .borderradius.generatedcontent #genealogy-search-results .purchase .form-element .checkbox label, .borderradius.generatedcontent #genealogy-search-results .purchase .form-element .radio label { padding:0 0 0 25px; } .borderradius.generatedcontent #genealogy-search-results .purchase .form-element .checkbox input + label::before, .borderradius.generatedcontent #genealogy-search-results .purchase .form-element .radio input + label::before { width:15px; height:15px; line-height:15px; top:2px; } .borderradius.generatedcontent #genealogy-search-results .purchase .form-element .checkbox input:checked + label::before { background:url(../images/genealogy/small_tick.png) no-repeat center 3px; } #genealogy-search-results .purchase .checkbox i { width:17px; height:18px; margin:0 5px 3px; float:right; background:url(../images/genealogy/question_mark.png); position:relative; overflow:hidden; right:auto; top:auto; } .js #genealogy-search-results .purchase .checkbox i { display:inline; } #genealogy-search-results .purchase .checkbox i:hover { background-position:left bottom; } #genealogy-search-results .info-actions { width:420px; padding:0 0 40px; float:right; } #genealogy-search-results .info-actions .total { padding:0 10px 20px 0; float:right; font-size:160%; font-weight:bold; clear:right; } #genealogy-search-results .info-actions .highlight { color:#51B2CC; } #genealogy-search-results .info-actions .text { width:280px; padding:0 10px 20px 0; float:right; font-size:125%; clear:right; text-align:right; } #genealogy-search-results .info-actions .small {width: 350px; font-size:80%;} #genealogy-search-results .info-actions .purchase { display:none !important; } #genealogy-search-results .info-actions .insufficient, #genealogy-search-results .info-actions .top-up { display:none !important; } #genealogy-search-results .info-actions .button.inline { margin-bottom:20px; float:right; clear:right; } #genealogy-search-results .info-actions .button a, #genealogy-search-results .info-actions .button button { padding-left:40px; padding-right:40px; } .lt-ie8 #genealogy-search-results .info-actions .button a { padding:9px 20px; } .lt-ie8 #genealogy-search-results .info-actions .button button { padding:4px 20px; } .lt-ie8 #genealogy-search-results .info-actions .button a.register { width:380px !important; } #genealogy-search-results .info-actions .displayed { display:inline-block !important; } #genealogy-search-results .genealogy-search { width:650px; min-height:198px; padding:10px 30px; float:left; background:url(../images/genealogy/footer_grad.jpg) repeat-x; } #genealogy-search-results .genealogy-search h2 { width:100%; float:left; text-transform:uppercase; } #genealogy-search-results .genealogy-search .column { width:290px; padding:0 35px 0 0; float:left; } #genealogy-search-results .genealogy-search .column div { margin-bottom:15px; } #genealogy-search-results .genealogy-search .column div.clear { margin:0; } #genealogy-search-results .genealogy-search label { position:absolute; left:-999999px; top:-999999px; } #genealogy-search-results .genealogy-search .text-input { margin-right:10px; float:left; } #genealogy-search-results .genealogy-search .text-input input { width:133px; } #genealogy-search-results .genealogy-search .select { padding:6px 5px; float:left; border:1px solid #cbccce; background:#FFF; -webkit-box-shadow:0 3px 3px -3px #CCC inset; box-shadow:0 3px 3px -3px #CCC inset; -webkit-border-radius:5px; border-radius:5px; } .lt-ie8 #genealogy-search-results .genealogy-search .select { padding:6px 0; border:0; background:none; } #genealogy-search-results .genealogy-search select { width:113px; font-family:"museo300"; border:0; } #genealogy-search-results .genealogy-search .dod { margin-right:10px; } #genealogy-search-results .genealogy-search .dod select { width:143px; } .lt-ie8 #genealogy-search-results .genealogy-search .dod select { width:165px; } #genealogy-search-results .genealogy-search .address input { width:270px; } .lt-ie8 #genealogy-search-results .genealogy-search .address input { width:258px; } #genealogy-search-results .genealogy-search .button.inline { margin:0 25px 25px 0; float:left; } #genealogy-search-results .genealogy-search .field-error { border-color:#C00; } #genealogy-search-results .summary { width:100%; margin:0 0 15px; padding:10px 0; float:left; border-bottom:1px solid #CCC; } #genealogy-search-results .summary .row { width:100%; padding:5px 0; float:left; } #genealogy-search-results .summary .column-1 { width:130px; padding:0 20px 0 10px; float:left; font-weight:bold; } #genealogy-search-results .summary .column-2 { width:550px; float:left; } #genealogy-search-results .summary .label, #genealogy-search-results .summary .content { width:100%; float:left; } #genealogy-search-results .summary table { border-bottom: none; } #genealogy-search-results .summary th { background-color: #73a8ba; border-left: none;} #genealogy-search-results .grave_count, #genealogy-search-results .back { width:690px; margin:0 0 30px; padding:0 10px; float:left; font-style:italic; } #genealogy-search-results .back { font-style:normal; font-weight:bold; } #genealogy-search-results .back a { text-decoration:none; } #genealogy-search-results .detail { width:100%; margin:0 0 35px; float:left; background:#F8F8F8; } #genealogy-search-results .detail h2 { width:690px; margin:0; padding:10px; float:left; background:#748595; color:#FFF; font-size:1.4em; } #genealogy-search-results .detail .column-1, #genealogy-search-results .detail .column-2 { width:315px; padding:10px 20px 15px; float:left; } #genealogy-search-results .detail .row { width:100%; padding:7px 0; float:left; } #genealogy-search-results .detail .label { width:134px; padding:0 20px 0 0; float:left; font-weight:bold; text-align:right; } #genealogy-search-results .detail .content { width:161px; float:left; } #genealogy-search-results .detail .button.inline { with:161px; margin:8px 0 5px 154px; float:left; zoom:1; } #genealogy-search-results .detail .button a, #genealogy-search-results .detail .button.mini button { width:141px; padding:5px 10px; float:left; } .lt-ie8 #genealogy-search-results .detail .button span { white-space:nowrap; } #genealogy-search-results .upgrade { width:680px; margin:0 0 15px; padding:20px 15px; float:left; background:#E9F7FA; } #genealogy-search-results .upgrade h3 { width:100%; margin:0 0 15px; float:left; color:#666; font-size:1.3em; } #genealogy-search-results .upgrade p { width:100%; float:left; } #genealogy-search-results .upgrade .extended, #genealogy-search-results .upgrade .extended-images, #genealogy-search-results .upgrade .standard-image { width:205px; margin:10px 10px 0 0; float:left;} #genealogy-search-results .upgrade .extended-images { width:260px; } #genealogy-search-results .upgrade .standard-image { width:185px; } #genealogy-search-results .upgrade .price { width:100%; padding:5px 0; float:left; } #genealogy-search-results .upgrade .price span { margin:0 0 0 5px; float:left; position:relative; font-size:95%;} #genealogy-search-results .upgrade .button.inline { width:100% !important; margin:0; float:left; } #genealogy-search-results .upgrade i { width:17px; height:18px; margin:1px 0 0 5px; display:inline-block; background:url(../images/genealogy/question_mark.png); font-size:0; line-height:0; position:absolute; } .js #genealogy-search-results .upgrade i { display:inline; } #genealogy-search-results .upgrade i:hover { background-position:left bottom; } .lt-ie8 #genealogy-search-results .upgrade .button.mini a, .lt-ie8 #genealogy-search-results .upgrade .button.mini button { float:left; } .content-right {display:none;} }