/* ------------------------------------------------------------------------------------------------ Squarespace Core CSS Definitions DO NOT REPLACE. DO NOT IMPORT THIS FILE. All definitions are needed. Override as required from Custom CSS only! ------------------------------------------------------------------------------------------------ */ @media screen { /* --- core elements --------------------------------------------------------------------------- */ html { height: 100%; } img { border: 0 none; -ms-interpolation-mode: bicubic; } body { border: 0px; height: 100%; margin: 0px; padding: 0px; } td { background: transparent; border: 0px; margin: 0px; padding: 0px; } p { margin-bottom: 1em; margin-top: 0em; } h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0px; padding: 0px; } ul { list-style-type: square; /* naturally. */ margin: 1em 0 1em; padding: 0; padding-left: 2em; } form { margin:0; padding: 0; } a { -moz-outline:none; } input.button, input.button[disabled] { font-size: 12px; padding: 2px 5px 3px 5px; -moz-outline: 0; } input.button-important { font-size: 12px; padding: 2px 5px 3px 5px; -moz-outline: 0; font-weight: bold; } input.text, input.text-fixed, textarea, select { font: 8pt Arial, Tahoma, Verdana, Helvetica, sans-serif; } input.text { width: 300px; } input.text-fixed { width: 300px; } textarea { height: 120px; } .clearer { clear: both; line-height: 0; height: 0; } .templateErrors { display: none; } #bodyClearer { display: none; } /* --- image defaults -------------------------------------------------------------------------- */ .thumbnail, .picture-full, .picture img, .thumbnail-image-float-left img, .thumbnail-image-float-right img, .thumbnail-image-float-none img { } #main-picture-wrapper { line-height: 1px; } /* --- core squarespace elements --------------------------------------------------------------- */ #sidebar2Wrapper { display: none; } #siteTitle, #pageFooterWrapper, #pageBodyWrapper { clear: both; } #canvasWrapper, #content, #sidebar1, #sidebar2 { overflow: hidden; } #bannerWrapper { line-height: 0; } #active-module-marker { display: none; } .folder-link { -moz-outline: 0; } .verticalNavigationBar .folder-open a.folder-link { background: transparent url(/universal/images/core-resources/icons/blk_ko_18/folder-contract.png) center left no-repeat; padding-left: 15px; } .verticalNavigationBar .folder-open ul { } .verticalNavigationBar .folder-closed a.folder-link{ background: transparent url(/universal/images/core-resources/icons/blk_ko_18/folder-expand.png) center left no-repeat; padding-left: 15px; } .folder-closed .folder-wrapper ul { display: none; } .horizontalNavigationBar { width: 1024px; } .horizontalNavigationBar .content-navigation { float: left; } .horizontalNavigationBar .folder-open .folder-wrapper .module a { margin-left: 0; } .horizontalNavigationBar .folder-open .folder-wrapper a.folder-link { } .horizontalNavigationBar .folder-open .folder-wrapper { z-index: 999; } .horizontalNavigationBar .folder-open .folder-wrapper ul { display: block; position: absolute; } .horizontalNavigationBar .folder-open .folder-wrapper ul li { float: none; } .horizontalNavigationBar .folder-wrapper ul { position:relative; z-index:999; } /* ensures flash works properly in headers */ .horizontalNavigationBar ul { list-style-type: none; padding: 0; margin: 0; } .horizontalNavigationBar ul li { float: left; padding: 0; margin: 0; } .horizontalNavigationBar ul li a { display: block; } .error-box { background-color: #990000; color: #$ErrorColorOpposite$; padding: 15px; margin-top: 1em; } .error-text, .error-text a:link, .error-text a:visited, .error-text a:active, .error-text a:hover { color: #990000; } .input-with-error { border: 2px solid #990000 !important; } .faded-text { color: #$InactiveTextColor$; } .offsite-link { background: transparent url(/universal/images/core-resources/icons/blk_ko_18/open-off-site.png) center right no-repeat; padding-right: 13px; margin-right: 1px; } .offsite-link-inline { background: transparent url(/universal/images/core-resources/icons/blk_ko_18/open-off-site.png) center right no-repeat; padding-right: 13px; margin-right: 1px; } .folder-link-expand { background: transparent url(/universal/images/core-resources/icons/blk_ko_18/folder-expand.png) center center no-repeat; padding: 0 6px 0 6px; line-height: 9px; font-size: 9px; cursor: pointer; } .folder-link-contract { background: transparent url(/universal/images/core-resources/icons/blk_ko_18/folder-contract.png) center center no-repeat; padding: 0 6px 0 6px; line-height: 9px; font-size: 9px; cursor: pointer; } /* --- image floating / editor constructs ------------------------------------------------------ */ .thumbnail-image-float-left { float: left; margin: 0px 10px 8px 0px; } .thumbnail-image-float-right { float: right; margin: 0px 0px 8px 10px; } .thumbnail-image-block { display: block; } .thumbnail-image-inline { display: inline; } .thumbnail-image-float-left img, .thumbnail-image-float-right img , .thumbnail-image-float-none img { border: 1px solid #ccc; text-decoration: none; } .full-image-float-left { float: left; margin: 0px 10px 8px 0px; } .full-image-float-right { float: right; margin: 0px 0px 8px 10px; } .full-image-block { display: block; } .full-image-inline { display: inline; } .full-image-float-left img, .full-image-float-right img , .full-image-float-none img { text-decoration: none; } .thumbnail-caption { display: block; font-size: 9px; font-family: Verdana, sans-serif; line-height: 14px; padding-top: 5px; padding-bottom: 10px; } /* --- LEGACY constructs ----------------------------------------------------------------------- */ .sizeLess40 { font-size: 60%; } .sizeLess20 { font-size: 80%; } .sizeGreater20 { font-size: 120%; } .sizeGreater40 { font-size: 140%; } .sizeGreater60 { font-size: 160%; } .sizeGreater80 { font-size: 180%; } .sizeGreater100 { font-size: 200%; } /* --- squarespace document construction elements ---------------------------------------------- */ .document-heading { margin-bottom: 1.8em; } .document-title { margin-bottom: .8em; } .header { margin-bottom: 2em; } .body { margin-bottom: 2em; margin-top: 1em; } .body-direct { margin-bottom: 2em; } .footer { margin-top: 2em; clear: both; } .field { margin-bottom: 1em; clear: both; } /* --- squarespace form module components ----------------------------------------------------- */ .form-body { list-style-type: none; padding: 0; margin: 0; } .form-body .fieldContainer { padding: 5px 0px 5px 0px; margin: 0; clear: both; } .form-body .fieldContainerActive { padding: 5px 0px 5px 0px; margin: 0; clear: both; } .form-body .fieldContainerNew { padding: 5px 0px 5px 0px; margin: 0; clear: both; } .form-body .fieldTitle { font-weight: bold; padding-bottom: 3px; font-size: 12px; } .form-body .fieldHelp { font-size: 9px; padding-top: 4px; } .form-body .fieldObjects { } .form-body .fieldRequiredStar { color: #990000; } .form-body .fieldAugmentedLink { font-weight: normal; font-size: 9px; } .form-body .formTitle { font-weight: normal; font-size: 12px; padding-bottom: 1em; } .form-body .formCaption { font-weight: bold; font-size: 12px; padding-bottom: 3px; line-height: 17px; } .form-body .formErrorMessage { font-size: 12px; padding-top: 1em; } .form-body .sectionBreak { padding-top: 4px; } .form-body .optionRow { padding-top: 2px; } .form-body .singlelinetext-small { width: 100px; } .form-body .singlelinetext-medium { width: 180px; } .form-body .singlelinetext-large { width: 340px; } .form-body .singlelinetext-small-inline { width: 94%; } .form-body .singlelinetext-medium-inline { width: 94%; } .form-body .singlelinetext-large-inline { width: 94%; } .form-body .paragraphtext-small { height: 70px; width: 94%; } .form-body .paragraphtext-medium { height: 100px; width: 94%; } .form-body .paragraphtext-large { height: 200px; width: 94%; } .form-body .paragraphtext-small-inline { height: 70px; width: 94%; } .form-body .paragraphtext-medium-inline { height: 100px; width: 94%; } .form-body .paragraphtext-large-inline { height: 200px; width: 94%; } .form-body #username, .form-body #password { width: 160px; } .submit-button { width: 120px; margin-top: 2em !important; } .verticalNavigationBar .notice-box input.submit-button { width: 100%; } /* --- squarespace specifics ------------------------------------------------------------------- */ .journal-filter-header { margin-bottom: 15px; padding-bottom: 10px; } .journal-navigation { margin-top: 2em; clear: both; } .journal-comment-area { margin-top: 25px; padding-top: 15px; } .journal-comment-area .caption { } .journal-comment-area .text { } .journal-comment-area-disabled-text { margin-top: 2em; } .journal-reference-area { margin-top: 25px; padding-top: 15px; } .journal-reference-area .caption { margin-bottom: 1em; } .journal-reference-area .text { } .journal-entry-navigation { margin-bottom: 2em; } .journal-entry { margin-bottom: 2em; } .journal-entry .title { } .journal-entry .tag { clear: both; } .journal-entry .body { margin: 1em 0 1em 0; } .journal-entry .enclosure { background-image: url(/universal/images/core-resources/icons/blk_ko_18/file.png); background-position: left center; background-repeat: no-repeat; padding-left: 26px; } .journal-entry-follow-up { clear: both; margin-bottom: 1em; padding-left: 12px; } .journal-entry-follow-up .follow-up-caption { margin-bottom: 1em; } .journal-entry-follow-up .follow-up-body { } .journal-entry-references { margin: 15px 0 15px 0; padding: 0; list-style-type: none; } .journal-entry-references li { margin: 0; clear: both; margin-bottom: 8px; height: 1%; } .journal-entry-references li .icon-area { float: left; width: 24px; } .journal-entry-references li .text-area { margin-left: 24px; height: 1%; } .journal-entry-references li .text-area .headline { } .journal-entry-references li .text-area .headline .type { font-weight: bold; } .journal-entry-references li .text-area .headline .title { } .journal-entry-references li .text-area .author-byline { font-size: 10px; line-height: 14px; margin: 2px 0 0 0; padding: 0; } .journal-entry-references li .text-area .excerpt { font-size: 10px; line-height: 14px; margin: 2px 0 0 0; padding: 0; } .journal-entry-tag .posted-in .tag-element, .journal-entry-tag .posted-on, .journal-entry-tag .posted-by, .journal-entry-tag .post-comments, .journal-entry-tag .post-references { white-space: nowrap; } .journal-entry-tag-post-body { clear: both; } .journal-entry-float-date, .journal-entry-float-date span { display: none; } .journal-entry-float-day, .journal-entry-float-day span { display: none; } .journal-entry-float-time, .journal-entry-float-time span { display: none; } .journal-archive-set ul { margin-top: 1em; } .unpublished { color: #$InactiveTextColor$; } .amazon-item-list { padding: 0; } .amazon-item-list li { list-style-type: none; margin-bottom: 10px; height: 1%; } .amazon-item-list li .picture { float: left; overflow: hidden; } .amazon-item-list li .description { height: 1%; margin-bottom: 15px; margin-left: 90px; } .amazon-item-list li .description .authors { margin-bottom: 15px; } .amazon-item-list li .description .text { margin-bottom: 15px; } .amazon-item-list li .description .amazon-link { } .gallery-navigation { margin-bottom: 15px; margin-top: 15px; } /* compatibility */ .gallery-description { margin-top: 5px; clear: both; } .gallery-navigation-top { padding-bottom: 12px; text-align: left; } .gallery-navigation-bottom { padding-top: 12px; text-align: left; } .picture-full { clear: both; } #main-picture-description-title { padding-bottom: 1em; } .picture-gallery-list { padding: 0; margin: 0; } .picture-gallery-list li { list-style-type: none; margin-bottom: 12px; height: 1%; } .picture-gallery-list li .thumbnail { } .picture-gallery-list li .thumbnail-wrapper { display: inline-block; } .picture-gallery-list li .thumbnail-wrapper a { display: block; } .picture-gallery-list li .thumbnail-container { float: left; line-height: 0; } .picture-gallery-list li .thumbnail-container-with-description, .picture-gallery-list li .thumbnail-container-tiled { line-height: 0; } .picture-gallery-list li .description { } .picture-gallery-list li .description .caption { margin-bottom: 5px; } .picture-gallery-list li .description .author { margin-bottom: 5px; margin-top: 5px; } .picture-gallery-list li .description .text { } .picture-gallery-list li .description ul { margin-top: 1em; } .picture-gallery-list li .description ul li { list-style-type: square; display: list-item; } .picture-gallery-thumbnail-list { padding: 0; margin: 0; } .picture-gallery-thumbnail-list li { list-style-type: none; height: 1%; display: inline; } .picture-gallery-thumbnail-list li .thumbnail { display: inline; } .picture-gallery-thumbnail-list li .thumbnail-container-tiled { float: left; margin-bottom: 12px; margin-right: 12px; } .picture-gallery-thumbnail-list li .thumbnail-container-with-description { float: left; margin-bottom: 12px; } .picture-gallery-thumbnail-list li .description { margin-bottom: 1em; height: 1%; overflow: hidden; } .picture-gallery-thumbnail-list li .description ul { margin-top: 1em; } .picture-gallery-thumbnail-list li .description ul li { list-style-type: square; display: list-item; } .picture-gallery-thumbnail-scroll-right, .picture-gallery-thumbnail-scroll-left { background-color: #D6D6D6; width: 10px; height: 55px; margin: 0; padding: 0; border: 0; -moz-outline: 0 } .picture-gallery-thumbnail-scroll-right { margin-left: 3px; } .picture-gallery-thumbnail-scroll-left { margin-right: 3px; } .file-item-list { padding: 0; } .file-item-list li { list-style-type: none; margin-bottom: 10px; height: 1%; clear: both; } .file-item-list li .icon { float: left; display: block; line-height: 18px; } .file-item-list li .content { height: 1%; margin-left: 26px; } .file-item-list li .title { display: inline; } .folder-item-list { } .folder-item-list li { margin-bottom: 1em; } .link-group-list { padding: 0; } .link-group-list li { list-style-type: none; margin-bottom: 1.5em; } .link-group-list li ul { margin-top: 1em; } .link-group-list li ul li { list-style-type: square; margin-bottom: .5em; } .link-group-list li ul li .title { } .link-group-list li ul li .description { } /* V1 */ .discussion-comment-list { margin: 0; padding: 0; } .discussion-comment-list li { list-style-type: none; background: transparent url(/universal/images/core-resources/icons/blk_ko_18/comment.png) no-repeat 0px 1px; padding-bottom: 10px; margin-top: 10px; padding-left: 26px; border-bottom: 1px solid #$LightBorderColor$; } .discussion-comment-list li:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; } .discussion-comment-list li .post-title { display: inline; } /* V2 */ .discussion-table { width: 100%; } .discussion-table .inline-icon { display: none; } .discussion-table-header td { font-weight: bold; font-size: 12px; padding: 2px; } .discussion-table-header .replycount-cell, .discussion-table-header .viewcount-cell { text-align: center; } .discussion-table-row td { padding: 2px; } .discussion-table-row .icon-cell { width: 22px; background: transparent url(/universal/images/core-resources/icons/blk_ko_18/comment.png) no-repeat 1px 10px; } .discussion-table-row .topic-cell { padding: 7px 0 5px 0; } .discussion-table-row .topic-cell .topic-text { font-size: 14px; } .discussion-table-row .topic-cell .topic-author { font-size: 11px; } .discussion-table-row .topic-cell .topic-created { display: none; } .discussion-table-row .replycount-cell { text-align: center; font-size: 26px; } .discussion-table-row .viewcount-cell { text-align: center; } .discussion-table-row .updated-cell { font-size: 10px; } .discussion-table-row .updated-cell .reply-author { display: none; } .discussion-table-header .viewcount-cell, .discussion-table-row .viewcount-cell { display: none; } .comment { margin-top: 1em; padding-bottom: 1em; } .comment .body { margin-top: 1em; } .comment .signature { margin-top: .5em; text-align: right; } .change-list { margin: 0; padding: 0; } .change-list li { background: no-repeat 0px 1px; border-bottom: 1px solid #CCCCCC; display: block; list-style-type: none; margin: 0; margin-bottom: 1.2em; padding: 0; padding-bottom: 1.2em; padding-left: 28px; } .change-list li:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; } .input-field { margin-bottom: 1em; } .input-field .title { margin-bottom: 5px; } .input-field .control { } .input-field-error { font-weight: bold; margin-bottom: 5px; } .table .row { clear: both; } .table .left { float: left; margin: 5px; text-align: right; width: 100px; } .table .right { margin-bottom: 5px; margin-left: 100px; } .notice-box { margin-bottom: 2em; } .notice-box .caption { display: inline; } .notice-box .caption-text { margin-top: 1em; margin-bottom: 2em; } .notice-box .link-field-title { font-weight: bold; padding-bottom: 10px; margin-top: 1em; } .notice-box .link-field-text { } .notice-box textarea { width: 99%; } .notice-box-alert { margin-bottom: 1em; padding: 1em; } .notice-box-alert .icon { float: left; } .notice-box-alert .text { height: 1%; margin-left: 22px; } #squarespace-powered { padding: 0; } #squarespace-powered-text { padding: 0; font-size: 80%; } .search-form .queryFieldWrapper { display: block; float: left; } .search-form .queryField { font-size: 18px; padding: 3px; } .search-form .queryButtonWrapper { display: block; float: left; padding-left: 15px; } .search-form .queryButton { } .search-form #advancedSearchOptionsLink { font-size: 9px; margin-top: 3px; } .search-form .advanced-search-group-label { margin: 1em 0 1em 0; } .search-results { margin-top: 2em; } .search-result { margin-bottom: 20px; } .search-result .search-result-number { display: none; float: left; font-size: 30px; } .search-result .search-result-entry { } .search-result .search-result-title { font-size: 18px; } .search-result .search-result-tag { font-size: 10px; font-weight: normal; } .search-result .search-result-type { } .search-result .search-result-author { } .search-result .search-result-date { } .search-result .search-result-body { margin-top: 4px; font-size: 12px; } .search-result .search-result-title .hit-word-title { font-weight: bold; } .search-result .search-result-body .hit-word-body { font-weight: bold; font-size: 120%; } .faq-category-list { padding: 0; margin: 0; } .faq-category-list li { list-style-type: none; margin-bottom: 20px; } .faq-category-list li { } .faq-question-list { margin-top: 1em; } .faq-question-list li { list-style-type: square; margin-bottom: 6px; } .faq-question-list li .title { } .faq-question-list li .description { margin-bottom: 15px; } .faq-entry-count { font-size: 13px; } .faq-entry .text { } .faq-entry .tag { font-size: 10px; } .google-map { width: 100%; height: 400px; } /* --- journal summary ------------------------------------------------------------------------ */ .nugget-item-list-pt .slug-above { display: none; } .nugget-item-list-pt .slug-below { display: none; } .nugget-item-list-pt .summary-item-wrapper { float: left; overflow: hidden; height: 175px; width: 175px; margin: 15px 15px 0 0; text-align: left; } .nugget-item-list-pt .summary-item{ padding: 15px; } .nugget-item-list-pt .title { font-weight: bold; } .summary-item-list-pt .slug-above { display: none; } .summary-item-list-pt .slug-above, .summary-item-list-pt .slug-below { font-size: 9px; } .summary-item-list-pt .summary-item-wrapper {padding-bottom: 10px !important; display: block; } .summary-item-list-pt .pre-date-breaker { display: none; } .summary-item-list-pt .pre-comments-breaker { padding: 0 5px 0 5px; } .summary-item-list-pt .title { font-weight: bold; } .summary-item-list-pt .summary-item-wrapper.highlight .title { font-size: 22px; line-height: 24px; padding-bottom: 3px; } .summary-item-list-pt .summary-item-wrapper.highlight { padding-bottom: 20px !important; } .summary-item-list-pt .summary-item-wrapper.highlight .slug-above { display: block; } .summary-item-list-pt .summary-item-wrapper.highlight .slug-below { display: none; } /* --- tag clouds ----------------------------------------------------------------------------- */ .tagcloud-widget-wrapper { min-height:18px; } .tagcloud a span { position:relative; display:inline-block; line-height:normal; } .tagcloud a:hover span { opacity:1 !important; } /* --- microblogging -------------------------------------------------------------------------- */ .quick-post .description { margin-top: 1em; } .quick-post .embed { margin-top: 1em; } .quick-post .image { margin: 1em 0 1em 0; } .quick-post .dialogue { margin-top: 1em; } .post-data-link .link-arrow, .post-data-delicious .link-arrow, .post-data-digg .link-arrow, .post-data-stumbleupon .link-arrow, .post-data-lastfm .link-arrow { font-size: 80%; } .post-data-chat .dialogue .line { } .post-data-chat .dialogue .line .speaker { display: block; } .post-data-quote .source { display: inline; } .post-data-quote .source p { display: inline; } /* --- packed / quick posts ------------------------------------------------------------------ */ .packed-posts-wrapper { display: none; } .packed-posts-wrapper .packed-post { padding-top: 10px; } .quick-post .packed-post-date { } .quick-post .packed-post-date-tight { margin-top: -12px; } .journal-quickpost-tag-post-body .stacked-link, .journal-quickpost-tag-post-body .initial-stacked-link { float: left; } .quickpost-external-service-tag a { padding-left: 20px; background-repeat: no-repeat; background-position: center left; } /* --- feeds ----------------------------------------------------------------------------------- */ .feed-list, .feed-list-inline { padding: 0; } .feed-list li, .feed-list-inline li { list-style-type: none; margin: 0; padding: 0; } .feed-list .feed-link { padding-left: 22px; background-image: url(/universal/images/xml/feed-icon-16x16-orange.png); background-repeat: no-repeat; background-position: center left; } .feed-list-inline .feed-link { padding-left: 16px; background-image: url(/universal/images/xml/feed-icon-12x12-orange.png); background-repeat: no-repeat; background-position: center left; } /* --- social links ---------------------------------------------------------------------------- */ .social-link-list-pt li { display: block; } .social-link-list-pt li a.icon-link { padding: 2px 0px 2px 20px; background-repeat: no-repeat; background-position: center left; background-size: 16px;} /* --- social objects -------------------------------------------------------------------------- */ .twitter-update-wrapper .item-date, .digg-link-wrapper .item-date, .delicious-link-wrapper .item-date, .imported-rss-article-wrapper .item-date { display: block; } .flickr-image-wrapper { display: block; float: left; line-height: 1px; } /* --- social widgets ---------------------------------------------------------------------- */ /****** Twitter *******/ .twitter-wrapper { overflow: hidden; } .twitter-wrapper .twitter-item-slug a, .twitter-wrapper .twitter-nav-buttons a { text-decoration:none; } .twitter-wrapper a:active { outline:none; } /****** Twitter Footer - Follow Me Links *******/ #canvas .twitter-link a { display:block; -moz-border-radius:4px; -webkit-border-radius:4px; } .twitter-link img { float:left; width:16px; height:16px; margin-right:5px; } .twitter-link img.avatar { width:14px; height:14px; border:1px solid #fff; } /****** Twitter Widget Navigation *******/ .twitter-nav-buttons { clear:both; font-size:11px; line-height:1em; overflow:hidden; } .twitter-wrapper .twitter-nav-buttons a { padding:10px 0; } a.twitter-button-newer { display:block; float:left; } a.twitter-button-older { display:block; float:right; } /******** General *********/ .twitter-wrapper .primary, .twitter-wrapper .secondary .primary { overflow:hidden; } #canvas .twitter-wrapper.wrapper .twitter-date a, #canvas .twitter-wrapper.wrapper .twitter-date a:hover { display:block; } .twitter-avatar { float:left; margin:0 0.9em 0 0; height:34px; } .twitter-avatar img { width:30px; height:30px; border:2px solid #fff; } /******** Basic Preset **********/ .basic .twitter-username a { font-weight:bold; font-size:1.2em; } .basic .twitter-nav-buttons { padding:0 10px; margin:10px 0; -moz-border-radius:4px; -webkit-border-radius:4px; border:none; } /********* Bubble Preset ***********/ .bubble .twitter-content { padding:15px 15px 0; margin-bottom:15px; -moz-border-radius:2px; -webkit-border-radius:2px; } .bubble .twitter-item-bubble { margin-top:15px; } .bubble .twitter-item-bubble.highlight { margin-top:0; } .bubble .twitter-item-content-bubble { background:#fff; color:#111; padding:1em; -moz-border-radius:8px; -webkit-border-radius:8px; overflow: hidden; } .bubble .twitter-item-slug { background:url(/universal/images/social/bubble-stem.png) 22px top no-repeat; padding:22px 0 0; line-height:1.4em; } .bubble .twitter-nav-buttons { padding:0 10px; margin:10px 0; -moz-border-radius:4px; -webkit-border-radius:4px; border:none; } .bubble .twitter-content { padding:15px; margin-bottom:0; } /*********** Blocks Preset ***********/ .block .twitter-content { margin-bottom:15px; -moz-border-radius:2px; -webkit-border-radius:2px; } .block .twitter-item { margin:0; } .block .twitter-item-content { padding:1em; } .block .twitter-item-slug { padding:10px; line-height:1.4em; } .block .twitter-username a { font-weight:bold; } .block .twitter-nav-buttons { padding:0 10px; margin:10px 0; -moz-border-radius:4px; -webkit-border-radius:4px; border:none; } .block .twitter-content { margin-bottom:0; } /******** Chunk Preset **********/ .chunk .twitter-content { margin-bottom:15px; -moz-border-radius:4px; -webkit-border-radius:4px; } .chunk .twitter-header { padding:10px; } .chunk .twitter-avatar { height:44px; } .chunk .twitter-avatar img { width:40px; height:40px; } .chunk .twitter-name { font-weight:bold; font-size:15px; } .chunk .twitter-username a { font-size:11px; } .chunk .twitter-item { padding:10px; margin-top:1px; } .chunk .twitter-item.highlight { margin-top:0; } .chunk .twitter-nav-buttons a { padding:10px; } /******** Wrapper Preset ***********/ .wrapper .twitter-item { margin-bottom:10px; padding-bottom:15px; -moz-border-radius:4px; -webkit-border-radius:4px; } .wrapper .twitter-item-content { padding:1em; font-size:1.3em; line-height:1.6em; overflow:hidden; } .wrapper .twitter-item-slug { margin-right:15px; padding:10px; padding-left:15px; line-height:1.4em; } .wrapper .twitter-name a { font-weight:bold; font-size:1.2em; } .wrapper .twitter-nav-buttons { padding:0 10px; margin:10px 0; -moz-border-radius:4px; -webkit-border-radius:4px; } /*** Flickr ***/ /*** Grid Preset ***/ .flickr-wrapper ul.flickr-grid, .flickr-wrapper ul.flickr-grid li { margin:0; padding:0; line-height:0; list-style:none; } .flickr-wrapper { width:100%; } .flickr-content { width:100%; } .flickr-grid-wrapper { margin:0 auto; margin:0 auto; width:100%; } /****** Flickr Footer - Photostream Link *******/ #canvas .flickr-link a { display:block; -moz-border-radius:4px; -webkit-border-radius:4px; } .flickr-link img { float:left; width:16px; height:16px; margin-right:5px; } .flickr-link img.avatar { width:14px; height:14px; border:1px solid #fff; } /*** RSS Social ***/ .rss-wrapper a { display:block; } .rss-wrapper .rss-description span a { display:inline; } /*** Delicious ***/ .deli-wrapper-box { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .deli-date-box span { display:inline-block; line-height:normal; } .deli-tags-bubble a, .deli-tags-bubble-box a { display:inline-block; line-height:normal; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .deli-item-hang { position:relative; } .deli-date-hang { position: absolute; top: 0; left: 0; } #canvas .delicious-link a { display:block; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px; } .delicious-link img { float:left; height:16px; margin-right:5px; width:16px; } /*** Location ***/ .lw { overflow:hidden; border-radius: 6px; -moz-border-radius: 6px; } .lw-map { padding: 17px; } .lw-checkin { overflow: hidden; font-family: 'helvetica neue', lucida grande, arial, sans-serif; cursor: pointer; } .lw-checkin-infowin { overflow: hidden; font-family: 'helvetica neue', lucida grande, arial, sans-serif; cursor: pointer; } .lw-leftleft { float: left; width: 53px; padding-right: 17px; line-height: 1.2em; } .lw-left { float: left; width: 32px; padding-right: 17px; } .lw-venue-icon img { width: 32px; height: 32px; } .lw-right { width: 65px; margin-left: 17px; float: right; text-align: right; } .lw-main { margin-left: 49px; line-height: 1em; } .lw-main.ni { margin-left: 0; } .lw-main.dl { margin-left: 119px; } .lw-main.dl.ni { margin-left: 70px; } .lw-main.dr { margin-right: 82px; } .lw-main.dr.ni { margin-left: 0; } .lw-right .lw-date, .lw-leftleft .lw-date { display: inline-block; } .lw-date-infowin { display: inline-block; color: #999999; font-size: 9px; line-height: 1.5em; } #canvas .lw-slug a { display:block; -moz-border-radius:4px; -webkit-border-radius:4px; } .lw-slug img { float:left; width:16px; height:16px; margin-right:5px; } .lw-slug img.avatar { width:14px; height:14px; border:1px solid #fff; } #canvas .lw-venue-name a, #canvas .lw-venue-name a:hover { font-weight: 300; -webkit-font-smoothing: antialiased; } #canvas .lw-venue-name-infowin a, #canvas .lw-venue-name-infowin a:hover { font-weight: 300; -webkit-font-smoothing: antialiased; font-size: 14px; color: #333333; line-height: 1.2em; } /* --- navigation bar elements ----------------------------------------------------------------- */ .content-passthrough .amazon-item-list-pt li { margin-bottom: 10px; } .content-passthrough .amazon-item-list-pt .picture { float: none; margin: 0; margin-bottom: .5em; padding: 0; } .content-passthrough .amazon-item-list-pt .description { margin: 0; } .content-passthrough .amazon-item-list-pt .description .title { } .content-passthrough .amazon-item-list-pt .description .authors { display: inline; } .content-passthrough .amazon-item-list-pt .description .text { margin-top: .5em; } .content-passthrough .change-list-pt { margin: 0; } .content-passthrough .change-list-pt li { margin-bottom: .4em; } .content-passthrough .archive-item-list-pt { margin: 0; margin-bottom: 1em; } .content-passthrough .archive-item-list-pt li { margin-bottom: .4em; } .content-passthrough .link-group-list-pt { margin-bottom: .5em; } .content-passthrough .link-group-list-pt li .title { font-weight: bold; } .content-passthrough .link-group-list-pt li .description { } .content-passthrough .link-group-list-pt li ul { margin-bottom: 10px; } .content-passthrough .link-group-list-pt li ul li { margin-bottom: 2px; } .content-passthrough .link-group-list-pt li ul li .title { font-weight: normal; } .content-passthrough .link-group-list-pt li ul li .description { } .content-passthrough .search-form-pt { height: 1%; } .content-passthrough .search-form-pt .queryFieldWrapper { display: block; float: left; } .content-passthrough .search-form-pt .queryField { font-size: 10px; padding: 3px; } .content-passthrough .search-form-pt .queryButtonWrapper { display: block; float: left; padding-left: 10px; } .content-passthrough .search-form-pt .queryButton { } #sidebar1 .content-passthrough .search-form-pt .queryField { width: 106px; } #sidebar2 .content-passthrough .search-form-pt .queryField { width: 106px; } .content-passthrough table.search-form-table { width:100%; border-collapse: collapse; } .content-passthrough tr.search-form-row { vertical-align: middle; } .content-passthrough td.search-form-cell { } .content-passthrough td.queryFieldCell { } .content-passthrough td.queryButtonCell { width: 1%; white-space: nowrap; } .content-passthrough span.queryFieldWrapper { width: 100%; } .content-passthrough span.queryButtonWrapper { } .content-passthrough input.queryField, .content-passthrough input.queryButton { } .content-passthrough input.queryField { width: 100% !important; height: 2.5em; } .content-passthrough input.queryButton { width: auto; border: 0px; height: 2.5em; } .section ul { margin: 0; padding: 0; } .section ul li { list-style-type: none; margin: 0; padding: 0; } .inline-icon { height: 18px; width: 18px; color:#FFF; opacity: 1; margin-right: 8px; vertical-align:middle; margin-top:-5px; } .date-icon { background: transparent url(/universal/images/core-resources/icons/blk_ko_18/date.png) top left no-repeat; } .permalink-icon { background: transparent url(/universal/images/core-resources/icons/blk_ko_18/permalink.png) top left no-repeat; } .comment-icon { background: transparent url(/universal/images/core-resources/icons/blk_ko_18/comment.png) top left no-repeat; } .user-registered-icon { background: transparent url(/universal/images/core-resources/icons/blk_ko_18/user-registered.png) top left no-repeat; } .reference-icon { background: transparent url(/universal/images/core-resources/icons/blk_ko_18/reference.png) top left no-repeat; } .print-icon { background: transparent url(/universal/images/core-resources/icons/blk_ko_18/print.png) top left no-repeat; } .email-icon { background: transparent url(/universal/images/core-resources/icons/blk_ko_18/email.png) top left no-repeat; } .share-icon { background: transparent url(/universal/images/core-resources/icons/blk_ko_18/share.png) top left no-repeat; } .category-icon { background: transparent url(/universal/images/core-resources/icons/blk_ko_18/category.png) top left no-repeat; } .tag-icon { background: transparent url(/universal/images/core-resources/icons/blk_ko_18/category.png) top left no-repeat; } .social-link-controls .social-block-title { padding-bottom: 15px; font-family: Arial; letter-spacing: -1px; font-weight: bold; } .social-link-controls .social-block { height: 22px; width: 155px; float: left; display: block; } .social-link-controls { padding: 15px; height: 120px; border: 2px solid #ccc; font: 14px/16px Arial; background: #fefefe; color: #303030; text-align: left; } .social-link-controls-wrapper { display: block; opacity: 0; filter:alpha(opacity=0); width: 350px; position: absolute; overflow: hidden; } /* --- standard button definitions ---------------------------------------------------------- */ a.button { background: transparent url(/universal/images/button/button-a.png) no-repeat scroll top right; color: #151515 !important; display: block; float: left; font: 12px arial, sans-serif !important; height: 24px !important; line-height: 18px !important; margin-right: 6px !important; padding: 0 16px 0 0 !important; text-decoration: none !important; } a.important { font-weight: bold !important; } a.button span { background: transparent url(/universal/images/button/button-span.png) no-repeat; display: block; line-height: 14px !important; padding: 5px 0 5px 18px !important; } a.button:active { background-position: bottom right; color: #000; -moz-outline: 0; } a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px !important; } } /* --- post snippet definitions ---------------------------------------------------------- */ .journal-entry-tag-post-body-line1, .journal-entry-tag-post-body-line2, .journal-entry-tag-post-body-line3 { clear: both; } .post-snippet-1, .post-snippet-2, .post-snippet-3 { float: left; padding-right: 12px; } /* --- printer stylesheet definitions ---------------------------------------------------------- */ @media print { body { background: white; font-size: 12pt; width: 100%; } h1 { font-size: 24pt; margin-bottom: 0; padding-bottom: 0; } .h1subtitle { font-size: 9pt; font-weight: normal; margin-bottom: 25px; border-bottom: 1px solid #ccc; padding-bottom: 10px; text-decoration: none; } #pageFooter { font-size: 9pt; margin-top: 28px; border-top: 1px solid #ccc; padding-top: 8px; } body div { width: 92%; } img { border: 0px; } a:link, a:visited { color: #520; background: transparent; font-weight: bold; text-decoration: underline; } strong { color: #000; } #siteTitle a:link, #siteTitle a:visited { color: black; background: transparent; font-weight: bold; text-decoration: none; } .journal-navigation, .horizontalNavigationBar, #sidebar1Wrapper, #sidebar2Wrapper #sidebar, .notice-box, .inline-icon, .journal-entry-navigation { display: none; } } .notice-box{padding-right: 30px; padding-left: 30px; padding-top: 30px; padding-bottom: 30px; background-color: #F2F2F2;} #navigationBottom .horizontalNavigationBar .content-navigation{border-top: 1px solid inherit; border-bottom: 1px solid inherit; font-weight: -; font-style: -;} .h1subtitle{font-weight: -; font-style: -; color: #FF0000;} h3, .h3, .form-body .formCaption{font-size: 1.2em; font-weight: bold; color: #1E1E1E;} .deli-tags{font-size: 10px;} .rss-wrapper .rss-author{font-size: 10px;} .deli-date{font-size: 11px;} .verticalNavigationBar .section .folder{font-style: italic;} .discussion-table-row .replycount-cell{font-size: 26px;} #bannerWrapper{line-height: 0em;} h2{font-size: 1.6em; text-transform: uppercase; line-height: 1.3em; font-weight: normal; font-style: normal; margin-bottom: .5em; color: #002395;} .tagcloud-widget-wrapper a{line-height: 2em;} .rss-wrapper .rss-item{margin-bottom: 20px;} .verticalNavigationBar .section .active-module a{font-weight: bold; text-decoration: none; color: #000000;} .squarespace-slideshow .squarespace-slideshow-container{background-color: #000000;} .discussion-table-row .viewcount-cell{font-size: 16px;} .discussion-table-row .topic-cell .topic-author{font-size: 11px;} .post-data-chat .dialogue .line .speaker{line-height: 2em; font-weight: bold; padding-left: 8px; padding-bottom: 2px; margin-bottom: 5px; background-color: #E9E9E9;} .squarespace-slideshow .squarespace-slideshow-title{font-family: Helvetica; font-size: 16px; color: #FFFFFF;} .post-data-quote .source{padding-left: 15px;} .lw-location {font-size: 9px; color: #999999;} h1 a:visited, h1 a:link, h1 a:active{font-family: 'Josefin Sans', 'sans-serif'; font-size: 60px; text-transform: uppercase; line-height: 1em; font-weight: normal; font-style: normal; color: #002395;} .post-data-chat .dialogue .line{margin-bottom: 15px;} .lw-checkin.highlight{border-color: transparent;} #contentWrapper{font-weight: -; font-style: -; margin-bottom: 30px; background-color: #FFFFFF;} .lw-desc{font-size: 11px; color: #898989;} .deli-item-hang{border-bottom: 1px solid #DDDDDD; padding-left: 65px; padding-bottom: 10px; margin-bottom: 10px; border-color: #DDDDDD;} #pageHeader{margin-bottom: 60px;} .deli-date-hang{font-size: 11px;} .comment{border-bottom: 1px solid #E4E4E4; padding-right: 15px; padding-left: 15px; padding-top: 1px; padding-bottom: 15px; background-color: #F0F0F0; border-color: #E4E4E4;} .lw-location{font-size: 9px; color: #999999;} #pageFooterWrapper{border-top: 1px solid #E1E1E1; padding-top: 35px; padding-bottom: 40px; border-color: #E1E1E1;} .squarespace-slideshow .squarespace-slideshow-description{font-family: Helvetica; font-size: 10px; line-height: 1.2em; color: #FFFFFF;} .rss-wrapper{line-height: 1.5em;} blockquote{font-family: Georgia, 'Times New Roman', serif; font-size: 1.5em; border-left: 5px solid #F2F2F2; font-style: italic; padding-left: 30px; margin-right: 30px; margin-left: 30px; color: #A2A2A2; border-color: #F2F2F2;} .journal-entry-wrapper{margin-bottom: 70px;} input.text, textarea{border: 1px solid #D8D8D8; line-height: 1.5em; font-weight: normal; font-style: normal; padding-right: 5px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; border-color: #D8D8D8;} .discussion-table-row td{border-bottom: 1px solid #CCCCCC; padding-right: 2px; padding-left: 2px; padding-top: 2px; padding-bottom: 2px; border-color: #CCCCCC;} .journal-entry-tag-post-title{font-size: .8em; text-transform: uppercase;} #siteTitleWrapper{border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; font-weight: -; font-style: -; padding-top: 60px; padding-bottom: 60px; background-color: #FFFFFF; border-color: #D8D8D8;} .lw-date{font-size: 9px; line-height: 1.5em; color: #999999;} .slide-indicator-box{padding-top: 10px;} .slide-indicator-type-dotted a.slide-indicator.active{background-image: url(/universal/images/slideshow/selected.png);} .verticalNavigationBar .section .caption{font-size: 1.1em; border-bottom: 1px solid #D8D8D8; font-weight: bold; font-style: -; padding-bottom: 5px; margin-bottom: 5px; color: #F5822A; border-color: #D8D8D8;} body{font-family: 'Lucida Sans Unicode', 'Lucida Grande', Tahoma, sans-serif; font-size: 14px; line-height: 1.8em; font-weight: normal; margin-right: auto; margin-left: auto; background-color: #FFFFFF; color: #222222;} .slide-indicator-type-dotted a.slide-indicator{line-height: 20px; background-image: url(/universal/images/slideshow/unselected.png); background-position: center center; background-repeat: no-repeat; float: left;} #content p a{font-weight: bold; text-decoration: underline; color: #000000;} .deli-tags-box{font-size: 10px; margin-top: 3px; color: #1D2E68;} .rss-wrapper .rss-date{font-size: 10px;} .verticalNavigationBar .section .module a{line-height: 1.2em; font-weight: -; font-style: -; padding-left: 0px; padding-top: 5px; padding-bottom: 5px; color: #002395;} .lw-desc {font-size: 11px; color: #898989;} .tagcloud-widget-wrapper a:link, .tagcloud-widget-wrapper a:visited{line-height: 2em;} .lw-checkin{border-top: 1px solid #D5D5D5; padding-right: 20px; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; border-color: #D5D5D5;} .slide-indicator-type-paginated .slide-indicator-box a.slide-indicator{line-height: 20px; text-decoration: none; padding-right: 0.8em; padding-left: 0.8em; margin-right: 3px; margin-left: 3px; background-color: #CCCCCC; color: #000000; float: left;} #canvasWrapper{font-weight: -; font-style: -; margin-right: auto; margin-left: auto; background-color: #FFFFFF;} .rss-wrapper .rss-description{margin-right: 0px; margin-left: 0px; margin-top: 10px; margin-bottom: 10px;} .journal-entry .title a{color: #000000;} .discussion-table-row .topic-cell .topic-title{font-size: 14px;} .twitter-wrapper .primary, .twitter-wrapper .secondary .primary{line-height: 1.5em; background-color: #AECADA; color: #333333;} .deli-wrapper-box{text-decoration: none; padding-right: 20px; padding-left: 20px; padding-top: 20px; padding-bottom: 10px; background-color: #2865C0;} .squarespace-slideshow .ffwd{background-image: url(/universal/images/slideshow/next-button.png); background-position: 50% 50%; background-repeat: no-repeat;} .post-data-quote .quote{font-size: 1.4em;} a:link, a:visited, a:active{font-size: 10px; font-weight: -; font-style: -; text-decoration: none; color: #002395;} .deli-item{border-bottom: 1px solid #DDDDDD; padding-bottom: 15px; margin-bottom: 15px; border-color: #DDDDDD;} .twitter-wrapper .twitter-item-basic, .twitter-wrapper .twitter-item-basic{line-height: 1.5em; margin-bottom: 1em;} .deli-item-box{border-bottom: 1px solid #1855b0; text-decoration: none; padding-bottom: 15px; margin-bottom: 15px; border-color: #1855b0;} .lw-day-bar{font-size: 10px; padding-right: 20px; padding-left: 20px; padding-top: 8px; padding-bottom: 8px; background-color: #333333; color: #FFFFFF;} input.button, input.button[disabled]{padding-right: 12px; padding-left: 12px; padding-top: 10px; padding-bottom: 10px; background-color: #000000; color: #FFFFFF;} .rss-wrapper .rss-source{font-size: 10px;} .tagcloud-page-wrapper a{line-height: 2em;} .horizontalNavigationBar .module.active-module a{text-transform: uppercase; font-weight: bold; font-style: normal; text-decoration: overline; background-color: #FFFFFF; color: #000000;} .verticalNavigationBar .section .folder .module a{padding-left: 20px;} .deli-tags-bubble a{font-size: 9px; text-decoration: none; padding-right: 0.9em; padding-left: 0.9em; padding-top: 0.2em; padding-bottom: 0.25em; margin-right: 4px; margin-left: 0px; margin-top: 0px; margin-bottom: 3px; background-color: #000000; color: #EEEEEE;} .discussion-table-row .topic-cell{padding-right: 0px; padding-left: 0px; padding-top: 7px; padding-bottom: 5px;} .deli-desc-box{color: #68A5FF;} #navigationBottom .horizontalNavigationBar{border-bottom: 1px solid #D8D8D8; font-weight: -; font-style: -; border-color: #D8D8D8;} .journal-entry-tag-pre-title{font-size: .9em; font-weight: normal; font-style: normal; margin-bottom: .5em;} .discussion-table-header td{font-size: 12px; border-bottom: 1px solid #CCCCCC; font-weight: bold; padding-right: 2px; padding-left: 2px; padding-top: 2px; padding-bottom: 2px; border-color: #CCCCCC;} .horizontalNavigationBar .folder{border: 1px dotted #000000; font-weight: -; font-style: -; background-color: #4B4BD2; border-color: #000000;} .horizontalNavigationBar .module a{font-weight: -; font-style: -; padding-right: 15px; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; background-color: #FFFFFF; color: #F5822A;} .squarespace-slideshow .frwd{background-image: url(/universal/images/slideshow/previous-button.png); background-position: 50% 50%; background-repeat: no-repeat;} .verticalNavigationBar .section{font-size: .85em; margin-bottom: 30px;} .twitter-wrapper .secondary, .twitter-wrapper .twitter-item .secondary{background-color: #000000; color: #FFFFFF;} .lw-date {font-size: 9px; line-height: 1.5em; color: #999999;} .lw{padding-top: 10px; padding-bottom: 10px; background-color: #EEEEEE;} #pageFooter{font-size: .85em; color: #737373;} .journal-entry-tag-post-body{font-size: .8em; border-top: 1px solid #E5E5E5; text-transform: uppercase; padding-top: 10px; border-color: #E5E5E5;} .deli-date-box-span{font-size: 9px; margin-right: 4px; margin-left: 0px; margin-top: 0px; margin-bottom: 5px; color: #EEEEEE;} .lw-map{padding-right: 17px; padding-left: 17px; padding-top: 17px; padding-bottom: 17px;} .post-data-link a{font-weight: bold; font-style: italic; text-decoration: underline;} .discussion-table-row .updated-cell{font-size: 10px;} #pageBody .twitter-date a, #pageBody .twitter-date a:hover{font-size: 10px;} .deli-title-box a, .deli-title-box a:hover{font-size: 1.2em; color: #fff;} .twitter-wrapper .twitter-link a, .twitter-wrapper .twitter-link a:hover{font-size: 11px; line-height: 1.4em; text-decoration: none; padding-right: 5px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; margin-top: 5px; background-color: #E7E7E7; color: #555555;} .verticalNavigationBar .section .module a:hover{font-weight: -; font-style: -; color: #2BB1E2;} .lw-slug a, .lw-slug a:hover{font-size: 11px; line-height: 1.4em; text-decoration: none; padding-right: 5px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; margin-top: 10px; background-color: #E7E7E7; color: #555555;} .twitter-wrapper.preset .twitter-item-content a, .twitter-wrapper.preset .twitter-item-content a:hover{text-decoration: none; background-color: transparent; color: #FFFFFF;} input.button:focus, input.button:hover{background-color: #4D4D4D;} #content p a:hover{text-decoration: none;} .deli-tags-box a, .deli-tags-box a:hover{color: #243A84;} #canvas .flickr-link a, #canvas .flickr-link a:hover{font-size: 12px; line-height: 16px; padding-right: 5px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; margin-top: 10px; background-color: #E7E7E7; color: #444;} .rss-wrapper .rss-title a, .rss-wrapper .rss-title a:hover{font-size: 14px; font-weight: bold;} .deli-url, .deli-url a:hover{font-size: 10px;} .rss-wrapper .rss-read-more a, .rss-wrapper .rss-read-more a:hover{font-size: 10px;} .slide-indicator-type-paginated .slide-indicator-box a.slide-indicator.active, .squarespace-slideshow-indicator-wrapper.slide-indicator-type-paginated .slide-indicator-box a.slide-indicator.active:hover{background-color: #999999; color: #000000;} #canvas .lw-venue-name a, #canvas .lw-venue-name a:hover{font-size: 16px; line-height: 1.2em; color: #333333;} .delicious-link a, .delicious-link a:hover{font-size: 12px; line-height: 16px; padding-right: 5px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; margin-top: 10px; background-color: #E7E7E7; color: #444444;} .twitter-wrapper .twitter-item-bubble .twitter-item-content-bubble a, .twitter-wrapper .twitter-item-bubble .twitter-item-content-bubble a:hover{background-color: transparent; color: #6296AC;} .deli-title a, .deli-title a:hover{font-size: 1.2em;} .twitter-wrapper .secondary a, .twitter-wrapper .secondary a:hover{text-decoration: none; background-color: transparent; color: #FFFFFF;} .deli-url-box a, .deli-url-box a:hover{font-size: 10px; color: #FFFFFF;} .deli-tags-bubble a:hover{text-decoration: none; background-color: #434343; color: #FFFFFF;} .horizontalNavigationBar .module a:hover{font-weight: -; font-style: -; background-color: #4B4BD2; color: #FFFFFF;} .slide-indicator-type-paginated .slide-indicator-box a.slide-indicator:hover{background-color: #D5D5D5; color: #000000;} .lw-checkin:hover{background-color: #F6F6F6;} a:hover{text-decoration: none; color: #000000;} .promotedContainer, #navigationTop { display: none; } #navigationBottom { display: block; } #canvasWrapper { width: 1024px; padding: 0 0px 0 0px; } #sidebar1Wrapper { display: block; float: left; width: 156px; padding: 0; } #sidebar2Wrapper { display: none; float: right; width: 156px; padding: 0; } #contentWrapper { float: right; width: 827px; } /* Template: Usonian Style: Great White Copyright: Squarespace Inc. All rights reserved. Usage: NOT FOR USE OUTSIDE THE SQUARESPACE PLATFORM */ /* JPC Core Styles Based On Template: Usonian Style: Great White Copyright: Squarespace Inc. All rights reserved. Usage: NOT FOR USE OUTSIDE THE SQUARESPACE PLATFORM */ /* Global Styles ------------------------------------------------------- */ /* Clear page body div */ #pageBody { overflow: hidden; } /* Ensures images and text areas fit content areas */ .full-image-block img, .full-image-inline img, .full-image-float-left img, .full-image-float-right img, textarea { max-width: 100%; } /* Standardizes all form button styles cross-browser */ input.button, input.button[disabled] { width: auto; border: 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition-property: background-color; -webkit-transition-property: background-color; } input.button:focus, input.button:hover { cursor: pointer; } /* Overrides system width on comment buttons */ #createPostButton, #previewPostButton { width: auto !important; } /* Makes contact form widget button full-width */ .widget-type-sendemailv2 .submit-button, .widget-type-sendemailv2 .submit-button[disabled] { width: 100%; } /* Ensures search buttons do not wrap in sidebar, search and faq (temporary) */ #sidebar1 .content-passthrough .search-form-pt .queryField, #sidebar2 .content-passthrough .search-form-pt .queryField { height: 2.2em; } #sidebar1 .content-passthrough .search-form-pt .queryButton, #sidebar2 .content-passthrough .search-form-pt .queryButton { height: 2.5em; width: 30px; padding: 0px !important; } #content .search-form .queryField { width: 717px; height: 1.8em; } /* search page input */ #content .search-form-inline .queryField { width: 767px; height: 2.2em; } /* faq page input */ /* Creates space between multiple widgets within the same section */ .widget-wrapper { margin-top: 0px; } /* removes margin on widget top */ .widget-wrapper + .widget-wrapper { margin-top: 20px; } /* adds margin to following widgets */ /* Template Specific Styles --------------------------------------------------- */ /* Layout */ /* makes header/footer/topMenuBars full-canvas-width */ #pageHeaderWrapper, #pageFooterWrapper { margin-left:-0px; width:1024px; } .horizontalNavigationBar, #pageFooter { padding-left:0px; padding-right:0px; width:1024px; } /* full width banner image */ #bannerWrapper { width:1024px; } /* adds padding to title area when banner is not in use */ #siteTitle, #siteSubtitle { padding-left:0px; } /* post type styles */ .post-data-link .title { margin-bottom:25px; } .post-data-link .title a { -moz-border-radius:8px; -webkit-border-radius:8px; } .post-data-link .title a:hover { opacity:.7; filter: alpha(opacity=70); } /* Sidebar */ /* makes sidebar links full-width, increases usability */ .section ul li a { display:block; } .section ul.archive-item-list-pt li a { display:inline; } /* hides folder icons */ .verticalNavigationBar .folder-closed a.folder-link, .verticalNavigationBar .folder-open a.folder-link { background-image:none; } /* second level folders (in sidebar menus) */ .verticalNavigationBar ul li ul li ul li a span { padding-left:2em; } /* Add your custom CSS below this line ------------------------------------------------------- */ #content a:link, #content a:visited, #content a:active { font-size: inherit ; } #canvasWrapper { padding-left: 1em; padding-right: 1em; } #content h2 ~ table th { text-align: left; padding: 0px 14px 0px 2px; } #content h2 ~ table td { padding: 0px 14px 0px 2px; } #content h2 ~ table tr.thead th , #content h2 ~ table tr th[colspan="3"] { padding-top: 15px; } ul#navigation {list-style:none;position:relative; z-index:2;top:1px;display:table;border-left:1px solid #f5ab36;} ul#navigation li {float:left;} ul#navigation li a {background:#ffd89b;color:#222;display:block;padding:6px 15px;text-decoration:none;border-right:1px solid #f5ab36;border-top:1px solid #f5ab36;border-right:1px solid #f5ab36;margin:0;} ul#navigation li a.selected {border-bottom:1px solid #fff;color:#344385;background:#fff;} .docCollnLinks { } .docCollnLinks a, a.docCollnLink { display: inline-block; vertical-align: center; text-overflow: clip; overflow: hidden; height: 128px; width: intrinsic; width: 128px; min-width: 96px; line-height: 242px; text-align: center; margin: 4px 10px; background: url("/storage/icons/application/txt-icon.png") no-repeat center 4px transparent padding-box ; position: relative; padding: 0px 0px; } .docCollnLinks.folders a, .docCollnLinks a.folder, a.docCollnLink.folder { width: fit-content; background-image: url("/storage/suppliers/logos/folder.jpeg") ; background-size: auto 96px; } .docCollnLinks.doublewidth a, .docCollnLinks a.folder.doublewidth, a.docCollnLink.doublewidth { width: 284px; } .docCollnLinks.folders.galleries a, a.docCollnLink.folder.gallery, .docCollnLinks a.folder.gallery { background-position: center top ; background-image: url("/storage/icons/Camera.png") ; } .docCollnLinks.folders.pdf a, .docCollnLinks a.folder.pdf, a.docCollnLink.folder.pdf { background-position: center top ; background-image: url("/storage/Icons/PDF-folder-icon.png") ; } .docCollnLinks.pdf a, .docCollnLinks a.pdf, a.docCollnLink.pdf { background-image: url("/storage/icons/application/pdf-icon.png") ; } .docCollnLinks.pdf_view a, .docCollnLinks a.pdf_view, a.docCollnLink.pdf_view { background-image: url("/storage/icons/view_pdf.jpg") ; } .docCollnLinks.folder a, .docCollnLinks a.folder, a.docCollnLink.folder { background-image: url("/storage/banners/none.jpg"),url("/storage/icons/icon_blue_edge.png") ; background-size: 82px auto, 96px auto; background-position: 50% 35px, 50% 4px; } .docCollnLinks.folder a img, .docCollnLinks a.folder img , a.docCollnLink.folder img { width: 82px; position: absolute ; left: 23px; top: 60px; } .docCollnLinks.folder.ascon a, .docCollnLinks a.folder.ascon, a.docCollnLink.folder.ascon { background-image: url("/storage/suppliers/icons/icon_ascon.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.austral a, .docCollnLinks a.folder.austral, a.docCollnLink.folder.austral { background-image: url("/storage/suppliers/icons/icon_austral.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.actioncoach a, .docCollnLinks a.folder.actioncoach, a.docCollnLink.folder.actioncoach { background-image: url("/storage/suppliers/icons/icon_actioncoach.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.agentsales a, .docCollnLinks a.folder.agentsales, a.docCollnLink.folder.agentsales { background-image: url("/storage/suppliers/icons/icon_agentsales.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.aquatight a, .docCollnLinks a.folder.aquatight, a.docCollnLink.folder.aquatight { background-image: url("/storage/suppliers/icons/icon_aquatight.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.aquaquip a, .docCollnLinks a.folder.aquaquip, a.docCollnLink.folder.aquaquip { background-image: url("/storage/suppliers/icons/icon_aquaquip.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.astral a, .docCollnLinks a.folder.astral, a.docCollnLink.folder.astral { background-image: url("/storage/suppliers/icons/icon_astral.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.ausgov a, .docCollnLinks a.folder.ausgov, a.docCollnLink.folder.ausgov { background-image: url("/storage/suppliers/icons/icon_ausgov.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.autopool a, .docCollnLinks a.folder.autopool, a.docCollnLink.folder.autopool { background-image: url("/storage/suppliers/icons/icon_autopool.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.bayside a, .docCollnLinks a.folder.bayside, a.docCollnLink.folder.bayside { background-image: url("/storage/logos/bayside_icon.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.bizinabox a, .docCollnLinks a.folder.bizinabox, a.docCollnLink.folder.bizinabox { background-image: url("/storage/suppliers/icons/icon_bizinabox.png"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.bunnings a, .docCollnLinks a.folder.bunnings, a.docCollnLink.folder.bunnings { background-image: url("/storage/suppliers/icons/icon_bunnings.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.business2sell a, .docCollnLinks a.folder.business2sell, a.docCollnLink.folder.business2sell { background-image: url("/storage/logos/icon_business2sell.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.cas a, .docCollnLinks a.folder.cas, a.docCollnLink.folder.cas { background-image: url("/storage/suppliers/icons/icon_cas.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.chadson a, .docCollnLinks a.folder.chadson, a.docCollnLink.folder.chadson { background-image: url("/storage/suppliers/icons/icon_chadson.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.clearchem a, .docCollnLinks a.folder.clearchem, a.docCollnLink.folder.clearchem { background-image: url("/storage/suppliers/icons/icon_clearchem.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.conference2022 a, .docCollnLinks a.folder.conference2022, a.docCollnLink.folder.conference2022 { background-image: url("/storage/logos/icon_conference2022.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.daisy a, .docCollnLinks a.folder.daisy, a.docCollnLink.folder.daisy { background-image: url("/storage/logos/daisy_icon.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.davey a, .docCollnLinks a.folder.davey, a.docCollnLink.folder.davey { background-image: url("/storage/suppliers/icons/icon_davey.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.elite a, .docCollnLinks a.folder.elite, a.docCollnLink.folder.elite { background-image: url("/storage/suppliers/icons/icon_elite.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.enviroswim a, .docCollnLinks a.folder.enviroswim, a.docCollnLink.folder.enviroswim { background-image: url("/storage/suppliers/icons/icon_enviroswim.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.evoheat a, .docCollnLinks a.folder.evoheat, a.docCollnLink.folder.evoheat { background-image: url("/storage/suppliers/icons/icon_evoheat.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.facebook a, .docCollnLinks a.folder.facebook, a.docCollnLink.folder.facebook { background-image: url("/storage/suppliers/icons/icon_facebook.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.fca a, .docCollnLinks a.folder.fca, a.docCollnLink.folder.fca { background-image: url("/storage/suppliers/icons/icon_fca.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.fluidra a, .docCollnLinks a.folder.fluidra, a.docCollnLink.folder.fluidra { background-image: url("/storage/suppliers/icons/icon_fluidra.png"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.fri a, .docCollnLinks a.folder.fri, a.docCollnLink.folder.fri { background-image: url("/storage/suppliers/icons/icon_fri.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.gocardless a, .docCollnLinks a.folder.gocardless, a.docCollnLink.folder.gocardless { background-image: url("/storage/suppliers/icons/icon_gocardless.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.googledrive a, .docCollnLinks a.folder.googledrive, a.docCollnLink.folder.googledrive { background-image: url("/storage/suppliers/icons/icon_googledrive.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.googlereviews a, .docCollnLinks a.folder.googlereviews, a.docCollnLink.folder.googlereviews { background-image: url("/storage/suppliers/icons/icon_googlereviews.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.googlemybusiness a, .docCollnLinks a.folder.googlemybusiness, a.docCollnLink.folder.googlemybusiness { background-image: url("/storage/logos/icon_googlemybusiness.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.hayward a, .docCollnLinks a.folder.hayward, a.docCollnLink.folder.hayward { background-image: url("/storage/suppliers/icons/icon_hayward.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.hpm a, .docCollnLinks a.folder.hpm, a.docCollnLink.folder.hpm, { background-image: url("/storage/suppliers/icons/icon_hpm.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.infusionsoft a, .docCollnLinks a.folder.infusionsoft, a.docCollnLink.folder.infusionsoft { background-image: url("/storage/suppliers/icons/icon_jimfusionsoft.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.insnrg a, .docCollnLinks a.folder.insnrg, a.docCollnLink.folder.insnrg { background-image: url("/storage/suppliers/icons/icon_insnrg.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.instagram a, .docCollnLinks a.folder.instagram, a.docCollnLink.folder.instagram { background-image: url("/storage/suppliers/icons/icon_instagram.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.iq a, .docCollnLinks a.folder.iq, a.docCollnLink.folder.iq { background-image: url("/storage/suppliers/icons/icon_iq.png"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.irl a, .docCollnLinks a.folder.irl, a.docCollnLink.folder.irl { background-image: url("/storage/suppliers/icons/icon_irl.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.jimfusionsoft a, .docCollnLinks a.folder.jimfusionsoft, a.docCollnLink.folder.jimfusionsoft { background-image: url("/storage/suppliers/icons/icon_jimfusionsoft.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.jimsfinance a, .docCollnLinks a.folder.jimsfinance, a.docCollnLink.folder.jimsfinance { background-image: url("/storage/suppliers/icons/icon_jimsfinance.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.jimsinsurance a, .docCollnLinks a.folder.jimsinsurance, a.docCollnLink.folder.jimsinsurance { background-image: url("/storage/suppliers/icons/icon_jimsinsurance.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.jpc a, .docCollnLinks a.folder.jpc, a.docCollnLink.folder.jpc { background-image: url("/storage/suppliers/icons/icon_jimspoolcare1.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.jimspoolcare a, .docCollnLinks a.folder.jimspoolcare, a.docCollnLink.folder.jimspoolcare { background-image: url("/storage/suppliers/icons/icon_jimspoolcare1.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.jimspoolcare1 a, .docCollnLinks a.folder.jimspoolcare1, a.docCollnLink.folder.jimspoolcare1 { background-image: url("/storage/suppliers/icons/icon_jimspoolcare1.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.jimsgroup a, .docCollnLinks a.folder.jimsgroup, a.docCollnLink.folder.jimsgroup { background-image: url("/storage/suppliers/icons/icon_jimsgroup.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.jimspoolcare3 a, .docCollnLinks a.folder.jimspoolcare3, a.docCollnLink.folder.jimspoolcare3 { background-image: url("/storage/suppliers/icons/icon_jimspoolcare3.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.jimspayplan a, .docCollnLinks a.folder.jimspayplan, a.docCollnLink.folder.jimspayplan { background-image: url("/storage/suppliers/icons/icon_jimspayplan.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.jonathondoyle a, .docCollnLinks a.folder.jonathondoyle, a.docCollnLink.folder.jonathondoyle { background-image: url("/storage/suppliers/icons/icon_jonathondoyle.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.kreepy a, .docCollnLinks a.folder.kreepy, a.docCollnLink.folder.kreepy { background-image: url("/storage/suppliers/icons/icon_kreepy.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.lamotte a, .docCollnLinks a.folder.lamotte, a.docCollnLink.folder.lamotte { background-image: url("/storage/suppliers/icons/icon_lamotte.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.lincoln a, .docCollnLinks a.folder.lincoln, a.docCollnLink.folder.lincoln { background-image: url("/storage/suppliers/icons/icon_lincoln.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.lochlor a, .docCollnLinks a.folder.lochlor, a.docCollnLink.folder.lochlor { background-image: url("/storage/suppliers/icons/icon_lochlor.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.lod a, .docCollnLinks a.folder.lod, a.docCollnLink.folder.lod { background-image: url("/storage/suppliers/icons/icon_lod.png"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.microsoft365 a, .docCollnLinks a.folder.microsoft365, a.docCollnLink.folder.microsoft365 { background-image: url("/storage/suppliers/icons/icon_microsoft365.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.naked a, .docCollnLinks a.folder.naked, a.docCollnLink.folder.naked { background-image: url("/storage/suppliers/icons/icon_naked.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.pinch a, .docCollnLinks a.folder.pinch, a.docCollnLink.folder.pinch { background-image: url("/storage/suppliers/icons/icon_pinch.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.poolcontrols a, .docCollnLinks a.folder.poolcontrols, a.docCollnLink.folder.poolcontrols { background-image: url("/storage/suppliers/icons/icon_poolcontrols.png"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.pool-ranger a, .docCollnLinks a.folder.pool-ranger, a.docCollnLink.folder.pool-ranger { background-image: url("/storage/suppliers/icons/icon_pool-ranger.png"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.proactive a, .docCollnLinks a.folder.proactive, a.docCollnLink.folder.proactive { background-image: url("/storage/suppliers/icons/icon_jpcproactive.png"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.productreviews a, .docCollnLinks a.folder.productreviews, a.docCollnLink.folder.productreviews { background-image: url("/storage/suppliers/icons/icon_productreviews.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.protrade a, .docCollnLinks a.folder.protrade, a.docCollnLink.folder.protrade { background-image: url("/storage/suppliers/icons/icon_protrade.png"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.ai a, .docCollnLinks a.folder.ai, a.docCollnLink.folder.ai { background-image: url("/storage/icons/ai-search-icon.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.raiven a, .docCollnLinks a.folder.raiven, a.docCollnLink.folder.raiven { background-image: url("/storage/suppliers/icons/icon_raiven.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.reece a, .docCollnLinks a.folder.reece, a.docCollnLink.folder.reece { background-image: url("/storage/suppliers/icons/icon_reece.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.franchise-sales a, .docCollnLinks a.folder.franchise-sales, a.docCollnLink.folder.franchise-sales { background-image: url("/storage/suppliers/icons/icon_jpcsales.png"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.fsor-docs a, .docCollnLinks a.folder.fsor-docs, a.docCollnLink.folder.fsor-docs { background-image: url("/storage/suppliers/icons/icon_jpcdocs.png"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.artwork a, .docCollnLinks a.folder.artwork, a.docCollnLink.folder.artwork { background-image: url("/storage/suppliers/icons/icon_jpcartwork.png"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.franchisee-setup a, .docCollnLinks a.folder.franchisee-setup, a.docCollnLink.folder.franchisee-setup { background-image: url("/storage/suppliers/icons/icon_jpcsetup.png"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.franchisee-forms a, .docCollnLinks a.folder.franchisee-forms, a.docCollnLink.folder.franchisee-forms { background-image: url("/storage/suppliers/icons/icon_jpcforms.png"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.sigma a, .docCollnLinks a.folder.sigma, a.docCollnLink.folder.sigma { background-image: url("/storage/suppliers/icons/icon_sigma.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.seekbusiness a, .docCollnLinks a.folder.seekbusiness, a.docCollnLink.folder.seekbusiness { background-image: url("/storage/suppliers/icons/icon_seekbusiness.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.sovereign a, .docCollnLinks a.folder.sovereign, a.docCollnLink.folder.sovereign { background-image: url("/storage/suppliers/icons/icon_sovereign.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.spasa a, .docCollnLinks a.folder.spasa, a.docCollnLink.folder.spasa { background-image: url("/storage/suppliers/icons/icon_spasa.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.spacraft a, .docCollnLinks a.folder.spacraft, a.docCollnLink.folder.spacraft { background-image: url("/storage/suppliers/icons/icon_spacraft.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.spaelectrics a, .docCollnLinks a.folder.spaelectrics, a.docCollnLink.folder.spaelectrics { background-image: url("/storage/suppliers/icons/icon_spaelectrics.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.spatex a, .docCollnLinks a.folder.spatex, a.docCollnLink.folder.spatex { background-image: url("/storage/suppliers/icons/icon_spatex.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.square a, .docCollnLinks a.folder.square, a.docCollnLink.folder.square { background-image: url("/storage/suppliers/icons/icon_square.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.stripe a, .docCollnLinks a.folder.stripe, a.docCollnLink.folder.stripe { background-image: url("/storage/suppliers/icons/icon_stripe.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.theacousticbox a, .docCollnLinks a.folder.theacousticbox, a.docCollnLink.folder.theacousticbox { background-image: url("/storage/suppliers/icons/icon_theacousticbox.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.theralux a, .docCollnLinks a.folder.theralux, a.docCollnLink.folder.theralux { background-image: url("/storage/suppliers/icons/icon_theralux.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.thryv a, .docCollnLinks a.folder.thryv, a.docCollnLink.folder.thryv { background-image: url("/storage/suppliers/icons/icon_thryv.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.timboreid a, .docCollnLinks a.folder.timboreid, a.docCollnLink.folder.timboreid { background-image: url("/storage/suppliers/icons/icon_timboreid.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.tiktok a, .docCollnLinks a.folder.tiktok, a.docCollnLink.folder.tiktok { background-image: url("/storage/suppliers/icons/icon_tiktok.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.linkedin a, .docCollnLinks a.folder.linkedin, a.docCollnLink.folder.linkedin { background-image: url("/storage/suppliers/icons/icon_linkedin.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.tonymeredith a, .docCollnLinks a.folder.tonymeredith, a.docCollnLink.folder.tonymeredith { background-image: url("/storage/suppliers/icons/icon_tonymeredith.jpg"), url("/storage/icons/icon_orange_edge.png") ; } .docCollnLinks.folder.videos a, .docCollnLinks a.folder.videos, a.docCollnLink.folder.videos { background-image: url("/storage/suppliers/icons/icon_videos.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.vimeo a, .docCollnLinks a.folder.vimeo, a.docCollnLink.folder.vimeo { background-image: url("/storage/suppliers/icons/icon_vimeo.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.waterco a, .docCollnLinks a.folder.waterco, a.docCollnLink.folder.waterco { background-image: url("/storage/suppliers/icons/icon_waterco.png"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.youtube a, .docCollnLinks a.folder.youtube, a.docCollnLink.folder.youtube { background-image: url("/storage/suppliers/icons/icon_youtube.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.zoom a, .docCollnLinks a.folder.zoom, a.docCollnLink.folder.zoom { background-image: url("/storage/suppliers/icons/icon_zoom.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.xero a, .docCollnLinks a.folder.xero, a.docCollnLink.folder.xero { background-image: url("/storage/suppliers/icons/icon_xero.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.drive a, .docCollnLinks a.folder.drive, a.docCollnLink.folder.drive { background-image: url("/storage/icons/icon_drive.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.focus a, .docCollnLinks a.folder.focus, a.docCollnLink.folder.focus { background-image: url("/storage/suppliers/icons/icon_focus.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.e-learning a, .docCollnLinks a.folder.e-learning, a.docCollnLink.folder.e-learning { background-image: url("/storage/suppliers/icons/icon_jpcelearning.png"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.tutorials a, .docCollnLinks a.folder.tutorials, a.docCollnLink.folder.tutorials { background-image: url("/storage/suppliers/icons/icon_tutorials.png"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.madimack a, .docCollnLinks a.folder.madimack, a.docCollnLink.folder.madimack { background-image: url("/storage/suppliers/icons/icon_madimack.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.maytronics a, .docCollnLinks a.folder.maytronics, a.docCollnLink.folder.maytronics { background-image: url("/storage/suppliers/icons/icon_maytronics.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.newsletter a, .docCollnLinks a.folder.newsletter, a.docCollnLink.folder.newsletter { background-image: url("/storage/icons/icon_newsletter.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.construction a, .docCollnLinks a.folder.construction, a.docCollnLink.folder.construction { background-image: url("/storage/icons/icon_construction.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.social a, .docCollnLinks a.folder.social, a.docCollnLink.folder.social { background-image: url("/storage/suppliers/icons/icon_social.jpg"), url("/storage/icons/icon_lightblue_edge.png") ; } .docCollnLinks.folder.sunbather a, .docCollnLinks a.folder.sunbather, a.docCollnLink.folder.sunbather { background-image: url("/storage/suppliers/icons/icon_sunbather.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.pool-systems a, .docCollnLinks a.folder.pool-systems, a.docCollnLink.folder.pool-systems { background-image: url("/storage/suppliers/icons/icon_pool-systems.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.waterlink a, .docCollnLinks a.folder.waterlink, a.docCollnLink.folder.waterlink { background-image: url("/storage/suppliers/icons/icon_waterlink.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.folder.waterlinkH a, .docCollnLinks a.folder.waterlinkH, a.docCollnLink.folder.waterlinkH { background-image: url("/storage/suppliers/icons/icon_waterlink.jpg"), url("/storage/icons/folder_blue.jpg") ; } .docCollnLinks.folder.zodiac a, .docCollnLinks a.folder.zodiac, a.docCollnLink.folder.zodiac { background-image: url("/storage/suppliers/icons/icon_zodiac.jpg"), url("/storage/icons/icon_blue_edge.png") ; } .docCollnLinks.as-is a, .docCollnLinks a.as-is, a.docCollnLink.as-is { background: none; } .docCollnLinks.as-is a img, .docCollnLinks a.as-is img, a.docCollnLink.as-is img { width: 96px; max-width: 96px; position: absolute ; top: 0%; margin-left: auto; margin-right: auto; left: 0; right: 0; } .docCollnLinks.website a, .docCollnLinks a.website, a.docCollnLink.website { background-image: url("/storage/icons/web.jpg") ; } .docCollnLinks.doc a, .docCollnLinks a.doc, a.docCollnLink.doc { background-image: url("/storage/icons/application/word-doc-icon.png") ; } .docCollnLinks.doc_view a, .docCollnLinks a.doc_view, a.docCollnLink.doc_view { background-image: url("/storage/icons/view_doc.jpg") ; } .docCollnLinks.xls a, .docCollnLinks a.xls, a.docCollnLink.xls { background-image: url("/storage/icons/application/excel-xls-icon.png") ; } .docCollnLinks.xls_view a, .docCollnLinks a.xls_view, a.docCollnLink.xls_view { background-image: url("/storage/icons/view_xls.jpg") ; } .docCollnLinks.ppt a, .docCollnLinks a.ppt, a.docCollnLink.ppt { background-image: url("/storage/icons/application/ppt-icon.png") ; } .docCollnLinks.ppt_view a, .docCollnLinks a.ppt_view, a.docCollnLink.ppt_view { background-image: url("/storage/icons/view_ppt.jpg") ; } .docCollnLinks.txt_view a, .docCollnLinks a.txt_view, a.docCollnLink.txt_view { background-image: url("/storage/icons/view_txt.jpg") ; } .docCollnLinks.jims a, .docCollnLinks a.jims, a.docCollnLink.jims { background-image: url("/storage/icons/jims.jpeg") ; } .docCollnLinks.zip a, .docCollnLinks a.zip, a.docCollnLink.zip { background-image: url("/storage/icons/application/zip-icon.png") ; } .button { background-position: center top ; background-img : url("/storage/Icon_thumbnails/Newsletters_thumb.jpg"); } .docCollnLinks.portal a, .docCollnLinks a.portal, a.docCollnLink.portal { background-image: url("/storage/icons/portal.jpg") ; } .docCollnLinks.discount a, .docCollnLinks a.discount, a.docCollnLink.discount { background-image: url("/storage/icons/discount.jpg") ; } .docCollnLinks.contacts a, .docCollnLinks a.contacts, a.docCollnLink.contacts { background-image: url("/storage/icons/icon_contacts.jpg") ; } .docCollnLinks.pricebook a, .docCollnLinks a.pricebook, a.docCollnLink.pricebook { background-image: url("/storage/icons/pricebook.jpg") ; } .docCollnLinks.photos a, .docCollnLinks a.photos, a.docCollnLink.photos { background-image: url("/storage/icons/Camera.jpeg") ; } .docCollnLinks.location a, .docCollnLinks a.location, a.docCollnLink.location { background-image: url("/storage/icons/location.jpg") ; } .docCollnLinks.google a, .docCollnLinks a.google, a.docCollnLink.google { background-image: url("/storage/icons/googlebanner.jpg") ; } .docCollnLinks.link a, .docCollnLinks a.link, a.docCollnLink.link { background-image: url("/storage/icons/link.jpg") ; } .docCollnLinks.email a, .docCollnLinks a.email, a.docCollnLink.email { background-image: url("/storage/icons/email.jpg") ; } .BlogTopic .troubleshooting { background: url(/storage/images/image149.jpeg) no-repeat top left 24px; } .BlogTopic h4 , .Announcement h4 { text-indent: 0; } .EmailContent { background-color: rgb(249, 251, 255); } .EmailContent , .Announcement { border: 1px solid #f0f0f0 ; box-shadow: 5px 8px 8px #a0a0a0; padding: 1em; margin: 1em 1em; /* border-radius: 6px; */ background-size: 18%; background-repeat: no-repeat; background-position: top right ; } .EmailContent h4 , .Announcement h4 { color: black; font-size: 130%; } .ai { background-image: url("/storage/icons/ai-search-icon.jpg") ; } .ascon { background-image: url("/storage/suppliers/icons/icon_ascon.jpg") ; } .ausgov { background-image: url("/storage/suppliers/icons/icon_ausgov.jpg") ; } .actioncoach { background-image: url("/storage/suppliers/icons/icon_actioncoach.jpg") ; } .agentsales { background-image: url("/storage/suppliers/icons/icon_agentsales.jpg") ; } .astral { background-image: url("/storage/suppliers/icons/icon_astral.jpg") ; } .aquatight { background-image: url("/storage/suppliers/icons/icon_aquatight.jpg") ; } .aquaquip { background-image: url("/storage/suppliers/icons/icon_aquaquip.jpg") ; } .austral { background-image: url("/storage/suppliers/icons/icon_austral.jpg") ; } .autopool { background-image: url("/storage/suppliers/icons/icon_autopool.jpg") ; } .bunnings { background-image: url("/storage/suppliers/icons/icon_bunnings.jpg") ; } .bizinabox { background-image: url("/storage/suppliers/icons/icon_bizinabox.png") ; } .business2sell { background-image: url("/storage/suppliers/icons/icon_business2sell.jpg") ; } .cas { background-image: url("/storage/suppliers/icons/icon_cas.jpg") ; } .chadson { background-image: url("/storage/suppliers/icons/icon_chadson.jpg") ; } .clearchem { background-image: url("/storage/suppliers/icons/icon_clearchem.jpg") ; } .conference2022 { background-image: url("/storage/suppliers/icons/icon_conference2022.jpg") ; } .daisy { background-image: url("/storage/suppliers/icons/icon_daisy.jpg") ; } .davey { background-image: url("/storage/suppliers/icons/icon_davey.jpg") ; } .gocardless { background-image: url("/storage/suppliers/icons/icon_gocardless.jpg") ; } .e-learning { background-image: url("/storage/suppliers/icons/icon_jpcelearning.png") ; } .tutorials { background-image: url("/storage/suppliers/icons/icon_tutorials.png") ; } .elite { background-image: url("/storage/suppliers/icons/icon_elite.jpg") ; } .enviroswim { background-image: url("/storage/suppliers/icons/icon_enviroswim.jpg") ; } .evoheat { background-image: url("/storage/suppliers/icons/icon_evoheat.jpg") ; } .facebook { background-image: url("/storage/suppliers/icons/icon_facebook.jpg") ; } .fca { background-image: url("/storage/suppliers/icons/icon_fca.jpg") ; } .focus { background-image: url("/storage/suppliers/icons/icon_focus.jpg") ; } .fluidra { background-image: url("/storage/suppliers/icons/icon_fluidra.png") ; } .fri { background-image: url("/storage/suppliers/icons/icon_fri.jpg") ; } googledrive { background-image: url("/storage/suppliers/icons/icon_googledrive.jpg") ; } .googlemybusiness { background-image: url("/storage/suppliers/icons/icon_googlemybusiness.jpg") ; } googlereviews { background-image: url("/storage/suppliers/icons/icon_googlereviews.jpg") ; } .hayward { background-image: url("/storage/suppliers/icons/icon_hayward.jpg") ; } .hpm { background-image: url("/storage/suppliers/icons/icon_hpm.jpg") ; } .instagram { background-image: url("/storage/suppliers/icons/icon_instagram.jpg") ; } .insnrg { background-image: url("/storage/suppliers/icons/icon_insnrg.jpg") ; } .iq { background-image: url("/storage/suppliers/icons/icon_iq.png") ; } .irl { background-image: url("/storage/suppliers/icons/icon_irl.jpg") ; } .jimfusionsoft { background-image: url("/storage/suppliers/icons/icon_jimfusionsoft.jpg") ; } .jimsfinance { background-image: url("/storage/suppliers/icons/icon_jimsfinance.jpg") ; } .jimsinsurance { background-image: url("/storage/suppliers/icons/icon_jimsinsurance.jpg") ; } .jimspoolcare { background-image: url("/storage/suppliers/icons/icon_jimspoolcare1.jpg") ;} .jimsgroup { background-image: url("/storage/suppliers/icons/icon_jimsgroup.jpg") ;} .jimspayplan { background-image: url("/storage/suppliers/icons/icon_jimspayplan.jpg") ;} .jonathondoyle { background-image: url("/storage/suppliers/icons/icon_jonathondoyle.jpg") ;} .lamotte { background-image: url("/storage/suppliers/icons/icon_lamotte.jpg") ; } .lincoln { background-image: url("/storage/suppliers/icons/icon_lincoln.jpg") ; } .lochlor { background-image: url("/storage/suppliers/icons/icon_lochlor.jpg") ; } .lod { background-image: url("/storage/suppliers/icons/icon_lod.png") ; } .kreepy { background-image: url("/storage/suppliers/icons/icon_kreepy.jpg") ; } .madimack { background-image: url("/storage/suppliers/icons/icon_madimack.jpg") ; } .microsoft365 { background-image: url("/storage/suppliers/icons/icon_microsoft365.jpg") ; } .maytronics { background-image: url("/storage/suppliers/icons/icon_maytronics.jpg") ; } .pinch { background-image: url("/storage/suppliers/icons/icon_pinch.jpg") ; } .proactive { background-image: url("/storage/suppliers/icons/icon_jpcproactive.png") ; } .productreviews { background-image: url("/storage/suppliers/icons/icon_productreviews.jpg") ; } .poolcontrols { background-image: url("/storage/suppliers/icons/icon_poolcontrols.png") ; } .pool-systems { background-image: url("/storage/suppliers/icons/icon_pool-systems.jpg") ; } .protrade { background-image: url("/storage/suppliers/icons/icon_protrade.jpg") ; } .raiven { background-image: url("/storage/suppliers/icons/icon_raiven.jpg") ; } .reece { background-image: url("/storage/suppliers/icons/icon_reece.jpg") ; } .reecemax { background-image: url("/storage/suppliers/icons/icon_reecemax.jpg") ; } .seekbusiness { background-image: url("/storage/suppliers/icons/icon_seekbusiness.jpg") ; } .spacraft { background-image: url("/storage/suppliers/icons/icon_spacraft.jpg") ; } .stripe { background-image: url("/storage/suppliers/icons/icon_stripe.jpg") ; } .square { background-image: url("/storage/suppliers/icons/icon_square.jpg") ; } .franchise-sales { background-image: url("/storage/suppliers/icons/icon_jpcsales.png") ; } .franchisee-setup { background-image: url("/storage/suppliers/icons/icon_jpcsetup.png") ; } .fsor-docs { background-image: url("/storage/suppliers/icons/icon_jpcdocs.png") ; } .artwork { background-image: url("/storage/suppliers/icons/icon_jpcartwork.png") ; } .sigma { background-image: url("/storage/suppliers/icons/icon_sigma.jpg") ; } .sovereign { background-image: url("/storage/suppliers/icons/icon_sovereign.jpg") ; } .spasa { background-image: url("/storage/suppliers/icons/icon_spasa.jpg") ; } .spaelectrics { background-image: url("/storage/suppliers/icons/icon_spaelectrics.jpg") ; } .spatex { background-image: url("/storage/suppliers/icons/icon_spatex.jpg") ; } .sunbather { background-image: url("/storage/suppliers/icons/icon_sunbather.jpg") ; } .theacousticbox { background-image: url("/storage/suppliers/icons/icon_theacousticbox.jpg") ; } .theralux { background-image: url("/storage/suppliers/icons/icon_theralux.jpg") ; } .thryv { background-image: url("/storage/suppliers/icons/icon_thryv.jpg") ; } .tiktok { background-image: url("/storage/suppliers/icons/icon_tiktok.jpg") ; } .linkedin { background-image: url("/storage/suppliers/icons/icon_linkedin.jpg") ; } .timboreid { background-image: url("/storage/suppliers/icons/icon_timboreid.jpg") ; } .tonymeredith { background-image: url("/storage/suppliers/icons/icon_tonymeredith.jpg") ; } .update { background-image: url("/storage/suppliers/icons/icon_update.jpg") ; } .youtube { background-image: url("/storage/suppliers/icons/icon_youtube.jpg") ; } .videos { background-image: url("/storage/suppliers/icons/icon_videos.jpg") ; } .vimeo { background-image: url("/storage/suppliers/icons/icon_vimeo.jpg") ; } .waterco { background-image: url("/storage/suppliers/icons/icon_waterco.png") ; } .xero { background-image: url("/storage/suppliers/icons/icon_xero.jpg") ; } .zodiac { background-image: url("/storage/suppliers/icons/icon_zodiac.jpg") ; } .zoom { background-image: url("/storage/suppliers/icons/icon_zoom.jpg") ; } .vxt { background-image: url("/storage/suppliers/icons/icon_vxt.jpg") ; } .SMSautoreply { background-image: url("/storage/suppliers/icons/icon_SMSautoreply.jpg") ; } .mightytext { background-image: url("/storage/suppliers/icons/icon_mightytext.jpg") ; } .iPhone { background-image: url("/storage/suppliers/icons/icon_iPhone.jpg") ; } .android { background-image: url("/storage/suppliers/icons/icon_android.jpg") ; } /* Calibre CSS stuff Simon Oct 20 2017 ------------------------------------------------------- */ body { margin-bottom: 0; margin-left: 5pt; margin-right: 5pt; margin-top: 0; padding-left: 0; padding-right: 0; font-size: 14px; font-family: "Tahoma", sans-serif; } h1, h2, h3, h4 { margin-top: 1em; } h1, h2, h3, h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid; font-family: "Tahoma"; clear: left; } h1 { color: #001489; font-size: 1.75em; font-weight: bold; line-height: 1.2; line-height: 1.2; margin-bottom: 1em; } h1 .subheading { color: #0022E6; font-size: 0.666em; font-style: italic; font-weight: bold; margin-left: 1.2em; line-height: 1.2; } h2 { color: #0022E6; font-size: 1.666em; font-weight: bold; line-height: 1.2; margin-bottom: 1ex; } h3 { color: #667DFF; font-size: 1.333em; font-weight: bold; line-height: 1.2; } h4 { color: #EF3340 ; font-size: 1.2em; font-style: italic; font-weight: bold; text-indent: 1.5em; } h5 { font-size: 1em; color: #0070C0; font-weight: bold; text-indent: 1.5em; } h6 { color: #1F497D;; font-size: 1em; font-weight: bold; text-indent: 1.5em; } h5 { margin-top: 1em; margin-bottom: 0; } h6 { margin-top: 1ex; margin-bottom: 0; } h7 { color: #0022E6 ; font-size: 2.666em; font-weight: bold; line-height: 1.2; margin-bottom: 1ex; } p { margin-left: 1.5em; line-height: 1.4; } img { } table { font-size: 1em; } table.centered { margin-left: auto; margin-right: auto; } table.data { page-break-inside: avoid; border-bottom-color: #00B0F0; border-bottom-style: solid; border-bottom-width: 1pt; border-collapse: collapse; border-left-color: #00B0F0; border-left-style: solid; border-left-width: 1pt; border-right-color: #00B0F0; border-right-style: solid; border-right-width: 1pt; border-spacing: 2px; border-top-color: #00B0F0; border-top-style: solid; border-top-width: 1pt; margin-left: 1.5em; margin-right: 1em; margin-bottom: 1em; } table.data.dual { border: none; } table.data tbody { vertical-align: middle; } table.data tr { vertical-align: inherit; } table.data th, table.data td { padding-bottom: 0.5ex; padding-left: 1.5em; padding-right: 1ex; padding-top: 1ex; text-align: left; border-color: #00B0F0; border-bottom-style: solid; border-bottom-width: 1pt; border-top-style: solid; border-top-width: 1pt; } table.data.dual th, table.data.dual td { border: solid 1pt #00B0F0; } table.data tr.header { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #00B0F0; } table.data th.col1 { border-right-style: solid; border-right-width: 1pt; } table.data th.currency, table.data td.currency { text-align: right; } table.data th.divider, table.data td.divider { border-top: none; border-bottom: none; border-left: solid 1pt #00B0F0; border-right: solid 1pt #00B0F0; width: 1em; } table.striped tr.odd { background-color: #F3F9FB; } table.striped tr.even { background-color: #DBEEF3; } table.data.striped th, table.data.striped td { border-top-width: 0; border-bottom-width: 0; } table.showcols td { border-right-style: solid; border-right-width: 1pt; } table.data tbody.centered td, table.data tbody.centered th { text-align: center; } table.numeric td { text-align: right; padding-right: 1em; } table.two-tone th { background-color: #F3F9FB; font-weight: bold; } table.data.no-borders, table.data.no-borders td, table.data.no-borders th { border: none; } table.centered { margin-left: auto; margin-right: auto; width: 80%; } small { font-size: 0.75em; margin-left: 1.5em; } p small { margin-left: 0; } .ul { text-decoration: underline; } samp, div.samp { color: #02006F; margin: auto; width: 80%; font-family: monospace; padding: 1em 0; } ul, ol { margin-left: 2em; } ul { list-style: square; } ol { list-style-type: decimal; } td ul, td ol { margin-left: 0; list-style: disc; } li { padding-bottom: 0.6em; } dl.tip { page-break-inside: avoid; border: 1px solid black; padding: 1em; margin: 0 1em; font-size: 1.666em; line-height: 1.2; } dl.tip dt { color: #00b0f0; font-weight: bold; text-align: left; } dl.tip dd { color: #0070c0; } dl.email_sig_spec { margin-left: 1.5em; } dl.email_sig_spec dt { font-weight: bold; text-align: left; float: left; width: 6em; } .motivational_assertion { color: #0070C0; font-style: italic; font-weight: bold; line-height: 1.2; font-size: 2em; margin: 1em auto; page-break-inside: avoid; } .motivational_assertion strong, .motivational_assertion bold { color: #00B0F0; } #Introduction .motivational_assertion { margin-left: 50%; } .assertion { color: #0070C0; font-style: italic; font-weight: bold; text-align: center; } .copyright { font-size: 0.666em; } .large_text { /* block_37 */ font-size: 1.666em; line-height: 1.5; } .quotation { margin-left: 10%; margin-right: 10%; } .quotation q { color: #0026FF; font-family: "PT Sans", serif; font-size: 1.666em; font-style: italic; font-weight: bold; line-height: 1.2; } .quotation .attribution { float: right; text-align: right; } .note { background: url("/storage/images/image154.png") no-repeat left; padding-top: 1em; padding-bottom: 1em; padding-left: 54px; margin-left: 2em; } .troubleshooting { background: url("/storage/images/image149.jpeg") no-repeat top left; padding-left: 54px; margin-left: 2em; } .phone_script { font-size: 1.2em; font-style: italic; color: #0070C0; line-height: 1.2; margin-left: 63pt; margin-right: 35.6pt; text-align: center; } .business_card { margin-left: 3em; } small.provisio { /* block_72 */ font-style: italic; text-align: justify; } ol.computer_instructions { list-style-type: none; } p.centered { text-align: center; } img.centered { margin-left: auto; margin-right: auto; } .image_gallery { margin-left: 1.5em; margin-right: 1em; } .image_gallery.vertical { float: right; width: 100px; } .image_gallery.vertical img { width: 100%; margin: 1ex 0; } .image_gallery.vertical.centered { float: none; margin-left: auto; margin-right: auto; width: 60%; } .image_gallery.vertical.centered img { text-align: center; margin-top: 1ex; margin-bottom: 1ex; } .valediction { position: relative; min-height: 12em; } .authors_signature { position: absolute; bottom: 0; left: 0; } .authors_signature .name { font-weight: bold; } /* Welcome */ #Welcome h1 { font-size: 1.889em; } #Welcome h1 .subheading { font-size: 0.8em; margin-left: 1em; } #Welcome .valediction { min-height: 212pt; } #Welcome #authors_picture { height: 212pt; float: right; } /* Intro */ aside.sample { border: ridge 4px; padding: 2em 1em; } .direct_mail.sample { width: 90%; margin: 2em auto; } .photo_gallery { margin-left: 1.5em; margin-bottom: 2em; font-size: smaller; } .photo_gallery figure { width: 48%; float: left; margin: 1%; } .photo_gallery figure img { width: 100%; } .photo_gallery.three_wide figure { width: 31%; } aside.tips { border: outset #00B0F0 1px; background-color: #f6fafd; padding: 2em 1em; margin-left: 1.5em; margin-right: 1.5em; } /* Section 1 */ #TLA { margin-left: 2em; } /* Section 2 */ /* Section 3 */ #EIR { float: right; width: 30%; margin: 1em; } /* Section 4 */ #flyer1, #flyer2, #flyer3 { width: 60%; margin: 0.75em 0; } #flyer1 { float: left; } #flyer2 { float: right; } #more_flyers { margin: auto; } .direct_mail heading { font-size: 1.666em; line-height: 1.2; text-align: center; } .direct_mail .date_stamp { font-style: italic; text-align: justify; } .photo { float: right; margin: 0 2ex; width: 40%; } /* Section 5 */ .readings, .equation, .formulae, .enumeration { margin-left: 4em; } dl.readings, dl.enumeration { line-height: 1.4em; } dl.readings dd, dl.enumeration dd { color: #0070c0; } dl.readings dt, dl.enumeration dt { font-weight: bold; text-align: left; float: left; width: 12em; } p.equation, p.formulae { margin-right: 2em; font-family: courier; } /* Spa section */ #spa-bromine_tablets { width: 24em; } #spa-bromine_tablets td.col3 { text-align: center; } /* Section 6 */ table.product_catalog td.item { width: 20%; } table.product_catalog td.desc { width: 30%; } table.product_catalog .item figcaption { font-weight: bold; } table.product_catalog .item img { width: 40px; } /* Coped fromOps Guide 03/09/2018 */ .assertion { color: #0070C0; display: block; font-style: italic; font-weight: bold; line-height: 1.4; text-align: center; margin: 1em 0 1em 1.5em } .attribution { display: block; float: right; line-height: 1.4; margin-bottom: 1em; margin-right: 0; margin-top: 1em; text-align: right } .authors_signature { bottom: 0; display: block; left: 0; line-height: 1.4; margin-bottom: 1em; margin-right: 0; margin-top: 1em; position: absolute } .business_card { display: block; line-height: 1.4; margin: 1em 0 1em 3em } .calibre { display: block; font-family: "Georgia", serif; font-size: 1em; padding-left: 0; padding-right: 0; margin: 0 5pt } .calibre1 { clear: left; color: #001465; display: block; font-size: 1.66667em; font-weight: bold; line-height: 1.2; page-break-after: avoid; page-break-inside: avoid; margin: 1em 0 } .calibre2 { display: block } .calibre3 { display: block; line-height: 1.4; margin-bottom: 1em; margin-right: 0; margin-top: 1em } .calibre4 { float: right; height: 212pt; width: auto } .calibre5 { clear: left; color: #0022E6; display: block; font-size: 1.41667em; font-weight: bold; line-height: 1.2; page-break-after: avoid; page-break-inside: avoid; margin: 1em 0 1ex } .calibre6 { color: #00B0F0 } .calibre7 { display: block; list-style-image: none; list-style-position: outside; list-style-type: square; margin-bottom: 1em; margin-right: 0; margin-top: 1em } .calibre8 { display: list-item; padding-bottom: 0.6em } .calibre9 { clear: left; color: #667DFF; display: block; font-size: 1.41667em; font-weight: bold; line-height: 1.2; page-break-after: avoid; page-break-inside: avoid; margin: 1em 0 } .calibre10 { height: auto; width: 60% } .calibre11 { color: #0026FF; font-family: "PT Sans", serif; font-size: 1.41667em; font-style: italic; font-weight: bold; line-height: 1.2 } .calibre12 { font-style: italic } .calibre13 { clear: left; color: #EF3340; display: block; font-size: 1.125em; font-style: italic; font-weight: bold; line-height: 1.2; page-break-after: avoid; page-break-inside: avoid; text-indent: 1.5em; margin: 1em 0 1.33em } .calibre14 { display: block; list-style-type: decimal; margin-bottom: 1em; margin-right: 0; margin-top: 1em } .calibre15 { color: #00b0f0; display: block; font-weight: bold; text-align: left } .calibre16 { color: #0070c0; display: block; margin-left: 40px } .calibre17 { float: right; height: auto; width: 30%; margin: 1em } .calibre18 { display: block; float: left; font-weight: bold; text-align: left; width: 6em } .calibre19 { display: block; margin-left: 40px } .calibre20 { height: auto; width: auto } .calibre21 { float: left; height: auto; width: 60%; margin: 0.75em 0 } .calibre22 { float: right; height: auto; width: 60%; margin: 0.75em 0 } .calibre23 { height: auto; width: 60%; margin: 0.75em 0 } .calibre24 { display: table-row-group; vertical-align: middle } .calibre25 { display: table-row; vertical-align: inherit } .calibre26 { display: table-cell; text-align: inherit; vertical-align: inherit; padding: 1px } .calibre27 { font-size: 1.41667em; line-height: 1.2; text-align: center } .calibre28 { display: block; list-style-image: none; list-style-position: outside; list-style-type: disc; margin-bottom: 1em; margin-right: 0; margin-top: 1em } .calibre29 { float: left; width: 48%; margin: 1% } .calibre30 { height: auto; width: 100% } .calibre31 { clear: left; color: #0070C0; display: block; font-size: 1em; font-weight: bold; page-break-after: avoid; page-break-inside: avoid; text-indent: 1.5em; margin: 1em 0 0 } .calibre32 { display: block; float: left; font-weight: bold; text-align: left; width: 12em } .calibre33 { font-size: 0.75em; margin-left: 0 } .calibre34 { float: left; width: 31%; margin: 1% } .calibre35 { height: auto; width: 100%; margin: 1ex 0 } .calibre36 { clear: left; color: #1F497D; display: block; font-size: 1em; font-weight: bold; page-break-after: avoid; page-break-inside: avoid; text-indent: 1.5em; margin: 1ex 0 0 } .calibre37 { height: auto; width: 40px } .calibre38 { height: auto; width: 70% } .calibre39 { height: auto; text-align: center; width: 100%; margin: 1ex 0 } .calibre40 { height: auto; width: 50% } .calibre41 { height: auto; width: 14ex } .centered { display: block; line-height: 1.4; text-align: center; margin: 1em 0 1em 1.5em } .centered1 { height: auto; margin-left: auto; margin-right: auto; width: 70% } .col { border-left-color: #00B0F0; border-right-color: #00B0F0; display: table-cell; text-align: left; vertical-align: inherit; border-top: #00B0F0 solid 0; border-bottom: #00B0F0 solid 0; padding: 1ex 1ex 0.5ex 1.5em } .col1 { background-color: #F3F9FB; border-left-color: #00B0F0; display: table-cell; font-weight: bold; text-align: left; vertical-align: inherit; border-top: #00B0F0 solid 1pt; border-right: #00B0F0 solid 1pt; border-bottom: #00B0F0 solid 1pt; padding: 1ex 1ex 0.5ex 1.5em } .col2 { border-left-color: #00B0F0; border-right-color: #00B0F0; display: table-cell; text-align: left; vertical-align: inherit; border-top: #00B0F0 solid 1pt; border-bottom: #00B0F0 solid 1pt; padding: 1ex 1ex 0.5ex 1.5em } .col3 { border-left-color: #00B0F0; display: table-cell; font-weight: bold; text-align: left; vertical-align: inherit; border-top: #00B0F0 solid 0; border-right: #00B0F0 solid 1pt; border-bottom: #00B0F0 solid 0; padding: 1ex 1ex 0.5ex 1.5em } .col4 { border-left-color: #00B0F0; border-right-color: #00B0F0; display: table-cell; font-weight: bold; text-align: left; vertical-align: inherit; border-top: #00B0F0 solid 0; border-bottom: #00B0F0 solid 0; padding: 1ex 1ex 0.5ex 1.5em } .col5 { display: table-cell; font-weight: bold; text-align: left; vertical-align: inherit; border: currentColor none medium; padding: 1ex 1ex 0.5ex 1.5em } .col6 { display: table-cell; text-align: left; vertical-align: inherit; border: currentColor none medium; padding: 1ex 1ex 0.5ex 1.5em } .col7 { background-color: #F3F9FB; border-left-color: #00B0F0; border-right-color: #00B0F0; display: table-cell; font-weight: bold; text-align: left; vertical-align: inherit; border-top: #00B0F0 solid 1pt; border-bottom: #00B0F0 solid 1pt; padding: 1ex 1ex 0.5ex 1.5em } .col8 { border-left-color: #00B0F0; display: table-cell; text-align: right; vertical-align: inherit; border-top: #00B0F0 solid 1pt; border-right: #00B0F0 solid 1pt; border-bottom: #00B0F0 solid 1pt; padding: 1ex 1em 0.5ex 1.5em } .col9 { background-color: #F3F9FB; display: table-cell; font-weight: bold; text-align: left; vertical-align: inherit; border: currentColor none medium; padding: 1ex 1ex 0.5ex 1.5em } .col10 { background-color: #F3F9FB; display: table-cell; font-weight: bold; text-align: center; vertical-align: inherit; border: currentColor none medium; padding: 1ex 1ex 0.5ex 1.5em } .col11 { display: table-cell; text-align: center; vertical-align: inherit; border: currentColor none medium; padding: 1ex 1ex 0.5ex 1.5em } .col12 { border-left-color: #00B0F0; display: table-cell; text-align: left; vertical-align: inherit; border-top: #00B0F0 solid 1pt; border-right: #00B0F0 solid 1pt; border-bottom: #00B0F0 solid 1pt; padding: 1ex 1ex 0.5ex 1.5em } .col13 { background-color: #F3F9FB; display: table-cell; font-weight: bold; text-align: left; vertical-align: inherit; border: #00B0F0 solid 1pt; padding: 1ex 1ex 0.5ex 1.5em } .col14 { display: table-cell; text-align: left; vertical-align: inherit; border: #00B0F0 solid 1pt; padding: 1ex 1ex 0.5ex 1.5em } .computer_instructions { display: block; list-style-type: none; margin-bottom: 1em; margin-right: 0; margin-top: 1em } .copyright { font-size: 0.58333em } .currency { border-left-color: #00B0F0; display: table-cell; text-align: right; vertical-align: inherit; border-top: #00B0F0 solid 1pt; border-right: #00B0F0 solid 1pt; border-bottom: #00B0F0 solid 1pt; padding: 1ex 1ex 0.5ex 1.5em } .currency1 { display: table-cell; text-align: right; vertical-align: inherit; border: #00B0F0 solid 1pt; padding: 1ex 1ex 0.5ex 1.5em } .currency2 { background-color: #F3F9FB; border-left-color: #00B0F0; border-right-color: #00B0F0; display: table-cell; font-weight: bold; text-align: right; vertical-align: inherit; border-top: #00B0F0 solid 1pt; border-bottom: #00B0F0 solid 1pt; padding: 1ex 1ex 0.5ex 1.5em } .data { border-collapse: collapse; border-spacing: 2px; display: table; font-size: 1em; page-break-inside: avoid; text-indent: 0; width: 80%; margin: 0 auto 1em; border: #00B0F0 solid 1pt } .data1 { border-collapse: collapse; border-spacing: 2px; display: table; font-size: 1em; page-break-inside: avoid; text-indent: 0; margin: 0 1em 1em 1.5em; border: #00B0F0 solid 1pt } .data2 { border-collapse: collapse; border-spacing: 2px; display: table; font-size: 1em; page-break-inside: avoid; text-indent: 0; width: 80%; margin: 0 auto 1em; border: currentColor none medium } .data3 { border-collapse: collapse; border-spacing: 2px; display: table; font-size: 1em; page-break-inside: avoid; text-indent: 0; width: 60%; margin: 0 auto 1em; border: currentColor none medium } .data4 { border-collapse: collapse; border-spacing: 2px; display: table; font-size: 1em; page-break-inside: avoid; text-indent: 0; margin: 0 1em 1em 1.5em; border: currentColor none medium } .data5 { border-collapse: collapse; border-spacing: 2px; display: table; font-size: 1em; page-break-inside: avoid; text-indent: 0; width: 24em; margin: 0 auto 1em; border: currentColor none medium } .date_stamp { display: block; font-style: italic; line-height: 1.4; margin-bottom: 1em; margin-right: 0; margin-top: 1em; text-align: justify } .desc { display: table-cell; text-align: inherit; vertical-align: inherit; width: 30%; padding: 1px } .direct_mail { width: 90%; margin: 2em auto; border: currentColor ridge 4px; padding: 2em 1em } .divider { background-color: #F3F9FB; display: table-cell; font-weight: bold; text-align: left; vertical-align: inherit; width: 1em; border-top: currentColor none medium; border-right: #00B0F0 solid 1pt; border-bottom: currentColor none medium; border-left: #00B0F0 solid 1pt; padding: 1ex 1ex 0.5ex 1.5em } .divider1 { display: table-cell; text-align: left; vertical-align: inherit; width: 1em; border-top: currentColor none medium; border-right: #00B0F0 solid 1pt; border-bottom: currentColor none medium; border-left: #00B0F0 solid 1pt; padding: 1ex 1ex 0.5ex 1.5em } .email_sig_spec { display: block; margin: 1em 0 1em 1.5em } .even { background-color: #DBEEF3; display: table-row; vertical-align: inherit } .formulae { display: block; font-family: courier; line-height: 1.4; margin: 1em 2em 1em 4em } .header { display: table-row; vertical-align: inherit; border-bottom: #00B0F0 solid 2px } .image_gallery { display: block; margin-left: 1.5em; margin-right: 1em } .image_gallery1 { border-collapse: separate; border-spacing: 2px; display: table; font-size: 1em; text-indent: 0; margin: auto } .image_gallery2 { display: block; float: right; margin-left: 1.5em; margin-right: 1em; width: 100px } .image_gallery3 { display: block; float: right; margin-left: 1.5em; margin-right: 1em; width: 20% } .image_gallery4 { display: block; float: none; margin-left: auto; margin-right: auto; width: 60% } .item { background-color: #F3F9FB; display: table-cell; font-weight: bold; vertical-align: inherit; padding: 1px } .item1 { display: table-cell; text-align: inherit; vertical-align: inherit; width: 20%; padding: 1px } .large_text { display: block; font-size: 1.41667em; line-height: 1.5; margin: 1em 0 1em 2em } .motivational_assertion { color: #0070C0; display: block; font-size: 1.83333em; font-style: italic; font-weight: bold; line-height: 1.2; page-break-inside: avoid; margin: 1em auto 1em 50% } .motivational_assertion1 { color: #0070C0; display: block; font-size: 1.83333em; font-style: italic; font-weight: bold; line-height: 1.2; page-break-inside: avoid; margin: 1em auto } .name { font-weight: bold } .note { background: url(/storage/images/icon_note.png) no-repeat left; display: block; line-height: 1.4; padding-bottom: 1em; padding-left: 54px; padding-top: 1em; margin: 1em 0 1em 2em } .note1 { background: url(images/icon_note.png) no-repeat left; display: block; margin-left: 2em; padding-bottom: 1em; padding-left: 54px; padding-top: 1em } .note2 { background: url(images/icon_note.png) no-repeat left; clear: left; color: #EF3340; display: block; font-size: 1.125em; font-style: italic; font-weight: bold; line-height: 1.2; padding-bottom: 1em; padding-left: 54px; padding-top: 1em; page-break-after: avoid; page-break-inside: avoid; text-indent: 1.5em; margin: 1em 0 1.33em 2em } .odd { background-color: #F3F9FB; display: table-row; vertical-align: inherit } .odd1 { background-color: #F3F9FB; display: table-row; vertical-align: inherit; border-bottom: #00B0F0 solid 2px } .phone_script { color: #0070C0; display: block; font-size: 1.125em; font-style: italic; line-height: 1.2; text-align: center; margin: 1em 35.6pt 1em 63pt } .photo { float: right; height: auto; width: 40%; margin: 0 2ex } .photo_gallery { display: block; font-size: 0.75em; margin-bottom: 2em; margin-left: 1.5em } .product_catalog { border-collapse: separate; border-spacing: 2px; display: table; font-size: 1em; margin-bottom: 0; margin-top: 0; text-indent: 0 } .provisio { font-size: 0.75em; font-style: italic; margin-left: 1.5em; text-align: justify } .quotation { display: block; margin-left: 10%; margin-right: 10% } .readings { display: block; line-height: 1.4em; margin: 1em 0 1em 4em } .samp { color: #02006F; display: block; font-family: monospace; width: 80%; margin: auto; padding: 1em 0 } .subheading { color: #0022E6; font-size: 0.85em; font-style: italic; font-weight: bold; line-height: 1.2; margin-left: 1em } .tip { display: block; font-size: 1.41667em; line-height: 1.2; page-break-inside: avoid; margin: 0 1em; border: black solid 1px; padding: 1em } .tips { background-color: #f6fafd; margin-left: 1.5em; margin-right: 1.5em; border: #00B0F0 outset 1px; padding: 2em 1em } .troubleshooting { background: url(images/icon_spanner.jpeg) no-repeat top left; display: block; margin-left: 2em; padding-left: 54px } .troubleshooting1 { background: url(images/icon_spanner.jpeg) no-repeat top left; clear: left; color: #667DFF; display: block; font-size: 1.41667em; font-weight: bold; line-height: 1.2; padding-left: 54px; page-break-after: avoid; page-break-inside: avoid; margin: 1em 0 1em 2em } .ul { text-decoration: underline } .ul1 { display: block; line-height: 1.4; text-decoration: underline; margin: 1em 0 1em 1.5em } .valediction { display: block; min-height: 212pt; position: relative } .valediction1 { display: block; min-height: 12em; position: relative } /* Style buttons */ .btn { background-color: DodgerBlue; border: none; color: white; padding: 12px 30px; cursor: pointer; font-size: 20px; } /* Darker background on mouse-over */ .btn:hover { background-color: RoyalBlue; } /* SIMON March 2022 */ * { box-sizing: border-box; } body { background-color: #f1f1f1; padding: 20px; font-family: Arial; } /* Center website */ .main { max-width: 1000px; margin: auto; } h1 { font-size: 50px; word-break: break-all; } .row { margin: 8px -16px; } /* Add padding BETWEEN each column (if you want) */ .row, .row > .column { padding: 8px; } /* Create three equal columns that floats next to each other */ .column { float: left; width: 33.33%; display: none; /* Hide columns by default */ } /* Clear floats after rows */ .row:after { content: ""; display: table; clear: both; } /* Content */ .content { background-color: white; padding: 10px; } /* The "show" class is added to the filtered elements */ .show { display: block; } /* Style the buttons */ .btn { border: none; outline: none; padding: 12px 16px; background-color: white; cursor: pointer; } /* Add a grey background color on mouse-over */ .btn:hover { background-color: #ddd; } /* Add a dark background color to the active button */ .btn.active { background-color: #666; color: white; } /*BLOG CSS May 2023*/ * { box-sizing: border-box; } body { font-family: Arial; padding: 20px; background: #f1f1f1; } /* Header/Blog Title */ .header { padding: 30px; font-size: 40px; text-align: center; background: white; } /* Create two unequal columns that floats next to each other */ /* Left column */ .leftcolumn { float: left; width: 75%; } /* Right column */ .rightcolumn { float: left; width: 25%; padding-left: 20px; } /* Fake image */ .fakeimg { background-color: #aaa; width: 100%; padding: 20px; } /* Add a card effect for articles */ .card { background-color: white; padding: 20px; margin-top: 20px; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } /* Footer */ .footer { padding: 20px; text-align: center; background: #ddd; margin-top: 20px; } /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 800px) { .leftcolumn, .rightcolumn { width: 100%; padding: 0; } } /* HAMBURGER MENU CSS */ /* Style the navigation menu */ .topnav { overflow: hidden; background-color: #333; position: relative; } /* Hide the links inside the navigation menu (except for logo/home) */ .topnav #myLinks { display: none; } /* Style navigation menu links */ .topnav a { color: white; padding: 14px 16px; text-decoration: none; font-size: 17px; display: block; } /* Style the hamburger menu */ .topnav a.icon { background: black; display: block; position: absolute; right: 0; top: 0; } /* Add a grey background color on mouse-over */ .topnav a:hover { background-color: #ddd; color: black; } /* Style the active link (or home/logo) */ .active { background-color: #04AA6D; color: white; } /* MEET THE TEAM */ /* Three columns side by side */ .column { float: left; width: 33.3%; margin-bottom: 16px; padding: 0 8px; } /* Display the columns below each other instead of side by side on small screens */ @media screen and (max-width: 650px) { .column { width: 100%; display: block; } } /* Add some shadows to create a card effect */ .card { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); } /* Some left and right padding inside the container */ .container { padding: 0 16px; } /* Clear floats */ .container::after, .row::after { content: ""; clear: both; display: table; } .title { color: grey; } .button { border: none; outline: 0; display: inline-block; padding: 8px; color: white; background-color: #000; text-align: center; cursor: pointer; width: 100%; } .button:hover { background-color: #555; } /* Experimental - hide sidebar1 ( LHS menus ) for specific pages #modulePage19739933 #contentWrapper { width: 100% ; } #modulePage19739933 #sidebar1Wrapper { display: none; } */