@font-face { font-family: 'ScalaSansBold'; src: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/fonts/ScalaSansWeb-Bold.eot?yocs=_&yoloc=eu"); src: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/fonts/ScalaSansWeb-Bold.eot?#iefix&yocs=_&yoloc=eu") format("embedded-opentype"), url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/fonts/ScalaSansWeb-Bold.woff?yocs=_&yoloc=eu") format("woff");
}
.scala, .nav-list-item-searchsites .nav-list-item-header,
.nav-list-item-all-sites .nav-list-item-header, .header-searchsite-display { font-family: 'ScalaSansBold', Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal;
}
.haas, body, input, .guide-bar-header span, .itcs-bar-header span, .resources-bar-item span,
.related-bar-item span,
.itcs-bar-item span,
.blog-bar-item span, .itcs-bar-item a.button, .guide-bar-list .guide-bar-item:first-child, .browse-defs-bar-list li a, .main-article-author-title, .main-article-author-date, .refinery-wrapper h3,
.refinery-wrapper dt, .refinery-search .placeholder, .refinery-search .refinery-textfield, .pro-features-wrapper .pro-features, .latest-wrapper .latest-nav-wrapper h2, .latest-wrapper .latest-nav-wrapper .latest-nav-item, .comments-form .comments-form-textfield, .comments-form .comments-form-textarea, .comment-wrapper .comment-body, #forgotPasswordModalFormSubmit, .unsubscribe-header-tagline, .unsubscribe-wrapper .unsubscribe-sign-up-fine-print, .unsubscribe-wrapper .unsubscribe-sign-up-fine-print a, .unsubscribe-content.confirm .unsubscribe-header h2, .unsubscribe-body h3, .unsubscribe-body a, .continue-reading li, .file-extensions li a, #sdef .ribbon-left .ribbon-left-hover .ribbon-def p, #sdef .ribbon-right .ribbon-right-hover .ribbon-def p, .topic-subtitle .definition-link,
.blog-subtitle .definition-link, .topic-section .topic-form .placeholder,
.infotype-section .topic-form .placeholder, .topic-section .topic-form .topic-form-textfield,
.infotype-section .topic-form .topic-form-textfield, .expert-question-form .placeholder, .expert-question-form .expert-question-form-textfield, .refinery-guide-sections li a, .guide-navigation-sections li a, .experts-section-content .experts-list .expert-info .title, .search-results-header h1, .search-results-header .search-results-sort, .zero-results .search-result-body .zero-results-list li, .zero-results-form .placeholder, .zero-results-form-textfield, .homepage-topics .homepage-topics-subtopics.open > ul > li, .expert-question-home .expert-question-form .expert-question-help, .learn-more-resources .resources-list-item span, .contributor-question-form .contributor-form-textfield, .micrositePromoPage-topics .micrositePromoPage-topics-subtopics.open > ul > li, .micrositeOneReg-form .radio-related-products label, .micrositeOneReg-form .radioButtonList li label,
.micrositeOneReg-form .checkboxList li label, #bprAbstractOneReg .main-content #micrositeContainer, #bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section .stop-page p, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .radio-related-products label, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .radioButtonList li label,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .checkboxList li label, #photostory .multimedia-sidebar .multimedia-sidebar-list li span,
#video .multimedia-sidebar .multimedia-sidebar-list li span,
#podcast .multimedia-sidebar .multimedia-sidebar-list li span,
#cartoon .multimedia-sidebar .multimedia-sidebar-list li span,
#blogs .multimedia-sidebar .multimedia-sidebar-list li span, .pageNotFound-section .pageNotFound-search .placeholder, .pageNotFound-section .pageNotFound-search .pageNotFound-textfield, .ads-by-google.main-content h2 { font-family: 'NeueHaasGroteskText W01', Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal;
}
.haas-i { font-family: 'NHaasGroteskTXW01-56It', Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal;
}
.haas-m, .nav-list-item-header .view-all,
.nav-list-sublist-header .view-all, .nav-list-item-header-type, .main-article-subtitle, .answers-subtitle, .main-article-author, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header p span, .comments-order, .comment-wrapper .comment-username, .comment-wrapper .comment-date, .comment-wrapper .comment-share .comment-like,
.comment-wrapper .comment-share .comment-reply,
.comment-wrapper .comment-share .comment-flag, .discussion-sidebar-question .asker, .discussion-sidebar-cta .response-count, .definition-subtitle, #sdef .ribbon-left .ribbon-left-hover .ribbon-img .img-overlay, #sdef .ribbon-left .ribbon-left-hover .ribbon-def .ribbon-btn, #sdef .ribbon-right .ribbon-right-hover .ribbon-img .img-overlay, #sdef .ribbon-right .ribbon-right-hover .ribbon-def .ribbon-btn, .topic-subtitle,
.blog-subtitle, .search-result-topic .search-result-topic-inner .section-title, .discussion-author, .network-hub-title-bar .entire-network a, .contributor-header .contributor-info h3, .contributor-header .contributor-info h4, .filter-by-year .filter-by-year-list li, .custom-native-micrositePromo .custom-native-sections h3, .unisites-micrositePromo .unisites-sections h3, .cartoon-more ul li a, #blog .infotype-news-item > span, #blog .infotype-news-item > a { font-family: 'NHaasGroteskTXW01-65Md', Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal;
}
.haas-b, .button, .section-title, .header-logo, .nav-join-pro, .nav-user-action, .nav-list-sublist-header-topics, .header-privacy-policy span.pp-strong, .header-privacy-policy span a, .chapters-bar-header,
.resources-bar-header,
.related-bar-header,
.guide-bar-header,
.browse-defs-bar-header,
.itcs-bar-header,
.blog-bar-header, .guide-bar-header span.guide-bar-section-title, .chapters-bar-item.selected,
.resources-bar-item.selected,
.related-bar-item.selected,
.guide-bar-item.selected,
.chapters-bar-item-link.selected,
.itcs-bar-item.selected,
.blog-bar-item.selected, .resources-bar-item,
.related-bar-item,
.itcs-bar-item,
.blog-bar-item, .guide-bar-item, .itcs-bar-item.versus .itcs-bar-item-mid span, .resources-bar-toggle, .qa-sidebar-title, .main-article-title, .answers-title, #answers .main-article-title, .main-article-subtitle a, .answers-subtitle a, .main-article-author-date span, .main-article-pullquote-inner figure, .pullquote > div figure, .main-article-pullquote-inner figcaption strong, .pullquote > div figcaption strong, .premium-content-promo, .quizQuestionContainer b,
.quizQuestionContainer strong, form .quizQuestionContainer:first-child:before, .podcastdownload-new .podcast-title, .articleVideoLeft .video-title a, .articleVideoLeft .video-title span, .refinery-wrapper h2, .refinery-body h3,
.refinery-body dt, .refinery-body a, .refinery-topics-wrapper h3, .refinery-topics-wrapper li, .refinery-collapse-toggle-inner,
.collapse-toggle-inner,
.read-more-collapse-toggle-inner, .pro-features-wrapper h2, .pro-features-header .cta-pro-features, .latest-wrapper .latest-content h2, .latest-wrapper .latest-content li h3, .sign-up-wrapper.inline-reg .sign-up-content h2,
.sign-up-wrapper.cascading-reg .sign-up-content h2, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form li label, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form li input[type=submit], #sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header .eyebrow,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header .eyebrow, .comments-count, .comments-form .comments-input-label, .discussion-sidebar-header, .image-overlay-close, .unsubscribe-header h1, .unsubscribe-header h2, .definition-title, .related-terms h4, .related-terms dt, .related-terms-show-more-inner, .file-extensions h2, .file-extensions .powered-by span, #sdef .ribbon-left .ribbon-left-hover .ribbon-def h5, #sdef .ribbon-right .ribbon-right-hover .ribbon-def h5, #sdef .definition-header .eyebrow, .topic-title,
.infotype-title,
.news-listing-title,
.blog-title, .topic-section .topic-section-title,
.topic-section .infotype-section-title,
.infotype-section .topic-section-title,
.infotype-section .infotype-section-title, .topic-section .topic-item-title,
.infotype-section .topic-item-title, .topic-section .topic-news-item .news-mobile-date,
.topic-section .infotype-news-item .news-mobile-date,
.infotype-section .topic-news-item .news-mobile-date,
.infotype-section .infotype-news-item .news-mobile-date, .topic-section .topic-news-item .news-desktop-date,
.topic-section .infotype-news-item .news-desktop-date,
.infotype-section .topic-news-item .news-desktop-date,
.infotype-section .infotype-news-item .news-desktop-date, .topic-section .topic-news-item .topic-news-title,
.topic-section .topic-news-item .infotype-news-title,
.topic-section .infotype-news-item .topic-news-title,
.topic-section .infotype-news-item .infotype-news-title,
.infotype-section .topic-news-item .topic-news-title,
.infotype-section .topic-news-item .infotype-news-title,
.infotype-section .infotype-news-item .topic-news-title,
.infotype-section .infotype-news-item .infotype-news-title, .topic-section .topic-news-item .topic-news-description .sponsored,
.topic-section .topic-news-item .infotype-news-description .sponsored,
.topic-section .infotype-news-item .topic-news-description .sponsored,
.topic-section .infotype-news-item .infotype-news-description .sponsored,
.infotype-section .topic-news-item .topic-news-description .sponsored,
.infotype-section .topic-news-item .infotype-news-description .sponsored,
.infotype-section .infotype-news-item .topic-news-description .sponsored,
.infotype-section .infotype-news-item .infotype-news-description .sponsored, .new-notable-title, .new-notable-item h4, .topic-landing-section ul li, .news-archive-date, .news-archive-item .news-archive-collapse-toggle, .expert-question-form .expert-question-form-btn, .refinery-guide-sections li.selected a, .guide-navigation-sections li.selected a, .guide-navigation-inner, .guide-section .section-subtitle, .guide-section .section-guide-type-item h4, .experts-section-content .experts-list .expert-info, .tag-item li, .search-results-header h1 em, .search-results-header .search-results-sort a, .search-results-header .search-results-type-menu h2, .search-result-topic .search-result-topic-inner .section-title span, .search-result .search-result-head .search-result-head-author, .search-result .search-result-head .search-result-contributor-info a, .search-result .search-result-body li, .zero-results .search-result-body em, .get-started-definitions .get-started-definitions-inner h2, .listTypePagination a.currentPage, .homepage-title, .homepage-section h2, .new-notable-home .nn-home-item h3, .new-notable-home .nn-home-item h4, .homepage-topics h3, .homepage-topics ul li h5, .trending-topics-items .trending-topics-item h3, .trending-topics-items .trending-topics-item h4, .find-solutions-home .find-solutions-sections h3, .find-solutions-home .find-solutions-sections h4, .find-solutions-home .find-solutions-sections .find-solutions-sections-links h5, .pro-downloads-home .pro-downloads-title-bar a, .pro-downloads-home .pro-downloads-list li h4, .pro-downloads-home .pro-downloads-list li a.pro-download, .learn-more-items li h3, .learn-more-items li h4, .learn-more-resources h3, .learn-more-resources .resources-list-item, .multimedia-header-menu h3, .multimedia-header-menu .multimedia-menu .dropdown-toggle, .multimedia-sections .multimedia-sections-primary h3,
.multimedia-sections .multimedia-sections-primary-tss h3, .multimedia-sections .multimedia-sections-primary h4,
.multimedia-sections .multimedia-sections-primary-tss h4, .multimedia-sections .multimedia-sections-links h5,
.multimedia-sections .multimedia-sections-links-tss h5, .blogs-home .blog-sections > li h3, .blogs-home .blog-sections > li h4, .from-across-items li h3, .from-across-items li h4, .from-across-items .fa-item-1 h3, .from-across-definitions .from-across-definitions-inner h3, .discussion-title, .discussion-author-topic, .eproducts-title, .eproducts-title-bar h2, .eproducts-download, .eproducts-featured-lp-list h4, .eproducts-lp-topics-list h4, .latest-issue-detail h3, .latest-issue-detail ul li, .ezine-previous-issues-menu .dropdown-toggle,
.eproducts-lp-topics-menu .dropdown-toggle, .eproducts-lp-topics-menu .dropdown-menu, .ezine-previous-issues-list h4, .ezine-all-issues .eproducts-title-bar a, .latest-issue-features h3,
.latest-issue-columns h3,
.latest-issue-news h3, .issue-features-section h4,
.issue-columns-section h4,
.issue-news-section h4, .issue-features-section .issue-author,
.issue-columns-section .issue-author,
.issue-news-section .issue-author, .latest-issue-more, .ezine-more-downloads .eproducts-title-bar a, .ezine-pro-plus .eproducts-title-bar a, .ezine-pro-plus-list h3, .eproducts-registration .eproducts-login, .ehandbook-toc, .ebook-about-author h4,
.ebook-chapters-available h4, .ebook-about-author > a, .ebook-chapters-available li h3, .chapter-included p, .eproducts-fulfillment, .ebook-all-issues-list-1 h3,
.ebook-all-issues-list-2 h3,
.ebook-all-issues-list-3 h3, .ebook-all-issues-list-links li h4, .hub-header, .hub-section h1, .headshots-hub-list li .contributor-info h3, .headshots-hub-list li .contributor-info h4, .headshots-hub-title-bar h2,
.network-hub-title-bar h2, .network-hub-group h3, .network-hub-list-sites li h4, .hub-alpha-nav span,
.contributor-alpha-nav span, .contributor-header .contributor-info h1, .contributor-header .contributor-info .share-bar-desktop span, .contributor-header .contributor-info .language-switch a, .contributor-question h3, .contributor-articles h3, .contributor-articles .filter-by-topic .filter-by-topic-list li, .contributor-articles .filter-by-topic .filter-by-topic-list li.on, .filter-by-year .filter-by-year-list li.on, .contributor-articles-list li .contributor-article-info h4, .contributor-articles-list li .contributor-article-info h5, .contributor-alpha-header h1, .contributor-alpha-list > ul > li .contributor-info h3, .contributor-alpha-list > ul > li .contributor-info h4, .contributor-alpha-list > ul > li .share-bar-desktop span, .contributor-pagination ul li.on, .contributor-alpha-nav li.on a, .content-from-year .year, .micrositePromoPage-title, .micrositePromoPage-section h2, .micrositePromoPage-topics h3, .micrositePromoPage-topics ul li h5, .custom-native-micrositePromo .custom-native-sections h4, .custom-native-micrositePromo .custom-native-sections .custom-native-sections-links h5, .unisites-micrositePromo .unisites-sections h4, .unisites-micrositePromo .unisites-sections .unisites-sections-links h5, .micrositeOneReg-section h2, .micrositeOneReg-about h3, .micrositeOneReg-about h4, .micrositeOneReg-form label, .micrositeOneReg-form input[type=submit], .micrositeOneReg-form .onereg-error.submit-error p, #forgotPassword h3,
#forgotPasswordConfirm h3, #bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section h3, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form h2, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form label, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form input[type=submit], .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .onereg-error.submit-error p, .section.cascading-fulfillment-section .download-now h2, .section.cascading-fulfillment-section .related-content h3, #photostory .multimedia-sidebar .multimedia-sidebar-header,
#video .multimedia-sidebar .multimedia-sidebar-header,
#podcast .multimedia-sidebar .multimedia-sidebar-header,
#cartoon .multimedia-sidebar .multimedia-sidebar-header,
#blogs .multimedia-sidebar .multimedia-sidebar-header, #photostory .multimedia-sidebar .multimedia-sidebar-list li a,
#video .multimedia-sidebar .multimedia-sidebar-list li a,
#podcast .multimedia-sidebar .multimedia-sidebar-list li a,
#cartoon .multimedia-sidebar .multimedia-sidebar-list li a,
#blogs .multimedia-sidebar .multimedia-sidebar-list li a, .multimedia-title, .multimedia-section h2, .multimedia-section.main-section .multimedia-items > li h4, .multimedia-section.video-section li h4, .multimedia-section.photostory-section li h4, .multimedia-section.podcast-section li h4, .cartoon-more h3, .photostory-detail-header .page-counter, .photostory-detail-header .page-counter a, .video-cuepoints li span.active, .video-transcript-content h3,
.podcast-transcript-content h3, .video-transcript-content .speaker,
.podcast-transcript-content .speaker, .pageNotFound-section h2, .pageNotFound-section h3, .about-section h1, .about-section h2, .about-section strong, .events-section h1, .events-section h3, .events-section h4, .archive-section h1, .archive-section .archive-list > li h2, .archive-list-links li, .infotype-header.archive-year-header .archive-link, .blog-team > h3, .blog-team .blog-team-list li .contributor-info h3, .blog-team .blog-team-list li .contributor-info h4, #blog-post .guest-banner,
#blog .guest-banner, .dig-deeper-content-item h5, .extra-info-inner h4, .extraInfo h4, .sidebar h4, .ads-by-google.main-content li h3, .ads-by-google.main-content li a { font-family: 'NHaasGroteskTXW01-75Bd', Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal;
}
.clearfix:before, .content-columns:before, footer:before, footer .content-center ul:before, .share-bar-mobile:before, .main-article-share-counts:before, .refinery-body li:before, .refinery-search:before, .join-discussion-wrapper .discussion-cta:before, .latest-wrapper:before, .latest-wrapper .latest-nav-wrapper:before, .latest-wrapper .latest-nav-wrapper .latest-nav:before, .sign-up-wrapper.inline-reg .sign-up-form:before,
.sign-up-wrapper.cascading-reg .sign-up-form:before, .reg-login .main-article-header:before, .reg-login .answers-header:before, .reg-login .article-guide-header:before, .reg-login .definition-guide-header:before, .comments-form:before, .definition-authors .main-article-author:before, .related-terms-all-list:before, .topic-section .topic-news-items:before,
.topic-section .infotype-news-items:before,
.infotype-section .topic-news-items:before,
.infotype-section .infotype-news-items:before, .new-notable-items:before, .guide-section .section-guide-type-item .guide-type-item-content:before, .search-results-header .search-results-filter:before, .multimedia-header-menu:before, .eproducts-section-headline:before, .ezine-previous-issues .eproducts-title-bar:before,
.eproducts-lp-topics .eproducts-title-bar:before, .latest-issue-features:before,
.latest-issue-columns:before,
.latest-issue-news:before, .eproducts-registration-form:before, .headshots-hub-list li:before, .network-hub-list:before, .hub-alpha-nav ul:before,
.contributor-alpha-nav ul:before, .refinery-wrapper.contributor .refinery-body .refinery-sites-wrapper ul:before,
.refinery-wrapper.contributor .refinery-body .refinery-events-wrapper ul:before, .refinery-wrapper.contributor .refinery-body .refinery-latest-posts-wrapper ul:before, .refinery-wrapper.contributor .refinery-body .refinery-community-wrapper ul:before, .contributor-question:before, .contributor-question-form:before, .contributor-articles .filter-by-topic .filter-by-topic-list:before, .filter-by-year .filter-by-year-list:before, .contributor-articles-list li:before, .contributor-alpha-list > ul > li:before, .custom-native-micrositePromo .custom-native-sections:before, .section.cascading-fulfillment-section .download-now:before, .pageNotFound-section .pageNotFound-search:before, .blog-team .blog-team-list li:before, .dig-deeper-nav:before, .clearfix:after, .content-columns:after, footer:after, footer .content-center ul:after, .share-bar-mobile:after, .main-article-share-counts:after, .refinery-body li:after, .refinery-search:after, .join-discussion-wrapper .discussion-cta:after, .latest-wrapper:after, .latest-wrapper .latest-nav-wrapper:after, .latest-wrapper .latest-nav-wrapper .latest-nav:after, .sign-up-wrapper.inline-reg .sign-up-form:after,
.sign-up-wrapper.cascading-reg .sign-up-form:after, .reg-login .main-article-header:after, .reg-login .answers-header:after, .reg-login .article-guide-header:after, .reg-login .definition-guide-header:after, .comments-form:after, .definition-authors .main-article-author:after, .related-terms-all-list:after, .topic-section .topic-news-items:after,
.topic-section .infotype-news-items:after,
.infotype-section .topic-news-items:after,
.infotype-section .infotype-news-items:after, .new-notable-items:after, .guide-section .section-guide-type-item .guide-type-item-content:after, .search-results-header .search-results-filter:after, .multimedia-header-menu:after, .eproducts-section-headline:after, .ezine-previous-issues .eproducts-title-bar:after,
.eproducts-lp-topics .eproducts-title-bar:after, .latest-issue-features:after,
.latest-issue-columns:after,
.latest-issue-news:after, .eproducts-registration-form:after, .headshots-hub-list li:after, .network-hub-list:after, .hub-alpha-nav ul:after,
.contributor-alpha-nav ul:after, .refinery-wrapper.contributor .refinery-body .refinery-sites-wrapper ul:after,
.refinery-wrapper.contributor .refinery-body .refinery-events-wrapper ul:after, .refinery-wrapper.contributor .refinery-body .refinery-latest-posts-wrapper ul:after, .refinery-wrapper.contributor .refinery-body .refinery-community-wrapper ul:after, .contributor-question:after, .contributor-question-form:after, .contributor-articles .filter-by-topic .filter-by-topic-list:after, .filter-by-year .filter-by-year-list:after, .contributor-articles-list li:after, .contributor-alpha-list > ul > li:after, .custom-native-micrositePromo .custom-native-sections:after, .section.cascading-fulfillment-section .download-now:after, .pageNotFound-section .pageNotFound-search:after, .blog-team .blog-team-list li:after, .dig-deeper-nav:after { content: ""; display: table;
}
.clearfix:after, .content-columns:after, footer:after, footer .content-center ul:after, .share-bar-mobile:after, .main-article-share-counts:after, .refinery-body li:after, .refinery-search:after, .join-discussion-wrapper .discussion-cta:after, .latest-wrapper:after, .latest-wrapper .latest-nav-wrapper:after, .latest-wrapper .latest-nav-wrapper .latest-nav:after, .sign-up-wrapper.inline-reg .sign-up-form:after,
.sign-up-wrapper.cascading-reg .sign-up-form:after, .reg-login .main-article-header:after, .reg-login .answers-header:after, .reg-login .article-guide-header:after, .reg-login .definition-guide-header:after, .comments-form:after, .definition-authors .main-article-author:after, .related-terms-all-list:after, .topic-section .topic-news-items:after,
.topic-section .infotype-news-items:after,
.infotype-section .topic-news-items:after,
.infotype-section .infotype-news-items:after, .new-notable-items:after, .guide-section .section-guide-type-item .guide-type-item-content:after, .search-results-header .search-results-filter:after, .multimedia-header-menu:after, .eproducts-section-headline:after, .ezine-previous-issues .eproducts-title-bar:after,
.eproducts-lp-topics .eproducts-title-bar:after, .latest-issue-features:after,
.latest-issue-columns:after,
.latest-issue-news:after, .eproducts-registration-form:after, .headshots-hub-list li:after, .network-hub-list:after, .hub-alpha-nav ul:after,
.contributor-alpha-nav ul:after, .refinery-wrapper.contributor .refinery-body .refinery-sites-wrapper ul:after,
.refinery-wrapper.contributor .refinery-body .refinery-events-wrapper ul:after, .refinery-wrapper.contributor .refinery-body .refinery-latest-posts-wrapper ul:after, .refinery-wrapper.contributor .refinery-body .refinery-community-wrapper ul:after, .contributor-question:after, .contributor-question-form:after, .contributor-articles .filter-by-topic .filter-by-topic-list:after, .filter-by-year .filter-by-year-list:after, .contributor-articles-list li:after, .contributor-alpha-list > ul > li:after, .custom-native-micrositePromo .custom-native-sections:after, .section.cascading-fulfillment-section .download-now:after, .pageNotFound-section .pageNotFound-search:after, .blog-team .blog-team-list li:after, .dig-deeper-nav:after { clear: both;
}
.clearfix, .content-columns, footer, footer .content-center ul, .share-bar-mobile, .main-article-share-counts, .refinery-body li, .refinery-search, .join-discussion-wrapper .discussion-cta, .latest-wrapper, .latest-wrapper .latest-nav-wrapper, .latest-wrapper .latest-nav-wrapper .latest-nav, .sign-up-wrapper.inline-reg .sign-up-form,
.sign-up-wrapper.cascading-reg .sign-up-form, .reg-login .main-article-header, .reg-login .answers-header, .reg-login .article-guide-header, .reg-login .definition-guide-header, .comments-form, .definition-authors .main-article-author, .related-terms-all-list, .topic-section .topic-news-items,
.topic-section .infotype-news-items,
.infotype-section .topic-news-items,
.infotype-section .infotype-news-items, .new-notable-items, .guide-section .section-guide-type-item .guide-type-item-content, .search-results-header .search-results-filter, .multimedia-header-menu, .eproducts-section-headline, .ezine-previous-issues .eproducts-title-bar,
.eproducts-lp-topics .eproducts-title-bar, .latest-issue-features,
.latest-issue-columns,
.latest-issue-news, .eproducts-registration-form, .headshots-hub-list li, .network-hub-list, .hub-alpha-nav ul,
.contributor-alpha-nav ul, .refinery-wrapper.contributor .refinery-body .refinery-sites-wrapper ul,
.refinery-wrapper.contributor .refinery-body .refinery-events-wrapper ul, .refinery-wrapper.contributor .refinery-body .refinery-latest-posts-wrapper ul, .refinery-wrapper.contributor .refinery-body .refinery-community-wrapper ul, .contributor-question, .contributor-question-form, .contributor-articles .filter-by-topic .filter-by-topic-list, .filter-by-year .filter-by-year-list, .contributor-articles-list li, .contributor-alpha-list > ul > li, .custom-native-micrositePromo .custom-native-sections, .section.cascading-fulfillment-section .download-now, .pageNotFound-section .pageNotFound-search, .blog-team .blog-team-list li, .dig-deeper-nav { *zoom: 1;
}
.inline-block, .nav-social-item, .share-bar-item-desktop, .join-discussion-wrapper .carousel-nav .carousel-pagination li, .latest-wrapper .latest-nav-wrapper li, .comment-wrapper .comment-thumbnail-wrap, .comment-wrapper .comment-share .comment-like,
.comment-wrapper .comment-share .comment-reply,
.comment-wrapper .comment-share .comment-flag, .related-terms-view-all .button { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline;
}
.border-box, .header-search-input, .nav, .nav-list-item-header,
.nav-list-sublist-header, .nav-list-sublist-header-topics, .mobile-chapters-bar,
.mobile-resources-bar, .refinery-content, .refinery-header, .refinery-body, .refinery-collapse-toggle,
.collapse-toggle,
.read-more-collapse-toggle, .refinery-search .refinery-textfield, .refinery-search .refinery-search-btn, .pro-features-content, .pro-features-header, .pro-features-body, .latest-wrapper, .latest-wrapper .latest-nav-wrapper, .latest-wrapper .latest-nav-wrapper .latest-nav, .latest-wrapper .latest-body, .latest-wrapper .latest-content li, .sign-up-wrapper.inline-reg .sign-up-form .sign-up-textfield,
.sign-up-wrapper.cascading-reg .sign-up-form .sign-up-textfield, .sign-up-wrapper.inline-reg .sign-up-form .sign-up-btn,
.sign-up-wrapper.cascading-reg .sign-up-form .sign-up-btn, .comments-form input,
.comments-form textarea, .image-overlay, .unsubscribe-content, .unsubscribe-header, .unsubscribe-body, .topic-section .topic-form .topic-form-textfield,
.infotype-section .topic-form .topic-form-textfield, .topic-section .topic-form .topic-form-btn,
.infotype-section .topic-form .topic-form-btn, .expert-question-form .expert-question-form-textfield, .expert-question-form .expert-question-form-btn, .zero-results-form-textfield, .zero-results-form-btn, .expert-question-home .expert-question-form input, .eproducts-registration-form .eproducts-registration-textfield, .contributor-question-form input, .micrositeOneReg-form input,
.micrositeOneReg-form select,
.micrositeOneReg-form textarea, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form input,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form select,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form textarea, .pageNotFound-section .pageNotFound-search .pageNotFound-textfield, .pageNotFound-section .pageNotFound-search .pageNotFound-search-btn, .dig-deeper-content-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.link-teal, p a, .indentfix li a, .default-list li a, li.indentfix a, table .indentfix li a, table .indentfix li.indentfix a, table a, .noindent li a, li[type=disc] a, footer li a, .guide-bar-list .guide-bar-item a, .share-bar-item-desktop a, .main-article-subtitle a, .answers-subtitle a, .main-article-author-date a, .main-article-author-contact a, .quizQuestionContainer a, .refinery-body a, .unsubscribe-body a, .publish-date a,
.definition-section-footer a, .most-popular .section-title a, .guide-section .section-guide-type-item p a, .search-results-header .search-results-type-menu a, .search-result .search-result-head .search-result-head-author a, .get-started .infotype-news-description a, .trending-topics-items .trending-topics-item h3 a, .learn-more-items li h3 a, .ezine-previous-issues-list .ezine-from a, .contributor-header .contributor-bio a, .contributor-articles .filter-by-topic .filter-by-topic-list li a, #bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section .share-bar-desktop a, #bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section .stop-page p a, .section.cascading-fulfillment-section .related-content li h4 a, .photostory-about > p > ul li a,
.video-about > p > ul li a,
.cartoon-about > p > ul li a,
.podcast-about > p > ul li a, .photostory-about > ul li a, .photostory-about > ol li a,
.video-about > ul li a,
.video-about > ol li a,
.cartoon-about > ul li a,
.cartoon-about > ol li a,
.podcast-about > ul li a,
.podcast-about > ol li a, .ads-by-google.main-content li a.googleGreen { color: #00b3ac;
}
.link-teal:hover, p a:hover, .indentfix li a:hover, .default-list li a:hover, li.indentfix a:hover, table .indentfix li.indentfix a:hover, table a:hover, .noindent li a:hover, li[type=disc] a:hover, footer li a:hover, .guide-bar-list .guide-bar-item a:hover, .share-bar-item-desktop a:hover, .main-article-subtitle a:hover, .answers-subtitle a:hover, .main-article-author-date a:hover, .main-article-author-contact a:hover, .quizQuestionContainer a:hover, .refinery-body a:hover, .unsubscribe-body a:hover, .publish-date a:hover,
.definition-section-footer a:hover, .most-popular .section-title a:hover, .guide-section .section-guide-type-item p a:hover, .search-results-header .search-results-type-menu a:hover, .search-result .search-result-head .search-result-head-author a:hover, .get-started .infotype-news-description a:hover, .trending-topics-items .trending-topics-item h3 a:hover, .learn-more-items li h3 a:hover, .ezine-previous-issues-list .ezine-from a:hover, .contributor-header .contributor-bio a:hover, .contributor-articles .filter-by-topic .filter-by-topic-list li a:hover, #bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section .share-bar-desktop a:hover, #bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section .stop-page p a:hover, .section.cascading-fulfillment-section .related-content li h4 a:hover, .photostory-about > ul li a:hover, .photostory-about > ol li a:hover,
.video-about > ul li a:hover,
.video-about > ol li a:hover,
.cartoon-about > ul li a:hover,
.cartoon-about > ol li a:hover,
.podcast-about > ul li a:hover,
.podcast-about > ol li a:hover, .ads-by-google.main-content li a.googleGreen:hover { color: #006860;
}
.link-blue, .definition-link, .nav-join-pro, .resources-bar-item a,
.related-bar-item a,
.itcs-bar-item a,
.blog-bar-item a, .main-article-author-byline a, .premium-content-promo .promo-about span.promo-about-title a, .premium-content-promo .promo-cover .promo-cover-download, .pro-features-wrapper .pro-features p a, .login-register.inline-reg a, .sign-up-wrapper.inline-reg .sign-up-content a,
.sign-up-wrapper.cascading-reg .sign-up-content a, .glossary ul a, .continue-reading li a, .related-terms dt a, .guide-section .glossary-list li a, .search-result-topic .search-result-topic-inner a, .search-result .search-result-head .search-result-contributor-info a, .search-result .search-result-body.definition-body a, .search-result .search-result-body.definition-body .section-title a, .search-result .search-result-body .associated-glossaries li a, .get-started-definitions .get-started-definitions-inner li a, .pro-downloads-home .pro-downloads-list li a.pro-download, .learn-more-resources .resources-list-item a, .blogs-home .blog-sections > li p a, .from-across-definitions .from-across-definitions-inner li a, .discussion-author-byline a, .eproducts-download, .ezine-all-issues .ezine-all-issues-lists li a, .ezine-article-tagline a, .issue-features-section .issue-author a,
.issue-columns-section .issue-author a,
.issue-news-section .issue-author a, .latest-issue-more a, .eproducts-registration .privacy-policy a,
.eproducts-registration .declarationOfConsent a, .ebook-about-author a,
.ebook-chapters-available a, .chapter-included p a, .micrositeOneReg-disclaimer a, #blog .infotype-news-item .author, .extra-info-inner a, .extraInfo a, .sidebar a { color: #008bc1;
}
.link-blue:hover, .definition-link:hover, .nav-join-pro:hover, .resources-bar-item a:hover,
.related-bar-item a:hover,
.itcs-bar-item a:hover,
.blog-bar-item a:hover, .main-article-author-byline a:hover, .premium-content-promo .promo-about span.promo-about-title a:hover, .premium-content-promo .promo-cover .promo-cover-download:hover, .pro-features-wrapper .pro-features p a:hover, .login-register.inline-reg a:hover, .sign-up-wrapper.inline-reg .sign-up-content a:hover,
.sign-up-wrapper.cascading-reg .sign-up-content a:hover, .glossary ul a:hover, .continue-reading li a:hover, .related-terms dt a:hover, .guide-section .glossary-list li a:hover, .search-result-topic .search-result-topic-inner a:hover, .search-result .search-result-head .search-result-contributor-info a:hover, .search-result .search-result-body.definition-body a:hover, .search-result .search-result-body .associated-glossaries li a:hover, .get-started-definitions .get-started-definitions-inner li a:hover, .pro-downloads-home .pro-downloads-list li a.pro-download:hover, .learn-more-resources .resources-list-item a:hover, .blogs-home .blog-sections > li p a:hover, .from-across-definitions .from-across-definitions-inner li a:hover, .discussion-author-byline a:hover, .eproducts-download:hover, .ezine-all-issues .ezine-all-issues-lists li a:hover, .ezine-article-tagline a:hover, .issue-features-section .issue-author a:hover,
.issue-columns-section .issue-author a:hover,
.issue-news-section .issue-author a:hover, .latest-issue-more a:hover, .eproducts-registration .privacy-policy a:hover,
.eproducts-registration .declarationOfConsent a:hover, .ebook-about-author a:hover,
.ebook-chapters-available a:hover, .chapter-included p a:hover, .micrositeOneReg-disclaimer a:hover, #blog .infotype-news-item .author:hover, .extra-info-inner a:hover, .extraInfo a:hover, .sidebar a:hover { color: #005272;
}
.link-blue-l, .pro-downloads-home .pro-downloads-title-bar a, .ezine-all-issues .eproducts-title-bar a, .ezine-more-downloads .eproducts-title-bar a, .ezine-pro-plus .eproducts-title-bar a { color: #00b9d8;
}
.link-blue-l:hover, .pro-downloads-home .pro-downloads-title-bar a:hover, .ezine-all-issues .eproducts-title-bar a:hover, .ezine-more-downloads .eproducts-title-bar a:hover, .ezine-pro-plus .eproducts-title-bar a:hover { color: #008bc1;
}
body { font-size: 15px; color: #323232; min-width: 320px; background: #f2f2f2; position: relative; z-index: 320;
}
@media (min-width: 640px) { body { z-index: 640; }
}
@media (min-width: 960px) { body { z-index: 960; }
}
@media (min-width: 1280px) { body { z-index: 1280; }
}
a { text-decoration: none; color: inherit; -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s;
}
p { font-size: 15px; line-height: 1.53em; color: #666666; margin: 1.5em 0;
}
@media (min-width: 640px) { p { font-size: 16px; line-height: 1.75em; }
}
@media (min-width: 960px) { p { font-size: 17px; line-height: 1.71em; }
}
@media (min-width: 1280px) { p { font-size: 18px; line-height: 1.67em; }
}
i { font-style: normal;
}
ul { margin: 0; padding: 0;
}
button { border: 0; background: none;
}
.button { font-size: 13px; line-height: 50px; letter-spacing: -.02em; text-align: center; color: #fff; height: 50px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s;
}
.blue-button { background: #008bc1;
}
.blue-button:hover { background: #005272;
}
.teal-button { background: #00b3ac;
}
.teal-button:hover { background: #006860;
}
.black-button { background: #323232;
}
.black-button:hover { background: #000;
}
.primaryButton { background-color: #00b3ac; padding: 10px 30px;
}
.icon { position: relative;
}
.site-container.shifted { position: fixed; top: 0; left: 0; z-index: 2; width: 100%; border-left: 1px solid #e3e3e3; -moz-transition: left 0.2s; -o-transition: left 0.2s; -webkit-transition: left 0.2s; transition: left 0.2s;
}
.main-content { margin: 20px 20px 0; background: #fff; position: relative; z-index: 2;
}
@media (min-width: 960px) { .main-content { width: 800px; margin: 10px auto 0; padding: 0 40px; }
}
@media (min-width: 1280px) { .main-content { width: 1120px; }
}
@media (min-width: 960px) { .content-left { width: 170px; padding-top: 50px; position: relative; float: left; }
}
@media (min-width: 1280px) { .content-left { width: 200px; }
}
@media (min-width: 960px) { .locking-full-bar { width: 170px; }
}
@media (min-width: 1280px) { .locking-full-bar { width: 200px; }
}
.content-center { position: relative; margin: 0 20px;
}
@media (min-width: 640px) { .content-center { margin: 0 40px; }
}
@media (min-width: 960px) { .content-center { width: 590px; margin: 0 0 0 40px; float: left; }
}
@media (min-width: 1280px) { .content-center { width: 640px; }
}
@media (min-width: 1280px) { .content-right { float: left; width: 200px; margin-left: 40px; }
}
.top-gradient-bar { width: 100%; vertical-align: top;
}
@media (min-width: 960px) { .top-gradient-bar { position: absolute; top: 0; left: 0; }
}
.definition-link { margin-right: -.2em;
}
.definition-link .icon { font-size: 1.5em; top: .15em;
}
.show-more { color: #c6c2bf; cursor: pointer; -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s;
}
.show-more:hover { color: #a6a6a6;
}
::-webkit-input-placeholder { color: #dddddd;
}
:-moz-placeholder { color: #dddddd;
}
::-moz-placeholder { color: #dddddd; opacity: 1;
}
:-ms-input-placeholder { color: #dddddd;
}
.nav-list-item-searchsites .nav-list-item-header .nav-list-item-header-title .logo-search { color: #006860;
}
.nav-list-item-searchsites .nav-list-item-header .nav-list-item-header-title span { color: #00b3ac;
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header .nav-list-item-header-title span { color: #fff; }
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header.searchbusinessanalytics .logo-2, .nav-list-item-searchsites .nav-list-item-header.searchcloudapplications .logo-2, .nav-list-item-searchsites .nav-list-item-header.searchcontentmanagement .logo-2, .nav-list-item-searchsites .nav-list-item-header.searchdatamanagement .logo-2, .nav-list-item-searchsites .nav-list-item-header.searchenterprisedesktop .logo-2, .nav-list-item-searchsites .nav-list-item-header.searchfinancialapplications .logo-2, .nav-list-item-searchsites .nav-list-item-header.searchmidmarketsecurity .logo-2, .nav-list-item-searchsites .nav-list-item-header.searchmobilecomputing .logo-2, .nav-list-item-searchsites .nav-list-item-header.searchservervirtualization .logo-2, .nav-list-item-searchsites .nav-list-item-header.searchunifiedcommunications .logo-2 { display: block; }
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header.searchmanufacturingerp .logo-search { display: block; }
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header.searchsolidstatestorage .logo-3, .nav-list-item-searchsites .nav-list-item-header.searchdatacenteres .logo-3 { color: #006860; display: block; }
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header.searchbusinessintelligencein .logo-2 { display: inline-block; }
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header.searchbusinessintelligencein .logo-3 { color: #006860; }
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header.searchcioau .logo-2, .nav-list-item-searchsites .nav-list-item-header.searchcioin .logo-2, .nav-list-item-searchsites .nav-list-item-header.searchsecurityde .logo-2, .nav-list-item-searchsites .nav-list-item-header.searchsecurityin .logo-2, .nav-list-item-searchsites .nav-list-item-header.searchstoragede .logo-2 { color: #006860; }
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header.searchdatacenterde .logo-1, .nav-list-item-searchsites .nav-list-item-header.searchdatacenterin .logo-1 { display: inline-block; }
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header.searchdatacenterde .logo-3, .nav-list-item-searchsites .nav-list-item-header.searchdatacenterin .logo-3 { color: #006860; }
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header.searchdatamanagementuk .logo-2, .nav-list-item-searchsites .nav-list-item-header.searchenterprisesoftwarede .logo-2 { display: inline-block; word-break: break-word; }
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header.searchdatamanagementuk .logo-3, .nav-list-item-searchsites .nav-list-item-header.searchenterprisesoftwarede .logo-3 { color: #006860; }
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header.searchnetworkinguk .logo-1, .nav-list-item-searchsites .nav-list-item-header.searchsecurityau .logo-1, .nav-list-item-searchsites .nav-list-item-header.searchsecurityuk .logo-1, .nav-list-item-searchsites .nav-list-item-header.searchstorageau .logo-1, .nav-list-item-searchsites .nav-list-item-header.searchstorageuk .logo-1 { display: block; }
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header.searchnetworkinguk .logo-2, .nav-list-item-searchsites .nav-list-item-header.searchsecurityau .logo-2, .nav-list-item-searchsites .nav-list-item-header.searchsecurityuk .logo-2, .nav-list-item-searchsites .nav-list-item-header.searchstorageau .logo-2, .nav-list-item-searchsites .nav-list-item-header.searchstorageuk .logo-2 { color: #006860; }
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header.searchvirtualdatacentreuk .logo-2 { display: inline-block; }
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header.searchvirtualdatacentreuk .logo-4 { color: #006860; }
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header.searchnetworkingde .logo-search { display: block; }
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header.searchnetworkingde .logo-2 { color: #006860; }
}
.homepage-title .logo-1,
.homepage-title .logo-2,
.homepage-title .logo-3,
.homepage-title .logo-4 { color: #323232; display: inline-block;
}
.latest-content .logo-search { color: #c6c2bf;
}
.latest-content .logo-1,
.latest-content .logo-2,
.latest-content .logo-3,
.latest-content .logo-4 { color: #00b3ac;
}
.latest-content .theserversidecom .logo-1,
.latest-content .theserversidecom .logo-4 { color: #c6c2bf;
}
.latest-content .searchapplicationsfr .logo-2,
.latest-content .searchbicn .logo-2,
.latest-content .searchcioau .logo-2,
.latest-content .searchciocn .logo-2,
.latest-content .searchcioin .logo-2,
.latest-content .searchcioit .logo-2,
.latest-content .searchdatabasecn .logo-2,
.latest-content .searchnetworkingcn .logo-2,
.latest-content .searchnetworkingde .logo-2,
.latest-content .searchnetworkingfr .logo-2,
.latest-content .searchnetworkingit .logo-2,
.latest-content .searchnetworkinguk .logo-2,
.latest-content .searchsecurityau .logo-2,
.latest-content .searchsecuritycn .logo-2,
.latest-content .searchsecurityde .logo-2,
.latest-content .searchsecurityfr .logo-2,
.latest-content .searchsecurityin .logo-2,
.latest-content .searchsecurityit .logo-2,
.latest-content .searchsecurityuk .logo-2,
.latest-content .searchsmbcn .logo-2,
.latest-content .searchsoacn .logo-2,
.latest-content .searchstorageau .logo-2,
.latest-content .searchstoragecn .logo-2,
.latest-content .searchstoragede .logo-2,
.latest-content .searchstoragees .logo-2,
.latest-content .searchstoragefr .logo-2,
.latest-content .searchstorageuk .logo-2,
.latest-content .searchsvcn .logo-2,
.latest-content .searchvirtualcn .logo-2 { color: #c6c2bf;
}
.latest-content .searchdatamanagementuk .logo-3,
.latest-content .searchbusinessintelligencein .logo-3,
.latest-content .searchcloudcomputingcn .logo-3,
.latest-content .searchcloudcomputingde .logo-3,
.latest-content .searchcloudcomputingfr .logo-3,
.latest-content .searchdatacentercn .logo-3,
.latest-content .searchdatacenterde .logo-3,
.latest-content .searchdatacenteres .logo-3,
.latest-content .searchdatacenterfr .logo-3,
.latest-content .searchdatacenterin .logo-3,
.latest-content .searchdatacenterit .logo-3,
.latest-content .searchdatamanagementfr .logo-3,
.latest-content .searchdatamanagementuk .logo-3,
.latest-content .searchenterprisesoftwarede .logo-3,
.latest-content .searchservervirtualizationfr .logo-3,
.latest-content .searchsolidstatestorage .logo-3,
.latest-content .searchvirtualdesktopfr .logo-3 { color: #c6c2bf;
}
.latest-content .searchvirtualdatacentreuk .logo-4 { color: #c6c2bf;
}
.indentfix, .default-list { margin: 0 0 20px 25px; padding: 0;
}
.indentfix li, .default-list li { font-size: 15px; color: #666666; margin: 10px 0;
}
@media (min-width: 640px) { .indentfix li, .default-list li { font-size: 16px; line-height: 1.75em; }
}
@media (min-width: 960px) { .indentfix li, .default-list li { font-size: 17px; line-height: 1.71em; }
}
@media (min-width: 1280px) { .indentfix li, .default-list li { font-size: 18px; line-height: 1.67em; }
}
li.indentfix { font-size: 15px; color: #666666; margin: 10px 0;
}
@media (min-width: 640px) { li.indentfix { font-size: 16px; line-height: 1.75em; }
}
@media (min-width: 960px) { li.indentfix { font-size: 17px; line-height: 1.71em; }
}
@media (min-width: 1280px) { li.indentfix { font-size: 18px; line-height: 1.67em; }
}
li.indentfix table { margin-right: 30px;
}
.extra-info-inner .indentfix li,
.extra-info-inner .default-list li, .extraInfo .indentfix li,
.extraInfo .default-list li, .sidebar .indentfix li,
.sidebar .default-list li { font-size: 13px;
}
table { color: #666666;
}
table td { vertical-align: top;
}
table td .nav { padding: 0;
}
table .indentfix { margin: 0 0 20px 25px; padding: 0;
}
table .indentfix li, table .indentfix li.indentfix { font-size: 15px; color: #666666; margin: 10px 0;
}
@media (min-width: 640px) { table .indentfix li, table .indentfix li.indentfix { font-size: 16px; line-height: 1.75em; }
}
@media (min-width: 960px) { table .indentfix li, table .indentfix li.indentfix { font-size: 17px; line-height: 1.71em; }
}
@media (min-width: 1280px) { table .indentfix li, table .indentfix li.indentfix { font-size: 18px; line-height: 1.67em; }
}
@media (min-width: 640px) { table { font-size: 16px; line-height: 1.75em; }
}
@media (min-width: 960px) { table { font-size: 17px; line-height: 1.71em; }
}
@media (min-width: 1280px) { table { font-size: 18px; line-height: 1.67em; }
}
code { background-color: #fefeec; font-size: 13px; padding: 2px 6px;
}
.content-center img { max-width: 600px;
}
.hidden { display: none;
}
body .content-center .section > div { color: #666666;
}
@media (min-width: 640px) { body .content-center .section > div { font-size: 16px; }
}
@media (min-width: 960px) { body .content-center .section > div { font-size: 17px; }
}
@media (min-width: 1280px) { body .content-center .section > div { font-size: 18px; }
}
.alignLeft { float: none;
}
.alignRight { float: none;
}
.color1, .color2 { background-color: #666;
}
table .colorback { background-color: #666; color: #fff;
}
table .colorback p { color: #fff;
}
table .colorback td { padding: 5px;
}
table .colorSuperLite { background-color: #efefef;
}
u { text-decoration: none !important;
}
.noindent { margin: 0 0 20px 25px; padding: 0;
}
.noindent li { font-size: 15px; color: #666666; margin: 10px 0;
}
@media (min-width: 640px) { .noindent li { font-size: 16px; line-height: 1.75em; }
}
@media (min-width: 960px) { .noindent li { font-size: 17px; line-height: 1.71em; }
}
@media (min-width: 1280px) { .noindent li { font-size: 18px; line-height: 1.67em; }
}
li[type=disc] { font-size: 15px; color: #666666; margin: 10px 0;
}
@media (min-width: 640px) { li[type=disc] { font-size: 16px; line-height: 1.75em; }
}
@media (min-width: 960px) { li[type=disc] { font-size: 17px; line-height: 1.71em; }
}
@media (min-width: 1280px) { li[type=disc] { font-size: 18px; line-height: 1.67em; }
}
.imagecaption { clear: both; text-align: left;
}
.imagecaption.alignRight { float: right; margin: 0 0 15px 20px;
}
.imagecaption.alignLeft { float: left; margin: 0 20px 15px 0;
}
.imagecaption img { display: block; margin: 5px 0;
}
.content-center .section > div.imagecaption, .imagecaption { font-size: 13px; color: #666666;
}
i { font-style: italic;
}
i.icon { font-style: normal;
}
.section { padding-top: 10px; margin-top: 50px; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top;
}
.section-title { font-size: 18px; line-height: 1.22em; margin-top: 21px; margin-bottom: -3px; position: relative;
}
@media (min-width: 640px) { .section-title { font-size: 24px; line-height: 1.08em; margin-top: 28px; margin-bottom: 30px; }
}
@media (min-width: 960px) { .section-title { font-size: 28px; line-height: 1.21em; }
}
@media (min-width: 1280px) { .section-title { font-size: 30px; }
}
.section-title .icon { font-size: 35px; color: #00b3ac; position: absolute;
}
@media (min-width: 640px) { .section-title .icon { font-size: 48px; }
}
@media (min-width: 960px) { .section-title .icon { font-size: 53px; }
}
.jspTrack { width: 7px; background-color: #e3e3e3;
}
.jspDrag { width: 7px; background-color: #c6c2bf;
}
.jspVerticalBar { width: 7px; background-color: transparent;
}
.ui-autocomplete { width: 100% !important; padding: 0; background: #f2f2f2;
}
@media (min-width: 960px) { .ui-autocomplete { border: 1px solid #e3e3e3; background: #fff; }
}
.ui-autocomplete .ui-menu-item { font-size: 11px; color: #666666; width: auto; margin: 0 20px; border-top: 1px solid #fff; border-bottom: 1px solid #c6c2bf; cursor: pointer;
}
@media (min-width: 960px) { .ui-autocomplete .ui-menu-item { font-size: 14px; border-top: 0; border-bottom: 1px solid #e3e3e3; }
}
.ui-autocomplete .ui-menu-item:first-child { border-top: 0;
}
.ui-autocomplete .ui-menu-item:last-child { border-bottom: 0;
}
.ui-autocomplete .ui-menu-item a { padding: 12px 0;
}
.ui-autocomplete .ui-menu-item a.ui-state-focus { margin: 0;
}
.ui-autocomplete .ui-state-focus { color: #00b3ac;
}
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
}
.header { min-width: 320px; width: 100%; height: 60px; background-color: #00b3ac; position: relative; z-index: 100;
}
@media (min-width: 960px) { .header { height: 140px; padding-bottom: 10px; background: #fff url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; z-index: auto; }
}
.header-logo { font-size: 12px; text-decoration: none; color: #fff; height: 60px; position: absolute; left: 60px; right: 60px; margin: 0 auto; text-align: center; top: 0;
}
@media (min-width: 640px) { .header-logo { font-size: 16px; }
}
@media (min-width: 960px) { .header-logo { width: 120px; height: 89px; margin: 0; border-top: 1px solid #e3e3e3; background: #00b3ac url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/nav_border.png?yocs=1_&yoloc=eu) no-repeat right 18px; top: auto; bottom: 10px; left: 0; }
}
.header-logo.mobile-link { display: block;
}
@media (min-width: 960px) { .header-logo.mobile-link { display: none; }
}
.header-logo.desktop-link { display: none;
}
@media (min-width: 960px) { .header-logo.desktop-link { display: block; }
}
.header-logo-mobile { position: relative; top: 20px;
}
@media (min-width: 960px) { .header-logo-mobile { display: none; }
}
.header-logo-desktop { width: 84px; height: 44px; display: none;
}
@media (min-width: 960px) { .header-logo-desktop { position: relative; top: 20px; left: 15px; display: block; }
}
.header-logo-small { display: none;
}
.header-search-toggle { width: 60px; height: 60px; border-left: 1px solid #6AC4C0; background-color: #00b3ac; position: absolute; top: 0; right: 0;
}
@media (min-width: 960px) { .header-search-toggle { width: 70px; height: 90px; border: 0; background-color: transparent; top: auto; bottom: 10px; z-index: 4; }
}
.header-search-toggle.selected { background-color: #015944;
}
@media (min-width: 960px) { .header-search-toggle.selected { background-color: transparent; }
}
.header-search-toggle > .icon { font-size: 45px; color: #fff; -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s;
}
@media (min-width: 960px) { .header-search-toggle > .icon { color: #00b3ac; position: absolute; right: 12px; top: 22px; }
}
@media (min-width: 960px) { .header-search-toggle:hover > .icon { color: #c6c2bf; }
}
@media (min-width: 960px) { .form-open.header-search-toggle { width: 70px !important; }
}
.header-search { z-index: 999999; width: 100%; position: absolute; top: 60px; right: 0; display: none;
}
@media (min-width: 960px) { .header-search { top: 51px; }
}
@media (min-width: 1280px) { .header-search { display: block; }
}
.header-search span.placeholder { font-size: 15px; line-height: 50px; color: #dddddd;
}
@media (min-width: 640px) { .header-search span.placeholder { font-size: 18px; }
}
@media (min-width: 960px) { .header-search span.placeholder { font-size: 24px; line-height: 80px !important; }
}
.header-search-input { font-size: 15px; line-height: 50px; color: #dddddd; width: 100%; height: 50px; padding: 0 20px; border: 0; border-bottom: 1px solid #E7E8E9;
}
@media (min-width: 640px) { .header-search-input { font-size: 18px; }
}
@media (min-width: 960px) { .header-search-input { font-size: 24px; height: 89px; border-bottom: 0; }
}
.header-search-input:focus { color: #323232;
}
.header-search-input::-ms-clear { display: none;
}
.nav-toggle { width: 60px; height: 60px; border-right: 1px solid #6AC4C0; background-color: #00b3ac;
}
@media (min-width: 960px) { .nav-toggle { display: none; }
}
.nav-toggle.selected { background-color: #015944;
}
.nav-toggle > .icon { font-size: 37px; color: #fff; top: 1px;
}
.nav { width: 100%; border-bottom: 1px solid #e3e3e3; background: #fff; position: absolute; top: 60px; left: 0; display: none;
}
@media (min-width: 960px) { .nav { padding: 50px 0 0 120px; border-bottom: 0; position: static; display: block; }
}
.nav-join-pro { font-size: 11px; line-height: 50px; height: 50px; padding-left: 20px; display: block;
}
@media (min-width: 640px) { .nav-join-pro { font-size: 12px; }
}
@media (min-width: 960px) { .nav-join-pro { display: none; }
}
.nav-join-pro span { display: inline-block; width: 63%; vertical-align: middle; line-height: normal;
}
.nav-user { font-size: 11px; line-height: 50px; height: 50px; position: absolute; right: 20px; top: 0; z-index: 1;
}
@media (min-width: 640px) { .nav-user { font-size: 12px; }
}
@media (min-width: 960px) { .nav-user { right: 206px; }
}
.nav-user-name { color: #58595b; padding: 0 10px 0 0; border-right: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .nav-user-name { padding-right: 15px; }
}
.nav-user-action { text-transform: uppercase; color: #00b3ac; padding-left: 8px; cursor: pointer; -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s;
}
@media (min-width: 640px) { .nav-user-action { padding-left: 13px; }
}
.nav-user-action:hover { color: #006860;
}
.nav-user-action.cookies { border-left: 1px solid #e3e3e3; padding-left: 10px; margin-left: 8px;
}
@media (min-width: 640px) { .nav-user-action.cookies { padding-left: 15px; margin-left: 13px; }
}
.nav-list { border-top: 1px solid #e3e3e3;
}
.nav-list-item { border-bottom: 1px solid #e3e3e3;
}
@media (min-width: 960px) { .nav-list-item { width: 175px; height: 89px; border-bottom: 0; border-right: 1px solid #e3e3e3; position: relative; z-index: 999997; }
}
@media (min-width: 1280px) { .nav-list-item { width: 200px; }
}
.nav-list-item.selected { background-color: #f2f2f3;
}
@media (min-width: 960px) { .nav-list-item.selected { background-color: #fff; }
}
.nav-list-item.selected .nav-list-item-header,
.nav-list-item.selected .nav-list-sublist-header { border-bottom: 1px solid #e7e8e9;
}
@media (min-width: 960px) { .nav-list-item.selected .nav-list-item-header, .nav-list-item.selected .nav-list-sublist-header { border: 0; }
}
.nav-list-item.selected .nav-list-item-header > .icon-arrow-down:before,
.nav-list-item.selected .nav-list-sublist-header > .icon-arrow-down:before { content: "\33";
}
.nav-list-item-border { border-bottom: 1px solid #e3e3e3; z-index: 999998;
}
.nav-list-item-header,
.nav-list-sublist-header { font-size: 13px; line-height: 50px; color: #00b3ac; height: 50px; margin: 0 20px; position: relative; cursor: pointer;
}
@media (min-width: 640px) { .nav-list-item-header, .nav-list-sublist-header { font-size: 14px; }
}
@media (min-width: 960px) { .nav-list-item-header, .nav-list-sublist-header { margin: 0; }
}
.nav-list-item-header .icon,
.nav-list-sublist-header .icon { color: #4e4e4e; position: absolute; top: 18px; right: 0;
}
@media (min-width: 960px) { .nav-list-item-header .icon, .nav-list-sublist-header .icon { font-size: 20px; top: 33px; right: 20px; -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; }
}
.nav-list-item-header .view-all,
.nav-list-sublist-header .view-all { font-size: 9px; text-transform: uppercase; color: #a6a6a6; padding-right: 27px; position: absolute; top: 16px; right: 5px; cursor: pointer; -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s;
}
@media (min-width: 960px) { .nav-list-item-header .view-all, .nav-list-sublist-header .view-all { top: 17px; }
}
.nav-list-item-header .view-all .icon,
.nav-list-sublist-header .view-all .icon { font-size: 20px; color: #a6a6a6; top: 0;
}
@media (min-width: 960px) { .nav-list-item-header .view-all .icon, .nav-list-sublist-header .view-all .icon { right: 0; }
}
.nav-list-item-header .view-all:hover,
.nav-list-sublist-header .view-all:hover { color: #323232;
}
.nav-list-item-header .view-all:hover .icon,
.nav-list-sublist-header .view-all:hover .icon { color: #323232;
}
.nav-list-item-header { line-height: 17px;
}
@media (min-width: 960px) { .nav-list-item-header { height: 89px; margin: 0; }
}
.nav-list-item-header .icon-navigation-detail,
.nav-list-item-header .icon-navigation-arrow { display: none;
}
.nav-list-item-header:hover .icon { color: #00b3ac;
}
.nav-list-item-header-type { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #323232; position: absolute; top: 12px; left: 14px; display: none;
}
@media (min-width: 960px) { .nav-list-item-header-type { display: block; }
}
.nav-list-item-header-title { height: 50px; display: table-cell; vertical-align: middle;
}
@media (min-width: 960px) { .nav-list-item-header-title { width: 110px; height: 89px; padding: 0 50px 0 15px; }
}
@media (min-width: 1280px) { .nav-list-item-header-title { width: 135px; }
}
.nav-list-item-dropdown { max-height: 135px; overflow: auto; display: none; -moz-box-shadow: inset 0 -10px 5px -5px #c6c2bf; -webkit-box-shadow: inset 0 -10px 5px -5px #c6c2bf; box-shadow: inset 0 -10px 5px -5px #c6c2bf;
}
@media (min-width: 960px) { .nav-list-item-dropdown { max-height: none; padding: 20px; border: 1px solid #e3e3e3; border-top: 0; background-color: #fff; position: absolute; top: 89px; left: 0; overflow: visible; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
}
.nav-list-item-jscroll { overflow: hidden;
}
@media (min-width: 960px) { .nav-list-item-jscroll { overflow: auto; }
}
.nav-list-parent-topics { display: none; cursor: pointer;
}
.nav-list-sublist-header.nav-list-sublist-header-gray { font-size: 13px; color: #c6c2bf;
}
.nav-list-sublist { padding: 10px 0; border-top: 1px solid #fff;
}
.nav-list-sublist-item,
.nav-list-sublist-link { font-size: 11px; color: #6d6f71; padding: 9px 20px;
}
@media (min-width: 640px) { .nav-list-sublist-item, .nav-list-sublist-link { font-size: 13px; }
}
@media (min-width: 960px) { .nav-list-sublist-item, .nav-list-sublist-link { padding: 9px 0; }
}
.nav-list-sublist-item:hover,
.nav-list-sublist-link:hover { color: #000;
}
.nav-list-sublist-item.sponsored,
.nav-list-sublist-link.sponsored { color: #008bc1;
}
.nav-list-sublist-item.sponsored:hover,
.nav-list-sublist-link.sponsored:hover { color: #005272;
}
@media (min-width: 960px) { .nav-list-item-searchsites, .nav-list-item-all-sites { width: 240px; }
}
.nav-list-item-searchsites .nav-list-item-header,
.nav-list-item-all-sites .nav-list-item-header { font-size: 14px;
}
@media (min-width: 640px) { .nav-list-item-searchsites .nav-list-item-header, .nav-list-item-all-sites .nav-list-item-header { font-size: 16px; }
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header, .nav-list-item-all-sites .nav-list-item-header { font-size: 20px; line-height: 1.1em; letter-spacing: -.02em; color: #fff; background-color: #00b3ac; }
}
.nav-list-item-searchsites .nav-list-item-header a,
.nav-list-item-all-sites .nav-list-item-header a { display: block;
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header .icon, .nav-list-item-all-sites .nav-list-item-header .icon { color: #fff; top: 34px; right: 10px; }
}
.nav-list-item-searchsites .nav-list-item-header .icon:hover,
.nav-list-item-all-sites .nav-list-item-header .icon:hover { color: #00b3ac;
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-header-title, .nav-list-item-all-sites .nav-list-item-header-title { width: 190px; }
}
.nav-list-item-searchsites .nav-list-item-header-title span,
.nav-list-item-all-sites .nav-list-item-header-title span { color: #015944;
}
@media (min-width: 960px) { .nav-list-item-searchsites .nav-list-item-dropdown, .nav-list-item-all-sites .nav-list-item-dropdown { left: -120px; width: 318px; padding: 20px; margin: 0; }
}
.nav-list-item-searchsites .nav-list-item-header .icon:hover { color: #323232;
}
.nav-list-item-searchsites .nav-list-item-header.searchdatacenteres .icon-arrow-down { display: none;
}
.nav-list-item-all-sites .nav-list-item-jscroll .nav-list-child-sites:first-child { display: none;
}
.nav-list-item-all-sites .nav-list-item-jscroll .nav-list-parent-sites { display: block;
}
.nav-list-item-all-sites .nav-list-child-sites { display: none;
}
.nav-list-item-all-sites .nav-list-parent-sites { cursor: pointer;
}
@media (min-width: 960px) { .nav-list-item-topics { position: absolute; left: 360px; top: 51px; }
}
@media (min-width: 960px) { .nav-list-item-topics .nav-list-item-dropdown { width: 311px; padding: 20px; left: -1px; }
}
@media (min-width: 1280px) { .nav-list-item-topics .nav-list-item-dropdown { width: 361px; }
}
.nav-list-item-topics .nav-list-item-dropdown.infotype .nav-list-item-jscroll .nav-list-child-topics:first-child { display: none;
}
.nav-list-item-topics .nav-list-item-dropdown.infotype .nav-list-item-jscroll .nav-list-parent-topics { display: block;
}
.nav-list-item-topics .nav-list-child-topics { position: relative;
}
.nav-list-sublist-header-topics { cursor: auto; line-height: 20px; width: 100%; height: 50px; padding: 0 90px 0 20px; display: table-cell; vertical-align: middle;
}
@media (min-width: 960px) { .nav-list-sublist-header-topics { padding-left: 0; }
}
.nav-list-child-topics { display: none;
}
.nav-list-item-jscroll .nav-list-child-topics:first-child { display: block;
}
@media (min-width: 960px) { .nav-list-item-sections { position: absolute; left: 536px; top: 51px; }
}
@media (min-width: 1280px) { .nav-list-item-sections { left: 561px; }
}
@media (min-width: 960px) { .nav-list-item-sections .nav-list-item-dropdown { width: 311px; padding: 20px; margin: 0; left: -177px; }
}
@media (min-width: 1280px) { .nav-list-item-sections .nav-list-item-dropdown { width: 361px; left: -202px; }
}
.desktop-fixed-search { display: none;
}
.nav-social { text-align: center; height: 60px;
}
@media (min-width: 960px) { .nav-social { height: 50px; padding-left: 15px; border-left: 1px solid #e3e3e3; position: absolute; top: 0; right: 12px; }
}
.nav-social-item { margin: 0 1px;
}
.nav-social-item a { color: #c6c2bf;
}
.nav-social-item a:hover { color: #00b3ac;
}
.nav-social-item .icon { font-size: 35px; line-height: 60px; top: 2px;
}
@media (min-width: 960px) { .nav-social-item .icon { line-height: 50px; }
}
.header-mobile-fixed .header-leaderboard { margin-bottom: 60px;
}
.header-mobile-fixed .header { position: fixed; top: 0; left: 0; z-index: 100;
}
@media (min-width: 960px) { .header-desktop-fixed .header-leaderboard { margin-bottom: 60px; } .header-desktop-fixed .header { height: 57px; padding-bottom: 0; border-bottom: 1px solid #e3e3e3; background-image: none; position: fixed; top: -57px; left: 0; z-index: 100; } .header-desktop-fixed .header .header-logo { width: 94px; height: 57px; border: 0; background: #00b3ac url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/nav_border_small.png?yocs=1_&yoloc=eu) no-repeat right 8px; bottom: 0; } .header-desktop-fixed .header .header-logo-mobile, .header-desktop-fixed .header .header-logo-desktop { display: none; } .header-desktop-fixed .header .header-logo-small { position: absolute; top: 10px; left: 12px; display: block; height: 34px; width: 64px; } .header-desktop-fixed .header .header-search-toggle { width: 57px; height: 57px; bottom: 0; } .header-desktop-fixed .header .header-search-toggle .icon { top: 4px; } .header-desktop-fixed .header .header-search { z-index: 999999; top: 0; }
}
@media (min-width: 960px) and (min-width: 1280px) { .header-desktop-fixed .header .header-search { display: none; }
}
@media (min-width: 960px) { .header-desktop-fixed .header .header-search span.placeholder { line-height: 50px !important; } .header-desktop-fixed .header .header-search-input { height: 57px; position: relative; } .header-desktop-fixed .header .nav { padding: 0 0 0 94px; border: 0; } .header-desktop-fixed .header .nav-pro-callout, .header-desktop-fixed .header .nav-social, .header-desktop-fixed .header .nav-user { display: none; } .header-desktop-fixed .header .nav-list { border: 0; } .header-desktop-fixed .header .nav-list-item { height: 57px; border: 0; position: relative; top: 0; left: 0; float: left; } .header-desktop-fixed .header .nav-list-item-header { height: 57px; } .header-desktop-fixed .header .nav-list-item-header .icon-arrow-down { display: none; } .header-desktop-fixed .header .nav-list-item-header:hover { color: #015944; } .header-desktop-fixed .header .nav-list-item-header-type { display: none; } .header-desktop-fixed .header .nav-list-item-header-title { height: 57px; } .header-desktop-fixed .header .nav-list-item-dropdown { top: 57px; } .header-desktop-fixed .header .nav-list-item-searchsites .nav-list-item-header, .header-desktop-fixed .header .nav-list-item-all-sites .nav-list-item-header { font-size: 18px; } .header-desktop-fixed .header .nav-list-item-searchsites .nav-list-item-dropdown, .header-desktop-fixed .header .nav-list-item-all-sites .nav-list-item-dropdown { left: -94px; width: 292px; } .header-desktop-fixed .header .nav-list-item-topics .nav-list-item-header-title { max-width: 135px; padding: 0 15px 0 25px; } .header-desktop-fixed .header .nav-list-item-topics .icon-navigation-detail { font-size: 26px; color: #00b3ac; top: 15px; right: auto; left: -8px; display: block; } .header-desktop-fixed .header .nav-list-item-sections { border-right: 1px solid #e3e3e3; } .header-desktop-fixed .header .nav-list-item-sections .nav-list-item-header-title { max-width: 145px; padding: 0 15px 0 25px; } .header-desktop-fixed .header .nav-list-item-sections .icon-navigation-arrow { font-size: 18px; color: #a6a6a6; top: 20px; right: auto; left: -3px; display: block; } .header-desktop-fixed .header .nav-list-item-sections .nav-list-item-dropdown { left: -4px; } .header-desktop-fixed .header .desktop-fixed-search { display: block; position: relative; float: left; left: 15px; top: 15px; font-size: 24px; color: #dddddd; white-space: nowrap; }
}
@media (min-width: 960px) and (min-width: 960px) { .header-desktop-fixed .header .desktop-fixed-search { font-size: 18px; }
}
@media (min-width: 960px) and (min-width: 1280px) { .header-desktop-fixed .header .desktop-fixed-search { font-size: 24px; }
}
@media (min-width: 960px) { .header-desktop-fixed .header .desktop-fixed-search:hover { cursor: pointer; } .header-desktop-fixed .header .nav-list-item-topics, .header-desktop-fixed .header .nav-list-item-sections { width: auto; } .header-desktop-fixed .header .nav-list-item-topics .nav-list-item-header-title, .header-desktop-fixed .header .nav-list-item-sections .nav-list-item-header-title { line-height: 57px; text-overflow: ellipsis; white-space: nowrap; width: auto; overflow: hidden; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
}
.header-searchsite-display { font-size: 18px; line-height: 40px; letter-spacing: -.02em; color: #025944; text-align: center; height: 40px; padding-bottom: 10px; background: #fff url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom;
}
.header-searchsite-display span { font-size: 18px; color: #00b3ac; word-spacing: -4px;
}
@media (min-width: 960px) { .header-searchsite-display { display: none; }
}
.header-privacy-policy { background-color: #f2f2f2; padding: 10px 15px; text-align: center;
}
.header-privacy-policy span { color: #323232; display: block; font-size: 13px;
}
@media (min-width: 640px) { .header-privacy-policy span { font-size: 14px; }
}
@media (min-width: 960px) { .header-privacy-policy span { font-size: 15px; }
}
.header-privacy-policy span.pp-strong { color: #00b3ac;
}
.header-privacy-policy span a { text-decoration: underline;
}
.header-privacy-policy span a:hover { color: #00b3ac;
}
footer { position: relative; margin: 20px 20px 0;
}
@media (min-width: 640px) { footer { margin: 30px 0 0 0; }
}
@media (min-width: 960px) { footer { margin: 40px auto 0; width: 880px; }
}
@media (min-width: 1280px) { footer { width: 1200px; }
}
footer .content-left { display: none; height: auto; padding-top: 0;
}
@media (min-width: 1280px) { footer .content-left { display: block; width: 208px; } footer .content-left .column-logo { width: 100%; height: 0; padding-top: 79px; overflow: hidden; background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/footer_logo.png?yocs=1_&yoloc=eu") 20px top no-repeat; }
}
footer .content-center { background: transparent url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu") repeat-x 0 top; padding-top: 20px; position: relative; margin: 0;
}
@media (min-width: 640px) { footer .content-center { background: transparent; padding-top: 0; margin: 0 20px; padding-bottom: 25px; height: auto; }
}
@media (min-width: 960px) { footer .content-center { margin: 0 36px 0 0; width: 653px; }
}
@media (min-width: 1280px) { footer .content-center { width: 704px; margin: 0 40px; }
}
footer .content-right { float: left; width: 100%; height: auto; margin: 0; background: none;
}
@media (min-width: 640px) { footer .content-right { text-align: left; }
}
@media (min-width: 960px) { footer .content-right { width: 170px; }
}
@media (min-width: 1280px) { footer .content-right { width: 208px; }
}
footer .column { background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/footer_rule.jpg?yocs=1_&yoloc=eu") repeat-x 0 bottom; list-style: none; margin-bottom: 10px; padding-bottom: 10px;
}
@media (min-width: 640px) { footer .column { background: transparent url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu") repeat-x 0 top; float: left; width: 30%; margin-right: 5%; margin-bottom: 15px; padding-top: 10px; padding-bottom: 0; }
}
@media (min-width: 960px) { footer .column { width: 193px; margin-right: 36px; }
}
@media (min-width: 1280px) { footer .column { width: 208px; margin-right: 40px; }
}
footer .column:first-child { margin-right: 6%;
}
@media (min-width: 640px) { footer .column:first-child { margin-right: 5%; }
}
@media (min-width: 960px) { footer .column:first-child { margin-right: 36px; }
}
@media (min-width: 1280px) { footer .column:first-child { margin-right: 40px; }
}
footer .column.column-legal { text-align: center; width: 100%; background: none; font-size: 11px;
}
@media (min-width: 640px) { footer .column.column-legal { margin-right: 0; }
}
@media (min-width: 960px) { footer .column.column-legal { margin: 0; width: 193px; text-align: left; background: transparent url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu") repeat-x 0 top; }
}
@media (min-width: 1280px) { footer .column.column-legal { margin: 0; width: 100%; }
}
footer .column.column-mobile-hidden { background: none;
}
@media (min-width: 640px) { footer .column.column-mobile-hidden { width: 30%; margin-right: 0; background: transparent url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu") repeat-x 0 top; }
}
@media (min-width: 960px) { footer .column.column-mobile-hidden { width: 193px; }
}
@media (min-width: 1280px) { footer .column.column-mobile-hidden { width: 208px; }
}
footer p.footer-legal { padding-bottom: 25px; color: #a6a6a6; margin: 0; font-size: 11px;
}
footer p.footer-legal span { display: block;
}
@media (min-width: 640px) { footer p.footer-legal span { display: inline; }
}
@media (min-width: 960px) { footer p.footer-legal { margin: 18px 0 0 0; max-width: 170px; }
}
footer .footer-item { float: left; margin-right: 15px; font-size: 11px; line-height: 20px;
}
footer .footer-item.footer-item-col-1 { left: 0;
}
footer .footer-item.footer-item-col-2 { left: 53%;
}
footer .footer-item.footer-item-row-1 { top: 20px;
}
footer .footer-item.footer-item-row-2 { top: 45px;
}
footer .footer-item.footer-item-row-3 { top: 70px;
}
footer .footer-item.footer-item-row-4 { top: 95px;
}
footer .footer-item.footer-item-row-5 { top: 120px;
}
footer .footer-item.footer-item-row-6 { top: 145px;
}
@media (min-width: 640px) { footer .footer-item.footer-item-row-6 { background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/footer_rule.jpg?yocs=1_&yoloc=eu") repeat-x 0 bottom; padding: 15px 0 3px; }
}
@media (min-width: 640px) { footer .footer-item { position: relative; width: 100%; padding: 15px 0 3px; font-size: 13px; line-height: 22px; background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/footer_rule.jpg?yocs=1_&yoloc=eu") repeat-x 0 bottom; } footer .footer-item.footer-item-row-1, footer .footer-item.footer-item-row-2, footer .footer-item.footer-item-row-3, footer .footer-item.footer-item-row-4, footer .footer-item.footer-item-row-5, footer .footer-item.footer-item-row-6 { top: auto; left: 0; }
}
.mobile-sidebars { width: 100%; position: absolute; top: 0; left: -100%; z-index: 1; -moz-transition: left 0.2s; -o-transition: left 0.2s; -webkit-transition: left 0.2s; transition: left 0.2s; height: 0; overflow: hidden;
}
@media (min-width: 960px) { .mobile-sidebars { display: none; }
}
.mobile-chapters-bar,
.mobile-resources-bar { width: 100%; padding-left: 30px; margin-left: -30px; background-color: #fff;
}
@media (min-width: 640px) { .mobile-chapters-bar, .mobile-resources-bar { padding-left: 40px; margin-left: -40px; }
}
.desktop-chapters-bar,
.desktop-resources-bar,
.desktop-related-bar,
.desktop-guide-bar,
.browse-defs-bar,
.desktop-itcs-bar { display: none;
}
@media (max-width: 960px) { .desktop-chapters-bar, .desktop-resources-bar, .desktop-related-bar, .desktop-guide-bar, .browse-defs-bar, .desktop-itcs-bar { margin: 0 !important; }
}
@media (min-width: 960px) { .desktop-chapters-bar, .desktop-resources-bar, .desktop-related-bar, .desktop-guide-bar, .browse-defs-bar, .desktop-itcs-bar { width: 170px; padding-top: 10px; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; display: block; }
}
@media (min-width: 1280px) { .desktop-chapters-bar, .desktop-resources-bar, .desktop-related-bar, .desktop-guide-bar, .browse-defs-bar, .desktop-itcs-bar { width: 200px; }
}
@media (min-width: 960px) { .desktop-resources-bar { background: none; }
}
@media (min-width: 1280px) { .desktop-resources-bar { width: 200px; position: absolute; margin-left: 920px; top: 50px; }
}
@media (min-width: 960px) { .desktop-resources-bar .resources-bar-header { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; padding-top: 25px; }
}
@media (min-width: 1280px) { .desktop-resources-bar .sponsored-news-list .resources-bar-item { padding-right: 20px; min-height: 0; }
}
.mobile-resources-bar .sponsored-news-list { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 10px;
}
.main-article .desktop-related-bar, .main-article
.desktop-guide-bar, .main-article
.desktop-itcs-bar { display: none;
}
@media (min-width: 1280px) { .main-article .desktop-related-bar, .main-article .desktop-guide-bar, .main-article .desktop-itcs-bar { display: block; }
}
.chapters-bar-header,
.resources-bar-header,
.related-bar-header,
.guide-bar-header,
.browse-defs-bar-header,
.itcs-bar-header,
.blog-bar-header { font-size: 18px; line-height: 1.22em; letter-spacing: -.02em; padding: 15px 20px 15px 43px; border-bottom: 1px solid #e3e3e3; position: relative;
}
@media (min-width: 960px) { .chapters-bar-header, .resources-bar-header, .related-bar-header, .guide-bar-header, .browse-defs-bar-header, .itcs-bar-header, .blog-bar-header { font-size: 15px; padding-left: 20px; }
}
.chapters-bar-header .icon,
.resources-bar-header .icon,
.related-bar-header .icon,
.guide-bar-header .icon,
.browse-defs-bar-header .icon,
.itcs-bar-header .icon,
.blog-bar-header .icon { font-size: 35px; color: #00b3ac; position: absolute; top: 9px; left: 9px;
}
@media (min-width: 960px) { .chapters-bar-header .icon, .resources-bar-header .icon, .related-bar-header .icon, .guide-bar-header .icon, .browse-defs-bar-header .icon, .itcs-bar-header .icon, .blog-bar-header .icon { top: 7px; left: -11px; }
}
.guide-bar-header { letter-spacing: 0;
}
.guide-bar-section-title { letter-spacing: -.02em; line-height: 1.22em;
}
.resources-bar-header,
.related-bar-header,
.browse-defs-bar-header,
.itcs-bar-header { padding-left: 57px;
}
@media (min-width: 960px) { .resources-bar-header, .related-bar-header, .browse-defs-bar-header, .itcs-bar-header { padding-left: 0; }
}
.resources-bar-header .icon,
.related-bar-header .icon,
.browse-defs-bar-header .icon,
.itcs-bar-header .icon { font-size: 48px; color: #008bc1; top: 2px;
}
@media (min-width: 960px) { .resources-bar-header .icon, .related-bar-header .icon, .browse-defs-bar-header .icon, .itcs-bar-header .icon { display: none; }
}
.guide-bar-header { color: #a6a6a6; font-size: 12px; padding-bottom: 10px; padding-left: 30px;
}
.guide-bar-header .icon { color: #a6a6a6; left: -5px;
}
.guide-bar-header span { display: block;
}
.guide-bar-header span.guide-bar-section-title { color: #323232; display: block; font-size: 16px; margin: 10px 0 0 -30px;
}
.related-bar-header,
.browse-defs-bar-header,
.itcs-bar-header { padding-left: 20px;
}
@media (min-width: 960px) { .related-bar-header, .browse-defs-bar-header, .itcs-bar-header { padding-left: 0; }
}
.itcs-bar-header span { display: block; font-size: 10px; text-transform: uppercase; color: #00b3ac;
}
.chapters-bar-item,
.resources-bar-item,
.related-bar-item,
.guide-bar-item,
.chapters-bar-item-link,
.itcs-bar-item,
.blog-bar-item { font-size: 12px; line-height: 1.2em; letter-spacing: .02em; padding: 15px 20px; border-bottom: 1px solid #e3e3e3; cursor: pointer;
}
@media (min-width: 960px) { .chapters-bar-item, .resources-bar-item, .related-bar-item, .guide-bar-item, .chapters-bar-item-link, .itcs-bar-item, .blog-bar-item { padding: 15px; }
}
.chapters-bar-item:last-child,
.resources-bar-item:last-child,
.related-bar-item:last-child,
.guide-bar-item:last-child,
.chapters-bar-item-link:last-child,
.itcs-bar-item:last-child,
.blog-bar-item:last-child { border: 0;
}
.chapters-bar-item.selected,
.resources-bar-item.selected,
.related-bar-item.selected,
.guide-bar-item.selected,
.chapters-bar-item-link.selected,
.itcs-bar-item.selected,
.blog-bar-item.selected { background-color: #f2f2f2;
}
@media (min-width: 960px) { .chapters-bar-item.selected, .resources-bar-item.selected, .related-bar-item.selected, .guide-bar-item.selected, .chapters-bar-item-link.selected, .itcs-bar-item.selected, .blog-bar-item.selected { font-family: 'NeueHaasGroteskText W01', Helvetica, Arial, sans-serif; border-left: 5px solid #00b3ac; background-color: transparent; }
}
.chapters-bar-item.selected a,
.resources-bar-item.selected a,
.related-bar-item.selected a,
.guide-bar-item.selected a,
.chapters-bar-item-link.selected a,
.itcs-bar-item.selected a,
.blog-bar-item.selected a { color: #00b3ac;
}
@media (min-width: 960px) { .chapters-bar-item.selected a, .resources-bar-item.selected a, .related-bar-item.selected a, .guide-bar-item.selected a, .chapters-bar-item-link.selected a, .itcs-bar-item.selected a, .blog-bar-item.selected a { color: #323232; }
}
.chapters-bar-item .topic-count,
.resources-bar-item .topic-count,
.related-bar-item .topic-count,
.guide-bar-item .topic-count,
.chapters-bar-item-link .topic-count,
.itcs-bar-item .topic-count,
.blog-bar-item .topic-count { color: #00b3ac;
}
.chapters-bar-item a,
.chapters-bar-item-link a { color: #a6a6a6;
}
.chapters-bar-item:hover a,
.chapters-bar-item-link:hover a { color: #323232;
}
.resources-bar-item,
.related-bar-item,
.itcs-bar-item,
.blog-bar-item { padding-left: 55px; position: relative; cursor: auto;
}
@media (min-width: 960px) { .resources-bar-item, .related-bar-item, .itcs-bar-item, .blog-bar-item { padding-left: 0; list-style: none; }
}
@media (min-width: 1280px) { .resources-bar-item, .related-bar-item, .itcs-bar-item, .blog-bar-item { min-height: 60px; padding-right: 70px; }
}
.resources-bar-item .icon,
.related-bar-item .icon,
.itcs-bar-item .icon,
.blog-bar-item .icon { font-size: 27px; color: #a6a6a6; position: absolute; left: 18px; top: 13px;
}
@media (min-width: 960px) { .resources-bar-item .icon, .related-bar-item .icon, .itcs-bar-item .icon, .blog-bar-item .icon { display: none; }
}
@media (min-width: 1280px) { .resources-bar-item .icon, .related-bar-item .icon, .itcs-bar-item .icon, .blog-bar-item .icon { font-size: 26px; line-height: 38px; text-align: center; width: 35px; height: 35px; background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/bg_profeature_bullet.png?yocs=1_&yoloc=eu") no-repeat; left: auto; right: 0; top: 8px; display: block; }
}
@media (min-width: 1280px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 1280px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 1280px) and (-webkit-device-pixel-ratio: 1.3), (min-width: 1280px) and (min-device-pixel-ratio: 1.3), (min-width: 1280px) and (min-resolution: 1.3dppx) { .gt-ie8 .resources-bar-item .icon, .gt-ie8 .related-bar-item .icon, .gt-ie8 .itcs-bar-item .icon, .gt-ie8 .blog-bar-item .icon { background-image: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/bg_profeature_bullet@2x.png?yocs=1_&yoloc=eu"); background-size: 60px 60px; }
}
.resources-bar-item span,
.related-bar-item span,
.itcs-bar-item span,
.blog-bar-item span { color: #a6a6a6; display: block; white-space: nowrap;
}
.resources-bar-item span,
.related-bar-item span { white-space: normal;
}
.guide-bar-item { padding-left: 55px; position: relative; cursor: auto;
}
@media (min-width: 960px) { .guide-bar-item { padding-left: 0; list-style: none; }
}
@media (min-width: 1280px) { .guide-bar-item { min-height: 60px; padding-right: 70px; }
}
.guide-bar-item .icon { display: none;
}
@media (min-width: 1280px) { .guide-bar-item .icon { display: block; font-size: 40px; top: -7px; left: -10px; position: absolute; }
}
.guide-bar-item a { display: block; padding-left: 30px;
}
@media (min-width: 960px) { .guide-bar-item a { padding-left: 0; }
}
@media (min-width: 1280px) { .guide-bar-item a { padding-left: 30px; }
}
@media (min-width: 960px) { .resources-bar-item { padding-right: 0; }
}
@media (min-width: 1280px) { .resources-bar-item { padding-right: 50px; } .resources-bar-item a { display: block; min-height: 30px; }
}
@media (min-width: 960px) { .blog-bar-item { padding-right: 0; }
}
@media (min-width: 1280px) { .blog-bar-item { min-height: 0; padding-right: 0; }
}
@media (min-width: 960px) { .sponsored-news .resources-bar-item, .latest-news .resources-bar-item, .latest-podcasts .resources-bar-item, .latest-opinions .resources-bar-item { padding-right: 0; min-height: 0; } .sponsored-news .resources-bar-item a, .latest-news .resources-bar-item a, .latest-podcasts .resources-bar-item a, .latest-opinions .resources-bar-item a { min-height: 0; }
}
.sponsored-news .resources-bar-item.see-more a,
.latest-news .resources-bar-item.see-more a,
.latest-podcasts .resources-bar-item.see-more a,
.latest-opinions .resources-bar-item.see-more a { display: block; font-size: 14px; color: #a6a6a6;
}
@media (min-width: 960px) { .sponsored-news .resources-bar-item.see-more a, .latest-news .resources-bar-item.see-more a, .latest-podcasts .resources-bar-item.see-more a, .latest-opinions .resources-bar-item.see-more a { text-align: center; }
}
.sponsored-news .resources-bar-item.see-more a:hover,
.latest-news .resources-bar-item.see-more a:hover,
.latest-podcasts .resources-bar-item.see-more a:hover,
.latest-opinions .resources-bar-item.see-more a:hover { color: #323232;
}
.sponsored-news .resources-bar-item.see-more .button,
.latest-news .resources-bar-item.see-more .button,
.latest-podcasts .resources-bar-item.see-more .button,
.latest-opinions .resources-bar-item.see-more .button { color: #fff;
}
.sponsored-news .resources-bar-item.see-more .button:hover,
.latest-news .resources-bar-item.see-more .button:hover,
.latest-podcasts .resources-bar-item.see-more .button:hover,
.latest-opinions .resources-bar-item.see-more .button:hover { color: #fff;
}
.related-bar-item.see-more a,
.blog-bar-item.see-more a { display: block; font-size: 14px; color: #a6a6a6;
}
@media (min-width: 960px) { .related-bar-item.see-more a, .blog-bar-item.see-more a { text-align: center; }
}
.related-bar-item.see-more a:hover,
.blog-bar-item.see-more a:hover { color: #323232;
}
.related-bar-item,
.guide-bar-item,
.itcs-bar-item { min-height: 0; padding-right: 0; padding-left: 20px;
}
@media (min-width: 960px) { .related-bar-item, .guide-bar-item, .itcs-bar-item { padding-left: 0; }
}
.itcs-bar-item { clear: both; overflow: hidden;
}
@media (min-width: 960px) { .itcs-bar-item { padding-top: 10px; padding-bottom: 0; padding-right: 0; min-height: 0; }
}
.itcs-bar-item img { float: left; width: 45px; height: 45px; margin: 0 15px 62px 0;
}
@media (min-width: 1280px) { .itcs-bar-item img { margin-bottom: 50px; }
}
.itcs-bar-item span { font-size: 14px; white-space: normal; margin-left: 60px;
}
.itcs-bar-item span a { color: #a6a6a6;
}
.itcs-bar-item span a:hover { color: #323232;
}
.itcs-bar-item .itcs-rating { clear: right; overflow: hidden; margin: 5px 0 -5px 55px;
}
.itcs-bar-item .itcs-rating .icon { background: none; color: #e3e3e3; display: block; position: relative; top: auto; left: auto; right: auto; width: 20px; height: auto; line-height: normal; float: left; font-size: 24px;
}
.itcs-bar-item .itcs-rating .icon.on { color: #ffc600;
}
.itcs-bar-item .itcs-rating .icon .icon.on { position: absolute; top: 0;
}
.itcs-bar-item .itcs-rating span { font-size: 12px; margin: 0 0 5px 7px;
}
@media (min-width: 1280px) { .itcs-bar-item .itcs-rating span { float: left; margin: 7px 0 0 7px; }
}
.itcs-bar-item a { position: relative;
}
.itcs-bar-item a img { display: block; position: absolute; top: 0; left: 0;
}
.itcs-bar-item a.button { color: #fff; font-size: 12px; padding: 5px 25px; margin-left: 60px;
}
.itcs-bar-item a.button:hover { color: #fff;
}
@media (min-width: 960px) { .itcs-bar-item.versus { padding-bottom: 10px; }
}
.itcs-bar-item.versus span { margin-left: 0;
}
.itcs-bar-item.versus img { position: static;
}
.itcs-bar-item.versus .itcs-bar-item-left,
.itcs-bar-item.versus .itcs-bar-item-right { float: left; width: 65px;
}
@media (min-width: 1280px) { .itcs-bar-item.versus .itcs-bar-item-left, .itcs-bar-item.versus .itcs-bar-item-right { width: 75px; }
}
.itcs-bar-item.versus .itcs-bar-item-left span,
.itcs-bar-item.versus .itcs-bar-item-right span { text-align: center; max-width: 65px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px;
}
@media (min-width: 1280px) { .itcs-bar-item.versus .itcs-bar-item-left span, .itcs-bar-item.versus .itcs-bar-item-right span { font-size: 14px; max-width: 75px; }
}
.itcs-bar-item.versus .itcs-bar-item-mid { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; width: 25px; margin: 15px 7px 0; padding: 5px 0; float: left;
}
@media (min-width: 1280px) { .itcs-bar-item.versus .itcs-bar-item-mid { margin: 15px 12px 0; }
}
.itcs-bar-item.versus .itcs-bar-item-mid span { color: #323232; font-size: 18px;
}
@media (min-width: 1280px) { .itcs-bar-item.versus .itcs-bar-item-mid span { font-size: 22px; }
}
.itcs-bar-item.versus img { float: none; margin-bottom: 5px; margin-right: 0; display: block; margin: 0 auto 5px;
}
.guide-bar-list .guide-bar-item { border: none; color: #a6a6a6; padding-top: 0;
}
.guide-bar-list .guide-bar-item:first-child { padding-top: 15px; letter-spacing: 0;
}
.browse-defs-bar { margin-bottom: 20px;
}
.browse-defs-bar-list { border-bottom: 1px solid #e3e3e3; clear: both; list-style-type: none; overflow: hidden;
}
.browse-defs-bar-list li { float: left; padding: 7px;
}
@media (min-width: 1280px) { .browse-defs-bar-list li { padding: 7px 10px; }
}
.browse-defs-bar-list li a { color: #a6a6a6; font-size: 15px; display: inline-block; width: 13px; text-align: center;
}
.resources-bar-list.closed .resources-bar-item.toggle { display: none;
}
.resources-bar-toggle { font-size: 14px; text-align: center; text-indent: -.9em; padding: 15px 0; cursor: pointer;
}
.chapters-bar-item.blank { display: none;
}
.actions-bar { padding-bottom: 18px; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/ad_triangle.png?yocs=1_&yoloc=eu) no-repeat 0 bottom; position: absolute; top: 31px; left: -40px; z-index: 10; list-style: none;
}
@media (min-width: 640px) { .actions-bar { left: -60px; }
}
@media (min-width: 960px) { .actions-bar { display: none; }
}
.actions-bar-item { text-align: center; width: 30px; height: 30px; border-bottom: 1px solid #42C7C2; background: #00b3ac; position: relative; cursor: pointer; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s;
}
@media (min-width: 640px) { .actions-bar-item { width: 40px; height: 40px; }
}
.actions-bar-item:last-child { border-bottom: 0;
}
.actions-bar-item.selected { background: #006860;
}
.actions-bar-item .icon { font-size: 24px; color: #fff; top: 1px;
}
@media (min-width: 640px) { .actions-bar-item .icon { font-size: 28px; top: 3px; }
}
.share-bar-mobile { width: 150px; list-style: none; position: absolute; top: 0; left: 30px; display: none;
}
@media (min-width: 640px) { .share-bar-mobile { width: 200px; left: 40px; }
}
.share-bar-item-mobile { width: 30px; height: 30px; background: #00b3ac; float: left; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s;
}
@media (min-width: 640px) { .share-bar-item-mobile { width: 40px; height: 40px; }
}
.share-bar-item-mobile:hover { background-color: #006860;
}
.share-bar-item-mobile:hover .count { background-color: #006860;
}
.share-bar-item-mobile .count { -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; color: #fff; background-color: #00b3ac; display: block; font-size: 10px; padding-bottom: 5px;
}
.move-sharebar-down { top: 195px !important;
}
.move-actionsbar-down { top: 150px !important;
}
#sdef .move-actionsbar-down { top: 170px !important;
}
.share-bar-desktop { display: none;
}
@media (min-width: 960px) { .share-bar-desktop { width: 170px; text-align: center; padding: 25px 0 15px; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; list-style: none; white-space: nowrap; display: block; }
}
@media (min-width: 1280px) { .share-bar-desktop { width: 200px; }
}
.share-bar-item-desktop { vertical-align: top;
}
.share-bar-item-desktop a { font-size: 25px;
}
.share-bar-item-desktop .count { display: block; font-size: 9px; color: #666666; text-align: center;
}
.share-bar-item-desktop.share-bar-title { display: none;
}
#cboxContent .share-bar-desktop { background: #fff; width: 100%; height: 100%; padding: 0; text-align: center; display: block;
}
#cboxContent .share-bar-desktop .contentTools-print,
#cboxContent .share-bar-desktop .contentTools-email { display: none;
}
#cboxContent .share-bar-desktop a { font-size: 36px;
}
#cboxContent .share-bar-desktop .count { font-size: 11px;
}
#cboxContent .share-bar-desktop .share-bar-item-desktop { margin-top: 15px; width: 45px;
}
#cboxContent .share-bar-desktop .share-bar-item-desktop.share-bar-title { display: block; font-size: 14px; padding: 15px 0 0 15px; margin-top: 0; text-align: left; width: auto;
}
.actions-bar-share { display: none;
}
.locking-left-bar { position: relative;
}
.locking-left-bar .share-bar-desktop,
.actions-bar .share-bar-desktop { display: none; float: none; margin-right: 0; width: 30px; margin-left: 0;
}
@media (min-width: 640px) { .locking-left-bar .share-bar-desktop, .actions-bar .share-bar-desktop { width: 40px; }
}
@media (min-width: 960px) { .locking-left-bar .share-bar-desktop, .actions-bar .share-bar-desktop { margin-left: -65px; display: block; background: none; padding: 0; position: absolute !important; top: 0 !important; width: 50px; }
}
.locking-left-bar .share-bar-desktop .share-bar-item-desktop,
.actions-bar .share-bar-desktop .share-bar-item-desktop { display: block; text-align: center;
}
.locking-left-bar .share-bar-desktop .share-bar-item-desktop.socialMedia-facebook,
.actions-bar .share-bar-desktop .share-bar-item-desktop.socialMedia-facebook { background-color: #3b5998;
}
.locking-left-bar .share-bar-desktop .share-bar-item-desktop.socialMedia-twitter,
.actions-bar .share-bar-desktop .share-bar-item-desktop.socialMedia-twitter { background-color: #55acee;
}
.locking-left-bar .share-bar-desktop .share-bar-item-desktop.socialMedia-google,
.actions-bar .share-bar-desktop .share-bar-item-desktop.socialMedia-google { background-color: #db4437;
}
.locking-left-bar .share-bar-desktop .share-bar-item-desktop.socialMedia-linkedin,
.actions-bar .share-bar-desktop .share-bar-item-desktop.socialMedia-linkedin { background-color: #0077b5;
}
.locking-left-bar .share-bar-desktop .share-bar-item-desktop.socialMedia-xing,
.actions-bar .share-bar-desktop .share-bar-item-desktop.socialMedia-xing { background-color: #1a7576;
}
.locking-left-bar .share-bar-desktop .share-bar-item-desktop.contentTools-print, .locking-left-bar .share-bar-desktop .share-bar-item-desktop.contentTools-email,
.actions-bar .share-bar-desktop .share-bar-item-desktop.contentTools-print,
.actions-bar .share-bar-desktop .share-bar-item-desktop.contentTools-email { background-color: #5c5d5d;
}
.locking-left-bar .share-bar-desktop .share-bar-item-desktop.share-bar-title,
.actions-bar .share-bar-desktop .share-bar-item-desktop.share-bar-title { display: none;
}
.locking-left-bar .share-bar-desktop .share-bar-item-desktop a,
.actions-bar .share-bar-desktop .share-bar-item-desktop a { color: #fff; font-size: 24px; display: block; padding: 3px;
}
@media (min-width: 640px) { .locking-left-bar .share-bar-desktop .share-bar-item-desktop a, .actions-bar .share-bar-desktop .share-bar-item-desktop a { font-size: 26px; padding: 5px; }
}
@media (min-width: 960px) { .locking-left-bar .share-bar-desktop .share-bar-item-desktop a, .actions-bar .share-bar-desktop .share-bar-item-desktop a { font-size: 30px; padding: 7px; }
}
.locking-left-bar .share-bar-desktop .share-bar-item-desktop a:hover,
.actions-bar .share-bar-desktop .share-bar-item-desktop a:hover { color: #fff;
}
.qa-sidebar { display: none;
}
@media (min-width: 960px) { .qa-sidebar { padding: 30px 0 20px; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; display: block; }
}
@media (min-width: 1280px) { .qa-sidebar { width: 200px; }
}
.qa-sidebar p { font-size: 12px; line-height: 1.33em; color: #666666;
}
.qa-sidebar .button { display: block; width: 100%;
}
.qa-sidebar .ad p { color: #a6a6a6;
}
.qa-sidebar-title { font-size: 20px; line-height: 1.2em; letter-spacing: -.04em; color: #00b3ac;
}
.qa-sidebar-title span { color: #008bc1; display: block;
}
.infotype-desktop-chapters-bar { margin-bottom: 20px;
}
.infotype-desktop-chapters-bar .chapters-bar-list { border-bottom: 1px solid #e3e3e3; height: 250px; overflow-x: hidden; overflow-y: scroll;
}
@media (min-width: 1280px) { .desktop-resources-bar { padding-top: 0; }
}
.blog-bar { display: none;
}
@media (min-width: 960px) { .blog-bar { padding: 10px 0 0; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; display: block; }
}
@media (min-width: 1280px) { .blog-bar { width: 200px; }
}
.blog-bar p { font-size: 12px; line-height: 1.33em; color: #666666;
}
.blog-bar > p { color: #a6a6a6;
}
.blog-bar .button { display: block; width: 100%;
}
.blog-bar .ad p { color: #a6a6a6;
}
.blog-bar .blog-bar-header.latest { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; padding-top: 25px;
}
.blog-bar .blog-bar-header.latest .icon { top: 17px;
}
.main-article-hero-image { margin: 0 -20px;
}
@media (min-width: 640px) { .main-article-hero-image { margin: 0; }
}
@media (min-width: 960px) { .main-article-hero-image { margin: 0 -40px; }
}
@media (min-width: 1280px) { .main-article-hero-image { overflow: hidden; }
}
.main-article-hero-image img { width: 100%;
}
@media (min-width: 1280px) { .main-article-hero-image img { height: 400px; margin-bottom: -100px; }
}
@media (min-width: 1280px) { .main-article-hero-image img.default-article-img { height: 160px; margin-bottom: 0; }
}
.main-article-header, .answers-header, .article-guide-header, .definition-guide-header { padding-top: 20px; margin-top: -28px; background-color: #fff; position: relative;
}
@media (min-width: 640px) { .main-article-header, .answers-header, .article-guide-header, .definition-guide-header { margin: -44px 40px 0; }
}
@media (min-width: 960px) { .main-article-header, .answers-header, .article-guide-header, .definition-guide-header { padding-top: 30px; margin: -44px 0 0; }
}
@media (min-width: 640px) { .main-article-header-noimage { margin-top: -43px; }
}
@media (min-width: 960px) { .main-article-header-noimage { margin-top: -81px; }
}
@media (min-width: 1280px) { .main-article-header-noimage { margin-top: -124px; }
}
.main-article-share-counts { padding: 2px 0 10px; margin: 20px; border-top: 1px solid #e3e3e3; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; list-style: none;
}
@media (min-width: 640px) { .main-article-share-counts { width: 74px; padding-bottom: 0; margin: 0; border: 0; background: none; position: absolute; top: 15px; right: 20px; }
}
@media (min-width: 960px) { .main-article-share-counts { top: 27px; right: 40px; }
}
.main-article-share-count { width: 80px; margin-left: -6px; float: left;
}
@media (min-width: 640px) { .main-article-share-count { border-bottom: 1px solid #e3e3e3; float: none; }
}
.main-article-share-count .icon { font-size: 35px; color: #c6c2bf;
}
.main-article-share-count span { font-size: 12px; letter-spacing: .02em; color: #00b3ac; position: relative; top: -11px;
}
@media (min-width: 640px) { .main-article-share-count span { float: right; top: 10px; }
}
.main-article-share-count:first-child span { padding-right: 16px; border-right: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .main-article-share-count:first-child span { padding: 0; border: 0; }
}
.main-article-comment-count,
.main-article-share-count { cursor: pointer;
}
.main-article-comment-count .icon,
.main-article-share-count .icon { -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s;
}
.main-article-comment-count:hover .icon,
.main-article-share-count:hover .icon { color: #00b3ac;
}
.main-article-title, .answers-title, #answers .main-article-title { font-size: 20px; line-height: 1.1em; letter-spacing: -.02em; margin: 0 20px 10px;
}
@media (min-width: 640px) { .main-article-title, .answers-title, #answers .main-article-title { font-size: 30px; margin: 0 23% 20px 20px; }
}
@media (min-width: 960px) { .main-article-title, .answers-title, #answers .main-article-title { font-size: 40px; padding: 0 170px 50px 40px; margin: 0 0 40px; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; min-height: 88px; }
}
@media (min-width: 1280px) { .main-article-title, .answers-title, #answers .main-article-title { padding-bottom: 40px; }
}
.main-article-subtitle, .answers-subtitle { font-size: 13px; line-height: 1.54em; margin: 10px 20px 20px;
}
@media (min-width: 640px) { .main-article-subtitle, .answers-subtitle { font-size: 16px; }
}
@media (min-width: 960px) { .main-article-subtitle, .answers-subtitle { font-size: 18px; width: 450px; min-height: 150px; margin: 10px 0 20px; }
}
@media (min-width: 1280px) { .main-article-subtitle, .answers-subtitle { font-size: 20px; width: 540px; min-height: 120px; margin-left: 240px; margin-top: -30px; }
}
.main-article-author { padding: 0 0 5px; margin: 0 20px 20px; border-bottom: 1px solid #e3e3e3;
}
@media (min-width: 960px) { .main-article-author { width: 450px; margin-left: 0; min-height: 110px; }
}
@media (min-width: 1280px) { .main-article-author { width: 200px; border: 0; min-height: 0; }
}
.main-article-author img { display: none;
}
@media (min-width: 960px) { .main-article-author img { display: block; height: 77px; width: 60px; }
}
.main-article-author .image-resize { display: none;
}
@media (min-width: 960px) { .main-article-author .image-resize { border-radius: 30px; display: block; float: left; height: 60px; margin: 0 15px 0 0; overflow: hidden; padding: 0; width: 60px; }
}
@media (min-width: 960px) { .main-article-author-info { padding-top: 4px; }
}
@media (min-width: 1280px) { .main-article-author-info { float: left; width: 125px; }
}
.main-article-author-byline { font-size: 13px; line-height: 1.54em;
}
.main-article-author-title, .main-article-author-date { font-size: 11px; line-height: 1.45em; color: #a6a6a6;
}
.main-article-author-date { font-size: 11px; line-height: 1.45em; color: #a6a6a6; margin-top: 10px;
}
.main-article-author-date span { color: #323232;
}
.main-article-author-contact { padding: 5px 0 0;
}
@media (min-width: 1280px) { .main-article-author-contact { width: 200px; margin-top: 10px; border-top: 1px solid #e3e3e3; float: left; }
}
.main-article-author-contact .icon { font-size: 28px; margin: 0 4px; left: -8px;
}
.main-article-chapter:first-child { margin-top: 0;
}
.main-article-chapter .section-title { padding-left: 23px;
}
@media (min-width: 640px) { .main-article-chapter .section-title { padding-left: 31px; }
}
@media (min-width: 960px) { .main-article-chapter .section-title { padding-left: 39px; }
}
.main-article-chapter .section-title .icon { top: -6px; left: -11px;
}
@media (min-width: 640px) { .main-article-chapter .section-title .icon { top: -11px; left: -15px; }
}
@media (min-width: 960px) { .main-article-chapter .section-title .icon { top: -9px; left: -16px; }
}
@media (min-width: 1280px) { .main-article-chapter .section-title .icon { top: -9px; left: -15px; }
}
.main-article-image { margin-top: 1.5em; border-bottom: 1px solid #e3e3e3; position: relative; cursor: pointer; max-height: 480px; overflow: hidden;
}
@media (min-width: 640px) { .main-article-image { width: 520px; border-bottom: 0; }
}
@media (min-width: 960px) { .main-article-image { width: 590px; }
}
@media (min-width: 1280px) { .main-article-image { width: 640px; }
}
.main-article-image figcaption { font-size: 11px; line-height: 1.45em; color: #666666; padding: 0 0 20px 28px; margin-top: 12px; position: absolute; bottom: 0; min-height: 30px; padding-top: 15px; background: #fff; cursor: text; z-index: 200; box-sizing: border-box; width: 100%;
}
@media (min-width: 640px) { .main-article-image figcaption { font-size: 13px; line-height: 1.54em; width: 300px; padding: 22px 50px 0; margin-top: -44px; background: #fff url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; box-sizing: content-box; }
}
.main-article-image figcaption .icon { font-size: 22px; color: #00b3ac; position: absolute; top: 15px; left: -2px;
}
@media (min-width: 640px) { .main-article-image figcaption .icon { font-size: 42px; top: 16px; left: -5px; }
}
.main-article-image img { width: 100%;
}
.main-article-image:hover .main-article-image-enlarge { background-color: #006860;
}
.main-article-image .imageWithCredit { margin-top: 15px;
}
.main-article-image .imageWithCredit p { position: absolute; right: 0; top: 0;
}
.main-article-image-enlarge { display: none;
}
@media (min-width: 640px) { .main-article-image-enlarge { text-align: center; width: 60px; height: 60px; background-color: #00b3ac; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; top: 25px; right: 10px; display: block; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; }
}
@media (min-width: 960px) { .main-article-image-enlarge { width: 80px; height: 80px; }
}
@media (min-width: 640px) { .main-article-image-enlarge .icon { font-size: 40px; color: #fff; top: 10px; }
}
@media (min-width: 960px) { .main-article-image-enlarge .icon { font-size: 50px; top: 14px; }
}
.main-article-image-mask { display: none;
}
@media (min-width: 640px) { .main-article-image-mask { display: block; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/refinery_mask.png?yocs=1_&yoloc=eu) repeat-x 0 top; height: 36px; position: absolute; bottom: 0; width: 100%; z-index: 100; }
}
.main-article-pullquote, .pullquote { margin: 40px 0 40px 10px; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat;
}
@media (min-width: 640px) { .main-article-pullquote, .pullquote { float: right; width: 240px; margin: 0 0 50px 40px; position: relative; top: 15px; }
}
@media (min-width: 960px) { .main-article-pullquote, .pullquote { width: 300px; }
}
.main-article-pullquote-inner, .pullquote > div { padding: 20px; background: #323232; position: relative; top: -10px; left: -10px;
}
.main-article-pullquote-inner figure, .pullquote > div figure { font-size: 18px; line-height: 1.22em; letter-spacing: -.02em; color: #fff; margin-bottom: 0; position: relative; z-index: 2;
}
@media (min-width: 640px) { .main-article-pullquote-inner figure, .pullquote > div figure { font-size: 18px; margin-bottom: 10px; }
}
@media (min-width: 960px) { .main-article-pullquote-inner figure, .pullquote > div figure { font-size: 25px; line-height: 1.12em; }
}
@media (min-width: 1280px) { .main-article-pullquote-inner figure, .pullquote > div figure { font-size: 28px; }
}
.main-article-pullquote-inner figcaption, .pullquote > div figcaption { font-size: 12px; line-height: 1.5em; color: #c6c2bf; margin-top: 30px; position: relative; z-index: 2;
}
@media (min-width: 640px) { .main-article-pullquote-inner figcaption, .pullquote > div figcaption { margin-top: 70px; }
}
.main-article-pullquote-inner figcaption strong, .pullquote > div figcaption strong { font-size: 16px; line-height: 1.13em; color: #00b9d8; display: block;
}
@media (min-width: 960px) { .main-article-pullquote-inner figcaption strong, .pullquote > div figcaption strong { font-size: 21px; }
}
.main-article-pullquote-inner .icon, .pullquote > div .icon { font-size: 120px; color: #323232; position: absolute; bottom: -68px; left: -25px; z-index: 1;
}
.main-article-pullquote-inner .pullquoteContent, .pullquote > div .pullquoteContent { color: #fff;
}
.pullquote p { color: #fff;
}
@media (min-width: 640px) { .articleVideoLeft { float: left; padding: 0 20px 20px 0; }
}
.premium-content-promo { background-color: #f2f2f2; margin: 50px 0; padding: 15px;
}
@media (min-width: 640px) { .premium-content-promo { clear: both; overflow: hidden; }
}
.premium-content-promo .promo-about { margin-bottom: 25px;
}
@media (min-width: 640px) { .premium-content-promo .promo-about { float: right; width: 70%; }
}
@media (min-width: 1280px) { .premium-content-promo .promo-about { width: 445px; }
}
.premium-content-promo .promo-about span { display: block; font-size: 13px;
}
@media (min-width: 960px) { .premium-content-promo .promo-about span { font-size: 15px; }
}
.premium-content-promo .promo-about span:first-child { border-bottom: 1px solid #e3e3e3; margin-bottom: 10px; padding-bottom: 10px;
}
.premium-content-promo .promo-about span.promo-about-header { color: #666666;
}
.premium-content-promo .promo-cover { text-align: center;
}
@media (min-width: 640px) { .premium-content-promo .promo-cover { float: left; width: 28%; }
}
@media (min-width: 1280px) { .premium-content-promo .promo-cover { width: 150px; }
}
.premium-content-promo .promo-cover img { max-height: 149px; width: 105px;
}
.premium-content-promo .promo-cover .promo-cover-download { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; display: block; margin: -4px auto 10px; padding: 20px 0 0 25px; position: relative; width: 80px;
}
.premium-content-promo .promo-cover .promo-cover-download .icon { color: #008bc1; font-size: 32px; position: absolute; left: -5px; top: 10px;
}
.quizQuestionContainer { font-size: 15px !important;
}
@media (min-width: 640px) { .quizQuestionContainer { font-size: 16px !important; }
}
@media (min-width: 960px) { .quizQuestionContainer { font-size: 17px !important; }
}
@media (min-width: 1280px) { .quizQuestionContainer { font-size: 18px !important; }
}
.quizQuestionContainer h3 { font-size: 16px !important; height: 26px !important; padding-left: 35px !important; background: #e1dfdf url(http://media.techtarget.com/quiz/images/icon_question_mark.gif) no-repeat 8px 2px !important;
}
@media (min-width: 640px) { .quizQuestionContainer h3 { font-size: 17px !important; height: 28px !important; }
}
@media (min-width: 960px) { .quizQuestionContainer h3 { font-size: 18px !important; height: 30px !important; }
}
@media (min-width: 1280px) { .quizQuestionContainer h3 { font-size: 19px !important; height: 32px !important; }
}
.quizQuestionContainer h3.questionWrong { background: #e1dfdf url(http://media.techtarget.com/quiz/images/icon_question_wrong.gif) no-repeat 8px 2px !important;
}
.quizQuestionContainer h3.questionRight { background: #e1dfdf url(http://media.techtarget.com/quiz/images/icon_question_right.gif) no-repeat 8px 2px !important;
}
.quizQuestionContainer small { font-size: 12px !important;
}
@media (min-width: 640px) { .quizQuestionContainer small { font-size: 13px !important; }
}
@media (min-width: 960px) { .quizQuestionContainer small { font-size: 14px !important; }
}
@media (min-width: 1280px) { .quizQuestionContainer small { font-size: 15px !important; }
}
.quizQuestionContainer img { width: 100% !important; float: none !important;
}
.quizQuestionContainer img[src*="spacer.gif"] { display: none;
}
.quizQuestionContainer b,
.quizQuestionContainer strong { font-weight: normal !important;
}
.quizQuestionContainer .quizQuestionContent,
.quizQuestionContainer .quizQuestionAnswer { padding: 10px !important;
}
@media (min-width: 640px) { .quizQuestionContainer .quizQuestionContent, .quizQuestionContainer .quizQuestionAnswer { padding: 20px !important; }
}
.quizQuestionContainer .quizQuestionContent > strong,
.quizQuestionContainer .quizQuestionAnswer > strong { display: block !important;
}
.quizQuestionContainer .quizQuestionContent > ul li,
.quizQuestionContainer .quizQuestionAnswer > ul li { margin: 10px 0 !important;
}
.quizQuestionContainer .quizQuestionContent > ul li:first-child,
.quizQuestionContainer .quizQuestionAnswer > ul li:first-child { margin-top: 20px !important;
}
.quizQuestionContainer .quizQuestionContent > ul li:last-child,
.quizQuestionContainer .quizQuestionAnswer > ul li:last-child { margin-bottom: 0 !important;
}
.quizQuestionContainer .quizQuestionContent > ul li input,
.quizQuestionContainer .quizQuestionAnswer > ul li input { margin-right: 5px !important;
}
.quizScore { background-color: #EA0000 !important; padding: 10px !important; font-size: 15px !important;
}
@media (min-width: 640px) { .quizScore { font-size: 16px !important; }
}
@media (min-width: 960px) { .quizScore { font-size: 17px !important; }
}
@media (min-width: 1280px) { .quizScore { font-size: 18px !important; }
}
form .quizQuestionContainer:first-child { margin-top: 40px; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top;
}
form .quizQuestionContainer:first-child:before { content: "Quiz"; font-size: 18px; line-height: 1.22em; display: block; padding-top: 21px; margin-bottom: 20px; position: relative;
}
@media (min-width: 640px) { form .quizQuestionContainer:first-child:before { font-size: 24px; line-height: 1.08em; padding-top: 28px; margin-bottom: 30px; }
}
@media (min-width: 960px) { form .quizQuestionContainer:first-child:before { font-size: 28px; line-height: 1.21em; }
}
@media (min-width: 1280px) { form .quizQuestionContainer:first-child:before { font-size: 30px; }
}
.microsite-summary-image { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/images/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 10px; margin-bottom: 16px; line-height: 0.75em; overflow: hidden;
}
.microsite-summary-image p { float: none !important;
}
.mejs-controls .mejs-button button { background-image: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/mejs_controls.png?yocs=1_&yoloc=eu);
}
.podcastdownload-new { clear: both; overflow: hidden; background-color: #323232; padding-right: 10px;
}
@media (min-width: 640px) { .podcastdownload-new { padding-right: 50px; position: relative; }
}
@media (min-width: 1280px) { .podcastdownload-new { padding-right: 20px; }
}
.podcastdownload-new .mejs-container { background-color: #323232; margin: 5px 0;
}
@media (min-width: 640px) { .podcastdownload-new .mejs-container { margin: 10px 0; }
}
@media (min-width: 1280px) { .podcastdownload-new .mejs-container { margin-bottom: 0; }
}
.podcastdownload-new .mejs-container .mejs-controls { background: none; background-color: #323232;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-button button { background: none; height: 30px; width: 30px; margin: 0;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-button button:focus { outline: 0;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-volume-button { display: none;
}
@media (min-width: 640px) { .podcastdownload-new .mejs-container .mejs-controls .mejs-volume-button { display: block; margin-top: -2px; }
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider { height: 48px; width: 30px; background-color: #444; top: -48px; border-radius: 4px 4px 0 0;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { height: 33px; background-color: #666; left: 14px;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { left: 14px;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { left: 10px; width: 10px; height: 10px; border-radius: 5px; background-color: #ccc;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-button.mejs-play { background: transparent url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/mejs_sprite.png?yocs=1_&yoloc=eu) no-repeat 0 0; height: 23px; width: 19px; margin: 0 10px;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-button.mejs-play:hover { background-position: -130px 0;
}
@media (min-width: 640px) { .podcastdownload-new .mejs-container .mejs-controls .mejs-button.mejs-play { margin: 0 10px 0 15px; }
}
@media (min-width: 1280px) { .podcastdownload-new .mejs-container .mejs-controls .mejs-button.mejs-play { margin-left: 0; }
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-button.mejs-play button { height: 23px; width: 19px;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-button.mejs-pause { background: transparent url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/mejs_sprite.png?yocs=1_&yoloc=eu) no-repeat 0 -24px; height: 23px; width: 19px; margin: 0 10px;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-button.mejs-pause:hover { background-position: -130px -24px;
}
@media (min-width: 640px) { .podcastdownload-new .mejs-container .mejs-controls .mejs-button.mejs-pause { margin: 0 10px 0 15px; }
}
@media (min-width: 1280px) { .podcastdownload-new .mejs-container .mejs-controls .mejs-button.mejs-pause { margin-left: 0; }
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-button.mejs-pause button { height: 23px; width: 19px;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-button.mejs-mute { background: transparent url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/mejs_sprite.png?yocs=1_&yoloc=eu) no-repeat -29px 0; height: 30px; width: 30px; margin: -2px 10px 0;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-button.mejs-mute:hover { background-position: -29px -33px;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-button.mejs-mute button { height: 30px; width: 30px;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-button.mejs-unmute { background: transparent url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/mejs_sprite.png?yocs=1_&yoloc=eu) no-repeat -62px 0; height: 30px; width: 30px; margin: -2px 10px 0;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-button.mejs-unmute button { height: 30px; width: 30px;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-time span { line-height: 7px;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: none; background-color: #00d8c8;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded { background: none; background-color: #666;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total { background: none; background-color: #000;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-time-rail .mejs-time-float { height: 15px;
}
.podcastdownload-new .mejs-container .mejs-controls .mejs-time-rail span { height: 5px;
}
.podcastdownload-new .podcast-img { float: left; width: 75px; height: 75px;
}
@media (min-width: 640px) { .podcastdownload-new .podcast-img { width: 140px; height: 140px; }
}
.podcastdownload-new .podcast-info { min-height: 70px;
}
@media (min-width: 640px) { .podcastdownload-new .podcast-info { min-height: 130px; margin-bottom: 15px; }
}
@media (min-width: 1280px) { .podcastdownload-new .podcast-info { min-height: 0; }
}
.podcastdownload-new .podcast-info > a .podcast-title { -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s;
}
.podcastdownload-new .podcast-info > a .podcast-title:hover { color: #006860;
}
.podcastdownload-new .podcast-title { color: #00d8c8; font-size: 15px; display: block; margin-top: 10px; margin-left: 90px; min-height: 75px;
}
@media (min-width: 640px) { .podcastdownload-new .podcast-title { min-height: 0; font-size: 18px; margin-left: 155px; }
}
.podcastdownload-new .podcast-summary { display: none;
}
@media (min-width: 640px) { .podcastdownload-new .podcast-summary { color: #fff; display: block; margin-left: 155px; font-size: 13px; line-height: 18px; margin-top: 10px; }
}
.podcastdownload-new .podcast-download-btn { display: none;
}
.podcastdownload-new .podcast-download-btn:hover { background-position: -95px -33px;
}
@media (min-width: 640px) { .podcastdownload-new .podcast-download-btn { display: block; background: transparent url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/mejs_sprite.png?yocs=1_&yoloc=eu) no-repeat -95px 0; text-indent: -9999px; height: 30px; width: 30px; position: absolute; bottom: 12px; right: 15px; }
}
@media (min-width: 1280px) { .podcastdownload-new .podcast-download-btn { bottom: 2px; right: -35px; }
}
@media (min-width: 1280px) { .podcastdownload-new .podcast-player-wrapper { margin-left: 155px; margin-right: 30px; position: relative; }
}
.podcastdownload-new .podcast-title { min-height: 0;
}
@media (min-width: 640px) { .podcastdownload-new .podcast-title { margin-right: 10%; }
}
@media (min-width: 960px) { .podcastdownload-new .podcast-title { margin-right: 55px; }
}
@media (min-width: 1280px) { .podcastdownload-new .podcast-title { margin-right: 85px; }
}
.podcastdownload-new .podcast-share-icons { margin-left: 90px; overflow: hidden;
}
@media (min-width: 640px) { .podcastdownload-new .podcast-share-icons { margin-left: 0; position: absolute; right: 15px; overflow: visible; top: 0; }
}
.podcastdownload-new .podcast-share-icons .beacon { margin: 10px 0 0 0; display: block; width: 30px; height: 30px; float: left; background: transparent url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/mejs_sprite.png?yocs=1_&yoloc=eu) no-repeat -29px -65px;
}
@media (min-width: 640px) { .podcastdownload-new .podcast-share-icons .beacon { margin: 10px 0 0 -47px; }
}
.podcastdownload-new .podcast-share-icons .rss { display: block; width: 30px; height: 30px; margin: 10px 0 0 10px; float: left; background: transparent url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/mejs_sprite.png?yocs=1_&yoloc=eu) no-repeat -62px -65px;
}
@media (min-width: 640px) { .podcastdownload-new .podcast-share-icons .rss { margin: 10px 0 0 0; float: none; }
}
.articleVideoLeft { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 25px; margin-bottom: 20px; padding-right: 0; margin-right: 30px; width: 240px;
}
@media (min-width: 640px) { .articleVideoLeft { width: 265px; }
}
.articleVideoLeft video-player { margin-bottom: 10px;
}
.articleVideoLeft .video-title a { color: #00b3ac; display: block; font-size: 18px; margin: 10px 0;
}
.articleVideoLeft .video-title a:hover { color: #006860;
}
.articleVideoLeft .video-title span { display: block; font-size: 18px; margin: 10px 0;
}
.articleVideoLeft .video-summary p { margin: 0; font-size: 13px;
}
.refinery-wrapper { margin: 0 10px; padding: 10px; background: transparent url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu") repeat 0 0;
}
@media (min-width: 640px) { .refinery-wrapper { margin: 0 40px; }
}
@media (min-width: 960px) { .refinery-wrapper { margin: 0; clear: both; }
}
@media (min-width: 1280px) { .refinery-wrapper { width: 760px; }
}
.refinery-wrapper h2,
.refinery-wrapper h3,
.refinery-wrapper dl { margin: 0;
}
.refinery-wrapper h2 { font-size: 23px; line-height: 1em; color: #fff;
}
.refinery-wrapper h3,
.refinery-wrapper dt { font-size: 12px; line-height: 1em; text-transform: uppercase;
}
.refinery-wrapper ul { list-style: none;
}
.refinery-wrapper dd { margin: 0;
}
.refinery-content { position: relative; height: 100%; width: 100%; overflow: hidden; background: #00b3ac;
}
.refinery-content.closed { height: 208px;
}
@media (min-width: 640px) { .refinery-content.closed { height: 175px; }
}
@media (min-width: 960px) { .refinery-content.closed { height: 208px; }
}
@media (min-width: 960px) { .refinery-content.closed.definition-page { height: 100%; }
}
.refinery-content.closed .refinery-topics-wrapper { display: none;
}
@media (min-width: 960px) { .refinery-content.closed .refinery-topics-wrapper { display: block; }
}
.refinery-content.closed .refinery-collapse-toggle { padding-top: 36px; background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/refinery_mask.png?yocs=1_&yoloc=eu") repeat-x 0 top;
}
.collapse-toggle { padding-top: 36px; background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/refinery_mask.png?yocs=1_&yoloc=eu") repeat-x 0 top;
}
.refinery-header { padding: 17px 20px 10px;
}
@media (min-width: 640px) { .refinery-header { width: 30%; height: 100%; float: left; }
}
@media (min-width: 1280px) { .refinery-header { width: 230px; }
}
.refinery-header .icon { top: 3px; margin-left: 5px;
}
.refinery-header h2 { font-size: 20px; margin-bottom: 17px; line-height: 21px;
}
@media (min-width: 960px) { .refinery-header h2 a { display: block; width: 175px; }
}
@media (min-width: 960px) { .refinery-header h2 a .icon { left: 195px; margin-left: 0; position: absolute; top: 32px; }
}
.refinery-header h2 a:hover { color: #006860;
}
.refinery-header h3 { color: #006860; font-size: 10px; margin-bottom: 5px;
}
.refinery-body { width: 100%; padding: 20px 20px 65px; background: #fff;
}
@media (min-width: 640px) { .refinery-body { width: 70%; float: left; }
}
@media (min-width: 960px) { .refinery-body { min-height: 208px; }
}
@media (min-width: 1280px) { .refinery-body { width: 530px; }
}
.refinery-body h3,
.refinery-body dt { font-size: 10px; color: #a6a6a6;
}
.refinery-body dt { margin-top: 15px;
}
.refinery-body dt:first-child { margin-top: 0;
}
.refinery-body dt .icon { font-size: 20px; top: 5px; left: -3px; margin-right: 5px;
}
.refinery-body dd { padding-left: 25px; margin-top: 3px;
}
.refinery-body dd a { margin-right: 10px;
}
.refinery-body a { font-size: 11px;
}
.refinery-body .refinery-articles-wrapper,
.refinery-body .refinery-tags { border-bottom: 1px solid #e3e3e3; padding-bottom: 20px;
}
@media (min-width: 960px) { .refinery-body .refinery-articles-wrapper, .refinery-body .refinery-tags { border: none; padding-bottom: 0; width: 45%; float: left; }
}
@media (min-width: 1280px) { .refinery-body .refinery-articles-wrapper, .refinery-body .refinery-tags { width: 235px; }
}
@media (min-width: 960px) { .refinery-body .refinery-articles-wrapper { margin-right: 5%; }
}
@media (min-width: 1280px) { .refinery-body .refinery-articles-wrapper { margin-right: 20px; }
}
.refinery-body .refinery-articles-wrapper .icon { display: none;
}
@media (min-width: 960px) { .refinery-body .refinery-articles-wrapper .icon { display: block; float: left; top: -5px; margin-left: -10px; font-size: 42px; line-height: 1em; color: #a6a6a6; }
}
.refinery-body .refinery-articles { margin-top: 10px;
}
@media (min-width: 640px) { .refinery-body .refinery-tags { border: none; }
}
@media (min-width: 960px) { .refinery-body .refinery-tags { position: relative; top: -12px; }
}
.refinery-topics-wrapper { padding: 20px 0 0 10px;
}
.refinery-topics-wrapper h3 { margin-bottom: 5px;
}
.refinery-topics-wrapper li { font-size: 13px; height: 20px;
}
.refinery-topics-wrapper li a { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;
}
@media (min-width: 960px) { .refinery-topics-wrapper li a { width: 190px; }
}
@media (min-width: 640px) { .refinery-topics-wrapper { padding: 0; } .refinery-topics-wrapper h3 { color: #006860; } .refinery-topics-wrapper a { color: #fff; } .refinery-topics-wrapper a:hover { color: #006860; }
}
@media (min-width: 960px) { .refinery-topics-wrapper { position: static; left: auto; bottom: auto; }
}
.refinery-collapse-toggle,
.collapse-toggle,
.read-more-collapse-toggle { position: absolute; bottom: 0; width: 100%; padding: 0 20px; text-align: center;
}
@media (min-width: 640px) { .refinery-collapse-toggle, .collapse-toggle, .read-more-collapse-toggle { right: 0; width: 70%; }
}
@media (min-width: 1280px) { .refinery-collapse-toggle, .collapse-toggle, .read-more-collapse-toggle { width: 530px; }
}
.refinery-collapse-toggle-inner,
.collapse-toggle-inner,
.read-more-collapse-toggle-inner { font-size: 14px; display: block; width: 100%; height: 100%; padding: 10px 0 15px; border-top: 1px solid #e3e3e3; background: #fff;
}
.refinery-search { clear: both; display: none; width: 475px; margin: 25px 0 0; padding-top: 20px; border-top: 1px solid #e3e3e3;
}
@media (min-width: 960px) { .refinery-search { display: block; }
}
.refinery-search .placeholder { font-size: 22px; color: #c6c2bf; top: 10px !important;
}
.refinery-search .refinery-textfield { float: left; padding: 0 0 0 15px; margin: 0; height: 60px; width: 415px; color: #666666; background: #fff; border: 1px solid #e3e3e3; font-size: 22px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px; border-radius: 4px 0 0 4px;
}
.refinery-search .refinery-search-btn { float: left; padding: 0; margin: 0 0 0 -1%; height: 60px; width: 59px; font-family: 'TechTarget-Icon'; font-size: 50px; color: #fff; background: #00b3ac; border: 1px solid #00b3ac; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0; border-radius: 0 4px 4px 0;
}
@media (min-width: 960px) { .refinery-collapse-toggle { display: none; }
}
@media (min-width: 960px) { .definition-page .refinery-body { padding-bottom: 20px; }
}
@media (min-width: 960px) { .definition-page .refinery-topics-wrapper { position: absolute; bottom: 5px; }
}
.guide-page .refinery-collapse-toggle { display: none;
}
.guide-page.closed { height: auto; max-height: 350px;
}
@media (min-width: 640px) { .guide-page.closed { height: auto; max-height: 250px; }
}
@media (min-width: 960px) { .definition-page .refinery-header h2 a, .guide-page .refinery-header h2 a { display: block; overflow: visible; text-overflow: clip; white-space: normal; width: auto; }
}
@media (min-width: 960px) { .definition-page .refinery-header h2 a .icon, .guide-page .refinery-header h2 a .icon { left: auto; margin-left: 5px; position: relative; top: 3px; }
}
.pro-features-wrapper { display: none; clear: both; padding: 10px 0; background: transparent url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu") repeat 0 0;
}
@media (min-width: 640px) { .pro-features-wrapper { padding: 10px; }
}
.pro-features-wrapper h2,
.pro-features-wrapper h3 { margin: 0;
}
.pro-features-wrapper h2 { font-size: 28px; line-height: 0.9em;
}
.pro-features-wrapper h2.pro { color: #fff;
}
.pro-features-wrapper h2.features { color: #323232;
}
.pro-features-wrapper .pro-features { list-style: none;
}
.pro-features-wrapper .pro-features li { background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/profeature_linebreak.png?yocs=1_&yoloc=eu") repeat-x 0 bottom; margin-bottom: 20px; padding-bottom: 20px; min-height: 65px;
}
.pro-features-wrapper .pro-features li:last-child { background: none; margin-bottom: 0;
}
.pro-features-wrapper .pro-features .icon { display: block; float: left; margin-right: 30px; height: 60px; width: 60px; text-align: center; font-size: 50px; line-height: 1.29em; color: #a6a6a6; background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/bg_profeature_splash_bullet.png?yocs=1_&yoloc=eu") no-repeat 0 0; background-size: 100%;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .gt-ie8 .pro-features-wrapper .pro-features .icon { background-image: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/bg_profeature_splash_bullet@2x.png?yocs=1_&yoloc=eu"); background-size: 60px 60px; }
}
.pro-features-wrapper .pro-features h3 { margin-top: 10px; color: #a6a6a6; font-size: 10px;
}
.pro-features-wrapper .pro-features h3:first-child { margin-top: 0;
}
.pro-features-wrapper .pro-features p { margin-top: 5px; margin-bottom: 0; font-size: 12px;
}
@media (min-width: 640px) { .pro-features-wrapper .pro-features p { font-size: 14px; }
}
.pro-features-wrapper .pro-features li:last-child p { padding-bottom: 0; background: none;
}
.pro-features-content { display: none; position: relative; height: 100%; width: 100%; overflow: hidden; background: #008bc1;
}
.pro-features-header { padding: 20px;
}
@media (min-width: 640px) { .pro-features-header { width: 33%; height: 100%; float: left; min-height: 185px; }
}
.pro-features-header .cta-pro-features { display: none;
}
@media (min-width: 640px) { .pro-features-header .cta-pro-features { display: block; position: absolute; bottom: 20px; left: 20px; width: 27%; margin: 0; color: #323232; font-size: 13px; } .pro-features-header .cta-pro-features a { color: #fff; }
}
.pro-features-body { background: #fff; padding: 20px;
}
@media (min-width: 640px) { .pro-features-body { width: 67%; height: 100%; float: right; padding: 20px 20px 0; min-height: 185px; }
}
.join-discussion-wrapper { display: none; padding-top: 10px; background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu") repeat-x 0 0; }
.join-discussion-wrapper .join-discussion-content { list-style: none;
}
.join-discussion-wrapper .discussion-question { padding: 20px; color: #fff; background: #323232;
}
@media (min-width: 640px) { .join-discussion-wrapper .discussion-question { padding: 20px 40px 40px; }
}
.join-discussion-wrapper .discussion-question .asker-img { display: none;
}
@media (min-width: 640px) { .join-discussion-wrapper .discussion-question .asker-img { display: block; height: 64px; width: 50px; }
}
.join-discussion-wrapper .discussion-question .image-resize { display: block;
}
@media (min-width: 640px) { .join-discussion-wrapper .discussion-question .image-resize { border-radius: 25px; float: left; overflow: hidden; height: 50px; width: 50px; margin: 0; padding: 0; }
}
.join-discussion-wrapper .discussion-question p { margin: 0; color: #c6c2bf; font-size: 12px; line-height: 1em;
}
.join-discussion-wrapper .discussion-question p .asker { color: #00b9d8;
}
@media (min-width: 640px) { .join-discussion-wrapper .discussion-question p { line-height: 60px; padding: 0 0 20px 70px; font-size: 14px; border-bottom: 1px solid #666666; }
}
@media (min-width: 960px) { .join-discussion-wrapper .discussion-question p { line-height: normal; margin-top: 15px; min-height: 45px; }
}
.join-discussion-wrapper .discussion-question .question { margin: 15px 0 0 0; font-size: 24px; line-height: 1.2em; position: relative; z-index: 2;
}
@media (min-width: 640px) { .join-discussion-wrapper .discussion-question .question { font-size: 30px; }
}
@media (min-width: 960px) { .join-discussion-wrapper .discussion-question .question { font-size: 33px; }
}
.join-discussion-wrapper .discussion-question .icon { font-size: 120px; color: #323232; position: absolute; bottom: 41px; left: 30px; z-index: 1;
}
@media (min-width: 640px) { .join-discussion-wrapper .discussion-question .icon { bottom: 21px; }
}
.join-discussion-wrapper .discussion-cta { padding-bottom: 15px; text-align: center; color: #fff; background: #000; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0; border-radius: 0 0 4px 4px;
}
@media (min-width: 640px) { .join-discussion-wrapper .discussion-cta { text-align: left; padding: 20px; }
}
.join-discussion-wrapper .discussion-cta .response-count { color: #fff; font-size: 12px; margin: 15px 0 12px;
}
@media (min-width: 640px) { .join-discussion-wrapper .discussion-cta .response-count { float: left; font-size: 13px; }
}
.join-discussion-wrapper .discussion-cta a { display: block; width: 206px; margin: 0 auto;
}
@media (min-width: 640px) { .join-discussion-wrapper .discussion-cta a { width: 275px; float: right; font-size: 16px; }
}
.join-discussion-wrapper .carousel-nav .prev,
.join-discussion-wrapper .carousel-nav .next { display: none;
}
.join-discussion-wrapper .carousel-nav .carousel-pagination { list-style: none; text-align: center; padding: 0;
}
.join-discussion-wrapper .carousel-nav .carousel-pagination li { width: 10px; height: 10px; margin: 0 5px; overflow: hidden; background: #e3e3e3; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
.join-discussion-wrapper .carousel-nav .carousel-pagination li a { display: block; width: 100%; height: 0; padding-top: 10px;
}
.join-discussion-wrapper .carousel-nav .carousel-pagination li.carousel-active-page { background: #a6a6a6;
}
.join-discussion-content { display: none;
}
.latest-wrapper { position: relative; height: auto; margin: 20px 20px 0; background: #fff;
}
@media (min-width: 640px) { .latest-wrapper { margin-top: 30px; overflow: hidden; }
}
@media (min-width: 960px) { .latest-wrapper { margin: 40px auto 0; width: 880px; }
}
@media (min-width: 1280px) { .latest-wrapper { width: 1200px; }
}
.latest-wrapper .latest-nav-wrapper { overflow-x: auto; overflow-y: hidden; position: relative; height: auto; width: 100%; padding-bottom: 10px;
}
@media (min-width: 640px) { .latest-wrapper .latest-nav-wrapper { width: 41%; padding: 0 30px 45px 40px; float: left; overflow: visible; background: #00b3ac; padding-bottom: 100%; margin-bottom: -100%; }
}
@media (min-width: 960px) { .latest-wrapper .latest-nav-wrapper { width: 290px; }
}
.latest-wrapper .latest-nav-wrapper h2 { margin: 0; display: none; font-size: 20px; color: #fff;
}
.latest-wrapper .latest-nav-wrapper h2 .latest-title { color: #006860; white-space: nowrap;
}
@media (min-width: 640px) { .latest-wrapper .latest-nav-wrapper h2 { display: block; border-top: 8px solid #006860; padding: 35px 0 30px; }
}
.latest-wrapper .latest-nav-wrapper .latest-nav { white-space: nowrap; padding-left: 20px; padding-right: 18px; background: #00b3ac;
}
@media (min-width: 640px) { .latest-wrapper .latest-nav-wrapper .latest-nav { padding-left: 0; padding-right: 0; background: transparent; margin-bottom: 10px; }
}
.latest-wrapper .latest-nav-wrapper .latest-nav li { background-color: #00b3ac;
}
@media (min-width: 640px) { .latest-wrapper .latest-nav-wrapper .latest-nav li { background-color: transparent; }
}
@media (min-width: 640px) { .latest-wrapper .latest-nav-wrapper li { display: block; background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/latest_nav_rule.gif?yocs=1_&yoloc=eu") repeat-x 0 0; }
}
.latest-wrapper .latest-nav-wrapper .latest-nav-item { display: block; position: relative; padding: 25px 5px 15px; color: #006860; font-size: 11px; line-height: 1em; text-transform: uppercase;
}
.latest-wrapper .latest-nav-wrapper .latest-nav-item:hover { color: #fff;
}
.latest-wrapper .latest-nav-wrapper .latest-nav-item:focus { outline: 0;
}
.latest-wrapper .latest-nav-wrapper .latest-nav-item .icon { display: none; position: absolute; right: -55px; top: 3px; font-size: 45px; color: #00b3ac;
}
.latest-wrapper .latest-nav-wrapper .latest-nav-item .icon.mobile-icon { right: 30%; top: auto; bottom: -20px;
}
.latest-wrapper .latest-nav-wrapper .latest-nav-item.selected { color: #fff;
}
.latest-wrapper .latest-nav-wrapper .latest-nav-item.selected .mobile-icon { display: block;
}
@media (min-width: 640px) { .latest-wrapper .latest-nav-wrapper .latest-nav-item.selected .icon { display: block; } .latest-wrapper .latest-nav-wrapper .latest-nav-item.selected .icon.mobile-icon { display: none; }
}
@media (min-width: 640px) { .latest-wrapper .latest-nav-wrapper .latest-nav-item { padding: 20px 0 15px; }
}
.latest-wrapper .latest-nav-mask { display: block; width: 35px; height: 50px; position: absolute; top: 0;
}
@media (min-width: 640px) { .latest-wrapper .latest-nav-mask { display: none; }
}
.latest-wrapper .latest-nav-mask.before-mask { left: 0px; background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/latest_mask_before.png?yocs=1_&yoloc=eu") repeat-y 0 0;
}
.latest-wrapper .latest-nav-mask.after-mask { right: 0px; background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/latest_mask_after.png?yocs=1_&yoloc=eu") repeat-y 0 0;
}
.latest-wrapper .latest-body { padding: 0 20px; position: relative;
}
@media (min-width: 640px) { .latest-wrapper .latest-body { width: 49%; float: left; padding: 27px 15px 0 30px; }
}
@media (min-width: 960px) { .latest-wrapper .latest-body { width: 590px; height: 100%; padding-bottom: 100%; margin-bottom: -100%; }
}
@media (min-width: 1280px) { .latest-wrapper .latest-body { width: 910px; }
}
.latest-wrapper .latest-content { display: none; position: relative; top: 0;
}
.latest-wrapper .latest-content:first-child { display: block;
}
.latest-wrapper .latest-content h2 { margin: 0; padding: 25px 0 15px; font-size: 17px; color: #c6c2bf; float: left;
}
.latest-wrapper .latest-content h2 .latest-category { color: #00b3ac; white-space: nowrap; word-spacing: -4px;
}
@media (min-width: 640px) { .latest-wrapper .latest-content h2 .latest-category { word-spacing: -5px; }
}
@media (min-width: 640px) { .latest-wrapper .latest-content h2 { padding: 0 0 20px 0; font-size: 22px; }
}
@media (min-width: 960px) { .latest-wrapper .latest-content h2 { padding: 0 0 30px 0; }
}
.latest-wrapper .latest-content ul { margin: 0; clear: both;
}
.latest-wrapper .latest-content li { position: relative; list-style: none; border-top: solid 1px #c6c2bf; padding-top: 10px;
}
@media (min-width: 960px) { .latest-wrapper .latest-content li { float: left; width: 242px; margin-left: 40px; padding-top: 25px; border: none; background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu") repeat-x 0 0; }
}
@media (min-width: 1280px) { .latest-wrapper .latest-content li { width: 250px; }
}
.latest-wrapper .latest-content li:first-child { padding-top: 25px; border: none; background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu") repeat-x 0 0;
}
@media (min-width: 960px) { .latest-wrapper .latest-content li:first-child { margin-left: 0; }
}
.latest-wrapper .latest-content li.hide-for-small { display: none;
}
@media (min-width: 1280px) { .latest-wrapper .latest-content li.hide-for-small { display: block; }
}
.latest-wrapper .latest-content li .icon { display: none; top: -10px; color: #00b3ac; font-size: 55px;
}
@media (min-width: 640px) { .latest-wrapper .latest-content li .icon { display: block; float: left; margin-left: -15px; }
}
@media (min-width: 960px) { .latest-wrapper .latest-content li .icon { font-size: 60px; }
}
.latest-wrapper .latest-content li h3 { margin: 0; font-size: 15px; color: #000; clear: none;
}
@media (min-width: 640px) { .latest-wrapper .latest-content li h3 { font-size: 19px; margin-bottom: 20px; overflow: hidden; }
}
@media (min-width: 960px) { .latest-wrapper .latest-content li h3 { width: 197px; font-size: 24px; float: left; }
}
.latest-wrapper .latest-content li h3 a { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word;
}
.latest-wrapper .latest-content li h3 a:hover { color: #00b3ac;
}
.latest-wrapper .latest-content li p { margin: 10px 0 25px 0; font-size: 12px; color: #a6a6a6; white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word;
}
@media (min-width: 640px) { .latest-wrapper .latest-content li p { padding-left: 40px; }
}
@media (min-width: 960px) { .latest-wrapper .latest-content li p { padding: 18px 0 0 0; border-top: solid 1px #c6c2bf; font-size: 14px; clear: both; }
}
.login-register.inline-reg { position: relative; padding: 6px; padding-left: 12px; text-align: right; font-size: 14px;
}
.sign-up-wrapper.inline-reg,
.sign-up-wrapper.cascading-reg { position: relative; padding-bottom: 900px;
}
@media (min-width: 640px) { .sign-up-wrapper.inline-reg, .sign-up-wrapper.cascading-reg { display: block; }
}
.sign-up-wrapper.inline-reg .sign-up-content,
.sign-up-wrapper.cascading-reg .sign-up-content { padding: 20px 12px 12px; background-color: #dddddd;
}
.sign-up-wrapper.inline-reg .sign-up-content h2,
.sign-up-wrapper.cascading-reg .sign-up-content h2 { margin: 0; color: #00b3ac; font-size: 24px; line-height: 1em;
}
.sign-up-wrapper.inline-reg .sign-up-content p,
.sign-up-wrapper.cascading-reg .sign-up-content p { margin: 0; color: #323232; font-size: 15px;
}
.sign-up-wrapper.inline-reg .sign-up-content p.sign-up-fine-print,
.sign-up-wrapper.cascading-reg .sign-up-content p.sign-up-fine-print { font-size: 10px; line-height: 1.5em; color: #666666;
}
.sign-up-wrapper.inline-reg .sign-up-content p.safeHarbor,
.sign-up-wrapper.cascading-reg .sign-up-content p.safeHarbor { margin-top: 20px;
}
.sign-up-wrapper.inline-reg .sign-up-header,
.sign-up-wrapper.cascading-reg .sign-up-header { position: relative;
}
.sign-up-wrapper.inline-reg .sign-up-form,
.sign-up-wrapper.cascading-reg .sign-up-form { position: relative; margin: 10px 0 20px;
}
.sign-up-wrapper.inline-reg .sign-up-form .placeholder,
.sign-up-wrapper.cascading-reg .sign-up-form .placeholder { font-size: 24px; color: #999; top: 12px !important;
}
.sign-up-wrapper.inline-reg .sign-up-form .sign-up-textfield,
.sign-up-wrapper.cascading-reg .sign-up-form .sign-up-textfield { float: left; padding: 0 0 0 15px; margin: 0; padding: 12px 0 13px 10px; width: 64%; color: #999; border: 1px solid #bbb; font-size: 13px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px; border-radius: 4px 0 0 4px;
}
@media (min-width: 640px) { .sign-up-wrapper.inline-reg .sign-up-form .sign-up-textfield, .sign-up-wrapper.cascading-reg .sign-up-form .sign-up-textfield { height: 60px; padding: 0; padding-left: 16px; font-size: 24px; width: 75%; }
}
.sign-up-wrapper.inline-reg .sign-up-form .sign-up-btn,
.sign-up-wrapper.cascading-reg .sign-up-form .sign-up-btn { position: absolute; top: 0; right: 0; padding: 12px 0 13px; margin: 0 0 0 -1%; width: 36%; letter-spacing: -.02em; color: #fff; background: #00b3ac; border: 1px solid #00b3ac; font-size: 13px; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0; border-radius: 0 4px 4px 0; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s;
}
.sign-up-wrapper.inline-reg .sign-up-form .sign-up-btn:hover,
.sign-up-wrapper.cascading-reg .sign-up-form .sign-up-btn:hover { background-color: #006860;
}
@media (min-width: 640px) { .sign-up-wrapper.inline-reg .sign-up-form .sign-up-btn, .sign-up-wrapper.cascading-reg .sign-up-form .sign-up-btn { height: 60px; padding: 0; font-size: 18px; width: 25%; letter-spacing: normal; }
}
.reg-login .main-content { margin-top: 10px;
}
.reg-login .main-article-header, .reg-login .answers-header, .reg-login .article-guide-header, .reg-login .definition-guide-header { margin-top: 0;
}
.reg-login .content-left { padding-top: 1px;
}
.reg-login .section { margin-top: 0;
}
.reg-login .sign-up-wrapper { background: none;
}
.reg-login.series-login .main-article-header, .reg-login.series-login .answers-header, .reg-login.series-login .article-guide-header, .reg-login.series-login .definition-guide-header { margin-top: -28px;
}
@media (min-width: 640px) { .reg-login.series-login .main-article-header, .reg-login.series-login .answers-header, .reg-login.series-login .article-guide-header, .reg-login.series-login .definition-guide-header { margin-top: -44px; }
}
.reg-login.series-login .section { margin-top: 50px;
}
.reg-login.series-login .main-content { margin-top: 20px;
}
@media (min-width: 960px) { .reg-login.series-login .main-content { margin-top: 40px; }
}
.sign-up-wrapper.cascading-reg { border: 1px solid #c6c2bf; padding-bottom: 0;
}
.sign-up-wrapper.cascading-reg .sign-up-content { background-color: #f2f2f2; padding: 20px 25px;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header { clear: both; overflow: hidden;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header h2 { color: #323232; margin-bottom: 20px;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header p { color: #666666;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header p span { color: #323232;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header img { width: 100%; margin-bottom: 10px;
}
@media (min-width: 640px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header img { float: right; width: 250px; margin-left: 40px; margin-bottom: 0; max-height: 175px; }
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form { clear: both;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form ul { list-style-type: none;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form li { margin-top: 20px;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form li label { font-size: 15px; margin-bottom: 5px; float: none; width: 100%; display: block;
}
@media (min-width: 960px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form li label { font-size: 18px; }
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form li input,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form li select { float: none; width: 100%; height: 50px; border-radius: 4px;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form li input[type=submit] { background: #b20000; border-radius: 4px; width: auto; margin-left: 0; position: static; padding: 10px 20px; font-size: 11px; border: 0;
}
@media (min-width: 640px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form li input[type=submit] { font-size: 18px; }
}
@media (min-width: 960px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form li input[type=submit] { font-size: 24px; }
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form li input[type=submit]:hover { background-color: #7a0000;
}
#sdef .sign-up-wrapper.cascading-reg,
.sign-up-wrapper.cascading-reg { border: 0; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) 0 50% repeat; padding: 10px 0; margin: 40px 0;
}
#sdef .sign-up-wrapper.cascading-reg .wrapper-curl,
.sign-up-wrapper.cascading-reg .wrapper-curl { display: none;
}
#sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header { margin-bottom: 20px;
}
@media (min-width: 1280px) { #sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header { min-height: 210px; }
}
#sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header .eyebrow,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header .eyebrow { font-size: 12px; color: #b20000; margin-bottom: 10px; text-transform: uppercase; display: block;
}
#sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header .reg-cover > img,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header .reg-cover > img { display: none;
}
@media (min-width: 640px) { #sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header .reg-cover > img, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header .reg-cover > img { display: block; }
}
#sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header .reg-cover .cover,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header .reg-cover .cover { box-shadow: rgba(0, 0, 0, 0.63137) 5px 4px 12px -2px;
}
@media (min-width: 640px) { #sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header .reg-cover .cover, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header .reg-cover .cover { width: 200px; }
}
#sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header .reg-cover .cover-curl,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header .reg-cover .cover-curl { position: absolute; right: 0; width: 64px; height: 43px;
}
#sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header .button,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-header .button { display: none;
}
@media (min-width: 1280px) { #sdef .sign-up-wrapper.cascading-reg .sign-up-content p, .sign-up-wrapper.cascading-reg .sign-up-content p { font-size: 16px; }
}
@media (min-width: 640px) { #sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 li, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 li { margin: 0; }
}
@media (min-width: 1280px) { #sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 label, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 label { line-height: 22px; font-size: 15px; margin-top: 0; margin-bottom: 0; }
}
#sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 input,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 input { border-color: #adadad; height: 60px; max-width: 360px;
}
@media (min-width: 1280px) { #sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 input, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 input { width: 360px; }
}
#sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 input[type=submit],
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 input[type=submit] { max-width: 360px; height: 60px; font-size: 16px; white-space: normal;
}
@media (min-width: 640px) { #sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 input[type=submit], .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 input[type=submit] { margin-bottom: 40px; font-size: 22px; }
}
@media (min-width: 1280px) { #sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 input[type=submit], .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 input[type=submit] { margin-left: 195px; width: 360px; }
}
@media (min-width: 1280px) { #sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 input, #sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 select, #sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 textarea, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 input, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 select, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 textarea { float: none; }
}
#sdef .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-fine-print,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-fine-print { font-size: 10px;
}
#home .sign-up-wrapper.cascading-reg { background: none; margin-top: -40px; padding: 40px; background-color: #fff;
}
@media (min-width: 640px) { #home .sign-up-wrapper.cascading-reg { padding-top: 0; }
}
@media (min-width: 960px) { #home .sign-up-wrapper.cascading-reg { margin-top: -50px; }
}
#home .sign-up-wrapper.cascading-reg .ctd-wrapper { border: 0; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) 0 50% repeat; padding: 10px 0;
}
@media (min-width: 1280px) { #home .sign-up-wrapper.cascading-reg .ctd-wrapper { width: 770px; }
}
@media (min-width: 1280px) { #home .sign-up-wrapper.cascading-reg .sign-up-content { width: 720px; }
}
#home .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.page1 input[type=submit] { width: 100%;
}
#sdef .sign-up-wrapper.cascading-reg.three-step,
.sign-up-wrapper.cascading-reg.three-step { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/reg_background.jpg?yocs=1_&yoloc=eu) 0 0 no-repeat; padding: 0;
}
#sdef .sign-up-wrapper.cascading-reg.three-step .wrapper-curl,
.sign-up-wrapper.cascading-reg.three-step .wrapper-curl { position: absolute; right: 0; display: block; top: 0; z-index: 3;
}
#sdef .sign-up-wrapper.cascading-reg.three-step .ctd-wrapper,
.sign-up-wrapper.cascading-reg.three-step .ctd-wrapper { background: linear-gradient(rgba(255, 255, 255, 0) 40%, #ffffff 70%); min-height: 260px; padding: 40px 20px 20px;
}
#sdef .sign-up-wrapper.cascading-reg.three-step .sign-up-content,
.sign-up-wrapper.cascading-reg.three-step .sign-up-content { background-color: #fff;
}
#sdef .sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-header,
.sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-header { overflow: visible;
}
#sdef .sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-header .reg-cover,
.sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-header .reg-cover { display: none;
}
#sdef .sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-header h2,
.sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-header h2 { margin-top: 25px; margin-bottom: 10px;
}
#sdef .sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-header .eyebrow,
.sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-header .eyebrow { background-color: #00b3ac; padding: 20px; margin-top: -40px; margin-left: -10px; z-index: 1; font-size: 14px; color: #fff; text-transform: none;
}
@media (min-width: 640px) { #sdef .sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-header .eyebrow, .sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-header .eyebrow { background: #00b3ac url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/reg_nav_logo.png?yocs=1_&yoloc=eu) right 50px center no-repeat; font-size: 16px; }
}
#sdef .sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-header > p,
.sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-header > p { margin-right: 0;
}
#sdef .sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-header .button,
.sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-header .button { display: block; width: 100%; background-color: #b20000; width: 100%; margin-top: 20px; font-size: 14px;
}
@media (min-width: 640px) { #sdef .sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-header .button, .sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-header .button { font-size: 22px; }
}
#sdef .sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-header .button:hover,
.sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-header .button:hover { background-color: #7a0000;
}
#sdef .sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-form.cascading-reg-form.page1,
.sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-form.cascading-reg-form.page1 { display: none; background-color: #fff;
}
#sdef .sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-fine-print,
#sdef .sign-up-wrapper.cascading-reg.three-step .sign-up-content .safeHarbor,
.sign-up-wrapper.cascading-reg.three-step .sign-up-content .sign-up-fine-print,
.sign-up-wrapper.cascading-reg.three-step .sign-up-content .safeHarbor { display: none;
}
#sdef .sign-up-wrapper.cascading-reg.three-step #dloWrapper .sign-up-header,
.sign-up-wrapper.cascading-reg.three-step #dloWrapper .sign-up-header { min-height: 0;
}
#sdef .sign-up-wrapper.cascading-reg.three-step #dloWrapper .sign-up-form.cascading-reg-form,
.sign-up-wrapper.cascading-reg.three-step #dloWrapper .sign-up-form.cascading-reg-form { background-color: #fff;
}
#sdef .sign-up-wrapper.cascading-reg.three-step #dloWrapper .sign-up-form.cascading-reg-form.logged-in,
.sign-up-wrapper.cascading-reg.three-step #dloWrapper .sign-up-form.cascading-reg-form.logged-in { min-height: 0;
}
.inline-reg .meterDescription { font-family: 'NHaasGroteskTXW01-65Md', Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal;
}
.inline-reg fieldset { border: none; margin: 0; padding: 0;
}
.inline-reg ul li { list-style-type: none; line-height: auto;
}
.inline-reg form li { margin-bottom: 0;
}
.inline-reg ::-webkit-input-placeholder { color: #999;
}
.inline-reg :-moz-placeholder { color: #999;
}
.inline-reg ::-moz-placeholder { color: #999;
}
.inline-reg :-ms-input-placeholder { color: #999;
}
.sign-up-wrapper.inline-reg .sign-up-form .sign-up-textfield { width: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
@media (min-width: 640px) { .sign-up-wrapper.inline-reg .sign-up-form .sign-up-textfield { width: 75%; font-size: 24px; height: 60px; }
}
.sign-up-wrapper.inline-reg .sign-up-form .sign-up-textfield#inlineRegistration_Address-2 { margin-bottom: 19px;
}
.sign-up-wrapper.inline-reg .sign-up-form .sign-up-selectfield { display: block; font-size: 13px; padding: 17px 0 13px 13px; border: 1px solid #bbb; width: 100%; margin-bottom: 20px; color: #999; line-height: 1.1em; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
@media (min-width: 640px) { .sign-up-wrapper.inline-reg .sign-up-form .sign-up-selectfield { width: 75%; font-size: 24px; height: 60px; }
}
.sign-up-wrapper.inline-reg .sign-up-form .sign-up-selectfield.no-value { color: #ccc;
}
.sign-up-wrapper.inline-reg .sign-up-form .sign-up-selectfield option { color: #323232;
}
.sign-up-wrapper.inline-reg .sign-up-form .sign-up-checkbox-wrapper { clear: both; color: #999; font-size: 21px; font-weight: 200; margin-bottom: 19px;
}
.sign-up-wrapper.inline-reg .sign-up-form .sign-up-checkbox-wrapper label { position: relative; top: -6px; display: inline-block; font-size: 13px; width: 80%;
}
@media (min-width: 640px) { .sign-up-wrapper.inline-reg .sign-up-form .sign-up-checkbox-wrapper label { font-size: 21px; width: 90%; }
}
.sign-up-wrapper.inline-reg .sign-up-form .sign-up-checkbox-wrapper .sign-up-checkboxfield { float: left; height: 26px; width: 26px; color: #a6a6a6; background: #f2f2f2; border: 1px solid #e3e3e3; margin-bottom: 19px; margin-right: 10px;
}
.inline-reg .checkboxList { margin-left: 0; text-align: left;
}
.inline-reg .checkboxList li input { float: none; margin: 3px 7px 0 0; width: auto; vertical-align: top;
}
.inline-reg .checkboxList li label { display: inline-block; text-align: left; float: none; font-size: 13px; font-weight: 400; margin-top: 3px; width: 220px;
}
.sign-up-wrapper.inline-reg .sign-up-form .sign-up-btn { position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 12px 0 12px 0; width: 100%; clear: both; display: block;
}
@media (min-width: 480px) { .sign-up-wrapper.inline-reg .sign-up-form .sign-up-btn { width: 36%; }
}
.sign-up-wrapper.inline-reg .sign-up-form .sign-up-selectfield.error, .sign-up-wrapper.inline-reg .sign-up-form .sign-up-textfield.error { border: 1px solid #ea0000;
}
.inline-reg #signupErrors { clear: both; margin: 20px 0;
}
.sign-up-wrapper.inline-reg .sign-up-content p.sign-up-error-msg { margin: 5px 0; display: block; color: #ea0000; font-size: 11px; top: 35px; left: 30px;
}
@media (min-width: 640px) { .sign-up-wrapper.inline-reg .sign-up-content p.sign-up-error-msg { font-size: 12px; }
}
@media (min-width: 960px) { .sign-up-wrapper.inline-reg .sign-up-header a { display: block; position: relative; top: auto; margin: 10px 0 0 0; }
}
.sign-up-wrapper.inline-reg .sign-up-form .sign-up-selectfield.error, .sign-up-wrapper.inline-reg .sign-up-form .sign-up-textfield.error { border: 1px solid #ea0000; margin-bottom: 3px;
}
.sign-up-wrapper.inline-reg .sign-up-content p.sign-up-error-msg.hidden { display: none;
}
.inline-reg .signupErrors { clear: both; margin: 0 0 20px 0;
}
.inline-reg .signupErrors.hidden { display: none;
}
.inline-reg .error input[type="text"]:focus, .inline-reg .error input[type="password"]:focus, .inline-reg .error select:focus, .inline-reg .error textarea:focus { outline: none;
}
.inline-reg .processing { height: 18px; color: #999999; font-size: 14px; display: block; vertical-align: middle;
}
.inline-reg .processing .animatedIcon { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/iconProcessing.gif?yocs=1_&yoloc=eu); height: 16px; width: 16px; white-space: nowrap; display: inline-block; vertical-align: middle; margin-right: 10px;
}
.inline-reg ul { margin: 0;
}
.meter { width: 300px; height: 18px; line-height: 19px; color: #fff; font-size: 11px; clear: both; text-align: center; position: relative; margin: 0; background-color: #fafafa; box-shadow: inset 1px 1px 2px #d0d0d0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.spectrum, .red, .gray, .green, .orange, .blue { width: 0; height: 17px; border-radius: 3px; position: absolute; display: block; overflow: hidden; text-shadow: 0 1px 1px #555; background: -webkit-gradient(linear, 0 0, 44 44, color-stop(0, rgba(255, 255, 255, 0.17)), color-stop(0.25, rgba(255, 255, 255, 0.17)), color-stop(0.26, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.51, rgba(255, 255, 255, 0.17)), color-stop(0.75, rgba(255, 255, 255, 0.17)), color-stop(0.76, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0.35))); background: -moz-repeating-linear-gradient(top left -30deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.17) 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 30px), -moz-linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px;
}
.meter .spectrum { background: transparent url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/assets/pbar.png?yocs=1_&yoloc=eu") repeat-y 0 0; -webkit-background-size: 100% 40px; border-bottom: 1px solid #bbb;
}
.meter .red { background-color: #e70000; border-bottom: 1px solid #bc1515;
}
.meter .green { background-color: #14c631; border-bottom: 1px solid #19ad31;
}
.meter .gray { background-color: #909090; border-bottom: 1px solid #838383;
}
.meter .orange { background-color: #ff8503; border-bottom: 1px solid #eb7b05;
}
.meter .blue { background-color: #00afdc; border-bottom: 1px solid #079bc1;
}
.bubble { position: absolute; text-align: center; top: 25px; left: 0; color: #444; height: 16px; padding: 0 4px; line-height: 16px; border-radius: 2px; border: 1px solid #e0e0e0; font-size: 10px; background-color: #fafafa;
}
.arrow, .arrowInner { height: 0; width: 0; top: -10px; z-index: 100; position: absolute; border-style: solid;
}
.arrow { border-color: transparent transparent #ccc transparent; border-width: 5px; left: 1px;
}
.arrowInner { border-color: transparent transparent #fafafa transparent; border-width: 6px; left: 0;
}
.inline-reg .meterContainer { margin-bottom: 30px;
}
.inline-reg .meter, .inline-reg .meterDescription { display: inline-block; vertical-align: middle; margin-top: 20px; line-height: 20px;
}
.inline-reg .meter { width: 230px; height: 18px; font-size: 13px; line-height: 18px; margin-top: 5px;
}
@media (min-width: 640px) { .inline-reg .meter { width: 350px; height: 24px; line-height: 24px; margin-top: 20px; }
}
.inline-reg .meterDescription { font-size: 16px; margin-right: 6px; vertical-align: middle; line-height: 18px;
}
.inline-reg .meter #percentage { line-height: 18px; font-size: 12px; height: 18px;
}
@media (min-width: 640px) { .inline-reg .meter #percentage { line-height: 24px; height: 24px; }
}
.inline-reg .spectrum, .inline-reg .red, .inline-reg .gray, .inline-reg .green, .inline-reg .orange, .inline-reg .blue { height: 18px;
}
@media (min-width: 640px) { .inline-reg .spectrum, .inline-reg .red, .inline-reg .gray, .inline-reg .green, .inline-reg .orange, .inline-reg .blue { height: 24px; }
}
body#bprAbstract a.viewNow,
div.resTitleLogo a.resTitleLink { display: none;
}
.comments-wrapper { margin-top: 0 !important; z-index: 1; padding-top: 25px;
}
.comments-left { padding: 20px 0 0;
}
.comments-center { padding: 10px 0; background: #fff url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top;
}
.comments-center .notifications { border: 0; margin-left: 0; padding-left: 0; margin-top: 10px;
}
.comments-center .notifications input[type=checkbox] { float: left; width: 15px; margin-right: 5px; margin-top: 2px;
}
.comments-foot { position: absolute; bottom: 0; width: 100%; height: auto; bottom: 0;
}
.comments-mask { position: absolute; bottom: 0; width: 100%; height: 145px; z-index: 1; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/comments_mask.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; background-size: auto 100%;
}
@media (min-width: 640px) { .comments-mask { height: 200px; }
}
@media (min-width: 960px) { .comments-mask { height: 254px; }
}
.comments-count { margin: 0 0 30px -6px; float: left; font-size: 16px; color: #a6a6a6;
}
@media (min-width: 640px) { .comments-count { font-size: 20px; }
}
.comments-count .icon { top: 11px; color: #00b3ac; font-size: 35px;
}
@media (min-width: 640px) { .comments-count .icon { top: 13px; font-size: 40px; }
}
.comments-count .comments-count-num { color: #323232;
}
.comments-order { float: right; margin-top: 23px; color: #666666; font-size: 11px;
}
@media (min-width: 640px) { .comments-order { font-size: 12px; }
}
.comments-order .icon { top: 2px; color: #323232;
}
@media (min-width: 640px) { .comments-order .icon { margin-top: 27px; }
}
#commentingErrors { clear: both; margin: 20px 0;
}
.comments-error-msg { margin: 5px 0; display: none; color: #EA0000; font-size: 11px; top: 35px; left: 30px;
}
@media (min-width: 640px) { .comments-error-msg { font-size: 12px; }
}
.comments-form { padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px solid #e3e3e3; clear: both;
}
.comments-form input,
.comments-form textarea { width: 100%; padding: 12px 0 13px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 12px; color: #666666; background: #f2f2f2; border: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .comments-form input, .comments-form textarea { font-size: 21px; padding-left: 16px; }
}
.comments-form input.error,
.comments-form textarea.error { border: 1px solid #EA0000;
}
.comments-form .comments-input-label { margin: 30px 0 15px 0; color: #323232;
}
.comments-form .comments-form-textfield { height: 114px; padding: 0 0 65px 10px; font-size: 13px;
}
@media (min-width: 640px) { .comments-form .comments-form-textfield { font-size: 21px; padding-left: 16px; }
}
.comments-form .comments-form-textarea { height: 114px; padding: 10px; font-size: 13px;
}
@media (min-width: 640px) { .comments-form .comments-form-textarea { font-size: 21px; padding-left: 16px; }
}
.comments-form .comments-username,
.comments-form .comments-password { margin-bottom: 20px;
}
.comments-form .comments-form-btn { height: 40px; padding: 0; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; font-size: 14px; color: #fff; background: #00b3ac; border: 1px solid #00b3ac;
}
.comments-form .comments-form-btn:hover { background-color: #006860; border: 1px solid #006860;
}
@media (min-width: 640px) { .comments-form .comments-form-btn { width: 30%; float: left; }
}
@media (min-width: 960px) { .comments-form .comments-form-btn { width: 200px; float: left; }
}
.comments-form .comments-disclaimer { margin: 20px 0 0 0; font-size: 11px; line-height: 1.7em;
}
@media (min-width: 640px) { .comments-form .comments-disclaimer { width: 55%; margin: -5px 10% 0 0; float: right; }
}
@media (min-width: 960px) { .comments-form .comments-disclaimer { width: 350px; margin: -5px 20px 0 0; }
}
@media (min-width: 1280px) { .comments-form .comments-disclaimer { margin: -5px 70px 0 0; }
}
.comments-form.logged-in { position: relative;
}
.comments-form.logged-in .comments-form-textfield { float: left; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px; border-radius: 4px 4px 0 0;
}
@media (min-width: 640px) { .comments-form.logged-in .comments-form-textfield { height: 120px; width: 75%; padding: 0 0 0px 15px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px; border-radius: 4px 0 0 4px; }
}
@media (min-width: 640px) { .comments-form.logged-in .comments-form-textarea { width: 74%; height: 120px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px; border-radius: 4px 0 0 4px; }
}
.comments-form.logged-in .comments-form-btn { position: relative; border: 1px solid #00b3ac; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0; border-radius: 0 0 4px 4px;
}
@media (min-width: 640px) { .comments-form.logged-in .comments-form-btn { position: absolute; top: 0; right: 0; width: 26%; height: 120px; margin-left: -1%; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0; border-radius: 0 4px 4px 0; font-size: 18px; }
}
@media (min-width: 640px) { .comments-form.logged-in .comments-form-create-handle { margin-top: 30px; }
}
.comments-form p.miniRegTitle { font-size: 16px; font-weight: bold;
}
.comments-form p.forgot-password { margin: -15px 0 20px 0; font-size: 12px; font-weight: bold;
}
.comment-wrapper { position: relative; width: 100%; height: auto; margin-bottom: 25px; overflow: hidden; border-bottom: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .comment-wrapper { display: table; }
}
.comment-wrapper p { margin: 0;
}
.comment-wrapper .comment-thumbnail-wrap { display: none; height: 100%; width: 50px; padding: 0 20px;
}
@media (min-width: 640px) { .comment-wrapper .comment-thumbnail-wrap { display: table-cell; vertical-align: top; }
}
.comment-wrapper .comment-thumbnail-wrap .comment-thumbnail { height: 50px; width: 50px;
}
.comment-wrapper .comment-user-info { margin-bottom: 10px;
}
.comment-wrapper .comment-username { color: #008bc1; font-size: 14px;
}
.comment-wrapper .comment-date { color: #323232; font-size: 11px;
}
.comment-wrapper .comment-body { margin-bottom: 15px; clear: none; color: #a6a6a6; font-size: 12px; line-height: 1.9em;
}
@media (min-width: 640px) { .comment-wrapper .comment-body { font-size: 14px; }
}
.comment-wrapper .comment-share { position: relative; border-top: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .comment-wrapper .comment-share { position: absolute; top: -5px; right: 0; border: none; }
}
.comment-wrapper .comment-share .comment-like,
.comment-wrapper .comment-share .comment-reply,
.comment-wrapper .comment-share .comment-flag { position: relative; list-style: none; margin-right: 10px; padding: 13px 0 13px 37px; font-size: 11px;
}
.comment-wrapper .comment-share .comment-like:hover .icon,
.comment-wrapper .comment-share .comment-reply:hover .icon,
.comment-wrapper .comment-share .comment-flag:hover .icon { color: #c6c2bf;
}
.comment-wrapper .comment-share .comment-like { margin-left: -5px;
}
.comment-wrapper .comment-share .icon { position: absolute; top: -3px; left: 0; color: #e3e3e3; font-size: 40px; -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s;
}
.comment-wrapper .comment-share .comment-reply a { color: #00b3ac;
}
.comments-load-more { position: relative; width: 100%; margin-top: 20px; z-index: 2;
}
@media (min-width: 640px) { .comments-load-more { font-size: 20px; }
}
@media (min-width: 960px) { .comments-load-more { width: 500px; margin: 10px 45px 0; }
}
@media (min-width: 1280px) { .comments-load-more { width: 510px; margin: 10px 65px 0; }
}
.discussion-sidebar { margin-top: -20px; padding-bottom: 30px; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; display: none;
}
@media (min-width: 960px) { .discussion-sidebar { display: block; }
}
@media (min-width: 1280px) { .discussion-sidebar { width: 200px; position: absolute; left: 920px; top: 20px; }
}
.discussion-sidebar-header { font-size: 15px; letter-spacing: -.02em; padding-top: 5px; margin-bottom: 10px; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top;
}
.discussion-sidebar-header .icon { font-size: 40px; top: 10px; left: -7px; margin-right: -7px;
}
.discussion-sidebar-question { padding: 15px 0; border: 1px solid #e3e3e3; border-width: 1px 0;
}
.discussion-sidebar-question p { font-size: 12px; line-height: 1.42em; letter-spacing: .02em; color: #008bc1; margin: 0 0 10px;
}
.discussion-sidebar-question .question { font-size: 12px; font-weight: 400; line-height: 1.42em; letter-spacing: .02em; color: #a6a6a6; margin: 0;
}
.discussion-sidebar-cta .response-count { font-size: 12px; letter-spacing: .02em; color: #008bc1; margin: 15px 0;
}
.discussion-sidebar-cta .button { display: block;
}
#comments_v2 .processing { height: 18px; color: #999999; margin-top: 10px; font-size: 14px; display: block; vertical-align: middle; padding-bottom: 25px; padding-top: 15px;
}
#comments_v2 .processing .animatedIcon { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/iconProcessing.gif?yocs=1_&yoloc=eu); height: 16px; width: 16px; white-space: nowrap; display: inline-block; vertical-align: middle; margin-right: 10px;
}
.image-overlay { text-align: center; min-width: 320px; width: 100%; height: 100%; padding: 0 20px; background: #212121; position: fixed; top: 0; left: 0; z-index: 500; display: none; overflow: scroll;
}
@media (min-width: 640px) { .image-overlay { padding: 0 40px; }
}
@media (min-width: 960px) { .image-overlay { padding: 0 60px; }
}
.image-overlay img { max-width: 100%; visibility: hidden;
}
.image-overlay-close { font-size: 12px; letter-spacing: -.02em; text-transform: uppercase; color: #fff; position: absolute; top: 20px; right: 20px; cursor: pointer; -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s;
}
.image-overlay-close:hover { color: #c6c2bf;
}
#colorbox, #cboxOverlay, #cboxWrapper { left: 0; overflow: hidden; position: absolute; top: 0; outline: 0;
}
#cboxOverlay { height: 100%; position: fixed; width: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft { clear: left;
}
#cboxContent { position: relative;
}
#cboxLoadedContent { overflow: auto;
}
#cboxTitle { margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic { height: 100%; left: 0; position: absolute; top: 0; width: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer;
}
.cboxPhoto { border: 0; display: block; float: left; margin: auto;
}
.cboxIframe { border: 0; display: block; height: 100%; width: 100%;
}
#colorbox, #cboxOverlay, #cboxWrapper { z-index: 999999;
}
#cboxOverlay { background-color: #000;
}
#cboxClose { position: absolute; top: 8px; right: 8px; display: block; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/iconClose.png?yocs=1_&yoloc=eu) no-repeat 0 0; width: 24px; height: 24px; white-space: nowrap; overflow: hidden; text-indent: -9999px;
}
#cboxClose:focus { outline: 0;
}
#cboxLoadedContent { background: #000; background: rgba(0, 0, 0, 0.75) url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/backgroundColorboxSpinner.gif?yocs=1_&yoloc=eu) no-repeat center center; border-radius: 3px;
}
#cboxContent { padding: 20px;
}
#cboxTitle { background: #000; background: rgba(0, 0, 0, 0.5); bottom: 0; color: #fff; left: 0; position: absolute; line-height: 1; text-align: center; text-indent: 10px; margin: 0 30px 30px;
}
#cboxTitle div { padding: 10px;
}
.forgotPasswordModalOpen { float: right; font-weight: 400;
}
.forgotPasswordModalIntro { font-size: 12px;
}
@media (min-width: 640px) { .forgotPasswordModalIntro { font-size: 14px; }
}
#forgotPasswordModal, #forgotPasswordModalConfirm { background-color: #fff; overflow: hidden; width: 320px; height: 100%;
}
@media (min-width: 640px) { #forgotPasswordModal, #forgotPasswordModalConfirm { width: 500px; }
}
#forgotPasswordModal .required:after { content: '';
}
#forgotPasswordModal h4, #forgotPasswordModalConfirm h4 { color: #333; font-size: 16px; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px dotted #666;
}
@media (min-width: 640px) { #forgotPasswordModal h4, #forgotPasswordModalConfirm h4 { font-size: 20px; }
}
#forgotPasswordModalHeader h4 { margin-top: 0;
}
#forgotPasswordModalConfirm h4 { border-bottom: 0; margin-bottom: 0; padding-bottom: 0;
}
#forgotPasswordModalConfirm h4 .email { display: block; font-weight: 400; font-size: 19px; margin-top: 10px; word-wrap: break-word;
}
#forgotPasswordModalHeader { padding: 15px 20px;
}
#forgotPasswordModalMessaging p { color: #a90000; margin: 0;
}
#forgotPasswordModalPollResults { display: none; background-color: #f1f1f1; width: 200px; border-right: 1px dotted #666; margin-right: 20px; float: left; padding: 15px; height: 400px;
}
#forgotPasswordModalPollResults h5 { color: #666; font-size: 20px; margin: 10px 0 5px; text-align: center; font-weight: 400;
}
#forgotPasswordModalForm { padding-bottom: 20px; overflow: hidden; text-align: center;
}
#forgotPasswordModalForm ol { margin: 0 auto 15px; width: 400px;
}
#forgotPasswordModalForm li { margin-bottom: 10px; text-align: left;
}
#forgotPasswordModalForm label { font-size: 13px; font-weight: 400; color: #333; text-align: left; display: inline; margin-right: 10px; padding-left: 20px;
}
@media (min-width: 640px) { #forgotPasswordModalForm label { font-size: 15px; padding-left: 0; }
}
#forgotPasswordModalForm input { display: inline; outline: 0; width: 200px; color: #333; outline: 0; font-size: 17px; border: 1px solid #bfbfbf; padding: 5px 25px 5px 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;
}
@media (min-width: 640px) { #forgotPasswordModalForm input { width: 280px; }
}
#forgotPasswordModalForm input:focus { border: 2px solid #bfbfbf;
}
#forgotPasswordModalForm input.required { padding-right: 5px; background-image: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/iconRequired.png?yocs=1_&yoloc=eu); background-color: #fff; background-repeat: no-repeat; background-position: right;
}
#forgotPasswordModalFormMessage { width: 300px;
}
#forgotPasswordModalFormRecaptcha { height: 140px; margin-left: -2px; position: relative;
}
#forgotPasswordModalFormRecaptcha .spinner { top: 50% !important; left: 50% !important;
}
#forgotPasswordModalFormSubmit { clear: both; text-align: center; height: 40px; padding: 0; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; font-size: 14px; color: #fff; background: #00b3ac; border: 1px solid #00b3ac; padding: 0 40px; line-height: normal;
}
#forgotPasswordModalFormSubmit:hover { background-color: #006860; border: 1px solid #006860;
}
.imageCredit { left: 5px; position: absolute; top: 22px;
}
.imageCredit p { color: #636363; display: block; font-family: helvetica,sans-serif; font-size: 8px; margin: 0; text-transform: uppercase; white-space: nowrap; width: 20px;
}
.new-notable-home .nn-home-item .imageWithCredit, .imageWithCredit, .top-stories-home .ts-home-item .imageWithCredit { clear: both; line-height: 0.75em; overflow: hidden;
}
.new-notable-home .nn-home-item .imageWithCredit p, .imageWithCredit p, .top-stories-home .ts-home-item .imageWithCredit p { color: #9b9b9b; float: right; font-family: helvetica,arial,sans-serif; font-size: 8px; margin: 2px 0 0; text-transform: uppercase;
}
.new-notable-home .nn-home-item .imageWithCredit p, .top-stories-home .ts-home-item .imageWithCredit p,
.ps-item-img .imageWithCredit p, .id-item-img .imageWithCredit p, .opinions-item-img .imageWithCredit p { border: 0; padding-top: 0; float: right;
}
@media (min-width: 640px) { .new-notable-home .nn-home-item .imageWithCredit p, .top-stories-home .ts-home-item .imageWithCredit p, .ps-item-img .imageWithCredit p, .id-item-img .imageWithCredit p, .opinions-item-img .imageWithCredit p { float: none; }
}
@media (min-width: 960px) { .new-notable-home .nn-home-item .imageWithCredit p, .top-stories-home .ts-home-item .imageWithCredit p, .ps-item-img .imageWithCredit p, .id-item-img .imageWithCredit p, .opinions-item-img .imageWithCredit p { float: right; }
}
.main-article-hero-image .imageWithCredit { line-height: normal;
}
.main-article-hero-image .imageWithCredit p { float: none; margin: 0; position: absolute; right: 0; top: -13px;
}
.multimedia-item-img .imageWithCredit p, .photostory-section .imageWithCredit p { float: none; position: absolute;
}
#TBR_window { font: 12px Arial,Helvetica,sans-serif; color: #333;
}
#TBR_secondLine { font: 10px Arial,Helvetica,sans-serif; color: #666;
}
#TBR_window a:link { color: #666;
}
#TBR_window a:visited { color: #666;
}
#TBR_window a:hover { color: #000;
}
#TBR_window a:active { color: #666;
}
#TBR_window a:focus { color: #666;
}
#TBR_overlay { position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%;
}
.TBR_overlayMacFFBGHack { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/css/macFFBgHack.png?yocs=1_&yoloc=eu) repeat;
}
.TBR_overlayBG { background-color: #000; filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50;
}
* html #TBR_overlay { position: absolute; height: expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px');
}
#TBR_window { position: fixed; background: #fff; z-index: 9999999999; color: #000; display: none; border: 1px solid #525252; text-align: left; top: 10%; left: 50%;
}
* html #TBR_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px');
}
#TBR_window img#TBR_Image { display: block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666;
}
#TBR_caption { height: 25px; padding: 7px 30px 10px 25px; float: left;
}
#TBR_closeWindow { height: 25px; padding: 11px 25px 10px 0; float: right;
}
#TBR_closeAjaxWindow { padding: 7px 10px 5px 0; margin-bottom: 1px; text-align: right; float: right;
}
#TBR_ajaxWindowTitle { float: left; padding: 7px 0 5px 10px; margin-bottom: 1px;
}
#TBR_title { background-color: #e8e8e8; height: 27px;
}
#TBR_ajaxContent { clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em;
}
#TBR_ajaxContent.TBR_modal { padding: 15px;
}
#TBR_ajaxContent p { padding: 5px 0 5px 0;
}
#TBR_load { position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px;
}
* html #TBR_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px');
}
#TBR_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: 0; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%;
}
* html #TBR_HideSelect { position: absolute; height: expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px');
}
#TBR_iframeContent { clear: both; border: 0; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px;
}
.header.unsubscribe-site-header { min-width: 320px; width: 100%; background: none; height: 72px; padding-bottom: 0;
}
@media (min-width: 960px) { .header.unsubscribe-site-header { height: 84px; border-top: 17px solid #323232; }
}
@media (min-width: 1280px) { .header.unsubscribe-site-header { height: 84px; border-top: 17px solid #323232; }
}
.unsubscribe-header-logo-container { background: none; width: 100%; display: block; margin: 0 auto; height: 72px; text-align: center;
}
@media (min-width: 960px) { .unsubscribe-header-logo-container { width: 337px; height: 84px; }
}
@media (min-width: 1280px) { .unsubscribe-header-logo-container { width: 337px; height: 84px; }
}
.unsubscribe-header-logo-container .header-logo-tagline-mobile { position: relative; height: 72px;
}
@media (min-width: 960px) { .unsubscribe-header-logo-container .header-logo-tagline-mobile { display: none; }
}
.unsubscribe-header-logo-container .header-logo-tagline-desktop { width: 337px; height: 84px; display: none;
}
@media (min-width: 960px) { .unsubscribe-header-logo-container .header-logo-tagline-desktop { position: relative; display: block; }
}
.unsubscribe-header-logo-container .header-logo-tagline-small { display: none;
}
.unsubscribe-header-tagline { font-weight: 200; display: inline-block; width: 192px; height: 89px; vertical-align: top; text-align: left;
}
.unsubscribe-header-tagline .header-logo-tagline { position: relative; height: 72px;
}
.unsubscribe-wrapper { margin: 20px 10px; padding: 10px; background: white url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu") repeat 0 0;
}
@media (min-width: 640px) { .unsubscribe-wrapper { margin: 40px auto; width: 70%; }
}
@media (min-width: 960px) { .unsubscribe-wrapper { margin: 80px auto; width: 620px; }
}
@media (min-width: 1280px) { .unsubscribe-wrapper { margin: 80px auto; width: 620px; }
}
.unsubscribe-wrapper h1,
.unsubscribe-wrapper h2,
.unsubscribe-wrapper h3 { margin: 0;
}
.unsubscribe-wrapper form ul { list-style: none;
}
.unsubscribe-wrapper .unsubscribe-sign-up-fine-print { font-size: 10px; line-height: 1.5em; color: #666666; margin: 0 2px; padding: 0 0.625em 0.75em; background: none;
}
.unsubscribe-wrapper .unsubscribe-sign-up-fine-print a { color: #008bc1; font-size: 10px;
}
.unsubscribe-content { position: relative; height: 100%; width: 100%; overflow: hidden; background: white;
}
@media (min-width: 960px) { .unsubscribe-content ul { margin-left: 80px; }
}
@media (min-width: 1280px) { .unsubscribe-content ul { margin-left: 80px; }
}
.unsubscribe-content .unsubscribe-body { padding-top: 0;
}
.unsubscribe-content.confirm ul { margin-left: 80px; margin-bottom: 40px;
}
.unsubscribe-content.confirm li { display: list-item; list-style-type: disc;
}
.unsubscribe-content.confirm .sign-up-fine-print { padding: 0 0.625em 0.75em;
}
.unsubscribe-content.confirm .unsubscribe-body { padding-top: 10px;
}
.unsubscribe-header { padding: 40px 40px 10px;
}
@media (min-width: 640px) { .unsubscribe-header { height: 100%; }
}
.unsubscribe-header h1 { font-size: 19px; margin-bottom: 17px; line-height: 21px; color: #323232; text-align: center;
}
.unsubscribe-header h2 { font-size: 17px; margin-bottom: 17px; line-height: 21px; color: #323232;
}
.unsubscribe-header h2 a:hover { color: #006860;
}
.unsubscribe-header .unsubscribe-email { color: #00b3ac;
}
.unsubscribe-body { width: 100%; padding: 40px 40px 0; background: #fff; margin: 0 auto;
}
@media (min-width: 960px) { .unsubscribe-body { margin: 0 auto; }
}
@media (min-width: 1280px) { .unsubscribe-body { margin: 0 auto; }
}
.unsubscribe-body h3 { font-size: 15px; margin-bottom: 1em; padding-top: 40px; margin-top: 30px; position: relative; z-index: 100; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top;
}
.unsubscribe-body ul { list-style-type: none;
}
.unsubscribe-body li { display: list-item;
}
.unsubscribe-body fieldset { border: none; margin-bottom: 10px; padding-bottom: 0;
}
.unsubscribe-body button { width: 200px; margin: 40px auto 90px; display: block;
}
.unsubscribe-body.confirm ul { margin-left: 80px; margin-bottom: 40px;
}
.unsubscribe-body.confirm li { display: list-item;
}
.unsubscribe-body.confirm .unsubscribe-sign-up-fine-print { padding: 0 0.625em 0.75em;
}
.unsubscribe-footer .unsubscribe-sign-up-fine-print { text-align: center;
}
.unsubscribe-site-footer { margin: 0; padding-top: 10px; min-width: 320px; width: 100%; position: relative; z-index: 100; background: white url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; text-align: center;
}
.unsubscribe-site-footer .unsubscribe-sign-up-fine-print { padding: 10px 10px 40px; color: #a7a7a7; font-size: 11px; background: #f2f2f2;
}
.definition-header { margin-top: 10px;
}
@media (min-width: 640px) { .definition-header { margin-top: 35px; }
}
@media (min-width: 960px) { .definition-header { margin-top: 55px; }
}
@media (min-width: 1280px) { .definition-header { margin-top: 70px; }
}
@media (min-width: 960px) { .definition-header .page-header-ad { right: 40px; }
}
@media (min-width: 1280px) { .definition-header .page-header-ad { top: 70px; }
}
.definition-title { font-size: 20px; line-height: 1.1em; letter-spacing: -.02em; color: #323232; margin: 0 20px 10px;
}
@media (min-width: 640px) { .definition-title { font-size: 30px; margin: 0 40px 15px; }
}
@media (min-width: 960px) { .definition-title { font-size: 44px; padding-bottom: 23px; margin: 0 0 35px; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; }
}
@media (min-width: 1280px) { .definition-title { font-size: 50px; margin-right: 340px; }
}
.definition-subtitle { font-size: 13px; line-height: 1.54em; color: #666666; margin: 10px 20px 20px;
}
@media (min-width: 640px) { .definition-subtitle { font-size: 16px; margin: 10px 40px 20px; }
}
@media (min-width: 960px) { .definition-subtitle { font-size: 20px; width: 450px; min-height: 150px; margin: 0 0 20px; }
}
@media (min-width: 1280px) { .definition-subtitle { width: 540px; min-height: 125px; margin-left: 240px; }
}
@media (min-width: 960px) { .definition-authors { margin-top: -10px; }
}
@media (min-width: 1280px) { .definition-authors { width: 200px; float: left; }
}
.definition-authors .main-article-author { border-bottom: 1px solid #e3e3e3; padding: 0 0 5px; margin: 0 20px 20px;
}
@media (min-width: 640px) { .definition-authors .main-article-author { margin: 0 40px 20px; }
}
@media (min-width: 960px) { .definition-authors .main-article-author { padding: 10px 0 0; margin: 0 0 20px; }
}
@media (min-width: 1280px) { .definition-authors .main-article-author { border: 0; }
}
@media (min-width: 960px) { .definition-authors .main-article-author-contact { padding-top: 20px; }
}
@media (min-width: 1280px) { .definition-authors .main-article-author-contact { padding-top: 5px; }
}
.definition-authors .main-article-author-byline a { display: block;
}
.definition-section-footer, .publish-date,
body .content-center .section > div.publish-date,
body .content-center .section > div.definition-section-footer { font-size: 10px; line-height: 2.2em; color: #666666; padding-top: 5px; border-top: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .definition-section-footer, .publish-date, body .content-center .section > div.publish-date, body .content-center .section > div.definition-section-footer { font-size: 11px; }
}
@media (min-width: 960px) { .definition-section-footer, .publish-date, body .content-center .section > div.publish-date, body .content-center .section > div.definition-section-footer { font-size: 12px; }
}
.definition-section .publish-date { border: none; padding-top: 0; line-height: 1.7em;
}
.glossary .section-title { padding-left: 33px;
}
@media (min-width: 640px) { .glossary .section-title { padding-left: 37px; }
}
@media (min-width: 960px) { .glossary .section-title { padding-left: 43px; }
}
.glossary .section-title .icon { color: #008bc1; top: -6px; left: -4px;
}
@media (min-width: 640px) { .glossary .section-title .icon { top: -12px; left: -8px; }
}
@media (min-width: 960px) { .glossary .section-title .icon { top: -11px; left: -9px; }
}
@media (min-width: 1280px) { .glossary .section-title .icon { top: -10px; }
}
.glossary ul { font-size: 15px; line-height: 2.2em; color: #008bc1; margin-top: -10px; list-style: inside square;
}
@media (min-width: 640px) { .glossary ul { font-size: 16px; }
}
@media (min-width: 960px) { .glossary ul { font-size: 18px; }
}
.def-viewall-btn { display: block; clear: both; width: 100%; margin-top: 20px;
}
@media (min-width: 640px) { .def-viewall-btn { width: 264px; margin: 40px auto 0; font-size: 13px; }
}
.continue-reading ul { list-style-type: none;
}
.continue-reading li { color: #323232; font-size: 15px; margin: 0 0 10px 0; padding-left: 40px; position: relative;
}
@media (min-width: 640px) { .continue-reading li { font-size: 18px; }
}
.continue-reading li:before { color: #008bc1; content: "\2219"; font-size: 108px; line-height: 15px; position: absolute; left: 5px; top: -2px;
}
@media (min-width: 640px) { .continue-reading li:before { top: 0; }
}
.continue-reading li:first-child { margin-top: 15px;
}
@media (min-width: 960px) { .continue-reading li:first-child { margin-top: 25px; }
}
@media (min-width: 640px) { .continue-reading li { font-size: 16px; margin-bottom: 20px; }
}
@media (min-width: 640px) { .related-terms { padding: 10px; background-repeat: repeat; }
}
.related-terms h4 { font-size: 18px; padding-bottom: 3px; margin-top: 15px; border-bottom: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .related-terms h4 { font-size: 26px; padding-bottom: 10px; margin-top: 0; }
}
@media (min-width: 960px) { .related-terms h4 { font-size: 30px; }
}
@media (min-width: 640px) { .related-terms dl { margin-bottom: 0; }
}
.related-terms dt { font-size: 16px; letter-spacing: -.02em;
}
@media (min-width: 640px) { .related-terms dt { font-size: 20px; }
}
@media (min-width: 960px) { .related-terms dt { font-size: 24px; }
}
.related-terms dd { font-size: 12px; line-height: 1.58em; color: #666666; padding-bottom: 15px; margin: 12px 0 25px; border-bottom: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .related-terms dd { font-size: 13px; }
}
@media (min-width: 960px) { .related-terms dd { font-size: 14px; }
}
.related-terms dd:last-child { margin-bottom: 0;
}
@media (min-width: 640px) { .related-terms-inner { padding: 30px; background: #fff; }
}
.related-terms-all-wrapper { display: none;
}
@media (min-width: 640px) { .related-terms-all-wrapper { margin: -25px 0 30px; border-bottom: 1px solid #e3e3e3; position: relative; display: block; }
}
@media (min-width: 640px) { .related-terms-all-list { padding-bottom: 10px; margin: 0 -2%; }
}
@media (min-width: 640px) { .related-terms-all-list li { font-size: 12px; letter-spacing: -.02em; color: #666666; width: 46%; margin: 0 2%; padding: 5px 0; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .related-terms-all-list li a:hover { color: #008bc1; }
}
@media (min-width: 960px) { .related-terms-all-list li { width: 29.3%; }
}
.related-terms-show-more { width: 100%; padding-top: 36px; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/refinery_mask.png?yocs=1_&yoloc=eu) repeat-x 0 top; position: absolute; bottom: 0; left: 0; cursor: pointer;
}
@media (min-width: 960px) { .related-terms-show-more { display: none; }
}
.related-terms-show-more-inner { font-size: 13px; text-align: center; padding: 12px 0; border-top: 1px solid #e3e3e3; background: #fff;
}
@media (min-width: 640px) { .related-terms-all-closed { height: 150px; overflow: hidden; }
}
@media (min-width: 960px) { .related-terms-all-closed { height: auto; overflow: visible; }
}
@media (min-width: 640px) { .related-terms-all-open { height: auto; padding-bottom: 42px; }
}
@media (min-width: 960px) { .related-terms-all-open { padding-bottom: 0; }
}
@media (min-width: 640px) { .related-terms-all-open .related-terms-show-more { padding-top: 0; background: none; }
}
.related-terms-view-all { text-align: center;
}
.related-terms-view-all .button { width: 240px; margin: 40px auto 0;
}
@media (min-width: 640px) { .related-terms-view-all .button { width: 310px; }
}
.file-extensions { display: none; padding: 40px;
}
@media (min-width: 960px) { .file-extensions { display: block; }
}
.file-extensions h2 { margin: 0 0 20px 0;
}
.file-extensions ul { clear: both; list-style-type: none; margin-bottom: 20px; overflow: hidden;
}
@media (min-width: 1280px) { .file-extensions ul { clear: none; float: left; overflow: visible; }
}
@media (min-width: 1280px) { .file-extensions .list-1 li:first-child { border-left: none; padding-left: 0; margin-left: 0; }
}
.file-extensions li { border-left: 1px solid #e3e3e3; float: left; padding-left: 13px; margin-left: 13px;
}
.file-extensions li a { color: #a6a6a6; font-size: 20px; display: inline-block; width: 14px; text-align: center;
}
.file-extensions .powered-by { border-top: 1px solid #e3e3e3; clear: both; margin-top: 10px; padding-top: 20px;
}
.file-extensions .powered-by span { color: #a6a6a6; font-size: 12px; float: left; margin-right: 15px;
}
.file-extensions .powered-by img { width: 125px;
}
#sdef .breadcrumbs { margin: 0 20px -15px;
}
@media (min-width: 640px) { #sdef .breadcrumbs { margin-top: 5px; }
}
@media (min-width: 960px) { #sdef .breadcrumbs { margin: 10px auto 0; width: 880px; text-align: left; padding-left: 40px; box-sizing: border-box; }
}
@media (min-width: 1280px) { #sdef .breadcrumbs { width: 1200px; }
}
#sdef .breadcrumbs ul { list-style: none;
}
#sdef .breadcrumbs ul li { display: inline; padding-right: 5px; font-size: 11px;
}
#sdef .breadcrumbs ul li:before { content: '>\00a0'; padding-right: 3px; color: #00b3ac;
}
#sdef .breadcrumbs ul li:first-child:before { content: ''; padding-right: 0;
}
#sdef .breadcrumbs ul li a { color: #00b3ac;
}
#sdef .breadcrumbs ul li a:hover { color: #006860;
}
#sdef .top-gradient-bar { height: 5px;
}
#sdef .definition-header { margin-top: 0;
}
@media (min-width: 960px) { #sdef .definition-header { margin-top: 25px; min-height: 250px; }
}
@media (min-width: 1280px) { #sdef .definition-header { min-height: 0; clear: both; overflow: hidden; }
}
@media (min-width: 960px) { #sdef .definition-title { font-size: 30px; background: 0; margin-bottom: 0; padding-bottom: 10px; width: 460px; }
}
@media (min-width: 1280px) { #sdef .definition-title { width: 740px; float: left; margin-right: 0; }
}
@media (min-width: 960px) { #sdef .definition-authors { width: 460px; }
}
@media (min-width: 1280px) { #sdef .definition-authors { float: right; clear: none; width: 300px; margin-top: 0; margin-bottom: 25px; display: none; }
}
#sdef .definition-authors .publish-date { margin: 0 20px; border-top: 0; border-bottom: 1px solid #e3e3e3; padding-top: 0; color: #666666;
}
@media (min-width: 640px) { #sdef .definition-authors .publish-date { margin: 0 40px; }
}
@media (min-width: 960px) { #sdef .definition-authors .publish-date { margin: 0; }
}
@media (min-width: 1280px) { #sdef .definition-authors .publish-date { border-bottom: 0; }
}
#sdef .definition-authors .main-article-author { border-bottom: 0; margin-bottom: 0;
}
@media (min-width: 960px) { #sdef .definition-authors .main-article-author { min-height: 0; width: 100%; }
}
#sdef .definition-authors .main-article-author .image-resize { display: none;
}
@media (min-width: 1280px) { #sdef .definition-authors .main-article-author .image-resize { display: block; }
}
@media (min-width: 960px) { #sdef .definition-authors .main-article-author-contact { padding-top: 0; }
}
@media (min-width: 1280px) { #sdef .definition-authors .main-article-author-contact { float: none; width: auto; border: 0; margin-top: 5px; }
}
#sdef .definition-authors .main-article-author-info { border-top: 1px solid #e3e3e3; padding-top: 5px;
}
@media (min-width: 1280px) { #sdef .definition-authors .main-article-author-info { border-top: 0; padding-top: 0; float: none; width: auto; }
}
#sdef .definition-authors .main-article-author-byline { display: inline-block;
}
@media (min-width: 1280px) { #sdef .definition-authors .main-article-author-byline { display: block; }
}
#sdef .definition-authors .main-article-author-byline a { display: inline-block;
}
#sdef .definition-authors .main-article-author-title { color: #a6a6a6; margin-left: 5px; display: inline-block;
}
@media (min-width: 1280px) { #sdef .definition-authors .main-article-author-title { display: block !important; margin-left: 0; }
}
#sdef .definition-authors .main-article-author-title a:hover { color: #a6a6a6;
}
#sdef .section.definition-section { background: 0; margin-top: 0;
}
#sdef .section.definition-section p { color: #000;
}
#sdef .section.definition-section p:first-child { margin-top: 0;
}
@media (min-width: 960px) { #sdef .sign-up-header { overflow: visible; z-index: 2; }
}
@media (min-width: 640px) { #sdef .sign-up-header h2 { width: 100%; }
}
#sdef .sign-up-header > img { display: none;
}
@media (min-width: 640px) { #sdef .sign-up-header > img { display: block; width: 40%; }
}
@media (min-width: 960px) { #sdef .sign-up-header > img { width: 240px; position: relative; right: 0; max-height: 175px; }
}
@media (min-width: 960px) { #sdef .sign-up-header > p { margin-right: 280px; }
}
@media (min-width: 960px) { #sdef .sign-up-form.cascading-reg-form { min-height: 150px; }
}
#sdef .sign-up-form.cascading-reg-form .error .errorMessageInput { clear: both;
}
#sdef .sign-up-form.cascading-reg-form.page1 { margin-top: 20px;
}
@media (min-width: 640px) { #sdef .sign-up-form.cascading-reg-form.page1 li { margin: 0; }
}
#sdef .sign-up-form.cascading-reg-form.page1 li input { max-width: 408px; height: 55px;
}
#sdef .sign-up-form.cascading-reg-form.page1 input { width: 100%; font-size: 21px; max-width: 408px;
}
@media (min-width: 640px) { #sdef .sign-up-form.cascading-reg-form.page1 input { font-size: 24px; }
}
#sdef .sign-up-form.cascading-reg-form.page1 input[type=submit] { font-size: 21px; width: 100%; max-width: 408px; height: 55px;
}
@media (min-width: 640px) { #sdef .sign-up-form.cascading-reg-form.page1 input[type=submit] { font-size: 24px; }
}
@media (min-width: 640px) { #sdef .sign-up-form.cascading-reg-form.page1 input[type=submit] { margin-bottom: 40px; }
}
@media (min-width: 1280px) { #sdef .sign-up-form.cascading-reg-form.page1 input[type=submit] { margin-left: 0; }
}
#sdef .sign-up-form.cascading-reg-form.page1 #inlineRegProcessing { float: none; margin-bottom: 20px;
}
#sdef .sign-up-form.cascading-reg-form.page1 #inlineRegProcessing .processing .animatedIcon { margin: 0;
}
@media (min-width: 640px) { #sdef .sign-up-form.cascading-reg-form.page1 #inlineRegProcessing .processing .animatedIcon { margin: 0 10px 20px -65px; }
}
@media (min-width: 1280px) { #sdef .sign-up-form.cascading-reg-form.page1 .error p { margin-left: 0; }
}
@media (min-width: 960px) { #sdef .actions-bar { display: block; }
}
@media (min-width: 1280px) { #sdef .actions-bar { display: none; }
}
#sdef .actions-bar .actions-bar-chapters { display: none;
}
#sdef .main-content .content-left { display: none;
}
@media (min-width: 1280px) { #sdef .main-content .content-left { display: block; width: 0; }
}
@media (min-width: 1280px) { #sdef .main-content .content-left .locking-left-bar { display: none; }
}
@media (min-width: 960px) { #sdef .main-content .content-center { margin-left: 0; width: 740px; }
}
#sdef .main-content .content-center p a { text-decoration: underline;
}
#sdef .main-content .content-center figure { margin: 0 auto;
}
@media (min-width: 960px) { #sdef .mobile-sidebars { display: block; }
}
@media (min-width: 1280px) { #sdef .mobile-sidebars { display: none; }
}
@media (min-width: 960px) { #sdef .site-container.shifted { border-left: 0; }
}
@media (min-width: 960px) { #sdef .resources-bar-header { font-size: 18px; padding-left: 57px; }
}
@media (min-width: 1280px) { #sdef .resources-bar-header { font-size: 15px; padding-left: 0; }
}
@media (min-width: 960px) { #sdef .resources-bar-header .icon { top: 2px; left: 9px; display: block; }
}
@media (min-width: 1280px) { #sdef .resources-bar-header .icon { display: none; }
}
@media (min-width: 960px) { #sdef .resources-bar-item { padding-left: 55px; }
}
@media (min-width: 1280px) { #sdef .resources-bar-item { padding-left: 0; }
}
@media (min-width: 960px) { #sdef .resources-bar-item .icon { display: block; }
}
@media (min-width: 960px) { #sdef .sponsored-news .resources-bar-item.see-more a { text-align: left; }
}
@media (min-width: 1280px) { #sdef .sponsored-news .resources-bar-item.see-more a { text-align: center; }
}
#sdef .desktop-itcs-bar { display: none;
}
@media (min-width: 1280px) { #sdef .desktop-itcs-bar { display: block; }
}
#sdef .ribbon-wrapper { display: none;
}
@media (min-width: 960px) { #sdef .ribbon-wrapper { display: block; z-index: 999999999; }
}
@media (min-width: 960px) { #sdef .ribbon-left { position: absolute; width: 64px; height: 245px; z-index: 999999999; background-color: #00b3ac; left: -24px; } #sdef .ribbon-left:before { content: ""; position: absolute; top: -15px; right: 20px; border-width: 0 0 15px 44px; border-style: solid; border-color: #006860 #f2f2f2; }
}
@media (min-width: 1280px) { #sdef .ribbon-left { left: -904px; width: 64px; }
}
#sdef .ribbon-left:hover .ribbon-arrow-link { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/ribbon_arrow_left_hover.png?yocs=1_&yoloc=eu) no-repeat 9px 100px;
}
#sdef .ribbon-left .ribbon-divider-left { display: none;
}
@media (min-width: 1280px) { #sdef .ribbon-left .ribbon-divider-left { display: block; position: absolute; top: -160px; left: 59px; }
}
#sdef .ribbon-left .ribbon-left-hover { display: none; position: absolute; background-color: #00b3ac; top: 0; left: 64px; height: 205px; width: 370px; padding: 20px 20px 20px 0; margin-left: -5px;
}
#sdef .ribbon-left .ribbon-left-hover:hover { display: block;
}
#sdef .ribbon-left .ribbon-left-hover .ribbon-img { position: relative; float: left; width: 140px;
}
#sdef .ribbon-left .ribbon-left-hover .ribbon-img img { width: 120px; height: 120px; border: 5px solid #fff; border-radius: 10px;
}
#sdef .ribbon-left .ribbon-left-hover .ribbon-img .img-overlay { position: absolute; left: -5px; top: 15px; background-color: #a31e22; color: #fff; width: 120px; padding-left: 15px;
}
#sdef .ribbon-left .ribbon-left-hover .ribbon-img .img-overlay:before { content: ""; position: absolute; top: -5px; left: 0; border-width: 5px 5px 0 0; border-style: solid; border-color: #00b3ac #620104;
}
#sdef .ribbon-left .ribbon-left-hover .ribbon-img .img-overlay:after { content: ""; position: absolute; top: 0; right: -5px; border-width: 9px 0 9px 5px; border-style: solid; border-color: #00b3ac #a31e22;
}
#sdef .ribbon-left .ribbon-left-hover .ribbon-def { margin-left: 145px;
}
#sdef .ribbon-left .ribbon-left-hover .ribbon-def h5 { font-size: 18px; color: #fff; margin: 0 0 10px 0;
}
#sdef .ribbon-left .ribbon-left-hover .ribbon-def p { font-size: 16px; line-height: 22px; color: #fff; margin: 0 0 10px 0;
}
#sdef .ribbon-left .ribbon-left-hover .ribbon-def .ribbon-btn { display: block; background-color: #a31e22; color: #fff; padding: 15px; font-size: 16px; width: 160px; text-align: center; border-radius: 5px;
}
#sdef .ribbon-left .ribbon-arrow-link { display: block; width: 64px; height: 245px; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/ribbon_arrow_left.png?yocs=1_&yoloc=eu) no-repeat 9px 100px;
}
#sdef .ribbon-left .ribbon-arrow-link:hover { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/ribbon_arrow_left_hover.png?yocs=1_&yoloc=eu) no-repeat 9px 100px;
}
#sdef .ribbon-left .ribbon-arrow-link:hover + .ribbon-hover-link .ribbon-left-hover { display: block;
}
@media (min-width: 960px) { #sdef .ribbon-right { position: absolute; width: 64px; height: 245px; z-index: 999999999; background-color: #00b3ac; right: -904px; } #sdef .ribbon-right:before { content: ""; position: absolute; top: -15px; right: 0; border-width: 0 44px 15px 0; border-style: solid; border-color: #006860 #f2f2f2; }
}
@media (min-width: 1280px) { #sdef .ribbon-right { right: -84px; }
}
#sdef .ribbon-right:hover .ribbon-arrow-link { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/ribbon_arrow_right_hover.png?yocs=1_&yoloc=eu) no-repeat 9px 100px;
}
#sdef .ribbon-right .ribbon-divider-right { display: none;
}
@media (min-width: 1280px) { #sdef .ribbon-right .ribbon-divider-right { display: block; position: absolute; top: -160px; left: -380px; z-index: 1; }
}
#sdef .ribbon-right .ribbon-right-hover { display: none; position: absolute; background-color: #00b3ac; top: 0; left: -375px; height: 205px; width: 370px; padding: 20px 0 20px 20px; margin-left: -5px;
}
@media (min-width: 1280px) { #sdef .ribbon-right .ribbon-right-hover { display: block; }
}
#sdef .ribbon-right .ribbon-right-hover:hover { display: block;
}
#sdef .ribbon-right .ribbon-right-hover .ribbon-img { position: relative; float: left; width: 140px;
}
#sdef .ribbon-right .ribbon-right-hover .ribbon-img img { width: 120px; height: 120px; border: 5px solid #fff; border-radius: 10px;
}
#sdef .ribbon-right .ribbon-right-hover .ribbon-img .img-overlay { position: absolute; left: -5px; top: 15px; background-color: #a31e22; color: #fff; width: 120px; padding-left: 15px;
}
#sdef .ribbon-right .ribbon-right-hover .ribbon-img .img-overlay:before { content: ""; position: absolute; top: -5px; left: 0; border-width: 5px 5px 0 0; border-style: solid; border-color: #00b3ac #620104;
}
#sdef .ribbon-right .ribbon-right-hover .ribbon-img .img-overlay:after { content: ""; position: absolute; top: 0; right: -5px; border-width: 9px 0 9px 5px; border-style: solid; border-color: #00b3ac #a31e22;
}
#sdef .ribbon-right .ribbon-right-hover .ribbon-def { margin-left: 145px;
}
#sdef .ribbon-right .ribbon-right-hover .ribbon-def h5 { font-size: 18px; color: #fff; margin: 0 0 10px 0;
}
#sdef .ribbon-right .ribbon-right-hover .ribbon-def p { font-size: 16px; line-height: 22px; color: #fff; margin: 0 0 10px 0;
}
#sdef .ribbon-right .ribbon-right-hover .ribbon-def .ribbon-btn { display: block; background-color: #a31e22; color: #fff; padding: 15px; font-size: 16px; width: 160px; text-align: center; border-radius: 5px;
}
#sdef .ribbon-right .ribbon-arrow-link { display: block; width: 64px; height: 245px; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/ribbon_arrow_right.png?yocs=1_&yoloc=eu) no-repeat 9px 100px;
}
#sdef .ribbon-right .ribbon-arrow-link:hover { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/ribbon_arrow_right_hover.png?yocs=1_&yoloc=eu) no-repeat 9px 100px;
}
#sdef .ribbon-right .ribbon-arrow-link:hover + .ribbon-hover-link .ribbon-right-hover { display: block;
}
@media (min-width: 960px) { #sdef .actions-bar-item.actions-bar-resources { margin-top: 265px; }
}
#sdef .site-container.shifted .ribbon-wrapper { display: none;
}
#sdef .mobile-resources-bar .ribbon-wrapper { display: none;
}
#sdef .share-bar-desktop { display: none;
}
@media (min-width: 1280px) { #sdef .share-bar-desktop { float: right; background: none; clear: both; overflow: hidden; margin-right: 63px; width: auto; display: none; padding-bottom: 0; text-align: left; }
}
@media (min-width: 1280px) { #sdef .share-bar-desktop .share-bar-item-desktop.share-bar-title { display: block; margin-bottom: 5px; }
}
@media (min-width: 1280px) { #sdef .resources-bar.desktop-resources-bar { z-index: 999999999; width: 300px; margin-left: 820px; margin-top: -10px; }
}
@media (min-width: 1280px) { #sdef .resources-bar.desktop-resources-bar .primary { margin-top: 260px; }
}
@media (min-width: 1280px) { #sdef .desktop-itcs-bar { width: 300px; }
}
@media (min-width: 1280px) { #sdef .desktop-itcs-bar .itcs-bar-item { margin-left: 50px; }
}
@media (min-width: 1280px) { #sdef .discussion-sidebar { width: 300px; left: 820px; }
}
#sdef .definition-guide-subtitle { border-top: 1px solid #e3e3e3; position: relative; padding: 7px 0; margin: 0 20px;
}
@media (min-width: 640px) { #sdef .definition-guide-subtitle { margin: 0 40px; }
}
@media (min-width: 960px) { #sdef .definition-guide-subtitle { margin: 0; width: 460px; }
}
@media (min-width: 1280px) { #sdef .definition-guide-subtitle { border-bottom: 1px solid #e3e3e3; float: left; width: 740px; }
}
#sdef .definition-guide-subtitle .icon { font-size: 32px; color: #666666; position: absolute; top: -2px;
}
#sdef .definition-guide-subtitle span { display: block; color: #666666; padding-left: 35px; font-size: 13px;
}
#sdef .definition-guide-subtitle span a { color: #00b3ac;
}
#sdef .definition-guide-subtitle span a:hover { color: #006860;
}
#sdef #main-content #content-center > div > div > p,
#sdef #main-content #content-center > div > div > ul li,
#sdef #main-content #content-center > div > div > ol li,
#sdef .main-article-chapter p { color: #000;
}
#sdef #main-content #content-center .join-discussion-wrapper .discussion-question p { color: #c6c2bf;
}
@media (min-width: 640px) { #sdef .section.next-steps, #sdef .section.continue-reading, #sdef .section.related-terms, #sdef .section.dig-deeper { clear: both; }
}
@media (min-width: 960px) { #sdef .actions-bar-item.actions-bar-resources { margin-top: 0; }
}
@media (min-width: 960px) { #sdef .page-header-ad.ad-desktop { top: 20px; }
}
@media (min-width: 1280px) { #sdef .page-header-ad.ad-desktop { display: block !important; clear: both; top: auto; left: auto; float: right; position: static; }
}
#sdef .top-gradient-bar { height: 15px;
}
#sdef .definition-header { margin-top: 10px;
}
@media (min-width: 960px) { #sdef .definition-header { margin-top: 35px; }
}
#sdef .definition-header .eyebrow { font-size: 12px; color: #bbb; text-transform: uppercase; display: block; margin: 0 20px;
}
@media (min-width: 640px) { #sdef .definition-header .eyebrow { margin: 0 40px; }
}
@media (min-width: 960px) { #sdef .definition-header .eyebrow { margin: 0 0 5px 0; }
}
#sdef .definition-title { font-size: 25px;
}
@media (min-width: 640px) { #sdef .definition-title { font-size: 40px; }
}
@media (min-width: 1280px) { #sdef .section.definition-section { padding-top: 25px; }
}
#sdef .section.definition-section p { color: #6c6c6c;
}
#sdef .section.main-article-chapter { background: none; padding-top: 0; margin-top: 27px;
}
#sdef .section.main-article-chapter .section-title { margin: 0 0 -20px 0;
}
@media (min-width: 1280px) { #sdef .definition-authors { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 15px; }
}
#sdef h2.section-title,
#sdef h3.section-title { padding-left: 0;
}
#sdef h2.section-title .icon,
#sdef h3.section-title .icon { display: none;
}
@media (min-width: 640px) { #sdef h2.section-title, #sdef h3.section-title { font-size: 18px; }
}
@media (min-width: 960px) { #sdef h2.section-title, #sdef h3.section-title { font-size: 20px; }
}
@media (min-width: 640px) { #sdef .related-terms-inner { padding: 15px; } #sdef .related-terms-inner h4 { margin-bottom: 0; } #sdef .related-terms-inner dd { margin: 15px 0; }
}
#sdef .main-content .content-left .locking-left-bar { display: block;
}
#sdef .share-bar-desktop { display: none; float: none; margin-right: 0; width: 30px; margin-left: 0;
}
#sdef .share-bar-desktop.fixed { position: fixed; top: 180px;
}
@media (min-width: 640px) { #sdef .share-bar-desktop { width: 40px; }
}
@media (min-width: 960px) { #sdef .share-bar-desktop { margin-left: -5px; background: none; padding: 0; width: 50px; }
}
@media (min-width: 1280px) { #sdef .share-bar-desktop { margin-left: -65px; position: absolute; display: block; }
}
#sdef .share-bar-desktop .share-bar-item-desktop { display: block; text-align: center;
}
#sdef .share-bar-desktop .share-bar-item-desktop.socialMedia-facebook { background-color: #3b5998;
}
#sdef .share-bar-desktop .share-bar-item-desktop.socialMedia-twitter { background-color: #55acee;
}
#sdef .share-bar-desktop .share-bar-item-desktop.socialMedia-google { background-color: #db4437;
}
#sdef .share-bar-desktop .share-bar-item-desktop.socialMedia-linkedin { background-color: #0077b5;
}
#sdef .share-bar-desktop .share-bar-item-desktop.socialMedia-xing { background-color: #1a7576;
}
#sdef .share-bar-desktop .share-bar-item-desktop.contentTools-print, #sdef .share-bar-desktop .share-bar-item-desktop.contentTools-email { background-color: #5c5d5d;
}
#sdef .share-bar-desktop .share-bar-item-desktop.share-bar-title { display: none;
}
#sdef .share-bar-desktop .share-bar-item-desktop a { color: #fff; font-size: 24px; display: block; padding: 3px;
}
@media (min-width: 640px) { #sdef .share-bar-desktop .share-bar-item-desktop a { font-size: 26px; padding: 5px; }
}
@media (min-width: 960px) { #sdef .share-bar-desktop .share-bar-item-desktop a { font-size: 30px; padding: 7px; }
}
#sdef .share-bar-desktop .share-bar-item-desktop a:hover { color: #fff;
}
#sdef .actions-bar .actions-bar-share { display: none;
}
@media (min-width: 960px) { #sdef .actions-bar .actions-bar-item { display: none; }
}
.topic-header,
.infotype-header,
.news-listing-header,
.blog-header { margin-top: 10px; position: relative;
}
@media (min-width: 640px) { .topic-header, .infotype-header, .news-listing-header, .blog-header { margin-top: 35px; }
}
@media (min-width: 960px) { .topic-header, .infotype-header, .news-listing-header, .blog-header { margin-top: 55px; }
}
@media (min-width: 1280px) { .topic-header, .infotype-header, .news-listing-header, .blog-header { margin-top: 70px; }
}
@media (min-width: 960px) { .topic-header .page-header-ad, .topic-header .page-header-ad-tall, .infotype-header .page-header-ad, .infotype-header .page-header-ad-tall, .news-listing-header .page-header-ad, .news-listing-header .page-header-ad-tall, .blog-header .page-header-ad, .blog-header .page-header-ad-tall { bottom: 0; right: 0; }
}
@media (min-width: 1280px) { .topic-header .page-header-ad, .topic-header .page-header-ad-tall, .infotype-header .page-header-ad, .infotype-header .page-header-ad-tall, .news-listing-header .page-header-ad, .news-listing-header .page-header-ad-tall, .blog-header .page-header-ad, .blog-header .page-header-ad-tall { bottom: auto; top: 10px; }
}
.topic-title,
.infotype-title,
.news-listing-title,
.blog-title { font-size: 20px; line-height: 1.1em; letter-spacing: -.02em; color: #323232; margin: 0 20px 10px;
}
@media (min-width: 640px) { .topic-title, .infotype-title, .news-listing-title, .blog-title { font-size: 30px; margin: 0 40px 15px; }
}
@media (min-width: 960px) { .topic-title, .infotype-title, .news-listing-title, .blog-title { font-size: 44px; margin: 0 0 5px; }
}
@media (min-width: 1280px) { .topic-title, .infotype-title, .news-listing-title, .blog-title { font-size: 50px; margin-right: 340px; }
}
.topic-subtitle,
.blog-subtitle { font-size: 13px; line-height: 1.54em; color: #666666; margin: 10px 20px 20px;
}
@media (min-width: 640px) { .topic-subtitle, .blog-subtitle { font-size: 16px; margin: 10px 40px 32px; }
}
@media (min-width: 960px) { .topic-subtitle, .blog-subtitle { font-size: 20px; margin: 0 0 30px; }
}
@media (min-width: 1280px) { .topic-subtitle, .blog-subtitle { width: 540px; }
}
@media (min-width: 640px) { .topic-subtitle .definition-link, .blog-subtitle .definition-link { font-size: 13px; }
}
@media (min-width: 960px) { .topic-subtitle .definition-link, .blog-subtitle .definition-link { font-size: 14px; }
}
.topic-section,
.infotype-section { position: relative; width: 100%; }
.topic-section .topic-section-title,
.topic-section .infotype-section-title,
.infotype-section .topic-section-title,
.infotype-section .infotype-section-title { margin: 20px 0 20px 0; font-size: 18px;
}
.topic-section .topic-section-title .section-sub-head,
.topic-section .infotype-section-title .section-sub-head,
.infotype-section .topic-section-title .section-sub-head,
.infotype-section .infotype-section-title .section-sub-head { color: #00b3ac;
}
@media (min-width: 640px) { .topic-section .topic-section-title, .topic-section .infotype-section-title, .infotype-section .topic-section-title, .infotype-section .infotype-section-title { font-size: 26px; }
}
@media (min-width: 960px) { .topic-section .topic-section-title, .topic-section .infotype-section-title, .infotype-section .topic-section-title, .infotype-section .infotype-section-title { font-size: 30px; }
}
.topic-section .topic-section-title.itcs-title,
.infotype-section .topic-section-title.itcs-title { padding-left: 30px; position: relative; margin-bottom: 0;
}
@media (min-width: 640px) { .topic-section .topic-section-title.itcs-title, .infotype-section .topic-section-title.itcs-title { float: left; }
}
@media (min-width: 960px) { .topic-section .topic-section-title.itcs-title, .infotype-section .topic-section-title.itcs-title { margin-top: 30px; }
}
.topic-section .topic-section-title.itcs-title .icon,
.infotype-section .topic-section-title.itcs-title .icon { font-size: 35px; color: #00b3ac; position: absolute; left: -8px; top: -9px;
}
@media (min-width: 640px) { .topic-section .topic-section-title.itcs-title .icon, .infotype-section .topic-section-title.itcs-title .icon { top: -4px; }
}
.topic-section .itcs-subhead,
.infotype-section .itcs-subhead { color: #a6a6a6; font-size: 11px; text-transform: uppercase; padding-left: 30px;
}
@media (min-width: 640px) { .topic-section .itcs-subhead, .infotype-section .itcs-subhead { float: left; margin-top: 20px; border-left: 1px solid #e3e3e3; margin-left: 20px; padding: 12px 0 12px 20px; }
}
@media (min-width: 960px) { .topic-section .itcs-subhead, .infotype-section .itcs-subhead { margin-top: 30px; }
}
.topic-section .itcs-items,
.infotype-section .itcs-items { clear: both; overflow: hidden;
}
@media (min-width: 640px) { .topic-section .itcs-items li, .infotype-section .itcs-items li { padding-bottom: 10px; }
}
@media (min-width: 640px) { .topic-section .itcs-items li:first-child, .infotype-section .itcs-items li:first-child { margin-top: 25px; }
}
.topic-section .itcs-items .itcs-powered-by,
.infotype-section .itcs-items .itcs-powered-by { display: none;
}
@media (min-width: 640px) { .topic-section .itcs-items .itcs-powered-by, .infotype-section .itcs-items .itcs-powered-by { display: block; font-size: 13px; color: #00b3ac; }
}
.topic-section .itcs-items .itcs-rating,
.infotype-section .itcs-items .itcs-rating { clear: both; overflow: hidden; margin-top: 10px;
}
.topic-section .itcs-items .itcs-rating span,
.infotype-section .itcs-items .itcs-rating span { font-size: 13px; float: left; margin-right: 10px; margin-top: 4px;
}
.topic-section .itcs-items .itcs-rating .icon,
.infotype-section .itcs-items .itcs-rating .icon { color: #e3e3e3; display: block; position: relative; width: 20px; float: left; font-size: 24px;
}
.topic-section .itcs-items .itcs-rating .icon.on,
.infotype-section .itcs-items .itcs-rating .icon.on { color: #ffc600;
}
.topic-section .itcs-items .itcs-rating .icon .icon.on,
.infotype-section .itcs-items .itcs-rating .icon .icon.on { position: absolute; top: 0;
}
.topic-section p,
.infotype-section p { margin: 0; font-size: 12px; line-height: 1.5em; color: #666666;
}
@media (min-width: 640px) { .topic-section p, .infotype-section p { font-size: 16px; }
}
@media (min-width: 960px) { .topic-section p, .infotype-section p { font-size: 18px; }
}
.topic-section .topic-item,
.infotype-section .topic-item { margin: 20px 0 0 0; padding-bottom: 10px; list-style: none; border-bottom: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .topic-section .topic-item, .infotype-section .topic-item { margin-top: 35px; padding-bottom: 18px; }
}
.topic-section .topic-item-title,
.infotype-section .topic-item-title { margin: 0; color: #323232; font-size: 16px; line-height: 1.3em;
}
@media (min-width: 640px) { .topic-section .topic-item-title, .infotype-section .topic-item-title { font-size: 20px; }
}
@media (min-width: 960px) { .topic-section .topic-item-title, .infotype-section .topic-item-title { font-size: 24px; }
}
.topic-section .topic-item-title a:hover,
.infotype-section .topic-item-title a:hover { color: #00b3ac;
}
.topic-section .topic-item-description,
.infotype-section .topic-item-description { display: none; margin-top: 20px; font-size: 13px; line-height: 1.7em;
}
@media (min-width: 640px) { .topic-section .topic-item-description, .infotype-section .topic-item-description { display: block; }
}
.topic-section .topic-form,
.infotype-section .topic-form { clear: both; position: relative; margin: 15px 0 0; width: 100%; height: 45px;
}
@media (min-width: 640px) { .topic-section .topic-form, .infotype-section .topic-form { height: 60px; }
}
.topic-section .topic-form .placeholder,
.infotype-section .topic-form .placeholder { font-size: 14px; color: #c6c2bf; top: 10px !important;
}
@media (min-width: 640px) { .topic-section .topic-form .placeholder, .infotype-section .topic-form .placeholder { font-size: 18px; }
}
@media (min-width: 960px) { .topic-section .topic-form .placeholder, .infotype-section .topic-form .placeholder { font-size: 24px; }
}
.topic-section .topic-form .topic-form-textfield,
.infotype-section .topic-form .topic-form-textfield { float: left; padding: 0 0 0 10px; margin: 0; height: 100%; width: 100%; color: #666666; background: #f2f2f2; border: 1px solid #e3e3e3; font-size: 14px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px; border-radius: 4px 0 0 4px;
}
@media (min-width: 640px) { .topic-section .topic-form .topic-form-textfield, .infotype-section .topic-form .topic-form-textfield { padding-left: 20px; font-size: 18px; }
}
@media (min-width: 960px) { .topic-section .topic-form .topic-form-textfield, .infotype-section .topic-form .topic-form-textfield { font-size: 24px; }
}
.topic-section .topic-form .topic-form-btn,
.infotype-section .topic-form .topic-form-btn { float: left; padding: 0; margin: 0 0 0 -45px; height: 100%; width: 45px; font-family: 'TechTarget-Icon'; font-size: 35px; line-height: 1.3em; color: #fff; background: #00b3ac; border: 1px solid #00b3ac; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0; border-radius: 0 4px 4px 0;
}
@media (min-width: 640px) { .topic-section .topic-form .topic-form-btn, .infotype-section .topic-form .topic-form-btn { width: 60px; margin-left: -60px; font-size: 50px; line-height: 1.2em; }
}
.topic-section .topic-viewall-btn,
.infotype-section .topic-viewall-btn { display: block; clear: both; width: 100%; margin-top: 20px;
}
@media (min-width: 640px) { .topic-section .topic-viewall-btn, .infotype-section .topic-viewall-btn { width: 264px; margin: 40px auto 0; font-size: 13px; }
}
.topic-section #itcs-wheel-container,
.infotype-section #itcs-wheel-container { display: none;
}
@media (min-width: 1280px) { .topic-section #itcs-wheel-container, .infotype-section #itcs-wheel-container { display: block; }
}
.topic-section .topic-news-items,
.topic-section .infotype-news-items,
.infotype-section .topic-news-items,
.infotype-section .infotype-news-items { border-top: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .topic-section .topic-news-items, .topic-section .infotype-news-items, .infotype-section .topic-news-items, .infotype-section .infotype-news-items { border-top: none; }
}
.topic-section .topic-news-item,
.topic-section .infotype-news-item,
.infotype-section .topic-news-item,
.infotype-section .infotype-news-item { list-style: none; margin-top: 18px; padding-bottom: 8px; border-bottom: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .topic-section .topic-news-item, .topic-section .infotype-news-item, .infotype-section .topic-news-item, .infotype-section .infotype-news-item { border: none; width: 46%; padding-top: 25px; float: left; background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu") top left repeat-x; } .topic-section .topic-news-item.item-1, .topic-section .topic-news-item.item-3, .topic-section .infotype-news-item.item-1, .topic-section .infotype-news-item.item-3, .infotype-section .topic-news-item.item-1, .infotype-section .topic-news-item.item-3, .infotype-section .infotype-news-item.item-1, .infotype-section .infotype-news-item.item-3 { margin-right: 8%; }
}
.topic-section .topic-news-item .news-mobile-date,
.topic-section .infotype-news-item .news-mobile-date,
.infotype-section .topic-news-item .news-mobile-date,
.infotype-section .infotype-news-item .news-mobile-date { display: block; margin-bottom: 3px; color: #00b3ac; font-size: 12px;
}
@media (min-width: 640px) { .topic-section .topic-news-item .news-mobile-date, .topic-section .infotype-news-item .news-mobile-date, .infotype-section .topic-news-item .news-mobile-date, .infotype-section .infotype-news-item .news-mobile-date { display: none; }
}
.topic-section .topic-news-item .news-desktop-date,
.topic-section .infotype-news-item .news-desktop-date,
.infotype-section .topic-news-item .news-desktop-date,
.infotype-section .infotype-news-item .news-desktop-date { display: none; position: relative; top: -6px; margin-right: 10px; color: #00b3ac; font-size: 10px; text-transform: uppercase;
}
.topic-section .topic-news-item .news-desktop-date .news-date,
.topic-section .infotype-news-item .news-desktop-date .news-date,
.infotype-section .topic-news-item .news-desktop-date .news-date,
.infotype-section .infotype-news-item .news-desktop-date .news-date { font-size: 32px; display: block;
}
@media (min-width: 640px) { .topic-section .topic-news-item .news-desktop-date, .topic-section .infotype-news-item .news-desktop-date, .infotype-section .topic-news-item .news-desktop-date, .infotype-section .infotype-news-item .news-desktop-date { display: block; float: left; }
}
@media (min-width: 960px) { .topic-section .topic-news-item .news-desktop-date, .topic-section .infotype-news-item .news-desktop-date, .infotype-section .topic-news-item .news-desktop-date, .infotype-section .infotype-news-item .news-desktop-date { margin-right: 18px; }
}
.topic-section .topic-news-item .topic-news-title,
.topic-section .topic-news-item .infotype-news-title,
.topic-section .infotype-news-item .topic-news-title,
.topic-section .infotype-news-item .infotype-news-title,
.infotype-section .topic-news-item .topic-news-title,
.infotype-section .topic-news-item .infotype-news-title,
.infotype-section .infotype-news-item .topic-news-title,
.infotype-section .infotype-news-item .infotype-news-title { margin: 0; overflow: hidden; font-size: 16px;
}
@media (min-width: 640px) { .topic-section .topic-news-item .topic-news-title, .topic-section .topic-news-item .infotype-news-title, .topic-section .infotype-news-item .topic-news-title, .topic-section .infotype-news-item .infotype-news-title, .infotype-section .topic-news-item .topic-news-title, .infotype-section .topic-news-item .infotype-news-title, .infotype-section .infotype-news-item .topic-news-title, .infotype-section .infotype-news-item .infotype-news-title { font-size: 18px; margin-bottom: 15px; }
}
@media (min-width: 960px) { .topic-section .topic-news-item .topic-news-title, .topic-section .topic-news-item .infotype-news-title, .topic-section .infotype-news-item .topic-news-title, .topic-section .infotype-news-item .infotype-news-title, .infotype-section .topic-news-item .topic-news-title, .infotype-section .topic-news-item .infotype-news-title, .infotype-section .infotype-news-item .topic-news-title, .infotype-section .infotype-news-item .infotype-news-title { font-size: 20px; }
}
.topic-section .topic-news-item .topic-news-title a:hover,
.topic-section .topic-news-item .infotype-news-title a:hover,
.topic-section .infotype-news-item .topic-news-title a:hover,
.topic-section .infotype-news-item .infotype-news-title a:hover,
.infotype-section .topic-news-item .topic-news-title a:hover,
.infotype-section .topic-news-item .infotype-news-title a:hover,
.infotype-section .infotype-news-item .topic-news-title a:hover,
.infotype-section .infotype-news-item .infotype-news-title a:hover { color: #00b3ac;
}
@media (min-width: 640px) { .topic-section .topic-news-item .infotype-news-title, .topic-section .infotype-news-item .infotype-news-title, .infotype-section .topic-news-item .infotype-news-title, .infotype-section .infotype-news-item .infotype-news-title { height: 95px; }
}
@media (min-width: 960px) { .topic-section .topic-news-item .infotype-news-title, .topic-section .infotype-news-item .infotype-news-title, .infotype-section .topic-news-item .infotype-news-title, .infotype-section .infotype-news-item .infotype-news-title { height: 115px; }
}
.topic-section .topic-news-item .topic-news-description,
.topic-section .topic-news-item .infotype-news-description,
.topic-section .infotype-news-item .topic-news-description,
.topic-section .infotype-news-item .infotype-news-description,
.infotype-section .topic-news-item .topic-news-description,
.infotype-section .topic-news-item .infotype-news-description,
.infotype-section .infotype-news-item .topic-news-description,
.infotype-section .infotype-news-item .infotype-news-description { display: none;
}
@media (min-width: 640px) { .topic-section .topic-news-item .topic-news-description, .topic-section .topic-news-item .infotype-news-description, .topic-section .infotype-news-item .topic-news-description, .topic-section .infotype-news-item .infotype-news-description, .infotype-section .topic-news-item .topic-news-description, .infotype-section .topic-news-item .infotype-news-description, .infotype-section .infotype-news-item .topic-news-description, .infotype-section .infotype-news-item .infotype-news-description { display: block; clear: both; padding-top: 15px; border-top: 1px solid #e3e3e3; font-size: 12px; }
}
@media (min-width: 960px) { .topic-section .topic-news-item .topic-news-description, .topic-section .topic-news-item .infotype-news-description, .topic-section .infotype-news-item .topic-news-description, .topic-section .infotype-news-item .infotype-news-description, .infotype-section .topic-news-item .topic-news-description, .infotype-section .topic-news-item .infotype-news-description, .infotype-section .infotype-news-item .topic-news-description, .infotype-section .infotype-news-item .infotype-news-description { font-size: 13px; }
}
.topic-section .topic-news-item .topic-news-description .sponsored,
.topic-section .topic-news-item .infotype-news-description .sponsored,
.topic-section .infotype-news-item .topic-news-description .sponsored,
.topic-section .infotype-news-item .infotype-news-description .sponsored,
.infotype-section .topic-news-item .topic-news-description .sponsored,
.infotype-section .topic-news-item .infotype-news-description .sponsored,
.infotype-section .infotype-news-item .topic-news-description .sponsored,
.infotype-section .infotype-news-item .infotype-news-description .sponsored { color: #323232;
}
@media (min-width: 1280px) { .topic-section.first-tag-section .topic-news-item, .infotype-section.first-tag-section .topic-news-item { width: 245px; } .topic-section.first-tag-section .topic-news-item.item-1, .topic-section.first-tag-section .topic-news-item.item-3, .infotype-section.first-tag-section .topic-news-item.item-1, .infotype-section.first-tag-section .topic-news-item.item-3 { margin-right: 50px; }
}
.new-notable { padding-top: 10px; margin: 0 20px 40px; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top;
}
@media (min-width: 640px) { .new-notable { margin: 0 40px; }
}
@media (min-width: 960px) { .new-notable { margin: 0 0 40px; min-height: 295px; }
}
@media (min-width: 1280px) { .new-notable { width: 780px; min-height: 0; }
}
.new-notable-title { font-size: 16px; letter-spacing: -.02em; margin: 6px 0 13px;
}
@media (min-width: 640px) { .new-notable-title { font-size: 24px; margin: 14px 0 11px; }
}
@media (min-width: 960px) { .new-notable-title { font-size: 30px; margin: 13px 0 30px; }
}
.new-notable-items { list-style: none;
}
@media (min-width: 640px) { .new-notable-items { margin: 0 -2% 40px; }
}
@media (min-width: 960px) { .new-notable-items { margin: 0; }
}
@media (min-width: 1280px) { .new-notable-items { margin-right: -40px; }
}
.new-notable-item { margin-bottom: 15px;
}
@media (min-width: 640px) { .new-notable-item { float: left; width: 46%; margin: 0 2%; }
}
@media (min-width: 960px) { .new-notable-item { width: 211px; margin: 0 40px 0 0; }
}
@media (min-width: 1280px) { .new-notable-item { width: 369px; }
}
.new-notable-item h4 { font-size: 16px; line-height: 1.375em; letter-spacing: -.02em; padding-left: 30px; margin: 10px 0 0; position: relative;
}
@media (min-width: 640px) { .new-notable-item h4 { font-size: 18px; line-height: 1.28em; }
}
@media (min-width: 960px) { .new-notable-item h4 { font-size: 20px; }
}
@media (min-width: 1280px) { .new-notable-item h4 { font-size: 24px; line-height: 1.17em; padding-left: 47px; }
}
.new-notable-item a:hover { color: #00b3ac;
}
.new-notable-item .icon { font-size: 40px; color: #00b3ac; position: absolute; top: -5px; left: -10px;
}
@media (min-width: 1280px) { .new-notable-item .icon { font-size: 54px; top: -8px; left: -13px; }
}
.new-notable-item img { width: 100%;
}
@media (min-width: 1280px) { #topic-takeover .main-content .content-center { width: 540px; }
}
#topic-takeover .main-content .chapters-bar-list:last-child { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 10px;
}
.infotype-header.topic-takeover-header { display: block;
}
.infotype-header.topic-takeover-header h1 { margin: 0 20px 10px;
}
@media (min-width: 640px) { .infotype-header.topic-takeover-header h1 { margin: 0 40px 10px; }
}
@media (min-width: 960px) { .infotype-header.topic-takeover-header h1 { margin: 0 0 -20px 0; }
}
@media (min-width: 1280px) { .infotype-header.topic-takeover-header h1 { width: 680px; }
}
.infotype-section.topic-takeover-section:last-child { margin-bottom: 40px;
}
.infotype-section.topic-takeover-section h2 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; padding: 25px 0 0 0;
}
@media (min-width: 960px) { .infotype-section.topic-takeover-section h2 { font-size: 38px; }
}
@media (min-width: 1280px) { .infotype-section.topic-takeover-section h2 { font-size: 42px; }
}
.infotype-section.topic-takeover-section .infotype-news-items { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; padding: 10px 0 0 0; margin-top: 15px;
}
@media (min-width: 960px) { .infotype-section.topic-takeover-section .infotype-news-items { background: none; }
}
.infotype-section.topic-takeover-section .infotype-news-items .infotype-news-item { padding-bottom: 0;
}
@media (min-width: 640px) { .infotype-section.topic-takeover-section .infotype-news-items .infotype-news-item { margin-top: 20px; }
}
.infotype-section.topic-takeover-section .infotype-news-items .infotype-news-item .infotype-news-description { display: block; padding: 10px 0 0 0;
}
@media (min-width: 1280px) { #topic-takeover .page-header-ad { display: block; }
}
@media (min-width: 1280px) { #topic-takeover #halfpage-top { margin-top: 20px; }
}
.topic-takeover-box-ad { margin: 40px -30px;
}
@media (min-width: 1280px) { .topic-takeover-box-ad { display: none; }
}
.topic-takeover-box-ad .ad { width: 300px;
}
#topicLanding .topic-title { margin-bottom: -10px;
}
@media (min-width: 960px) { #topicLanding .topic-title { margin-bottom: -20px; }
}
#topicLanding .content-columns { padding-bottom: 20px;
}
@media (min-width: 1280px) { #topicLanding .content-columns .content-center { width: 540px; }
}
#topicLanding .actions-bar-resources { display: none;
}
.topic-landing-section { margin-top: 30px; clear: both; overflow: hidden;
}
@media (min-width: 960px) { .topic-landing-section { margin-top: 50px; }
}
.topic-landing-section .topic-section-title { color: #00b3ac; font-size: 16px; margin: 20px 0;
}
@media (min-width: 640px) { .topic-landing-section .topic-section-title { font-size: 24px; margin: 25px 0 -10px; }
}
.topic-landing-section ul { list-style: none;
}
@media (min-width: 640px) { .topic-landing-section ul { float: left; width: 50%; }
}
@media (min-width: 960px) { .topic-landing-section ul { margin-left: 20px; width: 275px; }
}
@media (min-width: 1280px) { .topic-landing-section ul { margin-left: 20px; width: 250px; }
}
.topic-landing-section ul li { margin-bottom: 10px;
}
@media (min-width: 960px) { .topic-landing-section ul li { font-size: 16px; margin-bottom: 15px; }
}
.topic-landing-section ul li a { color: #323232;
}
.topic-landing-section ul li a:hover { color: #00b3ac;
}
.news-archive-date { font-size: 12px; color: #00b3ac;
}
@media (min-width: 960px) { .news-archive-date { display: block; font-size: 14px; padding-bottom: 5px; }
}
.news-archive-desktop-bar { display: none;
}
@media (min-width: 960px) { .news-archive-desktop-bar { display: block; }
}
.news-archive-list { height: 250px; outline: 0; border-bottom: 1px solid #e3e3e3; overflow-x: hidden; overflow-y: scroll;
}
.news-archive-list:focus { outline: 0;
}
.news-archive-item { border-bottom: 1px solid #e3e3e3;
}
.news-archive-item.closed { height: 39px; overflow: hidden;
}
.news-archive-item.closed .toggle-marker { color: #a6a6a6;
}
.news-archive-item .toggle-marker { color: #00b3ac;
}
.news-archive-item .news-archive-collapse-toggle { color: #a6a6a6; display: block; padding: 10px 15px; line-height: 19px;
}
.news-archive-item .news-archive-collapse-toggle .toggle-marker { float: right;
}
.news-archive-item .news-archive-collapse-toggle:hover { cursor: pointer;
}
.news-archive-item ul { list-style: none;
}
.news-archive-item ul li { font-size: 12px; padding: 5px 25px;
}
.news-archive-item ul li.selected { color: #008bc1;
}
.news-archive-item ul li a { color: #c6c2bf;
}
.news-archive-item ul li a:hover { color: #008bc1;
}
.news-archive-list.jspScrollable .news-archive-collapse-toggle { border-left: 5px solid #00b3ac;
}
.news-archive-list.jspScrollable .closed .news-archive-collapse-toggle { border: 0;
}
.desktop-chapters-bar .chapters-bar-header.topics-header,
.desktop-chapters-bar .chapters-bar-header.blogs-header,
.desktop-chapters-bar .chatpers-bar-header.date-header { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; padding-top: 25px; margin-top: 25px;
}
.desktop-chapters-bar .chapters-bar-header.topics-header .icon,
.desktop-chapters-bar .chapters-bar-header.blogs-header .icon,
.desktop-chapters-bar .chatpers-bar-header.date-header .icon { top: 17px;
}
.chapters-bar-list-blogs .chapters-bar-item-link a { color: #008bc1;
}
.chapters-bar-list-blogs .chapters-bar-item-link a:hover { color: #005272;
}
.main-article-guide-subtitle { border-top: 1px solid #e3e3e3; position: relative; padding: 7px 0; margin: 0 20px; margin-bottom: -15px;
}
@media (min-width: 640px) { .main-article-guide-subtitle { margin: -2px 20px 10px; border-bottom: 1px solid #e3e3e3; }
}
@media (min-width: 960px) { .main-article-guide-subtitle { margin: -20px 0 20px; width: 450px; }
}
@media (min-width: 1280px) { .main-article-guide-subtitle { float: left; width: 780px; }
}
.main-article-guide-subtitle .icon { font-size: 32px; color: #666666; position: absolute; top: -2px;
}
.main-article-guide-subtitle span { display: block; color: #666666; padding-left: 35px; font-size: 13px;
}
.main-article-guide-subtitle span a { color: #00b3ac;
}
.main-article-guide-subtitle span a:hover { color: #006860;
}
.answers-title, #answers .answers-title, #answers .main-article-title { clear: both; min-height: 0; padding: 15px 0 0 0;
}
@media (min-width: 640px) { .answers-title, #answers .answers-title, #answers .main-article-title { clear: none; min-height: 60px; padding: 0 20px 0 100px; }
}
@media (min-width: 960px) { .answers-title, #answers .answers-title, #answers .main-article-title { padding: 0 170px 40px; min-height: 105px; }
}
.answers-subtitle { min-height: 0;
}
@media (min-width: 960px) { .answers-subtitle { min-height: 150px; }
}
@media (min-width: 1280px) { .answers-subtitle { min-height: 120px; }
}
.answers-q-box, .answers-a-box { background-color: #323232; display: block; float: left; height: 30px; margin: 0 40px 0 20px; position: relative; text-align: center; width: 30px;
}
.answers-q-box strong, .answers-a-box strong { color: #fff; font-size: 15px; left: 8px; position: absolute; top: 5px; z-index: 2;
}
.answers-q-box .icon, .answers-a-box .icon { color: #323232; font-size: 36px; left: -6px; position: absolute; top: 5px; z-index: 1;
}
@media (min-width: 640px) { .answers-q-box, .answers-a-box { height: 60px; margin-left: 20px; width: 60px; } .answers-q-box strong, .answers-a-box strong { font-size: 30px; left: 18px; top: 12px; } .answers-q-box .icon, .answers-a-box .icon { font-size: 80px; left: -17px; top: 6px; }
}
@media (min-width: 960px) { .answers-q-box, .answers-a-box { height: 90px; margin-left: 40px; width: 90px; } .answers-q-box strong, .answers-a-box strong { font-size: 40px; left: 27px; top: 20px; } .answers-q-box .icon, .answers-a-box .icon { font-size: 120px; left: -26px; top: 11px; }
}
.answers-a-box { height: 60px; margin: 30px 20px 15px 0; width: 60px;
}
.answers-a-box strong { font-size: 30px; left: 20px; top: 12px;
}
.answers-a-box .icon { font-size: 80px; left: -4px; top: 6px;
}
@media (min-width: 960px) { .answers-a-box { height: 90px; margin-left: 0; width: 90px; } .answers-a-box strong { font-size: 40px; left: 30px; top: 20px; } .answers-a-box .icon { font-size: 120px; left: -6px; top: 11px; }
}
.answers-section { min-height: 120px;
}
.most-popular .section-subtitle { font-size: 14px;
}
@media (min-width: 640px) { .most-popular .section-subtitle { font-size: 18px; margin-bottom: -15px; }
}
.most-popular .section-subtitle a:hover { color: #00b3ac;
}
.most-popular p { display: none;
}
@media (min-width: 640px) { .most-popular p { display: block; }
}
.expert-question { margin-bottom: 25px;
}
.expert-question .section-title { margin-bottom: 0;
}
.expert-question p { font-size: 13px; margin: 5px 0 15px;
}
@media (min-width: 1280px) { .expert-question p { font-size: 14px; }
}
.expert-question-form { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; clear: both; overflow: hidden; height: auto; margin: 0; padding-top: 45px; position: relative; width: 100%;
}
@media (min-width: 640px) { .expert-question-form { height: auto; }
}
.expert-question-form .placeholder { font-size: 14px; color: #c6c2bf; top: 10px !important;
}
@media (min-width: 640px) { .expert-question-form .placeholder { font-size: 18px; }
}
@media (min-width: 960px) { .expert-question-form .placeholder { font-size: 24px; }
}
.expert-question-form .expert-question-form-textfield { float: left; padding: 12px 0 13px 10px; margin: 0 0 25px 0; width: 100%; color: #666666; background: #f2f2f2; border: 1px solid #e3e3e3; font-size: 14px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
@media (min-width: 640px) { .expert-question-form .expert-question-form-textfield { padding-left: 20px; font-size: 21px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
}
@media (min-width: 960px) { .expert-question-form .expert-question-form-textfield { font-size: 24px; }
}
.expert-question-form .expert-question-form-btn { float: none; padding: 0 10px; margin: 0 0 10px 0; height: 40px; width: 100%; white-space: normal; font-size: 13px; line-height: 1.3em; color: #fff; background: #00b3ac; border: 1px solid #00b3ac; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
@media (min-width: 640px) { .expert-question-form .expert-question-form-btn { margin: 0 20px 0 0; height: 50px; width: auto; font-size: 16px; line-height: 1.2em; padding: 0 50px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
}
.expert-question-form .expert-question-help { color: #a6a6a6; font-size: 12px;
}
.expert-question-home .expert-question-links, .expert-question-links { margin: 10px 0;
}
@media (min-width: 640px) { .expert-question-home .expert-question-links, .expert-question-links { margin: 15px 0 10px 0; }
}
.expert-question-home .expert-question-links p, .expert-question-links p { margin: 0;
}
.main-guide-hero-header { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/temp/article_gradient_desktop.jpg?yocs=1_&yoloc=eu) no-repeat 0 0; height: 120px; margin: 0 -20px; overflow: hidden;
}
@media (min-width: 640px) { .main-guide-hero-header { margin: 0; }
}
@media (min-width: 960px) { .main-guide-hero-header { height: 140px; margin: 0 -40px; }
}
.main-guide-hero-header .main-guide-hero-header-left { margin: 20px 0 0 0;
}
.main-guide-hero-header .main-guide-hero-header-left.full-width { width: 100%; border: 0;
}
.main-guide-hero-header .main-guide-hero-header-left.full-width h3 { text-align: left;
}
@media (min-width: 640px) { .main-guide-hero-header .main-guide-hero-header-left { border-right: 1px solid #46afa2; float: left; height: 30px; margin: 21px 0 0 0; padding-top: 5px; }
}
@media (min-width: 960px) { .main-guide-hero-header .main-guide-hero-header-left { height: 44px; margin-top: 25px; padding-top: 5px; }
}
.main-guide-hero-header .main-guide-hero-header-left .icon { color: #fff; float: left; font-size: 36px; margin: -10px 0 0 32px;
}
@media (min-width: 640px) { .main-guide-hero-header .main-guide-hero-header-left .icon { float: none; position: absolute; margin: 0; top: 18px; left: 35px; }
}
@media (min-width: 960px) { .main-guide-hero-header .main-guide-hero-header-left .icon { font-size: 48px; top: 16px; left: 30px; }
}
@media (min-width: 1280px) { .main-guide-hero-header .main-guide-hero-header-left .icon { font-size: 60px; top: 10px; }
}
@media (min-width: 960px) { .main-guide-hero-header .main-guide-hero-header-left .icon.buyers_guide { top: 20px; }
}
@media (min-width: 1280px) { .main-guide-hero-header .main-guide-hero-header-left .icon.buyers_guide { top: 14px; }
}
@media (min-width: 960px) { .main-guide-hero-header .main-guide-hero-header-left .icon.whatsonyourwrist { top: 19px; left: 40px; }
}
@media (min-width: 1280px) { .main-guide-hero-header .main-guide-hero-header-left .icon.whatsonyourwrist { top: 14px; left: 42px; }
}
.main-guide-hero-header .main-guide-hero-header-left h3 { color: #fff; font-size: 14px; margin: 0;
}
@media (min-width: 640px) { .main-guide-hero-header .main-guide-hero-header-left h3 { font-size: 18px; margin-right: 20px; margin-left: 80px; }
}
@media (min-width: 960px) { .main-guide-hero-header .main-guide-hero-header-left h3 { font-size: 22px; margin-left: 90px; }
}
@media (min-width: 1280px) { .main-guide-hero-header .main-guide-hero-header-left h3 { font-size: 24px; margin-left: 100px; }
}
.main-guide-hero-header .main-guide-hero-header-right { margin: 0; padding: 0 20px 0 67px;
}
@media (min-width: 640px) { .main-guide-hero-header .main-guide-hero-header-right { display: table-cell; height: 76px; padding: 0 40px 0 20px; vertical-align: middle; overflow: hidden; }
}
@media (min-width: 960px) { .main-guide-hero-header .main-guide-hero-header-right { height: 96px; }
}
.main-guide-hero-header .main-guide-hero-header-right h4 { color: #fff; font-size: 13px; font-weight: normal; line-height: 1.4em; margin: 0;
}
@media (min-width: 640px) { .main-guide-hero-header .main-guide-hero-header-right h4 { font-weight: bold; }
}
@media (min-width: 960px) { .main-guide-hero-header .main-guide-hero-header-right h4 { font-size: 15px; }
}
@media (min-width: 1280px) { .main-guide-hero-header .main-guide-hero-header-right h4 { font-size: 16px; }
}
.main-guide-hero-header .main-guide-hero-header-right h5 { display: none; color: #fff; font-weight: normal; margin: 0;
}
@media (min-width: 960px) { .main-guide-hero-header .main-guide-hero-header-right h5 { display: block; font-size: 12px; }
}
@media (min-width: 1280px) { .main-guide-hero-header .main-guide-hero-header-right h5 { font-size: 13px; }
}
.main-guide-hero-header.parent-hero-header { height: 85px;
}
@media (min-width: 640px) { .main-guide-hero-header.parent-hero-header { height: 120px; }
}
@media (min-width: 1280px) { .main-guide-hero-header.parent-hero-header { height: 130px; }
}
.main-guide-hero-header.parent-hero-header .main-guide-hero-header-left { border: none;
}
@media (min-width: 640px) { .definition-guide-header .definition-title { margin: 0 20px 15px; }
}
@media (min-width: 960px) { .definition-guide-header .definition-title { margin: 0 0 35px; padding: 0 40px 50px; }
}
.parent-header .main-article-subtitle, .parent-header .answers-subtitle { clear: both; overflow: hidden;
}
@media (min-width: 960px) { .parent-header .main-article-subtitle, .parent-header .answers-subtitle { min-height: 80px; margin-bottom: -25px; margin-top: -15px; }
}
@media (min-width: 1280px) { .parent-header .main-article-subtitle, .parent-header .answers-subtitle { margin-left: 0; width: 780px; }
}
.parent-header .main-article-subtitle img, .parent-header .answers-subtitle img { display: block; margin: 0 auto 15px; max-width: 200px;
}
@media (min-width: 640px) { .parent-header .main-article-subtitle img, .parent-header .answers-subtitle img { margin: 0 20px 0 0; float: left; }
}
@media (min-width: 960px) { .parent-header .main-article-subtitle img, .parent-header .answers-subtitle img { margin-right: 40px; max-width: 170px; width: 200px; }
}
@media (min-width: 1280px) { .parent-header .main-article-subtitle img, .parent-header .answers-subtitle img { margin-right: 40px; max-width: 200px; width: 200px; }
}
.parent-header .main-article-subtitle p, .parent-header .answers-subtitle p { margin: 0; color: inherit; font-size: inherit;
}
@media (min-width: 640px) { .parent-header .main-article-subtitle p, .parent-header .answers-subtitle p { overflow: hidden; }
}
.refinery-guide-sections, .guide-navigation-sections { list-style-position: inside; padding: 0; margin: 15px 0 0 0;
}
@media (min-width: 960px) { .refinery-guide-sections.left, .left.guide-navigation-sections { float: left; width: 45%; }
}
.refinery-guide-sections.right, .right.guide-navigation-sections { margin-top: 0;
}
.refinery-guide-sections.right li:first-child, .right.guide-navigation-sections li:first-child { border-top: none;
}
@media (min-width: 960px) { .refinery-guide-sections.right, .right.guide-navigation-sections { border-top: 1px solid #e3e3e3; float: right; margin-top: 15px; width: 45%; }
}
.refinery-guide-sections li, .guide-navigation-sections li { border-bottom: 1px solid #e3e3e3; color: #a6a6a6; font-size: 13px; padding-left: 10px; margin: 0;
}
.refinery-guide-sections li:before, .guide-navigation-sections li:before { content: none;
}
.refinery-guide-sections li:first-child, .guide-navigation-sections li:first-child { border-top: 1px solid #e3e3e3;
}
.refinery-guide-sections li:hover, .guide-navigation-sections li:hover { color: #323232;
}
.refinery-guide-sections li.selected, .guide-navigation-sections li.selected { border-left: 3px solid #00b3ac; color: #323232; font-weight: bold;
}
.refinery-guide-sections li.selected a, .guide-navigation-sections li.selected a { color: #323232; padding-left: 2px;
}
.refinery-guide-sections li a, .guide-navigation-sections li a { color: #a6a6a6; display: inline-block; font-size: 13px; height: 100%; padding: 15px 0 15px 5px; width: 90%;
}
.refinery-guide-sections li a:hover, .guide-navigation-sections li a:hover { color: #323232;
}
@media (min-width: 640px) { .guide-navigation { background-repeat: repeat; padding: 10px; }
}
.guide-navigation-inner h4 { margin-bottom: 5px; padding-left: 35px; position: relative; white-space: nowrap;
}
@media (min-width: 640px) { .guide-navigation-inner h4 { display: table-cell; font-size: 18px; height: 30px; margin: 0; padding: 0 15px 0 0; vertical-align: middle; width: auto; }
}
.guide-navigation-inner h5 { margin-left: 35px; margin-top: 0;
}
@media (min-width: 640px) { .guide-navigation-inner h5 { border-left: 1px solid #e3e3e3; display: table-cell; font-size: 14px; height: 30px; margin: 0; padding-left: 15px; vertical-align: middle; }
}
@media (min-width: 960px) { .guide-navigation-inner h5 { font-size: 16px; }
}
.guide-navigation-inner .icon { color: #323232; font-size: 32px; left: 0; position: absolute; top: -10px;
}
@media (min-width: 640px) { .guide-navigation-inner .icon { position: relative; top: 0; vertical-align: inherit; }
}
@media (min-width: 640px) { .guide-navigation-inner { padding: 30px; background: #fff; }
}
@media (min-width: 640px) { .guide-navigation-sections.left { float: left; width: 45%; }
}
.guide-navigation-sections.right { margin-top: 0;
}
@media (min-width: 640px) { .guide-navigation-sections.right { margin-top: -15px; }
}
.guide-navigation-sections.right li:first-child { border-top: none;
}
@media (min-width: 640px) { .guide-navigation-sections.right { border-top: 1px solid #e3e3e3; float: right; margin-top: 15px; width: 45%; }
}
.guide-navigation-wrapper h3 { color: #a6a6a6; font-size: 10px; line-height: 1em; margin: 0; text-transform: uppercase;
}
@media (min-width: 640px) { .guide-navigation-wrapper { clear: both; margin-top: 20px; overflow: hidden; }
}
.guide-section { height: 100%; margin-top: 25px; overflow: hidden; width: 100%;
}
@media (min-width: 960px) { .guide-section { margin-top: 50px; overflow: visible; }
}
.guide-section ol, .guide-section ul { color: #666666;
}
.guide-section.closed { background: none; border-top: 1px solid #e3e3e3; height: 62px; margin-bottom: -29px;
}
.guide-section.closed:last-child { margin-bottom: 0;
}
.guide-section.closed .section-subtitle { border: 0;
}
@media (min-width: 640px) { .guide-section.closed { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; border-top: none; height: 100%; margin-bottom: 0; } .guide-section.closed:last-child { margin-bottom: 0; } .guide-section.closed .section-subtitle { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }
}
.guide-section .section-title { cursor: pointer; margin-top: 15px; padding-bottom: 10px;
}
.guide-section .section-title .chapter-number { background-color: #00b3ac; border-radius: 19px; color: #fff; display: inline-block; height: 18px; font-size: 16px; line-height: 16px; margin-right: 10px; padding: 7px; text-align: center; vertical-align: middle; width: 18px;
}
@media (min-width: 640px) { .guide-section .section-title .chapter-number { height: 24px; width: 24px; line-height: 22px; font-size: 18px; }
}
@media (min-width: 960px) { .guide-section .section-title .chapter-number { border-radius: 25px; height: 32px; width: 32px; line-height: 28px; font-size: 24px; margin-top: -5px; }
}
@media (min-width: 1280px) { .guide-section .section-title .chapter-number { height: 36px; width: 36px; line-height: 34px; font-size: 26px; }
}
.guide-section .section-title .toggle-marker { color: #a6a6a6; float: right; font-size: 30px; padding-top: 7px;
}
@media (min-width: 640px) { .guide-section .section-title .toggle-marker { display: none; }
}
@media (min-width: 640px) { .guide-section .section-title { cursor: auto; margin-bottom: 10px; }
}
.guide-section .section-subtitle { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; font-size: 16px; margin-top: 3px; padding: 15px 0;
}
@media (min-width: 640px) { .guide-section .section-subtitle { font-size: 18px; }
}
@media (min-width: 1280px) { .guide-section .section-subtitle { font-size: 20px; }
}
.guide-section .section-guide-type-wrapper { margin-top: 50px;
}
.guide-section .section-guide-type-item { border-top: 1px solid #e3e3e3; margin: 30px 0;
}
.guide-section .section-guide-type-item h3 { color: #a6a6a6; font-size: 13px; margin: 5px 0;
}
.guide-section .section-guide-type-item h4 { color: #323232; font-size: 16px; margin: 0 0 10px 0;
}
@media (min-width: 640px) { .guide-section .section-guide-type-item h4 { font-size: 18px; }
}
@media (min-width: 1280px) { .guide-section .section-guide-type-item h4 { font-size: 20px; }
}
.guide-section .section-guide-type-item h4 a:hover { color: #00b3ac;
}
.guide-section .section-guide-type-item p { font-size: 13px; color: #666666; margin-top: 0;
}
@media (min-width: 640px) { .guide-section .section-guide-type-item { clear: both; overflow: hidden; }
}
@media (min-width: 960px) { .guide-section .section-guide-type-item .guide-type-item-header { float: left; margin-top: 5px; width: 190px; } .guide-section .section-guide-type-item .guide-type-item-content { float: right; margin-top: 10px; width: 400px; }
}
@media (min-width: 1280px) { .guide-section .section-guide-type-item .guide-type-item-content { width: 450px; }
}
.guide-section .section-guide-type-item .guide-type-item-content .guide-content-image { max-width: 145px; margin-right: 20px; float: left;
}
.guide-section .video-image { margin: 15px 0 10px 0; position: relative; cursor: pointer;
}
@media (min-width: 640px) { .guide-section .video-image { float: left; margin: 5px 15px 10px 0; width: 140px; border-bottom: 0; }
}
.guide-section .video-image img { width: 100%;
}
.guide-section .video-image-play { text-align: center; width: 40px; height: 40px; background-color: transparent; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: absolute; top: 39%; right: 42%; display: block; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s;
}
@media (min-width: 640px) { .guide-section .video-image-play { top: 33px; right: 50px; }
}
.guide-section .video-image-play .icon { opacity: 0.7; color: #fff; font-size: 44px; top: -4px;
}
.guide-section .glossary-list-wrapper { clear: both; overflow: hidden;
}
.guide-section .glossary-list { list-style-type: none; list-style-position: inside;
}
@media (min-width: 640px) { .guide-section .glossary-list.left { float: left; width: 45%; }
}
.guide-section .glossary-list.right { margin-top: 0;
}
.guide-section .glossary-list.right li:first-child { border-top: none;
}
.guide-section .glossary-list.right li:last-child { border-bottom: none;
}
@media (min-width: 640px) { .guide-section .glossary-list.right { border-top: 1px solid #e3e3e3; float: right; margin-top: 0; width: 45%; }
}
.guide-section .glossary-list li { border-bottom: 1px solid #e3e3e3; color: #a6a6a6; font-size: 13px;
}
.guide-section .glossary-list li:before { content: none;
}
.guide-section .glossary-list li:first-child { border-top: 1px solid #e3e3e3;
}
.guide-section .glossary-list li a { display: inline-block; font-size: 14px; height: 100%; padding: 15px 0; width: 80%;
}
@media (min-width: 640px) { .guide-section .glossary-list li:last-child { border-bottom: none; }
}
.guide-section .guide-quiz-btn { clear: both; display: block; width: 95%; margin: 40px auto 0; font-size: 13px;
}
@media (min-width: 640px) { .guide-section .guide-quiz-btn { font-size: 16px; }
}
@media (min-width: 960px) { .guide-section .guide-quiz-btn { width: 500px; }
}
.chapters-bar-circle { background-color: #00b3ac; border-radius: 12px; display: inline-block; height: 16px; left: -2px; position: absolute; top: 16px; width: 16px;
}
.experts-section-content { height: 100%; position: relative; padding-bottom: 65px;
}
@media (min-width: 640px) { .experts-section-content { padding-bottom: 23px; }
}
.experts-section-content .experts-list { list-style-type: none;
}
@media (min-width: 640px) { .experts-section-content .experts-list { overflow: hidden; margin-right: -8%; }
}
.experts-section-content .experts-list li { border-top: 1px solid #e3e3e3; clear: both; overflow: hidden; margin-top: 15px; padding-top: 15px;
}
@media (min-width: 640px) { .experts-section-content .experts-list li { border-top: none; border-bottom: 1px solid #e3e3e3; clear: none; float: left; margin: 0 7% 20px 0; padding: 0 0 20px 0; width: 43%; }
}
.experts-section-content .experts-list li:first-child { border: none; margin: 0; padding: 0;
}
@media (min-width: 640px) { .experts-section-content .experts-list li:first-child { border-bottom: 1px solid #e3e3e3; margin: 0 7% 20px 0; padding: 0 0 20px 0; }
}
.experts-section-content .experts-list .expert-info { overflow: hidden;
}
.experts-section-content .experts-list .expert-info h5 { font-size: 14px; color: #323232; margin: 5px 0 0 0; width: 100%;
}
@media (min-width: 640px) { .experts-section-content .experts-list .expert-info h5 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
}
@media (min-width: 960px) { .experts-section-content .experts-list .expert-info h5 { font-size: 15px; }
}
.experts-section-content .experts-list .expert-info h5 a:hover { color: #00b3ac;
}
.experts-section-content .experts-list .expert-info .title { color: #a6a6a6; display: block; font-size: 12px;
}
.experts-section-content .experts-list .expert-info .site-search { color: #666666; font-size: 12px;
}
.experts-section-content .experts-list .expert-info .site-name { color: #00b3ac;
}
.experts-section-content .image-resize { border-radius: 30px; display: block; float: left; height: 60px; margin: 0 15px 0 0; overflow: hidden; padding: 0; width: 60px;
}
.experts-section-content .image-resize img { display: block; height: 77px; width: 60px;
}
.experts-section-content .collapse-toggle { padding: 0;
}
@media (min-width: 640px) { .experts-section-content .collapse-toggle { width: 100%; }
}
.experts-section-content.closed { height: 575px;
}
@media (min-width: 640px) { .experts-section-content.closed { height: 370px; overflow: hidden; }
}
.experts-section-content.closed .collapse-toggle { padding: 36px 0 0 0;
}
.guide-headshot .image-resize { float: left; height: 77px; margin: 0 15px 0 0; overflow: hidden; padding: 0; width: 60px;
}
@media (min-width: 960px) { .guide-headshot .image-resize { height: 135px; width: 105px; }
}
.guide-headshot .image-resize img { display: block; height: 77px; width: 60px;
}
@media (min-width: 960px) { .guide-headshot .image-resize img { height: 135px; width: 105px; }
}
#tag .main-content { padding-bottom: 40px;
}
@media (min-width: 1280px) { .tag-subtitle a { display: block; }
}
@media (min-width: 960px) { .tag-subtitle { margin-bottom: 0; width: 780px; }
}
@media (min-width: 1280px) { .tag-header { min-height: 150px; }
}
.first-tag-section { margin-top: 0;
}
@media (min-width: 960px) { .first-tag-section { margin-top: 50px; }
}
@media (min-width: 1280px) { .first-tag-section { position: static; overflow: visible; } .first-tag-section .topic-form { clear: none; margin-top: 30px; width: 540px; }
}
.tag-item .topic-item-title { padding-left: 30px; position: relative;
}
@media (min-width: 960px) { .tag-item .topic-item-title { padding-left: 40px; }
}
.tag-item .icon { color: #00b3ac; font-size: 36px; left: -8px; position: absolute; top: -8px;
}
@media (min-width: 640px) { .tag-item .icon { font-size: 40px; }
}
@media (min-width: 960px) { .tag-item .icon { font-size: 46px; }
}
.tag-item ul { list-style-type: none;
}
.tag-item li { color: #323232; font-size: 13px; margin: 0 0 10px 0; padding-left: 40px; position: relative;
}
.tag-item li:before { color: #00b3ac; content: "\2219"; font-size: 108px; line-height: 15px; position: absolute; left: 5px; top: -2px;
}
@media (min-width: 640px) { .tag-item li:before { top: 0; }
}
.tag-item li:first-child { margin-top: 15px;
}
@media (min-width: 960px) { .tag-item li:first-child { margin-top: 25px; }
}
@media (min-width: 640px) { .tag-item li { font-size: 16px; margin-bottom: 20px; }
}
.tag-item li a:hover { color: #00b3ac;
}
#search .content-columns .content-left { width: 0px;
}
#search .content-columns .content-left .locking-left-bar { display: none;
}
@media (min-width: 960px) { #search .content-columns .content-center { margin-left: 0; width: 800px; }
}
@media (min-width: 1280px) { #search .content-columns .content-center { width: 880px; }
}
#search .locking-full-bar { display: none;
}
@media (min-width: 1280px) { #search .locking-full-bar { display: block; }
}
#search .actions-bar-chapters { display: none;
}
@media (min-width: 1280px) { #searchResults .section:nth-child(1) .search-result-body .associated-glossaries ul, #searchResults .section:nth-child(2) .search-result-body .associated-glossaries ul, #searchResults .section:nth-child(3) .search-result-body .associated-glossaries ul { clear: left; }
}
.search-results-header { margin: 5px 20px 0;
}
@media (min-width: 640px) { .search-results-header { margin: 40px 40px 0; }
}
@media (min-width: 960px) { .search-results-header { margin: 60px 0 0 0; }
}
@media (min-width: 1280px) { .search-results-header { position: relative; margin: 70px 0 0 0; }
}
.search-results-header h1 { color: #a6a6a6; font-size: 10px; margin: 0 20px 5px; text-align: center; text-transform: uppercase;
}
.search-results-header h1 span { display: block; height: 0; line-height: 0; text-indent: -9999px;
}
@media (min-width: 640px) { .search-results-header h1 span { display: inline-block; height: auto; line-height: normal; text-indent: 0; margin: 0 5px 0; }
}
.search-results-header h1 em { color: #00b3ac;
}
@media (min-width: 640px) { .search-results-header h1 { float: left; margin-left: 0; max-width: 64%; text-align: left; }
}
@media (min-width: 960px) { .search-results-header h1 { float: none; max-width: 640px; }
}
@media (min-width: 1280px) { .search-results-header h1 { margin-bottom: -15px; }
}
.search-results-header .search-results-sort { color: #666666; display: none;
}
@media (min-width: 640px) { .search-results-header .search-results-sort { display: block; font-size: 11px; float: right; margin: 0; position: relative; } .search-results-header .search-results-sort ul { list-style-type: none; } .search-results-header .search-results-sort .icon { font-size: 16px; padding-left: 10px; position: absolute; top: 0; }
}
@media (min-width: 640px) and (min-width: 960px) { .search-results-header .search-results-sort .icon { font-size: 18px; }
}
@media (min-width: 960px) { .search-results-header .search-results-sort { position: absolute; right: 40px; top: 60px; }
}
@media (min-width: 1280px) { .search-results-header .search-results-sort { right: 340px; top: 0; }
}
.search-results-header .search-results-sort a { font-size: 11px; color: #323232;
}
.search-results-header .search-results-sort a:hover { color: #00b3ac;
}
.search-results-header .search-results-sort .active-sort { color: #00b3ac;
}
.search-results-header .search-results-type-menu { clear: both; overflow: hidden; margin-bottom: -50px;
}
@media (min-width: 640px) { .search-results-header .search-results-type-menu { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 10px; margin-bottom: 0; }
}
@media (min-width: 1280px) { .search-results-header .search-results-type-menu { width: 780px; }
}
.search-results-header .search-results-type-menu.article-type-menu { margin-bottom: 0;
}
.search-results-header .search-results-type-menu .dropdown-toggle { cursor: pointer;
}
@media (min-width: 640px) { .search-results-header .search-results-type-menu .dropdown-toggle { display: none; }
}
.search-results-header .search-results-type-menu .dropdown-menu { display: none; list-style-type: none;
}
@media (min-width: 640px) { .search-results-header .search-results-type-menu .dropdown-menu { display: block; float: left; }
}
@media (min-width: 640px) { .search-results-header .search-results-type-menu .dropdown-menu li { float: left; margin-left: 25px; }
}
.search-results-header .search-results-type-menu .dropdown-menu li:first-child { margin-left: 0;
}
.search-results-header .search-results-type-menu .dropdown-menu li.selected { display: none;
}
@media (min-width: 640px) { .search-results-header .search-results-type-menu .dropdown-menu li.selected { display: block; }
}
.search-results-header .search-results-type-menu h2 { font-size: 18px; margin: 15px 0; text-align: center;
}
@media (min-width: 960px) { .search-results-header .search-results-type-menu h2 { font-size: 22px; }
}
.search-results-header .search-results-type-menu a { display: block;
}
.search-results-header .search-results-type-menu .icon { float: right; padding-top: 2px;
}
@media (min-width: 640px) { .search-results-header .search-results-type-menu .icon { display: none; }
}
.search-results-header .search-results-filter-wrapper { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; border-bottom: 1px solid #e3e3e3; margin: 0; overflow-x: auto; overflow-y: hidden; padding-top: 10px; clear: both;
}
@media (min-width: 640px) { .search-results-header .search-results-filter-wrapper { background: none; padding-top: 0; }
}
@media (min-width: 1280px) { .search-results-header .search-results-filter-wrapper { width: 780px; }
}
.search-results-header .search-results-filter { width: 210%; list-style: none;
}
.search-results-header .search-results-filter-item { font-size: 10px; letter-spacing: .1em; text-transform: uppercase; text-align: center; color: #a6a6a6; height: 28px; padding: 15px; position: relative; float: left; cursor: pointer;
}
.search-results-header .search-results-filter-item .icon { color: #00b3ac; margin-top: 5px; display: none;
}
.search-results-header .search-results-filter-item.selected { color: #00b3ac;
}
.search-results-header .search-results-filter-item.selected .icon { display: block;
}
.search-results-header .search-results-filter-item a { display: block; margin: -15px; padding: 15px;
}
.search-results-header .search-results-filter-item a:focus { outline: 0;
}
@media (min-width: 640px) { .search-results-header .search-results-filter-item { padding-bottom: 0; margin: 10px 0; border-right: 1px solid #e3e3e3; }
}
@media (min-width: 640px) { .search-results-header .search-results-filter-item:first-child { border-left: none; }
}
.search-result-topic { margin-bottom: 50px;
}
@media (min-width: 640px) { .search-result-topic { background: transparent url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu") repeat 0 0; padding: 10px; }
}
@media (min-width: 1280px) { .search-result-topic { z-index: 1280; }
}
.search-result-topic.second-topic { display: none;
}
@media (min-width: 640px) { .search-result-topic .search-result-topic-inner { background: #fff; padding: 30px; }
}
.search-result-topic .search-result-topic-inner .section-title { font-size: 18px; padding-left: 30px;
}
.search-result-topic .search-result-topic-inner .section-title a { color: #323232;
}
.search-result-topic .search-result-topic-inner .section-title a:hover { color: #00b3ac;
}
.search-result-topic .search-result-topic-inner .section-title a span { color: #008bc1;
}
.search-result-topic .search-result-topic-inner .section-title a span:hover { color: #005272; -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s;
}
.search-result-topic .search-result-topic-inner .section-title span { padding-right: 5px;
}
.search-result-topic .search-result-topic-inner .section-title > span { color: #008bc1;
}
.search-result-topic .search-result-topic-inner .section-title .icon { color: #008bc1; position: absolute; top: -6px; left: -8px;
}
@media (min-width: 640px) { .search-result-topic .search-result-topic-inner .section-title .icon { font-size: 40px; left: -10px; top: -10px; }
}
@media (min-width: 960px) { .search-result-topic .search-result-topic-inner .section-title .icon { top: -6px; }
}
@media (min-width: 640px) { .search-result-topic .search-result-topic-inner .section-title { margin-top: 0; }
}
@media (min-width: 960px) { .search-result-topic .search-result-topic-inner .section-title { font-size: 22px; }
}
@media (min-width: 1280px) { .search-result-topic .search-result-topic-inner .section-title { font-size: 24px; }
}
.search-result-topic .search-result-topic-inner p { font-size: 11px;
}
.search-result-topic .search-result-topic-inner p a { color: #008bc1;
}
@media (min-width: 640px) { .search-result-topic .search-result-topic-inner p { margin: 0; font-size: 12px; }
}
@media (min-width: 960px) { .search-result-topic .search-result-topic-inner p { font-size: 13px; }
}
@media (min-width: 960px) { .search-result-topic .search-result-topic-inner p { font-size: 14px; }
}
.search-result { margin-bottom: 50px;
}
@media (min-width: 960px) { .search-result { background: none; overflow: hidden; }
}
@media (min-width: 1280px) { .search-result { overflow: visible; }
}
.search-result.zero-results { margin-top: 0; padding-top: 0; overflow: hidden;
}
@media (min-width: 640px) { .search-result .search-result-head { clear: both; overflow: hidden; }
}
@media (min-width: 960px) { .search-result .search-result-head { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; float: left; margin-right: 40px; width: 200px; }
}
@media (min-width: 1280px) { .search-result .search-result-head { clear: none; overflow: visible; }
}
.search-result .search-result-head .search-result-head-site { color: #00b3ac; font-size: 12px; margin: 15px 0 0;
}
.search-result .search-result-head .search-result-head-site span { color: #666666;
}
@media (min-width: 640px) { .search-result .search-result-head .search-result-head-site { float: left; }
}
@media (min-width: 960px) { .search-result .search-result-head .search-result-head-site { float: none; display: block; font-size: 13px; margin-top: 30px; }
}
.search-result .search-result-head .search-result-head-type,
.search-result .search-result-head .search-result-head-title { color: #a6a6a6; font-size: 11px; padding-right: 10px;
}
@media (min-width: 640px) { .search-result .search-result-head .search-result-head-type, .search-result .search-result-head .search-result-head-title { float: left; margin: 16px 0 0 10px; }
}
@media (min-width: 960px) { .search-result .search-result-head .search-result-head-type, .search-result .search-result-head .search-result-head-title { display: block; float: none; margin: 10px 0 0 0; }
}
.search-result .search-result-head .search-result-head-date { color: #a6a6a6; font-size: 11px;
}
@media (min-width: 640px) { .search-result .search-result-head .search-result-head-date { float: left; margin: 16px 0 0 10px; }
}
@media (min-width: 960px) { .search-result .search-result-head .search-result-head-date { display: block; float: none; margin: 5px 0 0 0; }
}
.search-result .search-result-head .search-result-head-author { color: #00b3ac; display: block; font-size: 11px; margin: 10px 0 5px;
}
@media (min-width: 640px) { .search-result .search-result-head .search-result-head-author { clear: left; float: left; font-size: 12px; line-height: 14px; margin-top: 0; padding-top: 16px; }
}
@media (min-width: 960px) { .search-result .search-result-head .search-result-head-author { border-top: 1px solid #e3e3e3; float: none; margin-top: 15px; padding-top: 15px; }
}
.search-result .search-result-head .search-result-head-activity { color: #a6a6a6; display: block; font-size: 11px;
}
@media (min-width: 640px) { .search-result .search-result-head .search-result-head-activity { float: left; line-height: 14px; padding: 5px 0 0 10px; }
}
@media (min-width: 960px) { .search-result .search-result-head .search-result-head-activity { float: none; padding: 0; }
}
.search-result .search-result-head .search-result-head-definition { color: #a6a6a6; font-size: 11px;
}
@media (min-width: 640px) { .search-result .search-result-head .search-result-head-definition { float: left; margin: 15px 0 0 10px; }
}
@media (min-width: 960px) { .search-result .search-result-head .search-result-head-definition { float: none; margin: 5px 0 0 0; }
}
.search-result .search-result-head .image-resize { border-radius: 30px; display: block; float: left; height: 60px; margin: 0 15px 0 0; overflow: hidden; padding: 0; width: 60px;
}
@media (min-width: 640px) { .search-result .search-result-head .image-resize { margin-top: 15px; }
}
@media (min-width: 960px) { .search-result .search-result-head .image-resize { margin-top: 30px; }
}
.search-result .search-result-head .image-resize img { display: block; height: 77px; width: 60px;
}
.search-result .search-result-head .search-result-head-title { margin-top: 3px;
}
@media (min-width: 640px) { .search-result .search-result-head .search-result-head-title { margin-left: 0; }
}
.search-result .search-result-head .search-result-contributor-info { margin-top: 15px; padding: 15px 0 10px;
}
@media (min-width: 640px) { .search-result .search-result-head .search-result-contributor-info { padding-bottom: 40px; }
}
@media (min-width: 960px) { .search-result .search-result-head .search-result-contributor-info { margin-top: 40px; padding: 0; }
}
.search-result .search-result-head .search-result-contributor-info a { display: block; font-size: 13px; line-height: 16px;
}
@media (min-width: 960px) { .search-result .search-result-body { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; float: left; width: 560px; }
}
@media (min-width: 1280px) { .search-result .search-result-body { float: none; margin-left: 240px; width: 640px; }
}
.search-result .search-result-body > a { color: #00b3ac; font-size: 13px;
}
@media (min-width: 960px) { .search-result .search-result-body > a { font-size: 14px; }
}
.search-result .search-result-body .section-title { padding-left: 30px;
}
@media (min-width: 640px) { .search-result .search-result-body .section-title { margin-top: 15px; padding-left: 45px; font-size: 20px; }
}
@media (min-width: 960px) { .search-result .search-result-body .section-title { margin: 25px 0; font-size: 22px; }
}
@media (min-width: 1280px) { .search-result .search-result-body .section-title { margin-top: 0; padding-top: 25px; }
}
.search-result .search-result-body .section-title .icon { position: absolute; top: -6px; left: -8px;
}
@media (min-width: 640px) { .search-result .search-result-body .section-title .icon { top: -13px; }
}
@media (min-width: 1280px) { .search-result .search-result-body .section-title .icon { top: 11px; }
}
.search-result .search-result-body .section-title .icon.resize-audio { font-size: 32px;
}
@media (min-width: 640px) { .search-result .search-result-body .section-title .icon.resize-audio { font-size: 40px; top: -10px; }
}
@media (min-width: 1280px) { .search-result .search-result-body .section-title .icon.resize-audio { top: 18px; }
}
.search-result .search-result-body .section-title .icon.resize-video { font-size: 26px; left: 0; top: -4px;
}
@media (min-width: 640px) { .search-result .search-result-body .section-title .icon.resize-video { font-size: 34px; top: -7px; }
}
@media (min-width: 960px) { .search-result .search-result-body .section-title .icon.resize-video { top: 18px; }
}
.search-result .search-result-body .section-title .icon.resize-image { font-size: 28px; left: -4px;
}
@media (min-width: 640px) { .search-result .search-result-body .section-title .icon.resize-image { font-size: 36px; top: -6px; }
}
@media (min-width: 960px) { .search-result .search-result-body .section-title .icon.resize-image { top: 19px; }
}
.search-result .search-result-body .section-title a { color: #00b3ac; text-decoration: underline;
}
.search-result .search-result-body .section-title a:hover { color: #323232; text-decoration: none;
}
.search-result .search-result-body .section-title.no-icon { padding-left: 0;
}
.search-result .search-result-body p { font-size: 13px;
}
@media (min-width: 960px) { .search-result .search-result-body p { font-size: 14px; }
}
.search-result .search-result-body ul { list-style-type: none;
}
.search-result .search-result-body li { color: #323232; font-size: 15px; margin: 0 0 10px 0; padding-left: 40px; position: relative;
}
.search-result .search-result-body li a { text-decoration: underline;
}
.search-result .search-result-body li a:hover { color: #00b3ac; text-decoration: none;
}
.search-result .search-result-body li:before { color: #00b3ac; content: "\2219"; font-size: 108px; line-height: 15px; position: absolute; left: 5px; top: -2px;
}
.search-result .search-result-body li:first-child { margin-top: 15px;
}
@media (min-width: 640px) { .search-result .search-result-body li { margin-bottom: 20px; }
}
@media (min-width: 960px) { .search-result .search-result-body li { font-size: 17px; }
}
.search-result .search-result-body .associated-glossaries p { border-top: 1px solid #e3e3e3; color: #a6a6a6; font-size: 11px; padding-top: 5px; text-transform: uppercase;
}
.search-result .search-result-body .associated-glossaries ul { clear: both; overflow: hidden;
}
.search-result .search-result-body .associated-glossaries li { color: #008bc1; float: left; font-size: 12px; margin: 0 0 5px 0; padding: 0 10px 0 0;
}
.search-result .search-result-body .associated-glossaries li:before { content: '';
}
.search-result .search-result-body .associated-glossaries li a { text-decoration: none;
}
.search-results-load-more { width: 100%; margin: 0 0 50px 0;
}
@media (min-width: 640px) { .search-results-load-more { font-size: 20px; }
}
@media (min-width: 960px) { .search-results-load-more { width: 500px; margin: 0 0 50px 275px; }
}
@media (min-width: 1280px) { .search-results-load-more { width: 510px; margin: 0 0 50px 275px; }
}
@media (min-width: 960px) { .search-resources-bar { width: 800px; } .search-resources-bar .resources-bar-header { border: none; } .search-resources-bar .resources-bar-list { clear: both; margin-bottom: -25px; overflow: hidden; } .search-resources-bar .resources-bar-item { border-bottom: none; border-top: 1px solid #e3e3e3; float: left; width: 115px; margin-left: 40px; padding: 15px 55px 15px 0; } .search-resources-bar .resources-bar-item:first-child { margin-left: 0; } .search-resources-bar .resources-bar-item .icon { display: block; font-size: 30px; line-height: 55px; text-align: center; width: 50px; height: 50px; background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/bg_searchfeature_bullet.png?yocs=1_&yoloc=eu") no-repeat; left: auto; right: 0; top: 15px; }
}
@media (min-width: 960px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 960px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 960px) and (-webkit-device-pixel-ratio: 1.3), (min-width: 960px) and (min-device-pixel-ratio: 1.3), (min-width: 960px) and (min-resolution: 1.3dppx) { .gt-ie8 .search-resources-bar .resources-bar-item .icon { background-image: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/bg_searchfeature_bullet@2x.png?yocs=1_&yoloc=eu"); background-size: 60px 60px; }
}
@media (min-width: 960px) and (min-width: 1280px) { .search-resources-bar .resources-bar-item { float: none; width: auto; }
}
@media (min-width: 1280px) { .search-resources-bar { width: 200px; } .search-resources-bar .resources-bar-item { float: none; width: auto; margin-left: 0; min-height: 60px; padding-right: 70px; } .search-resources-bar .resources-bar-item .icon { font-size: 38px; line-height: 65px; width: 60px; height: 60px; background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/bg_profeature_bullet.png?yocs=1_&yoloc=eu") no-repeat; }
}
@media (min-width: 1280px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 1280px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 1280px) and (-webkit-device-pixel-ratio: 1.3), (min-width: 1280px) and (min-device-pixel-ratio: 1.3), (min-width: 1280px) and (min-resolution: 1.3dppx) { .gt-ie8 .search-resources-bar .resources-bar-item .icon { background-image: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/bg_profeature_bullet@2x.png?yocs=1_&yoloc=eu"); background-size: 60px 60px; }
}
.zero-results { background: none;
}
@media (min-width: 1280px) { .zero-results { margin-bottom: 150px; }
}
.zero-results .search-result-body { background: none; margin-left: 0;
}
.zero-results .search-result-body .section-title { font-size: 18px; padding-left: 0;
}
@media (min-width: 640px) { .zero-results .search-result-body .section-title { margin-top: 0; font-size: 26px; }
}
@media (min-width: 960px) { .zero-results .search-result-body .section-title { font-size: 30px; padding-top: 25px; }
}
.zero-results .search-result-body .section-title span { color: #00b3ac;
}
@media (min-width: 960px) { .zero-results .search-result-body .zero-results-list { border-bottom: 1px solid #e3e3e3; }
}
.zero-results .search-result-body .zero-results-list li { color: #666666; font-size: 13px;
}
@media (min-width: 640px) { .zero-results .search-result-body .zero-results-list li { font-size: 14px; }
}
.zero-results .search-result-body em { color: #323232; font-style: normal;
}
.zero-results-form { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; position: relative; padding-bottom: 40px; margin: 15px 0 0; width: 100%; height: 45px;
}
@media (min-width: 640px) { .zero-results-form { height: 60px; }
}
@media (min-width: 960px) { .zero-results-form { width: 540px; }
}
.zero-results-form .placeholder { font-size: 14px; color: #c6c2bf; top: 10px !important;
}
@media (min-width: 640px) { .zero-results-form .placeholder { font-size: 18px; }
}
@media (min-width: 960px) { .zero-results-form .placeholder { font-size: 24px; }
}
.zero-results-form-textfield { float: left; padding: 0 0 0 10px; margin: 0; height: 100%; width: 100%; color: #666666; background: #f2f2f2; border: 1px solid #e3e3e3; font-size: 14px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px; border-radius: 4px 0 0 4px;
}
@media (min-width: 640px) { .zero-results-form-textfield { padding-left: 20px; font-size: 18px; }
}
@media (min-width: 960px) { .zero-results-form-textfield { font-size: 24px; }
}
.zero-results-form-btn { float: left; padding: 0; margin: 0 0 0 -45px; height: 100%; width: 45px; font-family: 'TechTarget-Icon'; font-size: 35px; line-height: 1.3em; color: #fff; background: #00b3ac; border: 1px solid #00b3ac; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0; border-radius: 0 4px 4px 0;
}
@media (min-width: 640px) { .zero-results-form-btn { width: 60px; margin-left: -60px; font-size: 50px; line-height: 1.2em; }
}
.infotype-header { display: none;
}
@media (min-width: 960px) { .infotype-header { display: block; }
}
.infotype-title { margin-bottom: -35px;
}
.infotype-section { background: none; margin-top: 10px;
}
@media (min-width: 960px) { .infotype-section { margin-top: 50px; padding-top: 0; }
}
.infotype-section .infotype-section-title { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; margin: 0; padding-bottom: 20px;
}
@media (min-width: 960px) { .infotype-section .infotype-section-title.infotype-section-title-parent { display: none; }
}
@media (min-width: 640px) { .infotype-section .infotype-section-title { padding-top: 20px; font-size: 28px; }
}
@media (min-width: 960px) { .infotype-section .infotype-section-title { background-position: 0 top; padding: 25px 0 30px 0; }
}
@media (min-width: 1280px) { .infotype-section .infotype-section-title { overflow: hidden; }
}
.infotype-section .infotype-news-items { border-top: none; list-style: none;
}
@media (min-width: 960px) { .infotype-section .infotype-news-items .infotype-news-item:first-child { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 0; padding-top: 25px; }
}
.infotype-section .infotype-news-items .section.news { margin-bottom: 40px;
}
@media (min-width: 640px) { .infotype-section .infotype-news-items .section.news { margin-bottom: 60px; }
}
.infotype-section .infotype-news-item { border-top: 1px solid #e3e3e3; border-bottom: none; margin-top: 20px; padding-top: 20px;
}
@media (min-width: 640px) { .infotype-section .infotype-news-item { background: none; float: none; margin-top: 0; padding-bottom: 0; padding-top: 20px; width: auto; }
}
@media (min-width: 1280px) { .infotype-section .infotype-news-item { overflow: hidden; }
}
.infotype-section .infotype-news-item:first-child { border: none; padding-top: 0;
}
@media (min-width: 640px) { .infotype-section .infotype-news-item:first-child { margin-top: 20px; }
}
@media (min-width: 640px) { .infotype-section .infotype-news-item .news-desktop-date, .infotype-section .infotype-news-item .infotype-news-title { height: auto; }
}
.infotype-section .infotype-news-item .infotype-news-description { border-top: none; font-size: 13px; padding-top: 5px; padding-bottom: 15px;
}
@media (min-width: 1280px) { .infotype-section .infotype-news-item .infotype-news-description { clear: none; }
}
@media (min-width: 960px) { .infotype-section .infotype-news-item .infotype-news-title, .infotype-section .infotype-news-item .infotype-news-description { margin-left: 61px; }
}
@media (min-width: 960px) { .infotype-section .infotype-news-item .infotype-news-title { margin-bottom: 5px; }
}
.infotype-section .news-site { font-size: 10px; color: #a6a6a6;
}
@media (min-width: 960px) { .infotype-section .news-site { font-size: 12px; }
}
section.infotype-section.blog-listing-section { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 0; padding-top: 30px;
}
@media (min-width: 960px) { section.infotype-section.blog-listing-section { margin-top: 50px; padding-top: 25px; }
}
section.infotype-section.blog-listing-section .infotype-section-title { padding-bottom: 30px; margin-bottom: 20px;
}
@media (min-width: 640px) { section.infotype-section.blog-listing-section .infotype-section-title { padding-top: 0; }
}
@media (min-width: 960px) { section.infotype-section.blog-listing-section .infotype-section-title { background: 0; padding-bottom: 25px; margin-bottom: 15px; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; }
}
section.infotype-section.blog-listing-section .infotype-news-item:first-child { margin-top: 0;
}
@media (min-width: 960px) { section.infotype-section.blog-listing-section .infotype-news-item:first-child { background: none; padding-top: 5px; }
}
.infotype-section .infotype-news-item .news-mobile-date,
.infotype-section .infotype-news-item .news-desktop-date { color: #00b3ac;
}
.news-archive-date { font-size: 12px; color: #00b3ac;
}
@media (min-width: 960px) { .news-archive-date { display: block; font-size: 14px; padding-bottom: 5px; }
}
@media (min-width: 960px) { .get-started-header .infotype-title { margin-bottom: 10px; }
}
.get-started-header .infotype-subtitle { display: none;
}
@media (min-width: 960px) { .get-started-header .infotype-subtitle { display: block; margin: 0; line-height: 1.5em; }
}
@media (min-width: 1280px) { .get-started-header .infotype-subtitle { width: 780px; }
}
.get-started .infotype-section-title-parent { background: none; padding-bottom: 10px;
}
.get-started .infotype-subtitle { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; font-size: 13px; padding-bottom: 50px;
}
@media (min-width: 640px) { .get-started .infotype-subtitle { font-size: 15px; }
}
@media (min-width: 960px) { .get-started .infotype-subtitle { display: none; }
}
.get-started .infotype-news-description a { display: none;
}
@media (min-width: 640px) { .get-started .infotype-news-description a { display: inline-block; }
}
.get-started .teal-button { display: none;
}
@media (min-width: 640px) { .get-started .teal-button { display: block; margin: 10px auto 30px; width: 250px; }
}
.get-started-definitions { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat 0 0; margin-top: 30px; padding: 10px 0;
}
@media (min-width: 640px) { .get-started-definitions { padding: 10px; }
}
.get-started-definitions .get-started-definitions-inner { background: #fff; clear: both; overflow: hidden;
}
@media (min-width: 640px) { .get-started-definitions .get-started-definitions-inner { padding: 30px; }
}
.get-started-definitions .get-started-definitions-inner h2 { border-bottom: 1px solid #e3e3e3; font-size: 16px; margin: 0; padding: 15px 0;
}
@media (min-width: 640px) { .get-started-definitions .get-started-definitions-inner h2 { font-size: 24px; padding-top: 0; }
}
@media (min-width: 960px) { .get-started-definitions .get-started-definitions-inner h2 { font-size: 28px; }
}
.get-started-definitions .get-started-definitions-inner h2 span { color: #00b3ac;
}
.get-started-definitions .get-started-definitions-inner ul { list-style-type: none;
}
@media (min-width: 640px) { .get-started-definitions .get-started-definitions-inner ul { float: left; margin-bottom: 30px; width: 46%; }
}
.get-started-definitions .get-started-definitions-inner li { border-bottom: 1px solid #e3e3e3; font-size: 13px; padding: 20px 0;
}
@media (min-width: 640px) { .get-started-definitions .get-started-definitions-inner li { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
}
@media (min-width: 640px) { .get-started-definitions .get-started-definitions-inner .get-started-defs-list-1 { margin-right: 8%; }
}
.get-started-definitions .get-started-definitions-inner .button { display: block; margin: 30px 0; width: 100%;
}
@media (min-width: 640px) { .get-started-definitions .get-started-definitions-inner .button { clear: both; margin: 0 auto 10px; width: 350px; }
}
.pagination { background: #fff url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 0; border-bottom: 1px solid #e3e3e3; clear: both; line-height: 0; overflow: hidden; padding: 15px 0 4px; margin: 60px 0;
}
.listTypePagination { display: inline-block; font-size: 12px; margin: 0; width: auto; overflow: auto; list-style-type: none;
}
.listTypePagination li { display: block; float: left; line-height: 24px; margin: 0; padding: 0 0 0 9px;
}
@media (min-width: 960px) { .listTypePagination li { padding: 0 0 0 7px; }
}
@media (min-width: 1280px) { .listTypePagination li { padding: 0 0 0 9px; }
}
.listTypePagination li:first-child { padding: 0;
}
.listTypePagination a { color: #666666;
}
.listTypePagination a:hover { color: #00b3ac;
}
.listTypePagination a:focus { background-color: transparent;
}
.listTypePagination a.currentPage { border-bottom: 2px solid #00b3ac; color: #323232;
}
.listTypePagination span { line-height: 0;
}
.paginationNavigation { overflow: hidden;
}
.paginationNavigation span { display: block;
}
.paginationNavigation .pageCount { top: -4px; position: relative;
}
.paginationNavigation .pagePrevious { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/paginationPrevOff.png?yocs=1_&yoloc=eu) no-repeat 0 0; margin-right: -2px; height: 24px; width: 23px;
}
.paginationNavigation .pagePrevious a { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/paginationPrevOn.png?yocs=1_&yoloc=eu) no-repeat 0 0; display: block; height: 24px; width: 23px;
}
.paginationNavigation .pageNext { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/paginationNextOff.png?yocs=1_&yoloc=eu) no-repeat 0 0; margin-left: -2px; height: 24px; width: 23px;
}
.paginationNavigation .pageNext a { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/paginationNextOn.png?yocs=1_&yoloc=eu) no-repeat 0 0; display: block; height: 24px; width: 23px;
}
.paginationTypePageList { text-align: center;
}
#infoType .infotype-section .infotype-news-item .infotype-news-title,
#infoType .infotype-section .infotype-news-item .infotype-news-description { margin-left: 0;
}
@media (min-width: 960px) { #infoType .infotype-section.news .infotype-news-title, #infoType .infotype-section.news .infotype-news-description { margin-left: 61px; }
}
#home div.main-content { background: transparent;
}
@media (min-width: 960px) { #home div.main-content { width: 880px; }
}
@media (min-width: 1280px) { #home div.main-content { width: 1200px; }
}
#home .content-columns .content-left { display: none;
}
#home .content-columns .content-center { background: transparent; margin: -15px 0 0 0; padding: 0; width: auto; min-height: 400px;
}
@media (min-width: 960px) { #home .content-columns .content-center { float: none; margin: -20px -40px 0; padding: 0 40px; width: 880px; }
}
@media (min-width: 1280px) { #home .content-columns .content-center { width: 1200px; }
}
.header-gradient img { height: 160px; width: 100%;
}
@media (min-width: 640px) { .header-gradient img { height: 210px; }
}
@media (min-width: 1280px) { .header-gradient img { height: 320px; }
}
@media (min-width: 960px) { .header-gradient { margin-top: 10px; }
}
.homepage-header { margin-top: -150px;
}
@media (min-width: 640px) { .homepage-header { margin-top: -200px; }
}
@media (min-width: 960px) { .homepage-header { margin: -190px 0 0; }
}
@media (min-width: 1280px) { .homepage-header { margin-top: -305px; }
}
.homepage-title { font-size: 28px; margin: 0; margin-bottom: 50px;
}
@media (min-width: 640px) { .homepage-title { font-size: 34px; }
}
@media (min-width: 960px) { .homepage-title { font-size: 48px; }
}
@media (min-width: 1280px) { .homepage-title { font-size: 56px; }
}
.homepage-title span { color: #fff;
}
.homepage-section { background: #fff; clear: both; margin: 40px auto; padding: 0 20px 20px; overflow: hidden;
}
@media (min-width: 640px) { .homepage-section { padding: 0 40px 50px; }
}
.homepage-section h2 { font-size: 20px; margin-bottom: -15px;
}
@media (min-width: 640px) { .homepage-section h2 { font-size: 28px; margin-top: 30px; }
}
@media (min-width: 960px) { .homepage-section h2 { font-size: 32px; }
}
.homepage-section h4 a:hover,
.homepage-section h5 a:hover { color: #00b3ac;
}
.new-notable-home { padding-bottom: 0;
}
@media (min-width: 640px) { .new-notable-home { padding-bottom: 50px; }
}
.new-notable-home .nn-home-item { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 30px; padding-top: 25px;
}
.new-notable-home .nn-home-item h3 { color: #666666; font-size: 13px; margin: 0;
}
.new-notable-home .nn-home-item h4 { font-size: 18px; line-height: 1.22em; margin: 15px 0; padding-left: 30px; position: relative;
}
@media (min-width: 640px) { .new-notable-home .nn-home-item h4 { line-height: 1.08em; min-height: 25px; }
}
@media (min-width: 960px) { .new-notable-home .nn-home-item h4 { padding-left: 40px; }
}
.new-notable-home .nn-home-item h4 .icon { color: #00b3ac; font-size: 40px; left: -10px; position: absolute; top: -5px;
}
@media (min-width: 640px) { .new-notable-home .nn-home-item h4 .icon { top: -10px; }
}
@media (min-width: 960px) { .new-notable-home .nn-home-item h4 .icon { font-size: 50px; }
}
.new-notable-home .nn-home-item h4 a { display: block;
}
.new-notable-home .nn-home-item p { border-top: 1px solid #e3e3e3; font-size: 13px; padding-top: 15px;
}
.new-notable-home .nn-home-item .nn-item-img { margin: 10px 0;
}
.new-notable-home .nn-home-item .nn-item-img img { width: 100%;
}
@media (min-width: 640px) { .new-notable-home .nn-home-item.nn-item-1 h4 { font-size: 28px; margin-top: 5px; }
}
.new-notable-home .nn-home-item.nn-item-1 h4 .icon { top: -10px;
}
@media (min-width: 640px) { .new-notable-home .nn-home-item.nn-item-1 { float: left; }
}
@media (min-width: 960px) { .new-notable-home .nn-home-item.nn-item-1 { width: 520px; }
}
@media (min-width: 1280px) { .new-notable-home .nn-home-item.nn-item-1 { width: 500px; margin-right: 40px; }
}
@media (min-width: 640px) { .new-notable-home .nn-home-item.nn-item-2 { float: left; width: 47%; }
}
@media (min-width: 960px) { .new-notable-home .nn-home-item.nn-item-2 { margin-right: 40px; width: 240px; display: none; }
}
@media (min-width: 1280px) { .new-notable-home .nn-home-item.nn-item-2 { width: 230px; }
}
@media (min-width: 640px) { .new-notable-home .nn-home-item.nn-item-3 { float: left; width: 47%; }
}
@media (min-width: 960px) { .new-notable-home .nn-home-item.nn-item-3 { width: 240px; display: none; }
}
@media (min-width: 1280px) { .new-notable-home .nn-home-item.nn-item-3 { margin-right: 40px; width: 230px; }
}
@media (min-width: 640px) { .new-notable-home .nn-home-item.nn-item-4 { float: left; width: 47%; margin-right: 9.5%; }
}
@media (min-width: 960px) { .new-notable-home .nn-home-item.nn-item-4 { width: 240px; margin-right: 40px; display: none; }
}
@media (min-width: 1280px) { .new-notable-home .nn-home-item.nn-item-4 { width: 230px; }
}
@media (min-width: 640px) { .new-notable-home .nn-home-item.nn-item-5 { float: left; width: 50%; margin-right: -7.5%; }
}
@media (min-width: 960px) { .new-notable-home .nn-home-item.nn-item-5 { margin-right: 0; width: 240px; display: none; }
}
@media (min-width: 1280px) { .new-notable-home .nn-home-item.nn-item-5 { width: 230px; }
}
.homepage-topics { display: none; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat 0 0; margin: 30px -20px 0; padding: 10px 0;
}
@media (min-width: 640px) { .homepage-topics { float: right; width: 47%; }
}
@media (min-width: 960px) { .homepage-topics { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; min-height: 650px; width: 240px; margin: 30px 0 0; }
}
@media (min-width: 1280px) { .homepage-topics { width: 310px; min-height: 575px; margin-left: -20px; }
}
.homepage-topics h3 { color: #008bc1; font-size: 18px; margin: 0 0 15px 0; padding: 15px 20px 0;
}
@media (min-width: 640px) { .homepage-topics h3 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; font-size: 24px; padding: 15px 0 25px; margin-bottom: 0; }
}
.homepage-topics ul { list-style-type: none;
}
.homepage-topics ul li { border-top: 1px solid #e3e3e3; font-size: 15px;
}
@media (min-width: 640px) { .homepage-topics ul li { font-size: 13px; } .homepage-topics ul li:first-child { border-top: none; }
}
.homepage-topics ul li:hover { cursor: pointer;
}
.homepage-topics ul li h5 { font-size: 15px; margin: 0; padding: 15px 30px 15px 20px; position: relative;
}
@media (min-width: 640px) { .homepage-topics ul li h5 { font-size: 13px; padding: 15px 30px 15px 0; }
}
.homepage-topics ul li h5 .subtopics-number { color: #008bc1;
}
.homepage-topics ul li h5 .toggle-marker { position: absolute; right: 10px; top: 35%;
}
.homepage-topics .homepage-topics-subtopics { display: none;
}
.homepage-topics .homepage-topics-subtopics.open { display: block;
}
.homepage-topics .homepage-topics-subtopics.open > ul > li { padding: 15px 30px;
}
@media (min-width: 640px) { .homepage-topics .homepage-topics-subtopics.open > ul > li { padding: 15px; }
}
@media (min-width: 640px) { .homepage-topics .homepage-topics-subtopics.open > ul > li:first-child { padding-top: 0; }
}
.homepage-topics-inner { background: #fff;
}
@media (min-width: 960px) { .homepage-topics-inner { border-bottom: 1px solid #e3e3e3; }
}
.trending-topics-home { overflow: visible; padding-top: 1px;
}
@media (min-width: 640px) { .trending-topics-home { overflow: hidden; padding-top: 0; }
}
@media (min-width: 640px) { .trending-topics-home h2 { margin-bottom: 0; }
}
.trending-topics-home .ad-wrapper { margin: 20px -30px;
}
@media (min-width: 640px) { .trending-topics-home .ad-wrapper { clear: both; float: none; background-color: #fff; }
}
@media (min-width: 960px) { .trending-topics-home .ad-wrapper { clear: none; float: right; background-color: #f2f2f2; margin-top: 0; }
}
.trending-topics-items { list-style-type: none;
}
.trending-topics-items .trending-topics-item { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 30px; padding-top: 25px;
}
@media (min-width: 640px) { .trending-topics-items .trending-topics-item { float: left; margin-right: 8%; width: 46%; }
}
@media (min-width: 960px) { .trending-topics-items .trending-topics-item { margin-right: 40px; width: 210px; }
}
@media (min-width: 1280px) { .trending-topics-items .trending-topics-item { margin-right: 40px; width: 235px; }
}
.trending-topics-items .trending-topics-item h3 { color: #666666; font-size: 13px; margin: 0;
}
.trending-topics-items .trending-topics-item h3 span { display: block;
}
.trending-topics-items .trending-topics-item h4 { font-size: 18px; line-height: 1.22em; margin: 15px 0; padding-left: 30px; position: relative;
}
@media (min-width: 640px) { .trending-topics-items .trending-topics-item h4 { line-height: 1.08em; }
}
@media (min-width: 960px) { .trending-topics-items .trending-topics-item h4 { padding-left: 40px; }
}
.trending-topics-items .trending-topics-item h4 .icon { color: #00b3ac; font-size: 40px; left: -10px; position: absolute; top: -5px;
}
@media (min-width: 960px) { .trending-topics-items .trending-topics-item h4 .icon { font-size: 50px; top: -10px; }
}
.trending-topics-items .trending-topics-item h4 a { display: block;
}
.trending-topics-items .trending-topics-item p { border-top: 1px solid #e3e3e3; font-size: 13px; padding-top: 15px;
}
@media (min-width: 640px) { .trending-topics-items .trending-topics-item.tt-item-2, .trending-topics-items .trending-topics-item.tt-item-4, .trending-topics-items .trending-topics-item.tt-item-6 { margin-right: 0; }
}
@media (min-width: 1280px) { .trending-topics-items .trending-topics-item.tt-item-2, .trending-topics-items .trending-topics-item.tt-item-4, .trending-topics-items .trending-topics-item.tt-item-6 { margin-right: 40px; }
}
@media (min-width: 1280px) { .trending-topics-items .trending-topics-item.tt-item-3, .trending-topics-items .trending-topics-item.tt-item-6 { margin-right: 0; }
}
@media (min-width: 960px) { .trending-topics-items .trending-topics-item.tt-item-3, .trending-topics-items .trending-topics-item.tt-item-5 { clear: both; }
}
@media (min-width: 1280px) { .trending-topics-items .trending-topics-item.tt-item-3, .trending-topics-items .trending-topics-item.tt-item-5 { clear: none; }
}
@media (min-width: 1280px) { .trending-topics-items .trending-topics-item.tt-item-4 { clear: both; }
}
@media (min-width: 960px) { .expert-question-home { clear: none; float: left; margin-right: 40px; margin-top: 0; width: 340px; }
}
@media (min-width: 1280px) { .expert-question-home { width: 500px; min-height: 0; }
}
.expert-question-home h2 { color: #00b3ac; margin-bottom: 0;
}
@media (min-width: 960px) { .expert-question-home h2 { font-size: 28px; }
}
.expert-question-home p { font-size: 13px; margin: 5px 0 15px;
}
@media (min-width: 1280px) { .expert-question-home p { font-size: 14px; }
}
@media (min-width: 960px) { .expert-question-home.full-width { width: 800px; }
}
@media (min-width: 1280px) { .expert-question-home.full-width { width: 1120px; }
}
@media (min-width: 960px) { .expert-question-home.full-width .expert-question-form .expert-question-title { border-radius: 4px 0 0 4px; float: left; padding-right: 10px; width: 595px; }
}
@media (min-width: 1280px) { .expert-question-home.full-width .expert-question-form .expert-question-title { width: 867px; }
}
@media (min-width: 960px) { .expert-question-home.full-width .expert-question-form .expert-question-form-btn { border: 0; border-radius: 0 4px 4px 0; float: left; height: 53px; margin-right: 0; }
}
@media (min-width: 1280px) { .expert-question-home.full-width .expert-question-form .expert-question-form-btn { padding: 0 75px; }
}
.expert-question-home.full-width .expert-question-form .expert-question-help { clear: both; display: block;
}
.expert-question-home .expert-question-form { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; clear: both; overflow: hidden; height: auto; margin-top: 0; padding-top: 45px;
}
.expert-question-home .expert-question-form .expert-question-form-btn { float: none; background: #00b3ac; font-size: 13px; height: 40px; margin-bottom: 10px; color: #fff;
}
.expert-question-home .expert-question-form .expert-question-form-btn:hover { background: #006860;
}
@media (min-width: 640px) { .expert-question-home .expert-question-form .expert-question-form-btn { border-radius: 4px; font-size: 16px; height: 50px; margin: 0 20px 0 0; padding: 0 50px; width: auto; }
}
@media (min-width: 960px) { .expert-question-home .expert-question-form .expert-question-form-btn { display: block; margin-bottom: 10px; }
}
@media (min-width: 1280px) { .expert-question-home .expert-question-form .expert-question-form-btn { display: inline-block; margin-bottom: 0; }
}
.expert-question-home .expert-question-form input { width: 100%; padding: 12px 0 13px 10px; margin-bottom: 25px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; color: #666666; background: #f2f2f2; border: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .expert-question-home .expert-question-form input { font-size: 21px; padding-left: 16px; }
}
.expert-question-home .expert-question-form input.error { border: 1px solid #EA0000;
}
.expert-question-home .expert-question-form .expert-question-help { font-size: 12px; color: #a6a6a6;
}
@media (min-width: 960px) { .discussion-home { clear: none; float: left; margin-top: 0; width: 340px; }
}
@media (min-width: 1280px) { .discussion-home { width: 500px; }
}
.discussion-home .join-discussion-wrapper { margin-top: 40px;
}
@media (min-width: 960px) { .discussion-home .join-discussion-wrapper .discussion-question .question { font-size: 24px; }
}
@media (min-width: 1280px) { .discussion-home .join-discussion-wrapper .discussion-question .question { font-size: 28px; }
}
@media (min-width: 960px) { .discussion-home .join-discussion-wrapper .discussion-question .icon { bottom: 70px; }
}
.find-solutions-home h2 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 25px; margin-bottom: 25px;
}
@media (min-width: 640px) { .find-solutions-home h2 { margin-bottom: 20px; }
}
@media (min-width: 960px) { .find-solutions-home h2 { margin-bottom: 40px; }
}
.find-solutions-home .find-solutions-sections { list-style-type: none;
}
.find-solutions-home .find-solutions-sections > li { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; margin-bottom: 30px; padding-bottom: 30px;
}
@media (min-width: 640px) { .find-solutions-home .find-solutions-sections > li { background: none; clear: both; overflow: hidden; }
}
@media (min-width: 960px) { .find-solutions-home .find-solutions-sections > li { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; clear: none; float: left; margin-left: 40px; margin-bottom: 0; width: 240px; }
}
@media (min-width: 1280px) { .find-solutions-home .find-solutions-sections > li { width: 347px; }
}
@media (min-width: 960px) { .find-solutions-home .find-solutions-sections > li:first-child { margin-left: 0; }
}
@media (min-width: 1280px) { .find-solutions-home .find-solutions-sections > li:first-child { width: 346px; }
}
@media (min-width: 640px) { .find-solutions-home .find-solutions-sections > li:last-child { margin-bottom: 0; padding-bottom: 0; }
}
@media (min-width: 960px) { .find-solutions-home .find-solutions-sections > li:last-child { padding-bottom: 30px; }
}
.find-solutions-home .find-solutions-sections h3 { background: #323232; color: #fff; margin: 0 -20px; padding: 15px 20px;
}
@media (min-width: 640px) { .find-solutions-home .find-solutions-sections h3 { margin: 0; }
}
@media (min-width: 640px) { .find-solutions-home .find-solutions-sections .find-solutions-sections-primary { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; float: left; margin-right: 8%; margin-bottom: 40px; width: 46%; }
}
@media (min-width: 960px) { .find-solutions-home .find-solutions-sections .find-solutions-sections-primary { background: none; float: none; margin-right: 0; width: auto; }
}
.find-solutions-home .find-solutions-sections h4 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; border-bottom: 1px solid #e3e3e3; margin-top: 25px; padding: 25px 0 20px 30px; font-size: 18px; line-height: 1.22em; position: relative;
}
@media (min-width: 960px) { .find-solutions-home .find-solutions-sections h4 { background: none; padding-left: 40px; margin-top: 0; font-size: 20px; margin-bottom: 20px; padding-top: 15px; }
}
@media (min-width: 1280px) { .find-solutions-home .find-solutions-sections h4 { font-size: 24px; }
}
.find-solutions-home .find-solutions-sections h4 .icon { color: #00b3ac; font-size: 40px; left: -10px; position: absolute; top: 20px;
}
@media (min-width: 960px) { .find-solutions-home .find-solutions-sections h4 .icon { font-size: 50px; top: 6px; }
}
@media (min-width: 1280px) { .find-solutions-home .find-solutions-sections h4 .icon { top: 8px; }
}
.find-solutions-home .find-solutions-sections p { font-size: 13px;
}
.find-solutions-home .find-solutions-sections .find-solutions-sections-links { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; list-style-type: none;
}
@media (min-width: 640px) { .find-solutions-home .find-solutions-sections .find-solutions-sections-links { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; float: left; margin-top: 25px; margin-bottom: 40px; width: 46%; }
}
@media (min-width: 960px) { .find-solutions-home .find-solutions-sections .find-solutions-sections-links { background: none; float: none; width: auto; }
}
.find-solutions-home .find-solutions-sections .find-solutions-sections-links li { border-top: 1px solid #e3e3e3;
}
.find-solutions-home .find-solutions-sections .find-solutions-sections-links li:first-child { border: none;
}
@media (min-width: 640px) { .find-solutions-home .find-solutions-sections .find-solutions-sections-links li:first-child { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; }
}
.find-solutions-home .find-solutions-sections .find-solutions-sections-links h5 { padding: 25px 0 20px 30px; font-size: 18px; line-height: 1.22em; position: relative; margin: 0;
}
@media (min-width: 960px) { .find-solutions-home .find-solutions-sections .find-solutions-sections-links h5 { padding-left: 40px; }
}
.find-solutions-home .find-solutions-sections .find-solutions-sections-links h5 .icon { color: #00b3ac; font-size: 40px; left: -10px; position: absolute; top: 20px;
}
@media (min-width: 960px) { .find-solutions-home .find-solutions-sections .find-solutions-sections-links h5 .icon { font-size: 50px; top: 16px; }
}
.find-solutions-home .find-solutions-sections .button { display: block; width: 100%;
}
@media (min-width: 640px) { .find-solutions-home .find-solutions-sections .button { clear: both; margin: 0 auto; width: 250px; }
}
@media (min-width: 960px) { .find-solutions-home .find-solutions-sections .button { width: auto; }
}
@media (min-width: 960px) { .pro-downloads-home { overflow: visible; }
}
.pro-downloads-home .pro-downloads-title-bar { background-color: #323232; clear: both; margin: 0 -20px 30px; overflow: hidden; padding: 15px;
}
@media (min-width: 640px) { .pro-downloads-home .pro-downloads-title-bar { margin: 0 -40px 30px; padding: 25px; }
}
@media (min-width: 960px) { .pro-downloads-home .pro-downloads-title-bar { height: 36px; margin: 0 -60px 40px; overflow: visible; padding: 15px 40px; position: relative; }
}
@media (min-width: 960px) { .pro-downloads-home .pro-downloads-title-bar:before { border-bottom: 18px solid transparent; border-right: 20px solid #c6c2bf; content: ''; height: 0; left: 0; position: absolute; top: 66px; width: 0; }
}
@media (min-width: 960px) { .pro-downloads-home .pro-downloads-title-bar:after { border-bottom: 18px solid transparent; border-left: 20px solid #c6c2bf; content: ''; height: 0; right: 0; position: absolute; top: 66px; width: 0; }
}
.pro-downloads-home .pro-downloads-title-bar h2 { color: #fff; float: left; font-size: 16px; margin: 0;
}
@media (min-width: 640px) { .pro-downloads-home .pro-downloads-title-bar h2 { font-size: 28px; }
}
.pro-downloads-home .pro-downloads-title-bar h2 span { color: #00b9d8;
}
.pro-downloads-home .pro-downloads-title-bar a { float: right; font-size: 14px; padding-right: 22px; position: relative;
}
@media (min-width: 640px) { .pro-downloads-home .pro-downloads-title-bar a { font-size: 18px; top: 10px; }
}
.pro-downloads-home .pro-downloads-title-bar a .icon { font-size: 18px; position: absolute; right: 0; top: 0;
}
@media (min-width: 640px) { .pro-downloads-home .pro-downloads-title-bar a .icon { font-size: 20px; }
}
.pro-downloads-home .pro-downloads-list { list-style-type: none;
}
@media (min-width: 960px) { .pro-downloads-home .pro-downloads-list { clear: both; overflow: hidden; }
}
.pro-downloads-home .pro-downloads-list li { float: left; margin-left: 7%; width: 46%;
}
@media (min-width: 640px) { .pro-downloads-home .pro-downloads-list li { width: 28%; }
}
@media (min-width: 960px) { .pro-downloads-home .pro-downloads-list li { margin-left: 40px; width: 170px; }
}
@media (min-width: 1280px) { .pro-downloads-home .pro-downloads-list li { width: 192px; }
}
.pro-downloads-home .pro-downloads-list li:first-child { margin-left: 0;
}
.pro-downloads-home .pro-downloads-list li .image-resize { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 8px; height: 105px; position: relative; text-align: center;
}
@media (min-width: 640px) { .pro-downloads-home .pro-downloads-list li .image-resize { height: 156px; }
}
@media (min-width: 960px) { .pro-downloads-home .pro-downloads-list li .image-resize { height: 170px; }
}
@media (min-width: 1280px) { .pro-downloads-home .pro-downloads-list li .image-resize { height: 200px; }
}
.pro-downloads-home .pro-downloads-list li .image-resize img { bottom: 10px; left: 50%; margin-left: -40px; position: absolute; width: 80px;
}
@media (min-width: 640px) { .pro-downloads-home .pro-downloads-list li .image-resize img { margin-left: -60px; width: 120px; }
}
@media (min-width: 960px) { .pro-downloads-home .pro-downloads-list li .image-resize img { margin-left: -65px; width: 130px; }
}
@media (min-width: 1280px) { .pro-downloads-home .pro-downloads-list li .image-resize img { margin-left: -75px; width: 150px; }
}
.pro-downloads-home .pro-downloads-list li h3 { border-bottom: 1px solid #e3e3e3; color: #666666; font-size: 11px; padding-bottom: 15px;
}
@media (min-width: 640px) { .pro-downloads-home .pro-downloads-list li h3 { border-bottom: none; margin-top: 15px; padding-bottom: 0; }
}
@media (min-width: 960px) { .pro-downloads-home .pro-downloads-list li h3 { font-size: 12px; }
}
.pro-downloads-home .pro-downloads-list li h3 span { color: #a6a6a6;
}
.pro-downloads-home .pro-downloads-list li h4 { display: none;
}
@media (min-width: 640px) { .pro-downloads-home .pro-downloads-list li h4 { border-bottom: 1px solid #e3e3e3; display: block; font-size: 14px; line-height: 16px; margin-top: 5px; padding-bottom: 15px; }
}
@media (min-width: 960px) { .pro-downloads-home .pro-downloads-list li h4 { font-size: 15px; }
}
.pro-downloads-home .pro-downloads-list li a.pro-download { position: relative; padding-left: 35px;
}
.pro-downloads-home .pro-downloads-list li a.pro-download .icon { font-size: 32px; position: absolute; left: 0; top: -10px;
}
.pro-downloads-home .pro-downloads-list .pd-item-3 { display: none;
}
@media (min-width: 640px) { .pro-downloads-home .pro-downloads-list .pd-item-3 { display: block; }
}
.pro-downloads-home .pro-downloads-list .pd-item-4 { display: none;
}
@media (min-width: 960px) { .pro-downloads-home .pro-downloads-list .pd-item-4 { display: block; }
}
.pro-downloads-home .pro-downloads-list .pd-item-5 { display: none;
}
@media (min-width: 1280px) { .pro-downloads-home .pro-downloads-list .pd-item-5 { display: block; }
}
@media (min-width: 640px) { .learn-more-home h2 { margin-bottom: 5px; }
}
.learn-more-home .button { display: block; margin-bottom: 40px; width: 100%;
}
@media (min-width: 640px) { .learn-more-home .button { clear: both; margin: 20px auto 80px; width: 300px; }
}
@media (min-width: 960px) { .learn-more-home .button { width: 300px; margin-bottom: 30px; }
}
@media (min-width: 960px) { .learn-more-sections { float: left; width: 560px; }
}
@media (min-width: 1280px) { .learn-more-sections { width: 825px; }
}
.learn-more-items { list-style-type: none;
}
@media (min-width: 640px) { .learn-more-items { clear: both; overflow: hidden; }
}
.learn-more-items li { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 30px; padding-top: 25px;
}
@media (min-width: 640px) { .learn-more-items li { float: left; margin-right: 8%; width: 46%; }
}
@media (min-width: 960px) { .learn-more-items li { margin-right: 40px; width: 240px; }
}
@media (min-width: 1280px) { .learn-more-items li { margin-right: 40px; width: 235px; }
}
.learn-more-items li h3 { color: #666666; font-size: 13px; margin: 0;
}
.learn-more-items li h3 span { display: block;
}
.learn-more-items li h4 { font-size: 18px; line-height: 1.22em; margin: 15px 0; padding-left: 30px; position: relative;
}
@media (min-width: 640px) { .learn-more-items li h4 { line-height: 1.08em; }
}
@media (min-width: 960px) { .learn-more-items li h4 { padding-left: 40px; }
}
.learn-more-items li h4 .icon { color: #00b3ac; font-size: 40px; left: -10px; position: absolute; top: -5px;
}
@media (min-width: 960px) { .learn-more-items li h4 .icon { font-size: 50px; top: -10px; }
}
.learn-more-items li h4 a { display: block;
}
.learn-more-items li p { border-top: 1px solid #e3e3e3; font-size: 13px; padding-top: 15px;
}
@media (min-width: 640px) { .learn-more-items li.lm-item-2 { margin-right: 0; }
}
@media (min-width: 1280px) { .learn-more-items li.lm-item-2 { margin-right: 40px; }
}
.learn-more-items li.lm-item-3 { display: none;
}
@media (min-width: 1280px) { .learn-more-items li.lm-item-3 { display: block; margin-right: 0; }
}
@media (min-width: 960px) { .learn-more-resources { float: left; width: 240px; }
}
@media (min-width: 1280px) { .learn-more-resources { width: 295px; }
}
.learn-more-resources h3 { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; font-size: 16px; padding: 15px 0; margin-bottom: 5px;
}
@media (min-width: 640px) { .learn-more-resources h3 { border-bottom: 0; margin-bottom: 0; }
}
@media (min-width: 960px) { .learn-more-resources h3 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; border-top: 0; margin-top: 30px; padding-top: 25px; }
}
.learn-more-resources .learn-more-resources-list { list-style-type: none;
}
.learn-more-resources .resources-list-item { font-size: 12px; line-height: 1.2em; letter-spacing: .02em; padding: 15px 50px 15px 0; border-bottom: 1px solid #e3e3e3; position: relative;
}
@media (min-width: 640px) { .learn-more-resources .resources-list-item { border-bottom: 0; border-top: 1px solid #e3e3e3; float: left; width: 23%; margin-left: 4%; padding-right: 8%; }
}
@media (min-width: 960px) { .learn-more-resources .resources-list-item { float: none; width: auto; padding-right: 50px; margin-left: 0; }
}
@media (min-width: 640px) { .learn-more-resources .resources-list-item:first-child { margin-left: 0; width: 22%; }
}
@media (min-width: 960px) { .learn-more-resources .resources-list-item:first-child { width: auto; }
}
.learn-more-resources .resources-list-item:last-child { border: 0;
}
@media (min-width: 640px) { .learn-more-resources .resources-list-item:last-child { border-top: 1px solid #e3e3e3; }
}
.learn-more-resources .resources-list-item .icon { background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/bg_profeature_bullet.png?yocs=1_&yoloc=eu") no-repeat; font-size: 27px; color: #a6a6a6; position: absolute; left: auto; right: 0; top: 13px; line-height: 38px; width: 35px; height: 35px; text-align: center; display: block;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .gt-ie8 .learn-more-resources .resources-list-item .icon { background-image: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/bg_profeature_bullet@2x.png?yocs=1_&yoloc=eu"); background-size: 60px 60px; }
}
.learn-more-resources .resources-list-item span { color: #a6a6a6; display: block; white-space: nowrap;
}
.multimedia-home h2 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 25px; margin-bottom: 25px;
}
@media (min-width: 640px) { .multimedia-home h2 { margin-bottom: 20px; }
}
@media (min-width: 960px) { .multimedia-home h2 { margin-bottom: 40px; }
}
.multimedia-header-menu { background: #323232; margin: 0 -20px 30px; padding: 20px;
}
@media (min-width: 640px) { .multimedia-header-menu { margin: 30px 0; }
}
@media (min-width: 960px) { .multimedia-header-menu { padding: 10px 20px; }
}
.multimedia-header-menu h3 { color: #fff; margin-top: 0;
}
@media (min-width: 640px) { .multimedia-header-menu h3 { float: left; margin: 0; width: 35%; }
}
@media (min-width: 960px) { .multimedia-header-menu h3 { line-height: 1.0em; padding-top: 10px; width: 500px; }
}
.multimedia-header-menu .multimedia-menu { background: #666666; color: #fff; position: relative;
}
@media (min-width: 640px) { .multimedia-header-menu .multimedia-menu { float: right; width: 45%; }
}
@media (min-width: 960px) { .multimedia-header-menu .multimedia-menu { width: 250px; }
}
.multimedia-header-menu .multimedia-menu .dropdown-toggle { cursor: pointer; font-size: 13px; padding: 10px; position: relative;
}
.multimedia-header-menu .multimedia-menu .dropdown-toggle.selected .icon-arrow-down:before { content: "\33";
}
.multimedia-header-menu .multimedia-menu .icon { color: #fff; position: absolute; right: 10px; top: 10px;
}
.multimedia-header-menu .multimedia-menu .dropdown-menu { display: none; background: #f2f2f2; color: #666666; list-style-type: none; position: absolute; width: 100%; z-index: 9999;
}
.multimedia-header-menu .multimedia-menu .dropdown-menu li { font-size: 13px; margin: 15px 10px;
}
.multimedia-header-menu .multimedia-menu .dropdown-menu li a:hover { color: #00b3ac;
}
.multimedia-sections { list-style-type: none;
}
.multimedia-sections > li { border-bottom: 1px solid #e3e3e3; margin-bottom: 30px;
}
@media (min-width: 640px) { .multimedia-sections > li { border-bottom: none; float: left; margin-bottom: 0; width: 47%; }
}
@media (min-width: 960px) { .multimedia-sections > li { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; margin-left: 40px; width: 380px; }
}
@media (min-width: 1280px) { .multimedia-sections > li { width: 347px; }
}
@media (min-width: 960px) { .multimedia-sections > li:first-child { margin-left: 0; }
}
@media (min-width: 1280px) { .multimedia-sections > li:first-child { width: 346px; }
}
@media (min-width: 640px) { .multimedia-sections > li:last-child { margin-bottom: 0; padding-bottom: 0; }
}
.multimedia-sections > li img { display: block; margin: 0 auto; max-height: 115px; max-width: 347px; text-align: center; width: 100%;
}
.multimedia-sections > li div.videoThumbnailHolder { position: relative; margin: 0 auto; max-width: 245px; height: 80px; background: #c6c2bf;
}
@media (min-width: 400px) { .multimedia-sections > li div.videoThumbnailHolder { max-width: 347px; height: 115px; }
}
.multimedia-sections > li div.videoThumbnailHolder img.getVideoThumbnail { position: absolute; max-height: 347px; max-width: 245px; margin-top: -21px; clip: rect(21px 245px 101px 0px);
}
@media (min-width: 400px) { .multimedia-sections > li div.videoThumbnailHolder img.getVideoThumbnail { max-width: 347px; margin-top: -30px; clip: rect(30px 347px 145px 0px); }
}
.multimedia-sections .multimedia-col-2 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; border: none; margin-bottom: 20px; padding-bottom: 20px;
}
@media (min-width: 640px) { .multimedia-sections .multimedia-col-2 { background: none; margin-left: 6%; padding-bottom: 0; }
}
@media (min-width: 960px) { .multimedia-sections .multimedia-col-2 { margin-left: 40px; }
}
.multimedia-sections .multimedia-col-3 { display: none;
}
@media (min-width: 1280px) { .multimedia-sections .multimedia-col-3 { display: block; }
}
.multimedia-sections .multimedia-sections-primary,
.multimedia-sections .multimedia-sections-primary-tss { margin-top: 15px;
}
@media (min-width: 640px) { .multimedia-sections .multimedia-sections-primary, .multimedia-sections .multimedia-sections-primary-tss { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 15px; }
}
@media (min-width: 960px) { .multimedia-sections .multimedia-sections-primary, .multimedia-sections .multimedia-sections-primary-tss { float: none; margin-right: 0; width: auto; }
}
.multimedia-sections .multimedia-sections-primary h3,
.multimedia-sections .multimedia-sections-primary-tss h3 { color: #666666; font-size: 13px; margin: 0; padding-left: 50px;
}
@media (min-width: 960px) { .multimedia-sections .multimedia-sections-primary h3, .multimedia-sections .multimedia-sections-primary-tss h3 { padding-left: 60px; }
}
.multimedia-sections .multimedia-sections-primary h4,
.multimedia-sections .multimedia-sections-primary-tss h4 { font-size: 18px; line-height: 1.22em; margin: 5px 0 15px; padding-left: 50px; position: relative;
}
@media (min-width: 640px) { .multimedia-sections .multimedia-sections-primary h4, .multimedia-sections .multimedia-sections-primary-tss h4 { line-height: 1.08em; }
}
@media (min-width: 960px) { .multimedia-sections .multimedia-sections-primary h4, .multimedia-sections .multimedia-sections-primary-tss h4 { font-size: 20px; padding-left: 60px; }
}
@media (min-width: 1280px) { .multimedia-sections .multimedia-sections-primary h4, .multimedia-sections .multimedia-sections-primary-tss h4 { font-size: 24px; }
}
.multimedia-sections .multimedia-sections-primary h4 .icon,
.multimedia-sections .multimedia-sections-primary-tss h4 .icon { color: #00b3ac; font-size: 40px; left: 0; position: absolute; top: -30px;
}
@media (min-width: 960px) { .multimedia-sections .multimedia-sections-primary h4 .icon, .multimedia-sections .multimedia-sections-primary-tss h4 .icon { font-size: 50px; top: -30px; }
}
.multimedia-sections .multimedia-sections-primary h4 [data-icon="b"],
.multimedia-sections .multimedia-sections-primary-tss h4 [data-icon="b"] { font-size: 36px; left: 5px;
}
@media (min-width: 960px) { .multimedia-sections .multimedia-sections-primary h4 [data-icon="b"], .multimedia-sections .multimedia-sections-primary-tss h4 [data-icon="b"] { font-size: 45px; }
}
.multimedia-sections .multimedia-sections-links,
.multimedia-sections .multimedia-sections-links-tss { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; list-style-type: none;
}
@media (min-width: 640px) { .multimedia-sections .multimedia-sections-links, .multimedia-sections .multimedia-sections-links-tss { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; margin: 0; padding-bottom: 15px; }
}
@media (min-width: 960px) { .multimedia-sections .multimedia-sections-links, .multimedia-sections .multimedia-sections-links-tss { float: none; padding-bottom: 30px; width: auto; }
}
.multimedia-sections .multimedia-sections-links li,
.multimedia-sections .multimedia-sections-links-tss li { border-top: 1px solid #e3e3e3;
}
.multimedia-sections .multimedia-sections-links li:first-child,
.multimedia-sections .multimedia-sections-links-tss li:first-child { border: none;
}
.multimedia-sections .multimedia-sections-links h5,
.multimedia-sections .multimedia-sections-links-tss h5 { padding: 25px 0 20px 50px; font-size: 18px; line-height: 1.22em; position: relative; margin: 0;
}
@media (min-width: 960px) { .multimedia-sections .multimedia-sections-links h5, .multimedia-sections .multimedia-sections-links-tss h5 { padding-left: 60px; }
}
.multimedia-sections .multimedia-sections-links h5 .icon,
.multimedia-sections .multimedia-sections-links-tss h5 .icon { color: #00b3ac; font-size: 40px; left: 0; position: absolute; top: 15px;
}
@media (min-width: 960px) { .multimedia-sections .multimedia-sections-links h5 .icon, .multimedia-sections .multimedia-sections-links-tss h5 .icon { font-size: 50px; top: 10px; }
}
@media (min-width: 1280px) { .multimedia-sections .multimedia-sections-links h5 .icon, .multimedia-sections .multimedia-sections-links-tss h5 .icon { top: 15px; }
}
.multimedia-sections .multimedia-sections-links h5 [data-icon="b"],
.multimedia-sections .multimedia-sections-links-tss h5 [data-icon="b"] { font-size: 36px; left: 5px;
}
@media (min-width: 960px) { .multimedia-sections .multimedia-sections-links h5 [data-icon="b"], .multimedia-sections .multimedia-sections-links-tss h5 [data-icon="b"] { font-size: 45px; }
}
.blogs-home h2 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 25px; margin-bottom: 25px;
}
@media (min-width: 640px) { .blogs-home h2 { margin-bottom: 20px; }
}
@media (min-width: 960px) { .blogs-home h2 { margin-bottom: 40px; }
}
@media (min-width: 1280px) { .blogs-home h2 { background: none; margin-bottom: 0; }
}
.blogs-home .blog-sections { list-style-type: none;
}
.blogs-home .blog-sections > li { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 30px;
}
@media (min-width: 640px) { .blogs-home .blog-sections > li { float: left; width: 47%; }
}
@media (min-width: 960px) { .blogs-home .blog-sections > li { width: 380px; }
}
@media (min-width: 1280px) { .blogs-home .blog-sections > li { width: 346px; }
}
.blogs-home .blog-sections > li h3 { color: #666666; font-size: 13px; margin: 0;
}
.blogs-home .blog-sections > li h4 { font-size: 18px; line-height: 1.22em; margin: 5px 0 15px; padding-left: 30px; position: relative;
}
@media (min-width: 640px) { .blogs-home .blog-sections > li h4 { line-height: 1.08em; margin-top: 0; }
}
@media (min-width: 960px) { .blogs-home .blog-sections > li h4 { font-size: 20px; padding-left: 40px; }
}
@media (min-width: 1280px) { .blogs-home .blog-sections > li h4 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; font-size: 24px; padding-top: 30px; }
}
.blogs-home .blog-sections > li h4 .icon { color: #008bc1; font-size: 40px; left: -10px; position: absolute; top: -5px;
}
@media (min-width: 960px) { .blogs-home .blog-sections > li h4 .icon { font-size: 50px; top: -10px; }
}
@media (min-width: 1280px) { .blogs-home .blog-sections > li h4 .icon { top: 20px; }
}
.blogs-home .blog-sections > li p { border-top: 1px solid #e3e3e3; font-size: 13px; padding-top: 15px;
}
.blogs-home .blog-sections .blog-section-2 { display: none;
}
@media (min-width: 1280px) { .blogs-home .blog-sections .blog-section-2 { display: block; margin-left: 40px; }
}
.blogs-home .blog-sections .blog-section-3 { margin-bottom: 20px;
}
@media (min-width: 640px) { .blogs-home .blog-sections .blog-section-3 { margin-left: 6%; }
}
@media (min-width: 960px) { .blogs-home .blog-sections .blog-section-3 { margin-left: 40px; }
}
.blogs-home .blog-sections .blog-section-3 .button { display: block; margin: 30px 0 0; width: 100%;
}
@media (min-width: 960px) { .blogs-home .blog-sections .blog-section-3 .button { margin-bottom: 10px; }
}
.blogs-home .blog-sections .blog-section-3 h3 { display: none;
}
@media (min-width: 960px) { .blogs-home .blog-sections .blog-section-3 h3 { display: block; margin-bottom: 15px; }
}
@media (min-width: 1280px) { .blogs-home .blog-sections .blog-section-3 h3 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; padding-top: 30px; }
}
@media (min-width: 1280px) { .blogs-home .blog-sections .blog-section-3 h4 { background: none; padding-top: 0; }
}
@media (min-width: 1280px) and (min-width: 1280px) { .blogs-home .blog-sections .blog-section-3 h4 .icon { top: -10px; }
}
.blogs-home .blog-sections .blog-links { list-style-type: none;
}
.blogs-home .blog-sections .blog-links li { border-top: 1px solid #e3e3e3; margin-top: 15px; padding-top: 15px;
}
.blogs-home .blog-sections .blog-links li:first-child { border-top: 0; margin-top: 0;
}
@media (min-width: 640px) { .blogs-home .blog-sections .blog-links li:first-child { padding-top: 0; }
}
.blogs-home .blog-sections .blog-links h4 { font-size: 16px;
}
.from-across-home .from-across-title-bar { background: #00b3ac; margin: -20px -20px 0;
}
@media (min-width: 640px) { .from-across-home .from-across-title-bar { margin: -40px -40px 0; }
}
.from-across-home .from-across-title-bar h2 { border-top: 10px solid #006860; color: #fff; display: block; font-size: 18px; line-height: 20px; margin: 20px; padding: 15px 0; text-align: center; white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word;
}
@media (min-width: 640px) { .from-across-home .from-across-title-bar h2 { padding: 30px 0; margin: 40px; text-align: left; }
}
@media (min-width: 960px) { .from-across-home .from-across-title-bar h2 { font-size: 20px; padding: 35px 0; }
}
@media (min-width: 1280px) { .from-across-home .from-across-title-bar h2 { font-size: 22px; }
}
.from-across-home .from-across-title-bar h2 span { color: #006860;
}
.from-across-items { list-style-type: none;
}
@media (min-width: 640px) { .from-across-items { clear: both; overflow: hidden; }
}
@media (min-width: 960px) { .from-across-items { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; padding-top: 40px; }
}
.from-across-items li { margin-bottom: 30px;
}
.from-across-items li h3 { color: #666666; font-size: 12px; margin: 0;
}
@media (min-width: 640px) { .from-across-items li h3 { margin-bottom: 10px; }
}
.from-across-items li h4 { font-size: 18px; line-height: 1.22em; margin: 2px 0 15px;
}
@media (min-width: 640px) { .from-across-items li h4 { line-height: 1.08em; }
}
.from-across-items li p { border-top: 1px solid #e3e3e3; font-size: 13px; padding-top: 15px;
}
@media (min-width: 640px) { .from-across-items .fa-item-1 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; clear: both; overflow: hidden; margin-bottom: 10px; }
}
@media (min-width: 960px) { .from-across-items .fa-item-1 { background: none; clear: none; overflow: visible; float: left; width: 280px; }
}
.from-across-items .fa-item-1 h3 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; color: #c6c2bf; font-size: 18px; padding-top: 15px;
}
@media (min-width: 640px) { .from-across-items .fa-item-1 h3 { background: none; float: left; font-size: 26px; line-height: 20px; padding-top: 60px; width: 70%; }
}
@media (min-width: 960px) { .from-across-items .fa-item-1 h3 { float: none; width: auto; padding-top: 0; font-size: 30px; line-height: 30px; }
}
@media (min-width: 1280px) { .from-across-items .fa-item-1 h3 { font-size: 34px; line-height: 34px; }
}
.from-across-items .fa-item-1 h3 span { color: #00b3ac;
}
@media (min-width: 960px) { .from-across-items .fa-item-1 h3 span { display: block; }
}
@media (min-width: 640px) { .from-across-items .fa-item-2 { float: left; margin-right: 7%; width: 47%; }
}
@media (min-width: 960px) { .from-across-items .fa-item-2 { margin-right: 40px; width: 240px; }
}
@media (min-width: 640px) { .from-across-items .fa-item-3 { float: left; width: 46%; }
}
@media (min-width: 960px) { .from-across-items .fa-item-3 { width: 240px; }
}
@media (min-width: 1280px) { .from-across-items .fa-item-3 { margin-right: 40px; }
}
.from-across-items .fa-item-4 { display: none;
}
@media (min-width: 1280px) { .from-across-items .fa-item-4 { display: block; float: left; width: 240px; }
}
.fa-item-1-button { border-top: 1px solid #e3e3e3; display: block; font-size: 16px; margin-bottom: 20px; position: relative; text-align: left; width: 100%;
}
@media (min-width: 640px) { .fa-item-1-button { border: none; float: right; padding: 40px 20px 0 0; margin: 10px; width: auto; }
}
@media (min-width: 960px) { .fa-item-1-button { float: none; margin: 40px 0 0; padding: 0; text-align: center; width: 200px; }
}
.fa-item-1-button.button { color: #323232;
}
@media (min-width: 960px) { .fa-item-1-button.button { color: #fff; }
}
.fa-item-1-button.black-button { background-color: #fff;
}
@media (min-width: 960px) { .fa-item-1-button.black-button { background: #323232; }
}
.fa-item-1-button .icon { position: absolute; left: 70px; top: 2px; font-size: 24px;
}
@media (min-width: 640px) { .fa-item-1-button .icon { top: 42px; }
}
@media (min-width: 960px) { .fa-item-1-button .icon { display: none; }
}
.from-across-definitions { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat 0 0; margin-bottom: 20px; padding: 10px;
}
.from-across-definitions .from-across-definitions-inner { background: #fff; padding: 20px;
}
@media (min-width: 640px) { .from-across-definitions .from-across-definitions-inner { padding: 35px; }
}
@media (min-width: 640px) { .from-across-definitions .from-across-definitions-inner .from-across-definitions-lists { clear: both; overflow: hidden; }
}
.from-across-definitions .from-across-definitions-inner h3 { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word; margin-top: 0;
}
@media (min-width: 640px) { .from-across-definitions .from-across-definitions-inner h3 { font-size: 26px; }
}
@media (min-width: 960px) { .from-across-definitions .from-across-definitions-inner h3 { font-size: 30px; }
}
@media (min-width: 1280px) { .from-across-definitions .from-across-definitions-inner h3 { font-size: 34px; }
}
.from-across-definitions .from-across-definitions-inner h3 span { color: #c6c2bf; display: block;
}
@media (min-width: 640px) { .from-across-definitions .from-across-definitions-inner h3 span { display: inline-block; }
}
.from-across-definitions .from-across-definitions-inner ul { list-style-type: none;
}
@media (min-width: 640px) { .from-across-definitions .from-across-definitions-inner ul { float: left; width: 46%; }
}
@media (min-width: 960px) { .from-across-definitions .from-across-definitions-inner ul { width: 210px; }
}
@media (min-width: 1280px) { .from-across-definitions .from-across-definitions-inner ul { width: 227px; }
}
.from-across-definitions .from-across-definitions-inner li { border-bottom: 1px solid #e3e3e3; font-size: 13px; padding: 15px 0;
}
@media (min-width: 640px) { .from-across-definitions .from-across-definitions-inner li { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
}
@media (min-width: 960px) { .from-across-definitions .from-across-definitions-inner li { font-size: 14px; }
}
.from-across-definitions .from-across-definitions-inner li:first-child { border-top: 1px solid #e3e3e3;
}
.from-across-definitions .fa-defs-list-2 { display: none;
}
@media (min-width: 640px) { .from-across-definitions .fa-defs-list-2 { display: block; margin-left: 7%; }
}
@media (min-width: 960px) { .from-across-definitions .fa-defs-list-2 { margin-left: 40px; }
}
.from-across-definitions .fa-defs-list-3 { display: none;
}
@media (min-width: 960px) { .from-across-definitions .fa-defs-list-3 { display: block; margin-left: 40px; }
}
.from-across-definitions .fa-defs-list-4 { display: none;
}
@media (min-width: 1280px) { .from-across-definitions .fa-defs-list-4 { display: block; margin-left: 40px; }
}
.from-across-definitions .button { display: block; margin-top: 20px; width: 100%;
}
@media (min-width: 640px) { .from-across-definitions .button { margin: 20px auto 0; width: 250px; }
}
@media (min-width: 1280px) { .from-across-definitions .button { width: 550px; }
}
.discussion-header { margin: 10px 0 0 0; position: relative;
}
@media (min-width: 640px) { .discussion-header { margin: 20px 20px 0; }
}
@media (min-width: 960px) { .discussion-header { margin: 55px 0 0; }
}
@media (min-width: 1280px) { .discussion-header { margin-top: 70px; }
}
.discussion-title { font-size: 20px; line-height: 1.1em; letter-spacing: -.02em; color: #323232; margin: 0 20px 10px;
}
@media (min-width: 640px) { .discussion-title { font-size: 30px; margin: 0 23% 20px 20px; }
}
@media (min-width: 960px) { .discussion-title { font-size: 44px; margin: 0 0 5px; padding: 0 170px 30px 0; }
}
@media (min-width: 1280px) { .discussion-title { background: #fff url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; font-size: 50px; padding-bottom: 40px; margin-bottom: 40px; }
}
.discussion-author { padding: 0 0 5px; margin: 0 20px -20px 20px;
}
@media (min-width: 640px) { .discussion-author { background: #fff url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin: 0 20px; padding: 25px 0 0; }
}
@media (min-width: 960px) { .discussion-author { clear: both; overflow: hidden; width: 100%; margin-left: 0; }
}
@media (min-width: 1280px) { .discussion-author { background: none; padding-top: 0; }
}
.discussion-author img { display: none;
}
@media (min-width: 960px) { .discussion-author img { display: block; height: 77px; width: 60px; }
}
.discussion-author .image-resize { display: none;
}
@media (min-width: 960px) { .discussion-author .image-resize { border-radius: 30px; display: block; float: left; height: 60px; margin: 0 15px 0 0; overflow: hidden; padding: 0; width: 60px; }
}
@media (min-width: 960px) { .discussion-author-info { padding-top: 4px; }
}
.discussion-author-byline { color: #a6a6a6; font-size: 13px; line-height: 1.54em;
}
@media (min-width: 640px) { .discussion-author-byline { font-size: 14px; }
}
@media (min-width: 960px) { .discussion-author-byline { font-size: 15px; }
}
.discussion-author-topic { font-size: 16px;
}
@media (min-width: 640px) { .discussion-author-topic { margin: 0; font-size: 18px; }
}
@media (min-width: 960px) { .discussion-author-topic { font-size: 20px; }
}
.join-discussion-wrapper .section-title { background: #fff url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 25px; margin: 20px 0 0;
}
@media (min-width: 640px) { .join-discussion-wrapper .section-title { padding-bottom: 40px; }
}
#discussion .discussion-sidebar { background: none;
}
@media (min-width: 1280px) { #discussion .discussion-sidebar { position: static; top: auto; left: auto; }
}
#magNav div.main-content,
#ezineDetail div.main-content,
#ezineDetailLogin div.main-content,
#ebookChapter div.main-content,
#ebookChapterLogin div.main-content,
#ebookDetail div.main-content,
#ebookDetailLogin div.main-content,
#eproductsNav div.main-content { background: transparent;
}
@media (min-width: 960px) { #magNav div.main-content, #ezineDetail div.main-content, #ezineDetailLogin div.main-content, #ebookChapter div.main-content, #ebookChapterLogin div.main-content, #ebookDetail div.main-content, #ebookDetailLogin div.main-content, #eproductsNav div.main-content { width: 880px; }
}
@media (min-width: 1280px) { #magNav div.main-content, #ezineDetail div.main-content, #ezineDetailLogin div.main-content, #ebookChapter div.main-content, #ebookChapterLogin div.main-content, #ebookDetail div.main-content, #ebookDetailLogin div.main-content, #eproductsNav div.main-content { width: 1200px; }
}
#magNav .content-columns .content-left,
#ezineDetail .content-columns .content-left,
#ezineDetailLogin .content-columns .content-left,
#ebookChapter .content-columns .content-left,
#ebookChapterLogin .content-columns .content-left,
#ebookDetail .content-columns .content-left,
#ebookDetailLogin .content-columns .content-left,
#eproductsNav .content-columns .content-left { display: none;
}
#magNav .content-columns .content-center,
#ezineDetail .content-columns .content-center,
#ezineDetailLogin .content-columns .content-center,
#ebookChapter .content-columns .content-center,
#ebookChapterLogin .content-columns .content-center,
#ebookDetail .content-columns .content-center,
#ebookDetailLogin .content-columns .content-center,
#eproductsNav .content-columns .content-center { background: transparent; margin: -15px 0 0 0; padding: 0; width: auto; min-height: 400px;
}
@media (min-width: 960px) { #magNav .content-columns .content-center, #ezineDetail .content-columns .content-center, #ezineDetailLogin .content-columns .content-center, #ebookChapter .content-columns .content-center, #ebookChapterLogin .content-columns .content-center, #ebookDetail .content-columns .content-center, #ebookDetailLogin .content-columns .content-center, #eproductsNav .content-columns .content-center { float: none; margin: -20px -40px 0; padding: 0 40px; width: 880px; }
}
@media (min-width: 1280px) { #magNav .content-columns .content-center, #ezineDetail .content-columns .content-center, #ezineDetailLogin .content-columns .content-center, #ebookChapter .content-columns .content-center, #ebookChapterLogin .content-columns .content-center, #ebookDetail .content-columns .content-center, #ebookDetailLogin .content-columns .content-center, #eproductsNav .content-columns .content-center { width: 1200px; }
}
#magNav .header-gradient,
#ezineDetail .header-gradient,
#ezineDetailLogin .header-gradient,
#ebookChapter .header-gradient,
#ebookChapterLogin .header-gradient,
#ebookDetail .header-gradient,
#ebookDetailLogin .header-gradient,
#eproductsNav .header-gradient { background: #008bc1; display: block; height: 240px; margin-bottom: -240px; width: 100%;
}
@media (min-width: 960px) { #magNav .header-gradient, #ezineDetail .header-gradient, #ezineDetailLogin .header-gradient, #ebookChapter .header-gradient, #ebookChapterLogin .header-gradient, #ebookDetail .header-gradient, #ebookDetailLogin .header-gradient, #eproductsNav .header-gradient { height: 270px; margin-bottom: -270px; margin-top: 10px; }
}
@media (min-width: 1280px) { #magNav .header-gradient, #ezineDetail .header-gradient, #ezineDetailLogin .header-gradient, #ebookChapter .header-gradient, #ebookChapterLogin .header-gradient, #ebookDetail .header-gradient, #ebookDetailLogin .header-gradient, #eproductsNav .header-gradient { height: 330px; margin-bottom: -330px; }
}
#magNav .actions-bar,
#ezineDetail .actions-bar,
#ezineDetailLogin .actions-bar,
#ebookChapter .actions-bar,
#ebookChapterLogin .actions-bar,
#ebookDetail .actions-bar,
#ebookDetailLogin .actions-bar,
#eproductsNav .actions-bar { left: -20px;
}
.eproducts-header { clear: both; overflow: hidden;
}
@media (min-width: 960px) { .eproducts-header { margin-top: 30px; }
}
.eproducts-title { font-size: 28px; line-height: 0.85em; margin: 0; padding: 10px 0;
}
@media (min-width: 640px) { .eproducts-title { font-size: 34px; }
}
@media (min-width: 960px) { .eproducts-title { font-size: 48px; padding-top: 0; }
}
@media (min-width: 1280px) { .eproducts-title { font-size: 56px; }
}
.eproducts-title span { display: inline-block;
}
.eproducts-title span:nth-of-type(1) { color: #fff; display: block;
}
.eproducts-title span.logo-search { color: #00b9d8;
}
.eproducts-subtitle { color: #fff; display: block; float: none; font-size: 12px; line-height: 1.4em; margin-top: 0;
}
@media (min-width: 1280px) { .eproducts-subtitle { font-size: 14px; }
}
.eproducts-section { background: #fff; clear: both; margin: 40px auto; padding: 0 20px 20px; overflow: hidden;
}
@media (min-width: 640px) { .eproducts-section { padding: 0 40px 50px; }
}
@media (min-width: 1280px) { .eproducts-section { padding-bottom: 40px; }
}
.eproducts-section-headline { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; margin: -10px 0 25px 0;
}
@media (min-width: 1280px) { .eproducts-section-headline { margin-top: -20px; }
}
.eproducts-section-headline p { line-height: 1.25em; margin: 0 0 1.67em 0;
}
.eproducts-title-bar { background-color: #323232; clear: both; margin: 0 -20px 30px; overflow: hidden; padding: 15px;
}
@media (min-width: 640px) { .eproducts-title-bar { margin: 0 -40px 30px; }
}
@media (min-width: 1280px) { .eproducts-title-bar { float: left; margin: 0 0 -5000px -40px; padding-bottom: 5000px; width: 260px; }
}
.eproducts-title-bar h2 { color: #c6c2bf; font-size: 16px; margin: 0;
}
@media (min-width: 640px) { .eproducts-title-bar h2 { font-size: 26px; }
}
@media (min-width: 960px) { .eproducts-title-bar h2 { margin: 10px; font-size: 28px; }
}
@media (min-width: 1280px) { .eproducts-title-bar h2 { font-size: 30px; line-height: 1.0em; }
}
.eproducts-title-bar h2 span { color: #fff;
}
@media (min-width: 1280px) { .eproducts-title-bar h2 span { display: block; }
}
@media (min-width: 1280px) { .eproducts-content-wrapper { float: left; margin-left: 40px; margin-top: 40px; width: 830px; }
}
.eproducts-download { padding: 10px 0 0 35px; position: relative;
}
.eproducts-download .icon { font-size: 32px; position: absolute; left: 0; top: 0;
}
.eproducts-load-more { width: 100%;
}
@media (min-width: 640px) { .eproducts-load-more { font-size: 20px; }
}
@media (min-width: 960px) { .eproducts-load-more { width: 500px; margin-left: 140px; }
}
@media (min-width: 1280px) { .eproducts-load-more { width: 510px; margin-left: 160px; }
}
.eproducts-lp-featured .eproducts-title-bar h2,
.eproducts-lp-topics .eproducts-title-bar h2 { color: #fff;
}
@media (min-width: 640px) { .eproducts-lp-featured .eproducts-title-bar h2, .eproducts-lp-topics .eproducts-title-bar h2 { width: 65%; }
}
@media (min-width: 1280px) { .eproducts-lp-featured .eproducts-title-bar h2, .eproducts-lp-topics .eproducts-title-bar h2 { width: auto; }
}
.eproducts-lp-featured .eproducts-title-bar h2 span,
.eproducts-lp-topics .eproducts-title-bar h2 span { color: #00b9d8;
}
.eproducts-featured-lp-list { list-style-type: none;
}
.eproducts-featured-lp-list .image-resize { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 8px; height: 220px; position: relative; text-align: center;
}
.eproducts-featured-lp-list .image-resize img { bottom: 10px; left: 50%; margin-left: -85px; position: absolute; width: 170px;
}
.eproducts-featured-lp-list h3 { color: #666666; font-size: 11px; margin-bottom: 0; padding-bottom: 0;
}
.eproducts-featured-lp-list h3 span { color: #a6a6a6;
}
.eproducts-featured-lp-list h4 { border-bottom: 1px solid #e3e3e3; margin: 10px 0; padding-bottom: 20px;
}
@media (min-width: 640px) { .eproducts-featured-lp-list h4 { font-size: 16px; }
}
@media (min-width: 1280px) { .eproducts-featured-lp-list h4 { font-size: 18px; }
}
.eproducts-featured-lp-list h4 a:hover { color: #00b3ac;
}
.eproducts-featured-lp-list li { margin-top: 40px;
}
.eproducts-featured-lp-list li:first-child { margin-top: 0;
}
@media (min-width: 640px) { .eproducts-featured-lp-list li { float: left; margin-left: 6%; margin-top: 0; width: 47%; } .eproducts-featured-lp-list li:first-child { margin-left: 0; }
}
@media (min-width: 960px) { .eproducts-featured-lp-list li { width: 240px; margin-left: 40px; }
}
@media (min-width: 1280px) { .eproducts-featured-lp-list li { width: 250px; }
}
.eproducts-featured-lp-list .epf-list-item-3 { display: none;
}
@media (min-width: 960px) { .eproducts-featured-lp-list .epf-list-item-3 { display: block; }
}
.eproducts-lp-topics-list { clear: both; overflow: hidden; list-style-type: none;
}
.eproducts-lp-topics-list .image-resize { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 8px; height: 115px; position: relative; text-align: center;
}
@media (min-width: 640px) { .eproducts-lp-topics-list .image-resize { height: 150px; }
}
@media (min-width: 960px) { .eproducts-lp-topics-list .image-resize { height: 170px; }
}
@media (min-width: 1280px) { .eproducts-lp-topics-list .image-resize { height: 200px; }
}
.eproducts-lp-topics-list .image-resize img { bottom: 10px; left: 50%; margin-left: -40px; position: absolute; width: 80px;
}
@media (min-width: 640px) { .eproducts-lp-topics-list .image-resize img { margin-left: -50px; width: 100px; }
}
@media (min-width: 960px) { .eproducts-lp-topics-list .image-resize img { margin-left: -60px; width: 120px; }
}
@media (min-width: 1280px) { .eproducts-lp-topics-list .image-resize img { margin-left: -70px; width: 140px; }
}
.eproducts-lp-topics-list h3 { border-bottom: 1px solid #e3e3e3; color: #666666; font-size: 11px; padding-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;
}
.eproducts-lp-topics-list h3 span { color: #a6a6a6;
}
.eproducts-lp-topics-list h4 { display: none;
}
@media (min-width: 640px) { .eproducts-lp-topics-list h4 { border-bottom: 1px solid #e3e3e3; display: block; font-size: 14px; line-height: 16px; margin-top: 5px; padding-bottom: 15px; }
}
@media (min-width: 960px) { .eproducts-lp-topics-list h4 { font-size: 15px; }
}
.eproducts-lp-topics-list h4 a:hover { color: #00b3ac;
}
.eproducts-lp-topics-list li { float: left; width: 46%; margin-left: 7%; margin-bottom: 40px;
}
.eproducts-lp-topics-list li:first-child { margin-left: 0;
}
@media (min-width: 640px) { .eproducts-lp-topics-list li { width: 21%; margin-left: 5%; }
}
@media (min-width: 960px) { .eproducts-lp-topics-list li { width: 170px; margin-left: 40px; }
}
@media (min-width: 1280px) { .eproducts-lp-topics-list li { width: 176px; }
}
.eproducts-lp-topics-list .epi-list-item-3 { margin-left: 0;
}
@media (min-width: 640px) { .eproducts-lp-topics-list .epi-list-item-3 { margin-left: 5%; }
}
@media (min-width: 960px) { .eproducts-lp-topics-list .epi-list-item-3 { margin-left: 40px; }
}
.latest-issue-cover { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; margin-bottom: 20px; padding-bottom: 6px; text-align: center;
}
@media (min-width: 640px) { .latest-issue-cover { float: left; width: 40%; }
}
@media (min-width: 960px) { .latest-issue-cover { width: 360px; }
}
.latest-issue-cover img { width: 170px;
}
@media (min-width: 960px) { .latest-issue-cover img { width: 280px; }
}
@media (min-width: 960px) { .latest-issue-cover .share-bar-desktop { margin-top: 40px; width: 200px; }
}
@media (min-width: 1280px) { .latest-issue-cover .share-bar-desktop { width: 280px; }
}
@media (min-width: 640px) { .latest-issue-detail { float: left; margin-left: 7%; width: 53%; }
}
@media (min-width: 960px) { .latest-issue-detail { margin-left: 40px; width: 400px; }
}
.latest-issue-detail h3 { font-size: 20px; line-height: 1.1em;
}
@media (min-width: 640px) { .latest-issue-detail h3 { font-size: 26px; margin: 15px 0 30px; }
}
@media (min-width: 960px) { .latest-issue-detail h3 { font-size: 34px; }
}
@media (min-width: 1280px) { .latest-issue-detail h3 { font-size: 40px; line-height: 1.05em; }
}
.latest-issue-detail ul { border-bottom: 1px solid #e3e3e3; margin-bottom: 15px; padding-left: 20px;
}
.latest-issue-detail ul li { font-size: 13px; margin-bottom: 15px;
}
@media (min-width: 960px) { .latest-issue-detail ul li { font-size: 14px; }
}
.latest-issue-date { color: #666666; font-size: 14px;
}
.latest-issue-list-title { border-top: 1px solid #e3e3e3; color: #666666; display: block; font-size: 13px; margin: 20px 0; padding-top: 20px; width: 100%;
}
.ezine-previous-issues .eproducts-title-bar,
.eproducts-lp-topics .eproducts-title-bar { overflow: visible;
}
.ezine-previous-issues h2,
.eproducts-lp-topics h2 { margin-bottom: 15px;
}
@media (min-width: 640px) { .ezine-previous-issues h2, .eproducts-lp-topics h2 { float: left; margin-bottom: 0; width: 60%; }
}
@media (min-width: 960px) { .ezine-previous-issues h2, .eproducts-lp-topics h2 { margin: 10px; }
}
@media (min-width: 1280px) { .ezine-previous-issues h2, .eproducts-lp-topics h2 { float: none; width: auto; margin-bottom: 20px; }
}
.ezine-previous-issues-menu,
.eproducts-lp-topics-menu { background: #666666; color: #fff; position: relative;
}
@media (min-width: 640px) { .ezine-previous-issues-menu, .eproducts-lp-topics-menu { float: right; width: 30%; }
}
@media (min-width: 960px) { .ezine-previous-issues-menu, .eproducts-lp-topics-menu { margin: 8px; }
}
@media (min-width: 1280px) { .ezine-previous-issues-menu, .eproducts-lp-topics-menu { float: none; width: auto; }
}
.ezine-previous-issues-menu .dropdown-toggle,
.eproducts-lp-topics-menu .dropdown-toggle { cursor: pointer; font-size: 13px; padding: 10px; position: relative;
}
.ezine-previous-issues-menu .dropdown-toggle.selected .icon-arrow-down:before,
.eproducts-lp-topics-menu .dropdown-toggle.selected .icon-arrow-down:before { content: "\33";
}
.ezine-previous-issues-menu .icon,
.eproducts-lp-topics-menu .icon { color: #fff; position: absolute; right: 10px; top: 10px;
}
.ezine-previous-issues-menu .dropdown-menu,
.eproducts-lp-topics-menu .dropdown-menu { display: none; background: #f2f2f2; color: #666666; list-style-type: none; position: absolute; width: 100%; z-index: 9999;
}
.ezine-previous-issues-menu .dropdown-menu li,
.eproducts-lp-topics-menu .dropdown-menu li { font-size: 13px; margin: 15px 10px;
}
.ezine-previous-issues-menu .dropdown-menu li a:hover,
.eproducts-lp-topics-menu .dropdown-menu li a:hover { color: #00b3ac;
}
.eproducts-lp-topics-menu .dropdown-menu { background: #666666; color: #f2f2f2; max-height: 200px; overflow-y: scroll;
}
.eproducts-lp-topics-menu .dropdown-menu li { font-size: 11px;
}
.eproducts-lp-topics-menu .dropdown-menu li a { color: #c6c2bf;
}
.eproducts-lp-topics-menu .dropdown-menu li a:hover { color: #fff; text-decoration: underline;
}
.eproducts-lp-topics-menu-help { display: none; font-size: 13px; line-height: 1.25em; color: #a6a6a6; margin: 20px 10px;
}
@media (min-width: 1280px) { .eproducts-lp-topics-menu-help { display: block; }
}
.ezine-previous-issues-list { clear: both; overflow: hidden; list-style-type: none;
}
.ezine-previous-issues-list .image-resize { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 8px; height: 115px; position: relative; text-align: center;
}
@media (min-width: 640px) { .ezine-previous-issues-list .image-resize { height: 150px; }
}
@media (min-width: 960px) { .ezine-previous-issues-list .image-resize { height: 170px; }
}
@media (min-width: 1280px) { .ezine-previous-issues-list .image-resize { height: 183px; }
}
.ezine-previous-issues-list .image-resize img { bottom: 10px; left: 50%; margin-left: -40px; position: absolute; width: 80px;
}
@media (min-width: 640px) { .ezine-previous-issues-list .image-resize img { margin-left: -50px; width: 100px; }
}
@media (min-width: 960px) { .ezine-previous-issues-list .image-resize img { margin-left: -60px; width: 120px; }
}
@media (min-width: 1280px) { .ezine-previous-issues-list .image-resize img { margin-left: -70px; width: 140px; }
}
.ezine-previous-issues-list h3 { border-bottom: 1px solid #e3e3e3; color: #666666; font-size: 11px; padding-bottom: 15px;
}
.ezine-previous-issues-list h3 span { color: #a6a6a6;
}
.ezine-previous-issues-list .ezine-from { border: 0; padding-bottom: 0;
}
@media (min-width: 640px) { .ezine-previous-issues-list .ezine-from { display: inline-block; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; width: 100%; }
}
.ezine-previous-issues-list .ezine-from a { display: inline-block; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; width: 100%;
}
@media (min-width: 640px) { .ezine-previous-issues-list .ezine-from a { display: inline; width: auto; }
}
.ezine-previous-issues-list h4 { display: none;
}
@media (min-width: 640px) { .ezine-previous-issues-list h4 { border-bottom: 1px solid #e3e3e3; display: block; font-size: 14px; line-height: 16px; margin-top: 5px; padding-bottom: 15px; }
}
@media (min-width: 960px) { .ezine-previous-issues-list h4 { font-size: 15px; }
}
.ezine-previous-issues-list h4 a:hover { color: #00b3ac;
}
.ezine-previous-issues-list li { float: left; width: 46%; margin-left: 7%; margin-bottom: 40px;
}
.ezine-previous-issues-list li:first-child { margin-left: 0;
}
@media (min-width: 640px) { .ezine-previous-issues-list li { width: 21%; margin-left: 5%; }
}
@media (min-width: 960px) { .ezine-previous-issues-list li { width: 170px; margin-left: 40px; }
}
@media (min-width: 1280px) { .ezine-previous-issues-list li { width: 176px; }
}
.ezine-previous-issues-list .epi-list-item-3 { margin-left: 0;
}
@media (min-width: 640px) { .ezine-previous-issues-list .epi-list-item-3 { margin-left: 5%; }
}
@media (min-width: 960px) { .ezine-previous-issues-list .epi-list-item-3 { margin-left: 40px; }
}
@media (min-width: 640px) { .ezine-all-issues .eproducts-title-bar h2 { float: left; }
}
.ezine-all-issues .eproducts-title-bar a { font-size: 14px; padding-right: 22px; position: relative;
}
@media (min-width: 640px) { .ezine-all-issues .eproducts-title-bar a { font-size: 15x; float: right; top: 10px; }
}
@media (min-width: 960px) { .ezine-all-issues .eproducts-title-bar a { display: none; }
}
.ezine-all-issues .eproducts-title-bar a .icon { font-size: 18px; position: absolute; right: 0; top: 0;
}
@media (min-width: 640px) { .ezine-all-issues .eproducts-title-bar a .icon { font-size: 20px; }
}
.ezine-all-issues .ezine-all-issues-lists ul { list-style-type: none;
}
@media (min-width: 640px) { .ezine-all-issues .ezine-all-issues-lists ul { float: left; width: 46%; }
}
@media (min-width: 960px) { .ezine-all-issues .ezine-all-issues-lists ul { width: 240px; }
}
@media (min-width: 1280px) { .ezine-all-issues .ezine-all-issues-lists ul { width: 227px; }
}
.ezine-all-issues .ezine-all-issues-lists li { border-top: 1px solid #e3e3e3; font-size: 13px; padding: 15px 0;
}
@media (min-width: 640px) { .ezine-all-issues .ezine-all-issues-lists li { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
}
@media (min-width: 960px) { .ezine-all-issues .ezine-all-issues-lists li { font-size: 14px; }
}
.ezine-all-issues .ezine-all-issues-lists .ezine-all-issues-list-2 { display: none;
}
@media (min-width: 640px) { .ezine-all-issues .ezine-all-issues-lists .ezine-all-issues-list-2 { display: block; margin-left: 7%; }
}
@media (min-width: 960px) { .ezine-all-issues .ezine-all-issues-lists .ezine-all-issues-list-2 { margin-left: 40px; }
}
.ezine-all-issues .ezine-all-issues-lists .ezine-all-issues-list-3 { display: none;
}
@media (min-width: 960px) { .ezine-all-issues .ezine-all-issues-lists .ezine-all-issues-list-3 { display: block; margin-left: 40px; }
}
.issue-detail .latest-issue-detail { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; margin: 15px 0 20px 0; padding-bottom: 10px;
}
@media (min-width: 640px) { .issue-detail .latest-issue-detail { float: none; margin-top: 40px; width: 100%; }
}
.issue-detail .latest-issue-cover { background: none; height: auto; margin-bottom: 0; padding-bottom: 0;
}
@media (min-width: 640px) { .issue-detail .latest-issue-cover { float: left; margin: 15px 30px 20px 0; width: 170px; }
}
@media (min-width: 960px) { .issue-detail .latest-issue-cover { width: 200px; }
}
@media (min-width: 1280px) { .issue-detail .latest-issue-cover { width: 280px; }
}
@media (min-width: 960px) { .issue-detail .latest-issue-cover img { width: 200px; }
}
@media (min-width: 1280px) { .issue-detail .latest-issue-cover img { width: 280px; }
}
.issue-detail .latest-issue-cover .eproducts-download .icon { left: 25px;
}
@media (min-width: 960px) { .issue-detail .latest-issue-cover .eproducts-download .icon { left: 40px; }
}
@media (min-width: 1280px) { .issue-detail .latest-issue-cover .eproducts-download .icon { left: 80px; }
}
.issue-detail .ehandbook-sponsor img { width: auto;
}
.issue-detail .eproducts-download { background-color: #008bc1; color: #fff; display: block; margin: 0 auto; padding: 15px 0 15px 20px; text-align: center; top: -3px; width: 150px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s;
}
@media (min-width: 960px) { .issue-detail .eproducts-download { width: 180px; }
}
@media (min-width: 1280px) { .issue-detail .eproducts-download { width: 260px; }
}
.issue-detail .eproducts-download:hover { background: #005272;
}
.issue-detail .eproducts-download .icon { left: 25px; top: 7px;
}
.issue-detail .latest-issue-summary .eproducts-download { box-sizing: border-box; width: 220px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s;
}
@media (min-width: 960px) { .issue-detail .latest-issue-summary .eproducts-download { display: inline-block; margin: 0; }
}
.issue-detail .latest-issue-summary .eproducts-download.align-left { margin: 0;
}
.issue-detail .latest-issue-summary .eproducts-download:hover { background: #005272;
}
.issue-detail .latest-issue-summary .eproducts-download .icon { left: 50px;
}
.issue-detail .eproducts-registration-form .eproducts-download { margin-top: 15px; box-sizing: border-box; width: 220px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s;
}
@media (min-width: 960px) { .issue-detail .eproducts-registration-form .eproducts-download { display: inline-block; margin: 0; }
}
.issue-detail .eproducts-registration-form .eproducts-download:hover { background: #005272;
}
.issue-detail .eproducts-registration-form .eproducts-download .icon { left: 50px;
}
@media (min-width: 640px) { .issue-detail .eproducts-registration-form .eproducts-download .icon { left: 25%; }
}
@media (min-width: 640px) { .issue-detail .eproducts-registration-form .eproducts-download { display: inline-block; margin-left: 4%; margin-top: 0; padding: 12px 0 13px 20px; width: 48%; }
}
@media (min-width: 960px) { .issue-detail .eproducts-registration-form .eproducts-download { display: block; margin-left: 0; width: 100%; }
}
.issue-detail .eproducts-registration-form #downloadEzineErrContainer p { margin: 5px 0; color: red; font-size: 12px;
}
.issue-detail .eproducts-registration-form .error { border: 1px solid red;
}
.issue-detail .eproducts-registration-form input[type=submit].eproducts-download { background: #008bc1 url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/iconDownload.png?yocs=1_&yoloc=eu) no-repeat 67px 50%; border: 0;
}
.ezine-article-tagline { font-size: 12px; margin: 10px auto; width: 170px;
}
@media (min-width: 640px) { .ezine-article-tagline { width: auto; }
}
.issue-contents { margin-top: -60px;
}
@media (min-width: 640px) { .issue-contents { margin-top: -90px; }
}
.latest-issue-features,
.latest-issue-columns,
.latest-issue-news { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; clear: both; margin-top: 40px; padding-top: 10px;
}
.latest-issue-features > ul,
.latest-issue-columns > ul,
.latest-issue-news > ul { list-style-type: none;
}
@media (min-width: 640px) { .latest-issue-features > ul, .latest-issue-columns > ul, .latest-issue-news > ul { clear: both; overflow: hidden; }
}
@media (min-width: 1280px) { .latest-issue-features > ul, .latest-issue-columns > ul, .latest-issue-news > ul { clear: none; float: left; margin: 0 0 0 320px; overflow: visible; }
}
@media (min-width: 640px) { .latest-issue-features .first-row, .latest-issue-columns .first-row, .latest-issue-news .first-row { margin-bottom: 30px; }
}
@media (min-width: 1280px) { .latest-issue-features .first-row, .latest-issue-columns .first-row, .latest-issue-news .first-row { margin-left: 0; margin-top: 30px; }
}
.latest-issue-features h3,
.latest-issue-columns h3,
.latest-issue-news h3 { color: #c6c2bf; font-size: 20px; margin: 15px 0 30px;
}
@media (min-width: 640px) { .latest-issue-features h3, .latest-issue-columns h3, .latest-issue-news h3 { font-size: 24px; margin: 30px 0; }
}
@media (min-width: 960px) { .latest-issue-features h3, .latest-issue-columns h3, .latest-issue-news h3 { font-size: 26px; }
}
@media (min-width: 1280px) { .latest-issue-features h3, .latest-issue-columns h3, .latest-issue-news h3 { float: left; font-size: 32px; line-height: 28px; width: 320px; }
}
.latest-issue-features h3 span,
.latest-issue-columns h3 span,
.latest-issue-news h3 span { color: #323232;
}
@media (min-width: 1280px) { .latest-issue-features h3 span, .latest-issue-columns h3 span, .latest-issue-news h3 span { display: block; }
}
@media (min-width: 640px) { .issue-features-section, .issue-columns-section, .issue-news-section { float: left; margin-left: 6%; width: 47%; }
}
@media (min-width: 960px) { .issue-features-section, .issue-columns-section, .issue-news-section { margin-left: 40px; width: 240px; }
}
.issue-features-section:first-child,
.issue-columns-section:first-child,
.issue-news-section:first-child { margin-left: 0;
}
.issue-features-section h4,
.issue-columns-section h4,
.issue-news-section h4 { border-bottom: 1px solid #e3e3e3; font-size: 18px; margin-bottom: 15px; padding-bottom: 15px;
}
@media (min-width: 640px) { .issue-features-section h4, .issue-columns-section h4, .issue-news-section h4 { margin-top: 0; }
}
@media (min-width: 960px) { .issue-features-section h4, .issue-columns-section h4, .issue-news-section h4 { font-size: 20px; }
}
@media (min-width: 1280px) { .issue-features-section h4, .issue-columns-section h4, .issue-news-section h4 { font-size: 22px; }
}
.issue-features-section h4 a:hover,
.issue-columns-section h4 a:hover,
.issue-news-section h4 a:hover { color: #00b3ac;
}
.issue-features-section .issue-author,
.issue-columns-section .issue-author,
.issue-news-section .issue-author { display: block; font-size: 12px; margin-bottom: -15px;
}
.issue-features-section.hide-at-mobile,
.issue-columns-section.hide-at-mobile,
.issue-news-section.hide-at-mobile { display: none;
}
@media (min-width: 960px) { .issue-features-section.hide-at-mobile, .issue-columns-section.hide-at-mobile, .issue-news-section.hide-at-mobile { display: block; }
}
.issue-features-section p,
.issue-columns-section p,
.issue-news-section p { font-size: 13px;
}
.latest-issue-more { display: none; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 60px; padding-top: 10px; position: relative; text-align: center;
}
@media (min-width: 640px) { .latest-issue-more { display: block; }
}
@media (min-width: 1280px) { .latest-issue-more { height: 30px; padding-top: 25px; }
}
.latest-issue-more a { display: inline-block; font-size: 15px;
}
.latest-issue-more a:first-child { margin-left: 0;
}
.latest-issue-more a.prev-issue { position: absolute; left: 0;
}
.latest-issue-more a.view-archives { font-size: 12px; margin-left: 28px; position: relative; top: 20px; max-width: 44%;
}
@media (min-width: 960px) { .latest-issue-more a.view-archives { font-size: 13px; max-width: 500px; }
}
@media (min-width: 1280px) { .latest-issue-more a.view-archives { max-width: 800px; }
}
.latest-issue-more a.next-issue { position: absolute; right: 0;
}
.latest-issue-more a .icon { font-size: 35px; position: relative; top: 10px;
}
.ezine-more-downloads.related-ebooks .eproducts-title-bar h2 span { color: #c6c2bf;
}
.ezine-more-downloads.related-ebooks .ezine-previous-issues-list h3 { border: 0; padding-bottom: 0;
}
.ezine-more-downloads .eproducts-title-bar h2 { color: #fff;
}
@media (min-width: 640px) { .ezine-more-downloads .eproducts-title-bar h2 { float: left; }
}
@media (min-width: 1280px) { .ezine-more-downloads .eproducts-title-bar h2 { width: auto; }
}
.ezine-more-downloads .eproducts-title-bar h2 span { color: #00b9d8;
}
@media (min-width: 640px) { .ezine-more-downloads .eproducts-title-bar a { float: right; position: relative; top: 10px; }
}
@media (min-width: 1280px) { .ezine-more-downloads .eproducts-title-bar a { float: none; margin-left: 10px; top: 20px; display: inline-block; }
}
@media (min-width: 960px) { .ezine-more-downloads.show-three .ezine-previous-issues-list li { width: 240px; }
}
@media (min-width: 1280px) { .ezine-more-downloads.show-three .ezine-previous-issues-list li { width: 250px; }
}
.ezine-more-downloads.show-three .ezine-previous-issues-list .epi-list-item-4 { display: block;
}
@media (min-width: 640px) { .ezine-more-downloads.show-three .ezine-previous-issues-list .epi-list-item-4 { display: none; }
}
.ezine-more-downloads .ezine-previous-issues-list li { float: left; width: 46%; margin-left: 7%; margin-bottom: 40px;
}
.ezine-more-downloads .ezine-previous-issues-list li:first-child { margin-left: 0;
}
@media (min-width: 640px) { .ezine-more-downloads .ezine-previous-issues-list li { width: 30%; margin-left: 5%; }
}
@media (min-width: 960px) { .ezine-more-downloads .ezine-previous-issues-list li { width: 170px; margin-left: 40px; }
}
@media (min-width: 1280px) { .ezine-more-downloads .ezine-previous-issues-list li { width: 176px; }
}
.ezine-more-downloads .ezine-previous-issues-list .epi-list-item-3 { margin-left: 0;
}
@media (min-width: 640px) { .ezine-more-downloads .ezine-previous-issues-list .epi-list-item-3 { margin-left: 5%; }
}
@media (min-width: 960px) { .ezine-more-downloads .ezine-previous-issues-list .epi-list-item-3 { margin-left: 40px; }
}
.ezine-more-downloads .ezine-previous-issues-list .epi-list-item-4 { display: block;
}
@media (min-width: 640px) { .ezine-more-downloads .ezine-previous-issues-list .epi-list-item-4 { display: none; }
}
@media (min-width: 960px) { .ezine-more-downloads .ezine-previous-issues-list .epi-list-item-4 { display: block; }
}
.ezine-pro-plus .eproducts-title-bar h2 { color: #fff;
}
@media (min-width: 640px) { .ezine-pro-plus .eproducts-title-bar h2 { float: left; }
}
@media (min-width: 1280px) { .ezine-pro-plus .eproducts-title-bar h2 { width: 100%; }
}
.ezine-pro-plus .eproducts-title-bar h2 span { color: #00b9d8;
}
@media (min-width: 640px) { .ezine-pro-plus .eproducts-title-bar a { float: right; position: relative; top: 10px; }
}
@media (min-width: 1280px) { .ezine-pro-plus .eproducts-title-bar a { float: none; margin-left: 10px; top: 20px; }
}
.ezine-pro-plus-list { list-style-type: none;
}
.ezine-pro-plus-list > li > p { display: none;
}
@media (min-width: 640px) { .ezine-pro-plus-list > li > p { display: block; }
}
.ezine-pro-plus-list li { float: left; margin-left: 6%; width: 47%;
}
.ezine-pro-plus-list li:first-child { margin-left: 0;
}
.ezine-pro-plus-list .image-resize { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 8px; height: 115px; position: relative; text-align: center;
}
@media (min-width: 640px) { .ezine-pro-plus-list .image-resize { height: 220px; }
}
.ezine-pro-plus-list .image-resize img { bottom: 10px; left: 50%; margin-left: -40px; position: absolute; width: 80px;
}
@media (min-width: 640px) { .ezine-pro-plus-list .image-resize img { margin-left: -85px; width: 170px; }
}
.ezine-pro-plus-list h3 { border-bottom: 1px solid #e3e3e3; font-size: 14px; margin: 10px 0; padding-bottom: 15px;
}
@media (min-width: 640px) { .ezine-pro-plus-list h3 { border: 0; padding-bottom: 0; }
}
@media (min-width: 960px) { .ezine-pro-plus-list h3 { font-size: 16px; }
}
@media (min-width: 1280px) { .ezine-pro-plus-list h3 { font-size: 18px; }
}
.ezine-pro-plus-list h3 a:hover { color: #00b3ac;
}
.ezine-pro-plus-list p { border-bottom: 1px solid #e3e3e3; font-size: 14px; line-height: 1.3em; margin: 10px 0 20px; padding-bottom: 20px;
}
@media (min-width: 960px) { .ezine-pro-plus-list p { font-size: 17px; }
}
@media (min-width: 1280px) { .ezine-pro-plus-list p { font-size: 18px; }
}
#ezineDetailLogin .issue-detail-wrapper,
#ebookChapterLogin .issue-detail-wrapper,
#ebookDetailLogin .issue-detail-wrapper { margin-bottom: 40px;
}
@media (min-width: 960px) { #ezineDetailLogin .issue-detail-wrapper, #ebookChapterLogin .issue-detail-wrapper, #ebookDetailLogin .issue-detail-wrapper { float: left; margin-right: 40px; width: 510px; }
}
@media (min-width: 1280px) { #ezineDetailLogin .issue-detail-wrapper, #ebookChapterLogin .issue-detail-wrapper, #ebookDetailLogin .issue-detail-wrapper { width: 830px; }
}
@media (min-width: 960px) { .eproducts-registration { float: left; margin-top: 40px; width: 250px; }
}
.eproducts-registration .eproducts-title-bar { height: 40px; margin: 0; overflow: hidden;
}
@media (min-width: 960px) { .eproducts-registration .eproducts-title-bar { height: 150px; }
}
@media (min-width: 1280px) { .eproducts-registration .eproducts-title-bar { float: none; padding-bottom: 0; width: auto; }
}
.eproducts-registration .eproducts-title-bar h2 { color: #fff; float: left; width: 70%;
}
@media (min-width: 640px) { .eproducts-registration .eproducts-title-bar h2 { font-size: 23px; padding-top: 5px; width: 83%; }
}
@media (min-width: 960px) { .eproducts-registration .eproducts-title-bar h2 { line-height: 1.0em; margin-top: 0; text-align: center; width: auto; }
}
.eproducts-registration .eproducts-title-bar h2 span { color: #00b9d8;
}
.eproducts-registration .eproducts-title-bar .title-bar-cover { float: right; padding: 0 10px; width: 20%;
}
@media (min-width: 640px) { .eproducts-registration .eproducts-title-bar .title-bar-cover { width: 12%; }
}
@media (min-width: 960px) { .eproducts-registration .eproducts-title-bar .title-bar-cover { float: none; text-align: center; width: auto; }
}
.eproducts-registration .eproducts-title-bar .title-bar-cover img { width: 55px;
}
@media (min-width: 960px) { .eproducts-registration .eproducts-title-bar .title-bar-cover img { width: 120px; }
}
.eproducts-registration .eproducts-login { background-color: #008bc1; box-sizing: border-box; color: #fff; display: block; font-size: 13px; margin: 1px 0 0; padding: 15px 0; text-align: center; width: 100%; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0; border-radius: 0 0 3px 3px; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s;
}
@media (min-width: 640px) { .eproducts-registration .eproducts-login { border-radius: 0; padding-left: 20px; text-align: left; }
}
.eproducts-registration .eproducts-login:hover { background: #005272;
}
.eproducts-registration .eproducts-login span { text-decoration: underline;
}
.eproducts-registration .privacy-policy,
.eproducts-registration .declarationOfConsent { border-bottom: 1px solid #e3e3e3; font-size: 11px; padding-bottom: 15px;
}
.eproducts-registration-form { margin: 25px 0 15px;
}
.eproducts-registration-form .eproducts-registration-textfield { margin: 0 0 10px 0; padding: 12px 0 13px 10px; width: 100%; color: #a6a6a6; background: #f2f2f2; border: 1px solid #e3e3e3; font-size: 13px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
@media (min-width: 640px) { .eproducts-registration-form .eproducts-registration-textfield { float: left; margin-left: 4%; margin-bottom: 20px; width: 48%; }
}
@media (min-width: 960px) { .eproducts-registration-form .eproducts-registration-textfield { float: none; margin-bottom: 10px; margin-left: 0; width: 100%; }
}
@media (min-width: 640px) { .eproducts-registration-form .eproducts-registration-textfield.email, .eproducts-registration-form .eproducts-registration-textfield.last-name, .eproducts-registration-form .eproducts-registration-textfield.company { margin-left: 0; }
}
.ehandbook-sponsor { margin-bottom: 30px;
}
.ehandbook-sponsor img { margin: 10px 0 5px; width: auto;
}
.ehandbook-sponsor p { font-size: 13px; margin: 0;
}
@media (min-width: 1280px) { .ehandbook-summary, .ebook-summary { width: auto; margin-left: 310px; }
}
.ehandbook-toc { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; clear: both; padding-top: 15px;
}
@media (min-width: 1280px) { .ehandbook-toc { clear: none; }
}
.ehandbook-toc h4 { border-bottom: 1px solid #e3e3e3; font-size: 13px; margin-top: 0; padding: 10px 0;
}
@media (min-width: 640px) { .ehandbook-toc h4 { font-size: 14px; }
}
.ehandbook-toc ul { margin: 0 0 30px 20px;
}
.ehandbook-toc li { font-size: 13px; margin-bottom: 15px;
}
.ebook-about-author,
.ebook-chapters-available { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; clear: both; padding-top: 15px;
}
@media (min-width: 1280px) { .ebook-about-author, .ebook-chapters-available { clear: none; }
}
.ebook-about-author h4,
.ebook-chapters-available h4 { border-bottom: 1px solid #e3e3e3; font-size: 13px; margin-top: 0; padding: 10px 0;
}
@media (min-width: 640px) { .ebook-about-author h4, .ebook-chapters-available h4 { font-size: 14px; }
}
.ebook-about-author { margin-bottom: 30px;
}
.ebook-about-author > a { margin-bottom: 5px;
}
.ebook-about-author p { margin: 0;
}
.ebook-chapters-available ul { list-style: none;
}
.ebook-chapters-available li { border-top: 1px solid #e3e3e3; padding-left: 40px; padding-top: 15px; position: relative;
}
.ebook-chapters-available li:first-child { border-top: 0; padding-top: 0;
}
.ebook-chapters-available li:first-child > .icon { top: -10px;
}
.ebook-chapters-available li > .icon { position: absolute; top: 5px; left: -17px; font-size: 54px; color: #008bc1;
}
.ebook-chapters-available li h3 { margin: 0 0 5px 0;
}
.ebook-chapters-available li h3 a { color: #323232;
}
.ebook-chapters-available li h3 a:hover { color: #00b3ac;
}
.ebook-chapters-available li p { font-size: 13px; margin: 0 0 15px 0;
}
.ebook-summary .ebook-chapters-available .eproducts-download { background: none; border-top: 1px solid #e3e3e3; color: #008bc1; padding-left: 45px; text-align: left; width: auto; -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s;
}
@media (min-width: 960px) { .ebook-summary .ebook-chapters-available .eproducts-download { width: 100%; }
}
.ebook-summary .ebook-chapters-available .eproducts-download:hover { background: none; color: #005272;
}
.ebook-summary .ebook-chapters-available .eproducts-download:hover .icon { color: #005272;
}
.ebook-summary .ebook-chapters-available .eproducts-download .icon { -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; color: #008bc1; left: 0; top: 0; font-size: 42px;
}
.chapter-included { background: #e3e3e3; margin-top: 35px; overflow: hidden; padding: 20px;
}
@media (min-width: 640px) { .chapter-included { margin-left: 200px; }
}
@media (min-width: 960px) { .chapter-included { margin-left: 230px; }
}
@media (min-width: 1280px) { .chapter-included { margin-left: 0; }
}
.chapter-included p { font-size: 14px; margin: 0;
}
@media (min-width: 640px) { .chapter-included p { font-size: 15px; }
}
@media (min-width: 960px) { .chapter-included p { font-size: 16px; }
}
.eproducts-fulfillment { display: none; margin: 20px 0;
}
@media (min-width: 960px) { .eproducts-fulfillment { border-left: 40px solid #fff; float: right; margin: 0 0 40px 0; }
}
.eproducts-fulfillment > span { background-color: #e3e3e3; color: #323232; display: block; font-size: 16px; padding: 15px 20px; text-align: center;
}
@media (min-width: 960px) { .eproducts-fulfillment > span { font-size: 18px; }
}
.eproducts-fulfillment h5 { background-color: #000; color: #fff; font-size: 20px; margin: 0; padding: 10px 20px; text-align: center;
}
@media (min-width: 960px) { .eproducts-fulfillment h5 { font-size: 24px; }
}
.eproducts-fulfillment h5 span { color: #00b9d8; display: block;
}
@media (min-width: 640px) { .eproducts-fulfillment h5 span { display: inline-block; }
}
@media (min-width: 960px) { .eproducts-fulfillment h5 span { display: block; }
}
.ebook-all-issues .eproducts-title-bar h2 { color: #fff;
}
.ebook-all-issues .eproducts-title-bar h2 span { color: #c6c2bf;
}
.ebook-all-issues-list-1,
.ebook-all-issues-list-2,
.ebook-all-issues-list-3 { list-style-type: none; margin-bottom: 40px;
}
@media (min-width: 640px) { .ebook-all-issues-list-1, .ebook-all-issues-list-2, .ebook-all-issues-list-3 { float: left; margin-left: 6%; margin-bottom: 0; padding-bottom: 70px; width: 47%; }
}
@media (min-width: 960px) { .ebook-all-issues-list-1, .ebook-all-issues-list-2, .ebook-all-issues-list-3 { margin-left: 40px; width: 240px; }
}
@media (min-width: 1280px) { .ebook-all-issues-list-1, .ebook-all-issues-list-2, .ebook-all-issues-list-3 { width: 250px; }
}
.ebook-all-issues-list-1 h3,
.ebook-all-issues-list-2 h3,
.ebook-all-issues-list-3 h3 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; color: #00b3ac; font-size: 16px; margin: 0 0 10px 0; padding: 0 0 30px 0; display: block; overflow: hidden; text-overflow: ellipsis; width: 100%;
}
.ebook-all-issues-list-1 .button,
.ebook-all-issues-list-2 .button,
.ebook-all-issues-list-3 .button { display: block; position: relative; width: 100%;
}
@media (min-width: 640px) { .ebook-all-issues-list-1 .button, .ebook-all-issues-list-2 .button, .ebook-all-issues-list-3 .button { position: absolute; }
}
.ebook-all-issues-list-1 { margin-left: 0;
}
.ebook-all-issues-list-2 { margin-bottom: 5px;
}
.ebook-all-issues-list-3 { display: none;
}
@media (min-width: 960px) { .ebook-all-issues-list-3 { display: block; }
}
.ebook-all-issues-list-links { list-style-type: none;
}
.ebook-all-issues-list-links li { border-bottom: 1px solid #e3e3e3;
}
.ebook-all-issues-list-links li:nth-child(5) { border: 0;
}
.ebook-all-issues-list-links li h4 { font-size: 14px; margin-top: 15px; min-height: 35px; padding-left: 35px; position: relative;
}
@media (min-width: 640px) { .ebook-all-issues-list-links li h4 { font-size: 15px; min-height: 30px; }
}
@media (min-width: 960px) { .ebook-all-issues-list-links li h4 { font-size: 16px; }
}
.ebook-all-issues-list-links li h4 .icon { color: #00b3ac; font-size: 50px; position: absolute; top: -10px; left: -16px;
}
.ebook-all-issues-list-links li h4 a:hover { color: #00b3ac;
}
#ebookDetail .actions-bar-item.actions-bar-resources,
#ebookDetailLogin .actions-bar-item.actions-bar-resources,
#ezineDetail .actions-bar-item.actions-bar-resources,
#ezineDetailLogin .actions-bar-item.actions-bar-resources,
#ebookChapter .actions-bar-item.actions-bar-resources,
#ebookChapterLogin .actions-bar-item.actions-bar-resources { display: none;
}
#ebookDetail .share-bar-desktop,
#ebookDetailLogin .share-bar-desktop,
#ezineDetail .share-bar-desktop,
#ezineDetailLogin .share-bar-desktop,
#ebookChapter .share-bar-desktop,
#ebookChapterLogin .share-bar-desktop { display: none; float: none; margin-right: 0; width: 30px; margin-left: 0;
}
#ebookDetail .share-bar-desktop.fixed,
#ebookDetailLogin .share-bar-desktop.fixed,
#ezineDetail .share-bar-desktop.fixed,
#ezineDetailLogin .share-bar-desktop.fixed,
#ebookChapter .share-bar-desktop.fixed,
#ebookChapterLogin .share-bar-desktop.fixed { position: fixed; top: 180px;
}
@media (min-width: 640px) { #ebookDetail .share-bar-desktop, #ebookDetailLogin .share-bar-desktop, #ezineDetail .share-bar-desktop, #ezineDetailLogin .share-bar-desktop, #ebookChapter .share-bar-desktop, #ebookChapterLogin .share-bar-desktop { width: 40px; }
}
@media (min-width: 960px) { #ebookDetail .share-bar-desktop, #ebookDetailLogin .share-bar-desktop, #ezineDetail .share-bar-desktop, #ezineDetailLogin .share-bar-desktop, #ebookChapter .share-bar-desktop, #ebookChapterLogin .share-bar-desktop { margin-left: -65px; display: block; background: none; padding: 0; position: absolute; top: 60px; width: 50px; }
}
#ebookDetail .share-bar-desktop .share-bar-item-desktop,
#ebookDetailLogin .share-bar-desktop .share-bar-item-desktop,
#ezineDetail .share-bar-desktop .share-bar-item-desktop,
#ezineDetailLogin .share-bar-desktop .share-bar-item-desktop,
#ebookChapter .share-bar-desktop .share-bar-item-desktop,
#ebookChapterLogin .share-bar-desktop .share-bar-item-desktop { display: block; text-align: center;
}
#ebookDetail .share-bar-desktop .share-bar-item-desktop.socialMedia-facebook,
#ebookDetailLogin .share-bar-desktop .share-bar-item-desktop.socialMedia-facebook,
#ezineDetail .share-bar-desktop .share-bar-item-desktop.socialMedia-facebook,
#ezineDetailLogin .share-bar-desktop .share-bar-item-desktop.socialMedia-facebook,
#ebookChapter .share-bar-desktop .share-bar-item-desktop.socialMedia-facebook,
#ebookChapterLogin .share-bar-desktop .share-bar-item-desktop.socialMedia-facebook { background-color: #3b5998;
}
#ebookDetail .share-bar-desktop .share-bar-item-desktop.socialMedia-twitter,
#ebookDetailLogin .share-bar-desktop .share-bar-item-desktop.socialMedia-twitter,
#ezineDetail .share-bar-desktop .share-bar-item-desktop.socialMedia-twitter,
#ezineDetailLogin .share-bar-desktop .share-bar-item-desktop.socialMedia-twitter,
#ebookChapter .share-bar-desktop .share-bar-item-desktop.socialMedia-twitter,
#ebookChapterLogin .share-bar-desktop .share-bar-item-desktop.socialMedia-twitter { background-color: #55acee;
}
#ebookDetail .share-bar-desktop .share-bar-item-desktop.socialMedia-google,
#ebookDetailLogin .share-bar-desktop .share-bar-item-desktop.socialMedia-google,
#ezineDetail .share-bar-desktop .share-bar-item-desktop.socialMedia-google,
#ezineDetailLogin .share-bar-desktop .share-bar-item-desktop.socialMedia-google,
#ebookChapter .share-bar-desktop .share-bar-item-desktop.socialMedia-google,
#ebookChapterLogin .share-bar-desktop .share-bar-item-desktop.socialMedia-google { background-color: #db4437;
}
#ebookDetail .share-bar-desktop .share-bar-item-desktop.socialMedia-linkedin,
#ebookDetailLogin .share-bar-desktop .share-bar-item-desktop.socialMedia-linkedin,
#ezineDetail .share-bar-desktop .share-bar-item-desktop.socialMedia-linkedin,
#ezineDetailLogin .share-bar-desktop .share-bar-item-desktop.socialMedia-linkedin,
#ebookChapter .share-bar-desktop .share-bar-item-desktop.socialMedia-linkedin,
#ebookChapterLogin .share-bar-desktop .share-bar-item-desktop.socialMedia-linkedin { background-color: #0077b5;
}
#ebookDetail .share-bar-desktop .share-bar-item-desktop.socialMedia-xing,
#ebookDetailLogin .share-bar-desktop .share-bar-item-desktop.socialMedia-xing,
#ezineDetail .share-bar-desktop .share-bar-item-desktop.socialMedia-xing,
#ezineDetailLogin .share-bar-desktop .share-bar-item-desktop.socialMedia-xing,
#ebookChapter .share-bar-desktop .share-bar-item-desktop.socialMedia-xing,
#ebookChapterLogin .share-bar-desktop .share-bar-item-desktop.socialMedia-xing { background-color: #1a7576;
}
#ebookDetail .share-bar-desktop .share-bar-item-desktop.contentTools-print, #ebookDetail .share-bar-desktop .share-bar-item-desktop.contentTools-email,
#ebookDetailLogin .share-bar-desktop .share-bar-item-desktop.contentTools-print,
#ebookDetailLogin .share-bar-desktop .share-bar-item-desktop.contentTools-email,
#ezineDetail .share-bar-desktop .share-bar-item-desktop.contentTools-print,
#ezineDetail .share-bar-desktop .share-bar-item-desktop.contentTools-email,
#ezineDetailLogin .share-bar-desktop .share-bar-item-desktop.contentTools-print,
#ezineDetailLogin .share-bar-desktop .share-bar-item-desktop.contentTools-email,
#ebookChapter .share-bar-desktop .share-bar-item-desktop.contentTools-print,
#ebookChapter .share-bar-desktop .share-bar-item-desktop.contentTools-email,
#ebookChapterLogin .share-bar-desktop .share-bar-item-desktop.contentTools-print,
#ebookChapterLogin .share-bar-desktop .share-bar-item-desktop.contentTools-email { background-color: #5c5d5d;
}
#ebookDetail .share-bar-desktop .share-bar-item-desktop.share-bar-title,
#ebookDetailLogin .share-bar-desktop .share-bar-item-desktop.share-bar-title,
#ezineDetail .share-bar-desktop .share-bar-item-desktop.share-bar-title,
#ezineDetailLogin .share-bar-desktop .share-bar-item-desktop.share-bar-title,
#ebookChapter .share-bar-desktop .share-bar-item-desktop.share-bar-title,
#ebookChapterLogin .share-bar-desktop .share-bar-item-desktop.share-bar-title { display: none;
}
#ebookDetail .share-bar-desktop .share-bar-item-desktop a,
#ebookDetailLogin .share-bar-desktop .share-bar-item-desktop a,
#ezineDetail .share-bar-desktop .share-bar-item-desktop a,
#ezineDetailLogin .share-bar-desktop .share-bar-item-desktop a,
#ebookChapter .share-bar-desktop .share-bar-item-desktop a,
#ebookChapterLogin .share-bar-desktop .share-bar-item-desktop a { color: #fff; font-size: 24px; display: block; padding: 3px;
}
@media (min-width: 640px) { #ebookDetail .share-bar-desktop .share-bar-item-desktop a, #ebookDetailLogin .share-bar-desktop .share-bar-item-desktop a, #ezineDetail .share-bar-desktop .share-bar-item-desktop a, #ezineDetailLogin .share-bar-desktop .share-bar-item-desktop a, #ebookChapter .share-bar-desktop .share-bar-item-desktop a, #ebookChapterLogin .share-bar-desktop .share-bar-item-desktop a { font-size: 26px; padding: 5px; }
}
@media (min-width: 960px) { #ebookDetail .share-bar-desktop .share-bar-item-desktop a, #ebookDetailLogin .share-bar-desktop .share-bar-item-desktop a, #ezineDetail .share-bar-desktop .share-bar-item-desktop a, #ezineDetailLogin .share-bar-desktop .share-bar-item-desktop a, #ebookChapter .share-bar-desktop .share-bar-item-desktop a, #ebookChapterLogin .share-bar-desktop .share-bar-item-desktop a { font-size: 30px; padding: 7px; }
}
#ebookDetail .share-bar-desktop .share-bar-item-desktop a:hover,
#ebookDetailLogin .share-bar-desktop .share-bar-item-desktop a:hover,
#ezineDetail .share-bar-desktop .share-bar-item-desktop a:hover,
#ezineDetailLogin .share-bar-desktop .share-bar-item-desktop a:hover,
#ebookChapter .share-bar-desktop .share-bar-item-desktop a:hover,
#ebookChapterLogin .share-bar-desktop .share-bar-item-desktop a:hover { color: #fff;
}
#hub div.main-content { background: transparent; padding: 0;
}
@media (min-width: 960px) { #hub div.main-content { width: 880px; }
}
@media (min-width: 1280px) { #hub div.main-content { width: 1200px; }
}
#hub .content-columns .content-left { display: none;
}
#hub .content-columns .content-center { margin: 0;
}
@media (min-width: 960px) { #hub .content-columns .content-center { margin-left: 0; margin-top: 30px; width: 880px; }
}
@media (min-width: 1280px) { #hub .content-columns .content-center { margin-top: 40px; width: 1200px; }
}
#hub .top-gradient-bar { vertical-align: bottom;
}
@media (min-width: 640px) { #hub .top-gradient-bar { vertical-align: top; }
}
.hub-header { background-color: #fff; font-size: 18px; margin: 0 0 20px 0; padding: 15px 20px;
}
@media (min-width: 960px) { .hub-header { font-size: 22px; margin: -40px 0 30px 0; padding: 20px 40px; }
}
@media (min-width: 1280px) { .hub-header { font-size: 26px; margin-bottom: 40px; }
}
.hub-section { background: #fff; clear: both; margin: 0 auto 40px; padding: 0 20px 20px; overflow: hidden;
}
@media (min-width: 640px) { .hub-section { padding: 0 40px 50px; }
}
.hub-section.headshots-hub { padding-bottom: 0;
}
@media (min-width: 960px) { .hub-section.headshots-hub { padding-bottom: 30px; }
}
.hub-section.headshots-hub .body-pro-callout { border: 0; padding-top: 0; margin-bottom: 10px; width: 100%;
}
.hub-section.headshots-hub .body-pro-callout .body-pro-callout-inner { border: 0;
}
.hub-section.network-hub { padding: 0; margin-bottom: 10px;
}
@media (min-width: 640px) { .hub-section.network-hub { padding: 0 40px; }
}
@media (min-width: 960px) { .hub-section.network-hub { padding-bottom: 40px; }
}
.hub-section h1 { font-size: 22px; line-height: 1.1em; margin: 20px 0 15px;
}
@media (min-width: 640px) { .hub-section h1 { font-size: 24px; margin: 35px 0 25px; }
}
@media (min-width: 960px) { .hub-section h1 { font-size: 32px; margin-bottom: 35px; }
}
.headshots-hub-content { padding-bottom: 60px; position: relative;
}
.headshots-hub-content.closed { overflow: hidden; height: 250px; padding-bottom: 0;
}
@media (min-width: 960px) { .headshots-hub-content.closed { height: auto; }
}
.headshots-hub-content.closed .collapse-toggle { padding: 36px 0 0 0;
}
.headshots-hub-content .collapse-toggle { padding: 0;
}
@media (min-width: 640px) { .headshots-hub-content .collapse-toggle { width: 100%; }
}
@media (min-width: 960px) { .headshots-hub-content .collapse-toggle { display: none; }
}
.headshots-hub-content .collapse-toggle-inner { padding: 15px 0 25px;
}
.headshots-hub-list { clear: both; overflow: hidden; list-style-type: none;
}
.headshots-hub-list li { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; padding: 25px 0 15px;
}
@media (min-width: 640px) { .headshots-hub-list li { float: left; margin-left: 6%; width: 47%; }
}
@media (min-width: 960px) { .headshots-hub-list li { width: 240px; margin-left: 40px; }
}
@media (min-width: 1280px) { .headshots-hub-list li { width: 250px; }
}
.headshots-hub-list li:nth-child(odd) { margin-left: 0;
}
@media (min-width: 960px) { .headshots-hub-list li:nth-child(odd) { margin-left: 40px; }
}
@media (min-width: 960px) { .headshots-hub-list li:nth-child(3n-2) { margin-left: 0; }
}
@media (min-width: 1280px) { .headshots-hub-list li:nth-child(3n-2) { margin-left: 40px; }
}
@media (min-width: 1280px) { .headshots-hub-list li:nth-child(4n-3) { margin-left: 0; }
}
.headshots-hub-list li .image-resize { border-radius: 30px; display: block; float: left; height: 60px; margin: 0 15px 0 0; overflow: hidden; padding: 0; width: 60px;
}
.headshots-hub-list li .image-resize img { height: 77px; width: 60px;
}
.headshots-hub-list li .contributor-info { float: left; width: 65%;
}
@media (min-width: 960px) { .headshots-hub-list li .contributor-info { width: 165px; }
}
@media (min-width: 1280px) { .headshots-hub-list li .contributor-info { width: 175px; }
}
.headshots-hub-list li .contributor-info h3 { font-size: 18px; line-height: 1.0em; margin: 5px 0 0 0;
}
.headshots-hub-list li .contributor-info h3 a:hover { color: #00b3ac;
}
.headshots-hub-list li .contributor-info > a span { -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; color: #a6a6a6; display: block; font-size: 11px; margin: 3px 0;
}
.headshots-hub-list li .contributor-info > a span:hover { color: #00b3ac;
}
.headshots-hub-list li .contributor-info h4 { color: #666666; font-size: 12px; margin: 0;
}
@media (min-width: 960px) { .headshots-hub-list li .contributor-info h4 { word-wrap: break-word; }
}
.headshots-hub-list li .contributor-info h4 span { color: #00b3ac; display: inline-block;
}
.headshots-hub-list li .contributor-info h4 span.logo-search { color: #666666;
}
.headshots-hub-list li .contributor-info h4 a:hover { color: #006860;
}
.headshots-hub-list li .contributor-info h4 a:hover span { -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; color: #006860;
}
.headshots-hub .headshots-hub-title-bar { margin: -20px -20px 20px;
}
@media (min-width: 640px) { .headshots-hub .headshots-hub-title-bar { margin: -40px -40px 0; }
}
.headshots-hub-title-bar,
.network-hub-title-bar { background: #00b3ac; margin: -20px 0;
}
@media (min-width: 640px) { .headshots-hub-title-bar, .network-hub-title-bar { margin: -40px -40px 0; }
}
.headshots-hub-title-bar h2,
.network-hub-title-bar h2 { border-top: 10px solid #006860; color: #fff; display: block; font-size: 16px; line-height: 1.2em; margin: 20px; padding: 15px 0;
}
@media (min-width: 640px) { .headshots-hub-title-bar h2, .network-hub-title-bar h2 { padding: 20px 0; margin: 40px; }
}
@media (min-width: 960px) { .headshots-hub-title-bar h2, .network-hub-title-bar h2 { font-size: 22px; padding: 30px 0; }
}
@media (min-width: 1280px) { .headshots-hub-title-bar h2, .network-hub-title-bar h2 { font-size: 24px; }
}
.network-hub-title-bar .entire-network { border-top: 10px solid #006860; margin: 20px;
}
@media (min-width: 640px) { .network-hub-title-bar .entire-network { margin: 40px; }
}
@media (min-width: 960px) { .network-hub-title-bar .entire-network { overflow: hidden; }
}
.network-hub-title-bar .entire-network h2 { border: 0; margin: 0;
}
@media (min-width: 960px) { .network-hub-title-bar .entire-network h2 { float: left; width: 400px; }
}
@media (min-width: 1280px) { .network-hub-title-bar .entire-network h2 { width: 720px; }
}
.network-hub-title-bar .entire-network a { color: #fff; background-color: #006860; width: 100%; box-sizing: border-box; font-size: 12px; display: inline-block; padding: 10px; text-align: center; margin-bottom: 20px;
}
@media (min-width: 960px) { .network-hub-title-bar .entire-network a { float: right; width: auto; margin-top: 40px; }
}
@media (min-width: 1280px) { .network-hub-title-bar .entire-network a { margin-top: 30px; }
}
.network-hub-list { list-style-type: none;
}
.network-hub-group { background-color: #f9f9f9; height: 100%; margin-top: 0; overflow: hidden; padding: 0 40px 30px 20px;
}
@media (min-width: 640px) { .network-hub-group { float: left; margin-left: 6%; padding: 0 0 30px; width: 47%; height: 390px; }
}
@media (min-width: 960px) { .network-hub-group { width: 240px; margin-left: 40px; }
}
@media (min-width: 1280px) { .network-hub-group { width: 346px; }
}
.network-hub-group:last-child { border-bottom: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .network-hub-group:last-child { border: 0; }
}
.network-hub-group.closed { background: none; border-top: 1px solid #e3e3e3; height: 55px; margin-bottom: 0; padding-bottom: 0;
}
.network-hub-group.closed:first-child { border: 0;
}
@media (min-width: 640px) { .network-hub-group.closed { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; border-top: none; height: 100%; }
}
.network-hub-group.closed p { border: 0;
}
.network-hub-group.item-1, .network-hub-group.item-3, .network-hub-group.item-5, .network-hub-group.item-7, .network-hub-group.item-9, .network-hub-group.item-11, .network-hub-group.item-13, .network-hub-group.item-15 { clear: left; margin-left: 0;
}
@media (min-width: 960px) { .network-hub-group.item-1, .network-hub-group.item-3, .network-hub-group.item-5, .network-hub-group.item-7, .network-hub-group.item-9, .network-hub-group.item-11, .network-hub-group.item-13, .network-hub-group.item-15 { clear: none; margin-left: 40px; }
}
@media (min-width: 960px) { .network-hub-group.item-1, .network-hub-group.item-4, .network-hub-group.item-7, .network-hub-group.item-10, .network-hub-group.item-13, .network-hub-group.item-16 { clear: left; margin-left: 0; }
}
.network-hub-group h3 { cursor: pointer; font-size: 15px; margin: 0; padding: 17px 0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
@media (min-width: 640px) { .network-hub-group h3 { border-bottom: 1px solid #e3e3e3; cursor: auto; font-size: 20px; padding: 40px 0 20px 0; width: auto; overflow: visible; text-overflow: clip; white-space: normal; }
}
.network-hub-group h3 .toggle-marker { color: #a6a6a6; font-size: 20px; position: absolute; right: 15px;
}
@media (min-width: 640px) { .network-hub-group h3 .toggle-marker { display: none; }
}
.network-hub-group h3 .home-link-desktop { display: none;
}
@media (min-width: 640px) { .network-hub-group h3 .home-link-desktop { display: inline-block; float: right; font-size: 12px; color: #666666; margin-top: 6px; }
}
.network-hub-group h3 .home-link-desktop:hover { color: #323232;
}
.network-hub-group h3 a:hover { color: #00b3ac;
}
.network-hub-group h3 span { display: inline-block;
}
.network-hub-group p { border-top: 1px solid #e3e3e3; font-size: 13px; margin-top: 0; padding-top: 15px;
}
@media (min-width: 640px) { .network-hub-group p { font-size: 14px; }
}
@media (min-width: 640px) { .network-hub-sites-content { overflow: hidden; padding-bottom: 60px; position: relative; }
}
@media (min-width: 640px) { .network-hub-sites-content.closed { height: auto; max-height: 215px; }
}
.network-hub-sites-content .collapse-toggle { display: none; padding: 36px 0 0 0; width: 100%;
}
@media (min-width: 640px) { .network-hub-sites-content .collapse-toggle-inner { padding: 15px 0 30px; }
}
.network-hub-list-sites { list-style-type: none;
}
@media (min-width: 640px) { .network-hub-list-sites { margin-bottom: 30px; }
}
@media (min-width: 640px) { .network-hub-list-sites li.home-link-mobile { display: none; }
}
.network-hub-list-sites li h4 { color: #666666; margin: 10px 0;
}
.network-hub-list-sites li h4 span { color: #00b3ac;
}
.network-hub-list-sites li h4 span.logo-search { color: #666666;
}
.network-hub-list-sites li h4 a:hover { color: #006860;
}
.network-hub-list-sites li h4 a:hover span { -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; color: #006860;
}
.hub-alpha-nav,
.contributor-alpha-nav { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; border-bottom: 1px solid #e3e3e3; margin-top: 20px; padding-top: 30px; margin-bottom: 20px;
}
@media (min-width: 960px) { .hub-alpha-nav, .contributor-alpha-nav { margin-top: 30px; }
}
.hub-alpha-nav span,
.contributor-alpha-nav span { color: #323232; display: block; font-size: 14px; margin-bottom: 15px;
}
@media (min-width: 640px) { .hub-alpha-nav span, .contributor-alpha-nav span { font-size: 16px; }
}
.hub-alpha-nav ul,
.contributor-alpha-nav ul { list-style-type: none; padding-bottom: 10px;
}
.hub-alpha-nav ul li,
.contributor-alpha-nav ul li { float: left; font-size: 15px; margin-right: 10px; margin-bottom: 5px; width: 30px; text-align: center;
}
@media (min-width: 640px) { .hub-alpha-nav ul li, .contributor-alpha-nav ul li { font-size: 16px; margin-right: 15px; }
}
@media (min-width: 640px) { .hub-alpha-nav ul li, .contributor-alpha-nav ul li { font-size: 18px; margin-right: 13px; }
}
.hub-alpha-nav ul li a,
.contributor-alpha-nav ul li a { color: #a6a6a6;
}
.hub-alpha-nav ul li a:hover,
.contributor-alpha-nav ul li a:hover { color: #00b3ac;
}
#contributor .content-columns .content-left,
#contributor-alpha .content-columns .content-left,
#contributor-year .content-columns .content-left { display: none;
}
#contributor .content-columns .content-center,
#contributor-alpha .content-columns .content-center,
#contributor-year .content-columns .content-center { margin: 0 20px;
}
@media (min-width: 640px) { #contributor .content-columns .content-center, #contributor-alpha .content-columns .content-center, #contributor-year .content-columns .content-center { margin: 0 40px; }
}
@media (min-width: 960px) { #contributor .content-columns .content-center, #contributor-alpha .content-columns .content-center, #contributor-year .content-columns .content-center { margin: 0; width: 800px; }
}
@media (min-width: 1280px) { #contributor .content-columns .content-center, #contributor-alpha .content-columns .content-center, #contributor-year .content-columns .content-center { width: 1120px; }
}
@media (min-width: 960px) { #contributor .page-header-ad, #contributor-alpha .page-header-ad, #contributor-year .page-header-ad { display: block; bottom: 0; }
}
@media (min-width: 1280px) { #contributor .page-header-ad, #contributor-alpha .page-header-ad, #contributor-year .page-header-ad { bottom: auto; top: 0; }
}
@media (min-width: 640px) { #contributor .contributor-info { width: 80%; }
}
@media (min-width: 960px) { #contributor .contributor-info { width: 680px; }
}
@media (min-width: 1280px) { #contributor .contributor-info { width: 660px; }
}
@media (min-width: 960px) { #contributor-year .page-header-ad { display: none; }
}
@media (min-width: 1280px) { #contributor-year .page-header-ad { display: block; }
}
@media (min-width: 1280px) { #contributor-year .filter-by-year { width: 780px; }
}
.contributor-header { margin: 0 20px; position: relative;
}
@media (min-width: 640px) { .contributor-header { margin: 0 40px; }
}
@media (min-width: 960px) { .contributor-header { margin: 50px 0 0; }
}
@media (min-width: 1280px) { .contributor-header { margin-top: 70px; }
}
.contributor-header .image-resize { border-radius: 30px; display: block; height: 60px; margin: 10px auto 0; overflow: hidden; padding: 0; width: 60px;
}
@media (min-width: 640px) { .contributor-header .image-resize { border-radius: 40px; float: left; height: 80px; width: 80px; margin-right: 20px; margin-top: 20px; }
}
@media (min-width: 960px) { .contributor-header .image-resize { border-radius: 45px; height: 90px; width: 90px; margin-right: 30px; }
}
.contributor-header .image-resize img { height: 77px; width: 60px;
}
@media (min-width: 640px) { .contributor-header .image-resize img { height: 103px; width: 80px; }
}
@media (min-width: 960px) { .contributor-header .image-resize img { height: 116px; width: 90px; }
}
.contributor-header .contributor-info { text-align: center;
}
@media (min-width: 640px) { .contributor-header .contributor-info { float: left; margin: 20px 0; text-align: left; width: 78%; }
}
@media (min-width: 960px) { .contributor-header .contributor-info { margin-bottom: 0; width: 680px; }
}
@media (min-width: 1280px) { .contributor-header .contributor-info { margin-bottom: 5px; width: 645px; }
}
.contributor-header .contributor-info h1 { font-size: 20px; margin: 5px 0 0px;
}
@media (min-width: 640px) { .contributor-header .contributor-info h1 { font-size: 26px; line-height: 0.9em; margin-bottom: 10px; }
}
@media (min-width: 960px) { .contributor-header .contributor-info h1 { font-size: 38px; }
}
@media (min-width: 1280px) { .contributor-header .contributor-info h1 { font-size: 50px; margin-bottom: 10px; }
}
.contributor-header .contributor-info h3 { color: #a6a6a6; font-size: 13px; display: inline;
}
@media (min-width: 1280px) { .contributor-header .contributor-info h3 { font-size: 16px; }
}
.contributor-header .contributor-info h3 a:hover { color: #00b3ac;
}
.contributor-header .contributor-info h4 { color: #666666; font-size: 13px; display: inline;
}
@media (min-width: 1280px) { .contributor-header .contributor-info h4 { font-size: 16px; }
}
.contributor-header .contributor-info h4 span { color: #00b3ac; display: inline-block;
}
.contributor-header .contributor-info h4 span.logo-search { color: #666666;
}
.contributor-header .contributor-info h4 a:hover { color: #006860;
}
.contributor-header .contributor-info h4 a:hover span { -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; color: #006860;
}
.contributor-header .contributor-info .share-bar-desktop { border-top: 1px solid #e3e3e3; display: block; margin-top: 15px; padding-top: 10px; width: auto; text-align: center;
}
@media (min-width: 640px) { .contributor-header .contributor-info .share-bar-desktop { background: none; text-align: left; }
}
.contributor-header .contributor-info .share-bar-desktop span { color: #00b3ac; display: block; font-size: 15px; margin: -3px 0 0 5px; text-transform: uppercase; -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s;
}
.contributor-header .contributor-info .share-bar-desktop span:hover { color: #006860;
}
@media (min-width: 640px) { .contributor-header .contributor-info .language-switch { float: right; margin-top: -26px; }
}
@media (min-width: 960px) { .contributor-header .contributor-info .language-switch { margin-top: -38px; }
}
.contributor-header .contributor-info .language-switch a { color: #a6a6a6; display: inline-block; border-left: 1px solid #e3e3e3; margin-left: 5px; padding-left: 5px;
}
.contributor-header .contributor-info .language-switch a:first-child { border: 0;
}
.contributor-header .contributor-info .language-switch a:hover { color: #323232;
}
.contributor-header .contributor-info .language-switch a.on { color: #323232;
}
.contributor-header .contributor-info .language-switch a.on span { border-bottom: 2px solid #00b3ac;
}
.contributor-header .contributor-bio { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 10px; padding-top: 5px;
}
@media (min-width: 640px) { .contributor-header .contributor-bio { clear: left; }
}
@media (min-width: 960px) { .contributor-header .contributor-bio { padding-top: 15px; min-height: 275px; }
}
@media (min-width: 1280px) { .contributor-header .contributor-bio { width: 780px; min-height: 0; }
}
.contributor-header .contributor-bio p { font-size: 14px;
}
@media (min-width: 960px) { .contributor-header .contributor-bio p { font-size: 17px; width: 475px; }
}
@media (min-width: 1280px) { .contributor-header .contributor-bio p { width: auto; }
}
.refinery-wrapper.contributor { margin-bottom: 20px;
}
@media (min-width: 960px) { .refinery-wrapper.contributor { margin-top: 40px; margin-bottom: 40px; }
}
@media (min-width: 1280px) { .refinery-wrapper.contributor { margin-top: 0; margin-bottom: 40px; }
}
@media (min-width: 640px) { .refinery-wrapper.contributor .refinery-header { height: auto; }
}
.refinery-wrapper.contributor .refinery-content.closed { height: auto; max-height: 350px;
}
@media (min-width: 960px) { .refinery-wrapper.contributor .refinery-collapse-toggle-inner, .refinery-wrapper.contributor .collapse-toggle-inner { margin: 0 auto; width: 740px; }
}
@media (min-width: 1280px) { .refinery-wrapper.contributor .refinery-collapse-toggle-inner, .refinery-wrapper.contributor .collapse-toggle-inner { width: 720px; }
}
.refinery-wrapper.contributor h2 { font-size: 16px; margin-bottom: 5px;
}
@media (min-width: 640px) { .refinery-wrapper.contributor h2 { overflow: hidden; text-overflow: ellipsis; width: 100%; }
}
@media (min-width: 1280px) { .refinery-wrapper.contributor h2 { font-size: 18px; }
}
@media (min-width: 640px) { .refinery-wrapper.contributor .refinery-header { width: auto; }
}
@media (min-width: 960px) { .refinery-wrapper.contributor .refinery-header h2 a { display: inline; }
}
.refinery-wrapper.contributor .refinery-header .follow { display: block;
}
@media (min-width: 640px) { .refinery-wrapper.contributor .refinery-header .follow { display: none; }
}
.refinery-wrapper.contributor .refinery-header .latest-tweet { display: none;
}
@media (min-width: 640px) { .refinery-wrapper.contributor .refinery-header .latest-tweet { display: block; }
}
@media (min-width: 640px) { .refinery-wrapper.contributor .refinery-body { width: 100%; min-height: 0; }
}
.refinery-wrapper.contributor .refinery-body h3 a { font-size: 10px;
}
.refinery-wrapper.contributor .refinery-body > div { border-top: 1px solid #e3e3e3; padding-top: 20px;
}
.refinery-wrapper.contributor .refinery-body > div:first-child { border: 0; margin-top: 0; padding-top: 0;
}
.refinery-wrapper.contributor .refinery-body > div h3 { margin-bottom: 10px;
}
.refinery-wrapper.contributor .refinery-body .refinery-sites-wrapper ul li,
.refinery-wrapper.contributor .refinery-body .refinery-events-wrapper ul li { float: left; margin-right: 60px; padding-bottom: 15px;
}
.refinery-wrapper.contributor .refinery-body .refinery-latest-posts-wrapper ul:last-child li { border: 0;
}
.refinery-wrapper.contributor .refinery-body .refinery-latest-posts-wrapper ul li { padding-bottom: 15px;
}
@media (min-width: 960px) { .refinery-wrapper.contributor .refinery-body .refinery-latest-posts-wrapper ul li { border-bottom: 1px solid #e3e3e3; float: left; margin-left: 40px; margin-bottom: 10px; width: 350px; } .refinery-wrapper.contributor .refinery-body .refinery-latest-posts-wrapper ul li:first-child { margin-left: 0; }
}
@media (min-width: 1280px) { .refinery-wrapper.contributor .refinery-body .refinery-latest-posts-wrapper ul li { width: 340px; }
}
.refinery-wrapper.contributor .refinery-body .refinery-community-wrapper ul:last-child li { border: 0;
}
.refinery-wrapper.contributor .refinery-body .refinery-community-wrapper ul li { padding-bottom: 15px;
}
@media (min-width: 960px) { .refinery-wrapper.contributor .refinery-body .refinery-community-wrapper ul li { border-bottom: 1px solid #e3e3e3; float: left; margin-left: 40px; width: 350px; } .refinery-wrapper.contributor .refinery-body .refinery-community-wrapper ul li:first-child { margin-left: 0; }
}
@media (min-width: 1280px) { .refinery-wrapper.contributor .refinery-body .refinery-community-wrapper ul li { width: 340px; }
}
.refinery-wrapper.contributor .refinery-body .refinery-community-wrapper ul li span { color: #666666;
}
.refinery-wrapper.contributor .refinery-collapse-toggle,
.refinery-wrapper.contributor .collapse-toggle { width: 100%; display: none;
}
@media (min-width: 640px) { .refinery-wrapper.contributor .refinery-twitter-handle { float: left; width: 35%; }
}
@media (min-width: 960px) { .refinery-wrapper.contributor .refinery-twitter-handle { width: 175px; }
}
.refinery-wrapper.contributor .refinery-latest-tweet { display: none;
}
@media (min-width: 640px) { .refinery-wrapper.contributor .refinery-latest-tweet { display: block; border-left: 1px solid #fff; margin-left: 5%; padding-left: 5%; float: left; width: 53%; }
}
@media (min-width: 960px) { .refinery-wrapper.contributor .refinery-latest-tweet { margin-left: 25px; padding-left: 25px; width: 510px; }
}
@media (min-width: 1280px) { .refinery-wrapper.contributor .refinery-latest-tweet { width: 490px; }
}
.refinery-wrapper.contributor .refinery-latest-tweet p { color: #fff; font-size: 12px; line-height: 1.3em; margin-top: 0;
}
@media (min-width: 960px) { .refinery-wrapper.contributor .refinery-latest-tweet p { font-family: 'NHaasGroteskTXW01-75Bd', Helvetica, Arial, sans-serif; font-size: 13px; margin-bottom: 10px; }
}
@media (min-width: 1280px) { .refinery-wrapper.contributor .refinery-latest-tweet p { font-size: 14px; }
}
.refinery-wrapper.contributor .refinery-latest-tweet p a { color: #fff;
}
.refinery-wrapper.contributor .refinery-latest-tweet p a:hover { color: #006860;
}
.refinery-wrapper.contributor .refinery-latest-tweet span { color: #006860; font-size: 10px; text-transform: uppercase;
}
.contributor-articles .body-pro-callout,
.contributor-alpha-list .body-pro-callout { border: 0; padding-top: 0; margin-bottom: 40px; width: 100%;
}
.contributor-articles .body-pro-callout .body-pro-callout-inner,
.contributor-alpha-list .body-pro-callout .body-pro-callout-inner { border: 0;
}
@media (min-width: 960px) { .contributor-question .contributor-question-header { float: left; width: 235px; margin-right: 40px; }
}
@media (min-width: 1280px) { .contributor-question .contributor-question-header { width: 335px; }
}
.contributor-question h3 { color: #00b3ac; font-size: 18px; line-height: 1.25em; margin: 0 40px 5px; text-align: center;
}
@media (min-width: 640px) { .contributor-question h3 { font-size: 20px; }
}
@media (min-width: 960px) { .contributor-question h3 { text-align: left; margin: 15px 0 5px; }
}
@media (min-width: 1280px) { .contributor-question h3 { margin-top: 25px; }
}
.contributor-question p { font-size: 13px; line-height: 1.25em; margin-top: 0; text-align: center;
}
@media (min-width: 960px) { .contributor-question p { text-align: left; }
}
.contributor-question-form { clear: both; position: relative;
}
@media (min-width: 960px) { .contributor-question-form { clear: none; float: left; width: 525px; }
}
@media (min-width: 1280px) { .contributor-question-form { width: 745px; }
}
.contributor-question-form input { width: 100%; padding: 12px 0 13px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 12px; color: #666666; background: #f2f2f2; border: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .contributor-question-form input { font-size: 21px; padding-left: 16px; }
}
.contributor-question-form input.error { border: 1px solid #EA0000;
}
.contributor-question-form .contributor-form-textfield { height: 114px; float: left; padding: 0 0 65px 10px; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px; border-radius: 4px 4px 0 0; font-size: 13px;
}
@media (min-width: 640px) { .contributor-question-form .contributor-form-textfield { font-size: 18px; }
}
@media (min-width: 960px) { .contributor-question-form .contributor-form-textfield { font-size: 21px; height: 120px; width: 375px; padding: 0 0 0px 15px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px; border-radius: 4px 0 0 4px; }
}
@media (min-width: 1280px) { .contributor-question-form .contributor-form-textfield { width: 595px; }
}
.contributor-question-form .contributor-form-btn { height: 40px; padding: 0; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; font-size: 14px; color: #fff; background: #00b3ac; border: 1px solid #00b3ac; position: relative; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0; border-radius: 0 0 4px 4px;
}
.contributor-question-form .contributor-form-btn:hover { background-color: #006860; border: 1px solid #006860;
}
@media (min-width: 960px) { .contributor-question-form .contributor-form-btn { float: left; position: absolute; top: 0; right: 0; width: 150px; height: 120px; margin-left: -1%; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0; border-radius: 0 4px 4px 0; font-size: 18px; }
}
.contributor-articles { margin-top: 40px;
}
.contributor-articles h3 { background: #fff url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; font-size: 20px; padding-top: 15px; margin-bottom: 10px;
}
@media (min-width: 640px) { .contributor-articles h3 { font-size: 24px; padding-top: 20px; margin-bottom: 5px; }
}
@media (min-width: 960px) { .contributor-articles h3 { margin-top: 0; }
}
.contributor-articles .filter-by-year { background: none; border-top: 1px solid #e3e3e3; padding-top: 5px; margin-top: 10px; margin-bottom: 5px; padding-bottom: 0;
}
.contributor-articles .filter-by-topic { border-top: 1px solid #e3e3e3; padding-top: 10px; margin-bottom: 15px;
}
@media (min-width: 640px) { .contributor-articles .filter-by-topic { display: block; }
}
@media (min-width: 960px) { .contributor-articles .filter-by-topic { padding-bottom: 10px; margin-bottom: 15px; }
}
.contributor-articles .filter-by-topic span { font-size: 10px; color: #a6a6a6; text-transform: uppercase;
}
.contributor-articles .filter-by-topic .filter-by-topic-list { list-style-type: none;
}
.contributor-articles .filter-by-topic .filter-by-topic-list li { float: left; font-size: 12px; margin-right: 15px; margin-bottom: 10px; min-height: 20px; padding-bottom: 3px; box-sizing: border-box;
}
.contributor-articles .filter-by-topic .filter-by-topic-list li.on { border-bottom: 1px solid #00b3ac;
}
.contributor-articles .filter-by-topic .filter-by-topic-list li.on a { color: #323232;
}
.contributor-articles .black-button { clear: both; display: block; margin: 20px auto 40px; width: 100%;
}
@media (min-width: 640px) { .contributor-articles .black-button { width: 250px; }
}
.contributor-articles.articles-year { margin-top: 0;
}
@media (min-width: 1280px) { .contributor-articles.articles-year { margin-top: 15px; }
}
.filter-by-year { background: #fff url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; clear: both; overflow: hidden; padding-bottom: 10px; margin-bottom: 15px; padding-top: 15px;
}
@media (min-width: 640px) { .filter-by-year { display: block; }
}
@media (min-width: 960px) { .filter-by-year { padding-bottom: 10px; margin-bottom: 20px; }
}
.filter-by-year span { font-size: 10px; color: #a6a6a6; text-transform: uppercase;
}
.filter-by-year .filter-by-year-list { list-style-type: none; margin-top: 5px;
}
.filter-by-year .filter-by-year-list li { float: left; font-size: 15px; margin-right: 22px; margin-bottom: 10px; width: 45px; text-align: center;
}
@media (min-width: 1280px) { .filter-by-year .filter-by-year-list li { font-size: 20px; width: 55px; }
}
.filter-by-year .filter-by-year-list li.on { border-bottom: 3px solid #00b3ac; margin-bottom: 0;
}
.filter-by-year .filter-by-year-list li.on a { color: #323232;
}
.filter-by-year .filter-by-year-list li a { color: #a6a6a6;
}
.filter-by-year .filter-by-year-list li a:hover { color: #00b3ac;
}
.contributor-articles-list { clear: both; overflow: hidden; list-style-type: none;
}
.contributor-articles-list li { border-top: 1px solid #e3e3e3; position: relative;
}
@media (min-width: 640px) { .contributor-articles-list li { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; border: 0; float: left; margin-left: 6%; padding: 15px 0 0; width: 47%; }
}
@media (min-width: 960px) { .contributor-articles-list li { width: 240px; margin-left: 40px; }
}
@media (min-width: 1280px) { .contributor-articles-list li { width: 346px; }
}
.contributor-articles-list li:nth-child(odd) { margin-left: 0;
}
@media (min-width: 640px) { .contributor-articles-list li:nth-child(odd) { margin-left: 0; }
}
@media (min-width: 960px) { .contributor-articles-list li:nth-child(odd) { margin-left: 40px; }
}
@media (min-width: 960px) { .contributor-articles-list li:nth-child(3n+1) { margin-left: 0; }
}
.contributor-articles-list li .icon { color: #00b3ac; font-size: 40px; position: absolute; left: 0; top: 30px;
}
@media (min-width: 640px) { .contributor-articles-list li .icon { font-size: 50px; left: -5px; top: 40px; }
}
@media (min-width: 1280px) { .contributor-articles-list li .icon { font-size: 56px; left: -10px; top: 38px; }
}
.contributor-articles-list li .contributor-article-info { padding: 0 0 20px 45px; margin-top: 15px;
}
.contributor-articles-list li .contributor-article-info h4 { color: #666666; font-size: 12px; margin: 5px 0;
}
@media (min-width: 960px) { .contributor-articles-list li .contributor-article-info h4 { font-size: 13px; }
}
.contributor-articles-list li .contributor-article-info h4 span { color: #00b3ac;
}
.contributor-articles-list li .contributor-article-info h4 span.logo-search { color: #666666;
}
.contributor-articles-list li .contributor-article-info h4 a:hover { color: #006860;
}
.contributor-articles-list li .contributor-article-info h4 a:hover span { -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; color: #006860;
}
.contributor-articles-list li .contributor-article-info h5 { font-size: 16px; margin: 5px 0;
}
@media (min-width: 640px) { .contributor-articles-list li .contributor-article-info h5 { font-size: 18px; }
}
@media (min-width: 960px) { .contributor-articles-list li .contributor-article-info h5 { font-size: 20px; }
}
@media (min-width: 1280px) { .contributor-articles-list li .contributor-article-info h5 { font-size: 24px; }
}
.contributor-articles-list li .contributor-article-info h5 a:hover { color: #00b3ac;
}
.contributor-articles-list li .contributor-article-info > span { color: #a6a6a6; display: block; font-size: 11px;
}
@media (min-width: 640px) { .contributor-articles-list li .contributor-article-info > span { margin-left: -43px; padding-left: 43px; padding-top: 15px; margin-top: 15px; margin-bottom: 10px; border-top: 1px solid #e3e3e3; }
}
#contributor-alpha .page-header-ad { display: none;
}
@media (min-width: 1280px) { #contributor-alpha .page-header-ad { display: block; top: 140px; }
}
@media (min-width: 960px) { .contributor-alpha-header { margin-top: 50px; }
}
@media (min-width: 1280px) { .contributor-alpha-header { margin-top: 70px; }
}
.contributor-alpha-header h1 { font-size: 28px; padding-bottom: 0; margin-bottom: 20px;
}
@media (min-width: 640px) { .contributor-alpha-header h1 { font-size: 34px; }
}
@media (min-width: 960px) { .contributor-alpha-header h1 { font-size: 44px; }
}
@media (min-width: 1280px) { .contributor-alpha-header h1 { font-size: 56px; }
}
.contributor-alpha-list > ul { clear: both; overflow: hidden; list-style-type: none;
}
.contributor-alpha-list > ul > li { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; padding: 25px 0 15px;
}
@media (min-width: 640px) { .contributor-alpha-list > ul > li { float: left; margin-left: 6%; width: 47%; }
}
@media (min-width: 960px) { .contributor-alpha-list > ul > li { width: 240px; margin-left: 40px; }
}
@media (min-width: 1280px) { .contributor-alpha-list > ul > li { width: 346px; }
}
.contributor-alpha-list > ul > li:nth-child(odd) { margin-left: 0;
}
@media (min-width: 640px) { .contributor-alpha-list > ul > li:nth-child(odd) { margin-left: 0; }
}
@media (min-width: 960px) { .contributor-alpha-list > ul > li:nth-child(odd) { margin-left: 40px; }
}
@media (min-width: 960px) { .contributor-alpha-list > ul > li:nth-child(3n+1) { margin-left: 0; }
}
.contributor-alpha-list > ul > li .image-resize { border-radius: 30px; display: block; float: left; height: 60px; margin: 0 15px 0 0; overflow: hidden; padding: 0; width: 60px;
}
.contributor-alpha-list > ul > li .image-resize img { height: 77px; width: 60px;
}
.contributor-alpha-list > ul > li .contributor-info { float: left; width: 65%;
}
@media (min-width: 640px) { .contributor-alpha-list > ul > li .contributor-info { min-height: 68px; }
}
@media (min-width: 960px) { .contributor-alpha-list > ul > li .contributor-info { min-height: 75px; }
}
@media (min-width: 1280px) { .contributor-alpha-list > ul > li .contributor-info { min-height: 68px; }
}
.contributor-alpha-list > ul > li .contributor-info h3 { font-size: 18px; line-height: 1.0em; margin: 5px 0 0 0; word-wrap: break-word;
}
.contributor-alpha-list > ul > li .contributor-info h3 a:hover { color: #00b3ac;
}
.contributor-alpha-list > ul > li .contributor-info > a span { -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; color: #a6a6a6; display: block; font-size: 11px; margin: 3px 0;
}
.contributor-alpha-list > ul > li .contributor-info > a span:hover { color: #00b3ac;
}
.contributor-alpha-list > ul > li .contributor-info h4 { color: #666666; font-size: 12px; margin: 0 0 10px 0;
}
@media (min-width: 960px) { .contributor-alpha-list > ul > li .contributor-info h4 { word-wrap: break-word; }
}
.contributor-alpha-list > ul > li .contributor-info h4 span { color: #00b3ac; display: inline-block;
}
.contributor-alpha-list > ul > li .contributor-info h4 span.logo-search { color: #666666;
}
.contributor-alpha-list > ul > li .contributor-info h4 a:hover { color: #006860;
}
.contributor-alpha-list > ul > li .contributor-info h4 a:hover span { -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; color: #006860;
}
.contributor-alpha-list > ul > li .share-bar-desktop { background: none; border-top: 1px solid #e3e3e3; display: block; padding-top: 10px; padding-bottom: 5px; margin-left: 74px; text-align: left; width: 100%; clear: both; overflow: hidden;
}
@media (min-width: 640px) { .contributor-alpha-list > ul > li .share-bar-desktop { width: auto; }
}
@media (min-width: 960px) { .contributor-alpha-list > ul > li .share-bar-desktop { margin-left: 0; margin-top: 15px; width: 240px; }
}
@media (min-width: 1280px) { .contributor-alpha-list > ul > li .share-bar-desktop { margin-left: 74px; margin-top: 10px; width: 272px; }
}
.contributor-alpha-list > ul > li .share-bar-desktop span { color: #00b3ac; font-size: 15px; margin: -3px 0 0 5px; text-transform: uppercase; -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s;
}
@media (min-width: 640px) { .contributor-alpha-list > ul > li .share-bar-desktop span { display: block; }
}
.contributor-alpha-list > ul > li .share-bar-desktop span:hover { color: #006860;
}
.contributor-pagination { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; border-bottom: 1px solid #e3e3e3; float: left; padding: 20px 0 10px; margin: 20px 0 30px; width: 100%; overflow: hidden; position: relative;
}
.contributor-pagination ul { clear: left; float: left; list-style-type: none; position: relative; left: 50%; text-align: center;
}
.contributor-pagination ul li { display: block; float: left; height: 22px; margin-right: 10px; position: relative; right: 50%;
}
.contributor-pagination ul li.on { border-bottom: 3px solid #00b3ac; color: #323232; height: 19px;
}
.contributor-pagination ul li a { color: #a6a6a6; display: block;
}
.contributor-pagination ul li a:hover { color: #323232;
}
.contributor-alpha-nav { clear: both; overflow: hidden; margin-bottom: 40px;
}
.contributor-alpha-nav li { box-sizing: border-box; margin-right: 15px; height: 24px;
}
.contributor-alpha-nav li.on { border-bottom: 3px solid #00b3ac;
}
.contributor-alpha-nav li.on a { color: #323232; margin-left: -1px;
}
.content-from-year { margin: 15px 0 25px; text-align: center;
}
@media (min-width: 640px) { .content-from-year { float: left; margin: 25px 0 0 0; }
}
@media (min-width: 960px) { .content-from-year { margin: 20px 0 0 0; }
}
@media (min-width: 1280px) { .content-from-year { margin: 10px 0 0 65px; }
}
.content-from-year span { color: #a6a6a6; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase;
}
@media (min-width: 1280px) { .content-from-year span { font-size: 15px; }
}
@media (min-width: 1280px) { .content-from-year span { font-size: 20px; }
}
.content-from-year .year { color: #00b3ac; display: block; font-size: 54px; letter-spacing: 0; line-height: 1.0em; text-transform: none;
}
@media (min-width: 960px) { .content-from-year .year { font-size: 62px; }
}
@media (min-width: 1280px) { .content-from-year .year { font-size: 82px; }
}
#micrositePromo div.main-content { background: transparent;
}
#micrositePromo div.main-content .top-gradient-bar { height: 35px; position: relative;
}
@media (min-width: 960px) { #micrositePromo div.main-content .top-gradient-bar { width: 880px; height: 40px; }
}
@media (min-width: 1280px) { #micrositePromo div.main-content .top-gradient-bar { width: 1200px; }
}
@media (min-width: 960px) { #micrositePromo .content-columns { margin-left: -40px; }
}
#micrositePromo .content-columns .content-left { display: none;
}
#micrositePromo .content-columns .content-center { background: transparent; margin: -15px 0 0 0; padding: 0; width: auto; min-height: 400px;
}
@media (min-width: 960px) { #micrositePromo .content-columns .content-center { float: none; margin: -40px 0 0; padding: 0; width: 880px; }
}
@media (min-width: 1280px) { #micrositePromo .content-columns .content-center { width: 1200px; }
}
#micrositePromo .micrositeSponsoredContentHeader { margin-top: 0 !important;
}
@media (min-width: 960px) { #micrositePromo .micrositeSponsoredContentHeader { border-top: 1px solid #e3e3e3; }
}
@media (min-width: 960px) { #micrositePromo .header { background: #fff; padding-bottom: 0; }
}
@media (min-width: 960px) { #micrositePromo .header-logo { bottom: 0; }
}
.header-gradient img { height: 160px; width: 100%;
}
@media (min-width: 640px) { .header-gradient img { height: 210px; }
}
@media (min-width: 1280px) { .header-gradient img { height: 320px; }
}
.micrositePromoPage-header { margin-top: -150px;
}
@media (min-width: 640px) { .micrositePromoPage-header { margin-top: -200px; }
}
@media (min-width: 960px) { .micrositePromoPage-header { margin: -220px 0 0; }
}
@media (min-width: 1280px) { .micrositePromoPage-header { margin-top: -335px; }
}
.micrositePromoPage-title { font-size: 28px; margin: 0; margin-bottom: 50px;
}
@media (min-width: 640px) { .micrositePromoPage-title { font-size: 34px; }
}
@media (min-width: 960px) { .micrositePromoPage-title { font-size: 48px; }
}
@media (min-width: 1280px) { .micrositePromoPage-title { font-size: 56px; }
}
.micrositePromoPage-title span { color: #fff;
}
.micrositePromoPage-section { background: #fff; clear: both; margin: 9px auto 40px; padding: 0 20px 20px; overflow: hidden;
}
@media (min-width: 640px) { .micrositePromoPage-section { padding: 0 40px 10px; }
}
@media (min-width: 960px) { .micrositePromoPage-section { margin: 40px auto; padding-bottom: 50px; }
}
.micrositePromoPage-section h2 { font-size: 20px; margin-bottom: -15px;
}
@media (min-width: 640px) { .micrositePromoPage-section h2 { font-size: 30px; margin-top: 30px; }
}
@media (min-width: 960px) { .micrositePromoPage-section h2 { font-size: 40px; }
}
.micrositePromoPage-section h4 a:hover,
.micrositePromoPage-section h5 a:hover { color: #00b3ac;
}
.micrositePromoPage-topics { display: none; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat 0 0; margin: 30px -20px 0; padding: 10px 0;
}
@media (min-width: 640px) { .micrositePromoPage-topics { float: right; width: 47%; }
}
@media (min-width: 960px) { .micrositePromoPage-topics { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; min-height: 650px; width: 240px; margin: 30px 0 0; }
}
@media (min-width: 1280px) { .micrositePromoPage-topics { width: 310px; min-height: 575px; margin-left: -20px; }
}
.micrositePromoPage-topics h3 { color: #008bc1; font-size: 18px; margin: 0 0 15px 0; padding: 15px 20px 0;
}
@media (min-width: 640px) { .micrositePromoPage-topics h3 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; font-size: 24px; padding: 15px 0 25px; margin-bottom: 0; }
}
.micrositePromoPage-topics ul { list-style-type: none;
}
.micrositePromoPage-topics ul li { border-top: 1px solid #e3e3e3; font-size: 15px;
}
@media (min-width: 640px) { .micrositePromoPage-topics ul li { font-size: 13px; } .micrositePromoPage-topics ul li:first-child { border-top: none; }
}
.micrositePromoPage-topics ul li:hover { cursor: pointer;
}
.micrositePromoPage-topics ul li h5 { font-size: 15px; margin: 0; padding: 15px 30px 15px 20px; position: relative;
}
@media (min-width: 640px) { .micrositePromoPage-topics ul li h5 { font-size: 13px; padding: 15px 30px 15px 0; }
}
.micrositePromoPage-topics ul li h5 .subtopics-number { color: #008bc1;
}
.micrositePromoPage-topics ul li h5 .toggle-marker { position: absolute; right: 10px; top: 35%;
}
.micrositePromoPage-topics .micrositePromoPage-topics-subtopics { display: none;
}
.micrositePromoPage-topics .micrositePromoPage-topics-subtopics.open { display: block;
}
.micrositePromoPage-topics .micrositePromoPage-topics-subtopics.open > ul > li { padding: 15px 30px;
}
@media (min-width: 640px) { .micrositePromoPage-topics .micrositePromoPage-topics-subtopics.open > ul > li { padding: 15px; }
}
@media (min-width: 640px) { .micrositePromoPage-topics .micrositePromoPage-topics-subtopics.open > ul > li:first-child { padding-top: 0; }
}
.micrositePromoPage-topics-inner { background: #fff;
}
@media (min-width: 960px) { .micrositePromoPage-topics-inner { border-bottom: 1px solid #e3e3e3; }
}
.trending-topics-items { list-style-type: none;
}
.trending-topics-items .trending-topics-item { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 30px; padding-top: 25px;
}
@media (min-width: 640px) { .trending-topics-items .trending-topics-item { float: left; margin-right: 8%; width: 46%; }
}
@media (min-width: 960px) { .trending-topics-items .trending-topics-item { margin-right: 40px; width: 210px; }
}
@media (min-width: 1280px) { .trending-topics-items .trending-topics-item { margin-right: 40px; width: 235px; }
}
.trending-topics-items .trending-topics-item h3 { color: #666666; font-size: 13px; margin: 0;
}
.trending-topics-items .trending-topics-item h3 span { display: block;
}
.trending-topics-items .trending-topics-item h4 { font-size: 18px; line-height: 1.22em; margin: 15px 0; padding-left: 30px; position: relative;
}
@media (min-width: 640px) { .trending-topics-items .trending-topics-item h4 { line-height: 1.08em; }
}
@media (min-width: 960px) { .trending-topics-items .trending-topics-item h4 { padding-left: 40px; }
}
.trending-topics-items .trending-topics-item h4 .icon { color: #00b3ac; font-size: 40px; left: -10px; position: absolute; top: -5px;
}
@media (min-width: 960px) { .trending-topics-items .trending-topics-item h4 .icon { font-size: 50px; top: -10px; }
}
.trending-topics-items .trending-topics-item h4 a { display: block;
}
.trending-topics-items .trending-topics-item p { border-top: 1px solid #e3e3e3; font-size: 13px; padding-top: 15px;
}
@media (min-width: 640px) { .trending-topics-items .trending-topics-item.tt-item-2, .trending-topics-items .trending-topics-item.tt-item-4, .trending-topics-items .trending-topics-item.tt-item-6 { margin-right: 0; }
}
@media (min-width: 1280px) { .trending-topics-items .trending-topics-item.tt-item-2, .trending-topics-items .trending-topics-item.tt-item-4, .trending-topics-items .trending-topics-item.tt-item-6 { margin-right: 40px; }
}
@media (min-width: 1280px) { .trending-topics-items .trending-topics-item.tt-item-3, .trending-topics-items .trending-topics-item.tt-item-6 { margin-right: 0; }
}
@media (min-width: 960px) { .trending-topics-items .trending-topics-item.tt-item-3, .trending-topics-items .trending-topics-item.tt-item-5 { clear: both; }
}
@media (min-width: 1280px) { .trending-topics-items .trending-topics-item.tt-item-3, .trending-topics-items .trending-topics-item.tt-item-5 { clear: none; }
}
@media (min-width: 1280px) { .trending-topics-items .trending-topics-item.tt-item-4 { clear: both; }
}
@media (min-width: 960px) { .discussion-home { clear: none; float: left; margin-top: 0; width: 340px; }
}
@media (min-width: 1280px) { .discussion-home { width: 500px; }
}
.discussion-home .join-discussion-wrapper { margin-top: 40px;
}
@media (min-width: 960px) { .discussion-home .join-discussion-wrapper .discussion-question .question { font-size: 24px; }
}
@media (min-width: 1280px) { .discussion-home .join-discussion-wrapper .discussion-question .question { font-size: 28px; }
}
@media (min-width: 960px) { .discussion-home .join-discussion-wrapper .discussion-question .icon { bottom: 70px; }
}
.custom-native-micrositePromo h2 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; margin: 15px 0 0; padding-bottom: 25px;
}
@media (min-width: 640px) { .custom-native-micrositePromo h2 { margin: 25px 0; padding-bottom: 30px; }
}
@media (min-width: 960px) { .custom-native-micrositePromo h2 { margin-bottom: 20px; }
}
@media (min-width: 1280px) { .custom-native-micrositePromo h2 { margin-bottom: 25px; }
}
.custom-native-micrositePromo .custom-native-sections { list-style-type: none;
}
.custom-native-micrositePromo .custom-native-sections > li { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 0; padding-top: 10px; margin-bottom: 40px;
}
.custom-native-micrositePromo .custom-native-sections > li img.logo { max-width: 65px; max-height: 65px; margin: 0 15px 0 0; float: left;
}
@media (min-width: 640px) { .custom-native-micrositePromo .custom-native-sections > li img.logo { max-width: 100px; max-height: 100px; margin-right: 30px; }
}
@media (min-width: 960px) { .custom-native-micrositePromo .custom-native-sections > li img.logo { margin: 0 30px 30px 0; }
}
@media (min-width: 640px) { .custom-native-micrositePromo .custom-native-sections > li { clear: both; overflow: hidden; padding-top: 30px; }
}
@media (min-width: 960px) { .custom-native-micrositePromo .custom-native-sections > li { clear: none; float: left; margin-left: 40px; margin-top: 40px; margin-bottom: 0; width: 380px; }
}
@media (min-width: 1280px) { .custom-native-micrositePromo .custom-native-sections > li { width: 534px; }
}
@media (min-width: 960px) { .custom-native-micrositePromo .custom-native-sections > li:nth-child(odd) { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-left: 0; }
}
.custom-native-micrositePromo .custom-native-sections > li.item-1 { background: none; padding-top: 0; margin-top: 0;
}
@media (min-width: 960px) { .custom-native-micrositePromo .custom-native-sections > li.item-1, .custom-native-micrositePromo .custom-native-sections > li.item-2 { background: none; padding-top: 0; margin-top: 0; }
}
.custom-native-micrositePromo .custom-native-sections h3 { color: #666; font-size: 11px; margin: 20px 0 15px;
}
@media (min-width: 640px) { .custom-native-micrositePromo .custom-native-sections h3 { margin-top: 0; margin-bottom: 20px; }
}
.custom-native-micrositePromo .custom-native-sections h4 { margin: 0; padding: 0 0 25px 0; font-size: 18px; line-height: 1.22em; position: relative; overflow: hidden;
}
@media (min-width: 640px) { .custom-native-micrositePromo .custom-native-sections h4 { margin-top: 0; font-size: 19px; margin-bottom: 20px; padding-top: 0px; }
}
@media (min-width: 960px) { .custom-native-micrositePromo .custom-native-sections h4 { padding: 0 0 15px 0; }
}
@media (min-width: 1280px) { .custom-native-micrositePromo .custom-native-sections h4 { font-size: 30px; }
}
.custom-native-micrositePromo .custom-native-sections h4 .icon { color: #00b3ac; font-size: 40px; left: -10px; position: absolute; top: 20px;
}
@media (min-width: 960px) { .custom-native-micrositePromo .custom-native-sections h4 .icon { font-size: 50px; top: 6px; }
}
@media (min-width: 1280px) { .custom-native-micrositePromo .custom-native-sections h4 .icon { top: 8px; }
}
.custom-native-micrositePromo .custom-native-sections p { border-top: 1px solid #e3e3e3; font-size: 13px; line-height: 20px; margin-top: 0; padding-top: 25px;
}
@media (min-width: 640px) { .custom-native-micrositePromo .custom-native-sections p { padding-top: 20px; }
}
.custom-native-micrositePromo .custom-native-sections .custom-native-sections-links { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; list-style-type: none;
}
@media (min-width: 640px) { .custom-native-micrositePromo .custom-native-sections .custom-native-sections-links { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; float: left; margin-top: 25px; margin-bottom: 40px; width: 46%; }
}
@media (min-width: 960px) { .custom-native-micrositePromo .custom-native-sections .custom-native-sections-links { background: none; float: none; width: auto; }
}
.custom-native-micrositePromo .custom-native-sections .custom-native-sections-links li { border-top: 1px solid #e3e3e3;
}
.custom-native-micrositePromo .custom-native-sections .custom-native-sections-links li:first-child { border: none;
}
@media (min-width: 640px) { .custom-native-micrositePromo .custom-native-sections .custom-native-sections-links li:first-child { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; }
}
.custom-native-micrositePromo .custom-native-sections .custom-native-sections-links h5 { padding: 25px 0 20px 30px; font-size: 18px; line-height: 1.22em; position: relative; margin: 0;
}
@media (min-width: 960px) { .custom-native-micrositePromo .custom-native-sections .custom-native-sections-links h5 { padding-left: 40px; }
}
.custom-native-micrositePromo .custom-native-sections .custom-native-sections-links h5 .icon { color: #00b3ac; font-size: 40px; left: -10px; position: absolute; top: 20px;
}
@media (min-width: 960px) { .custom-native-micrositePromo .custom-native-sections .custom-native-sections-links h5 .icon { font-size: 50px; top: 16px; }
}
.custom-native-micrositePromo .custom-native-sections .button { display: block; width: 100%; font-size: 14px;
}
@media (min-width: 640px) { .custom-native-micrositePromo .custom-native-sections .button { clear: both; margin: 45px auto 0; width: 350px; }
}
@media (min-width: 960px) { .custom-native-micrositePromo .custom-native-sections .button { margin-top: 30px; }
}
.unisites-micrositePromo { padding-bottom: 50px;
}
@media (min-width: 640px) { .unisites-micrositePromo { padding-bottom: 15px; }
}
@media (min-width: 1280px) { .unisites-micrositePromo { padding-bottom: 40px; }
}
.unisites-micrositePromo h2 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; margin: 15px 0 20px; padding-bottom: 20px;
}
@media (min-width: 640px) { .unisites-micrositePromo h2 { margin: 25px 0; padding-bottom: 30px; }
}
@media (min-width: 960px) { .unisites-micrositePromo h2 { margin-bottom: 0px; }
}
.unisites-micrositePromo .unisites-sections { list-style-type: none; clear: both; overflow: hidden;
}
.unisites-micrositePromo .unisites-sections > li { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 25px; padding-top: 30px;
}
.unisites-micrositePromo .unisites-sections > li .logo { max-width: 65px; max-height: 65px;
}
@media (min-width: 640px) { .unisites-micrositePromo .unisites-sections > li .logo { max-width: 250px; max-height: 60px; }
}
@media (min-width: 640px) { .unisites-micrositePromo .unisites-sections > li { float: left; overflow: hidden; width: 46%; margin-top: 0; padding-top: 30px; margin-bottom: 35px; }
}
@media (min-width: 960px) { .unisites-micrositePromo .unisites-sections > li { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; clear: none; margin-left: 40px; margin-bottom: 0; margin-top: 30px; width: 240px; }
}
@media (min-width: 1280px) { .unisites-micrositePromo .unisites-sections > li { width: 346px; margin-top: 40px; padding-top: 45px; }
}
.unisites-micrositePromo .unisites-sections > li.item-1 { background: none; margin-top: 0; padding-top: 0;
}
@media (min-width: 640px) { .unisites-micrositePromo .unisites-sections > li.item-1, .unisites-micrositePromo .unisites-sections > li.item-2 { background: none; margin-top: 0; padding-top: 0; }
}
@media (min-width: 960px) { .unisites-micrositePromo .unisites-sections > li.item-1, .unisites-micrositePromo .unisites-sections > li.item-2, .unisites-micrositePromo .unisites-sections > li.item-3 { background: none; margin-top: 0; padding-top: 30px; }
}
@media (min-width: 640px) { .unisites-micrositePromo .unisites-sections > li:nth-child(even) { margin-left: 40px; }
}
@media (min-width: 960px) { .unisites-micrositePromo .unisites-sections > li:nth-child(even) { margin-left: 40px; }
}
@media (min-width: 960px) { .unisites-micrositePromo .unisites-sections > li:nth-child(3n+1) { margin-left: 0; }
}
.unisites-micrositePromo .unisites-sections h3 { color: #666; font-size: 11px; margin: 0; padding: 15px 0 15px;
}
@media (min-width: 640px) { .unisites-micrositePromo .unisites-sections h3 { padding: 15px 0; }
}
@media (min-width: 960px) { .unisites-micrositePromo .unisites-sections h3 { margin: 0; }
}
@media (min-width: 1280px) { .unisites-micrositePromo .unisites-sections h3 { padding: 20px 0 15px 0; }
}
.unisites-micrositePromo .unisites-sections h4 { border-bottom: 1px solid #e3e3e3; margin-top: 0; padding: 0 0 40px 0; font-size: 17px; line-height: 1.22em; position: relative;
}
@media (min-width: 640px) { .unisites-micrositePromo .unisites-sections h4 { margin-top: 0; padding-bottom: 20px; }
}
@media (min-width: 960px) { .unisites-micrositePromo .unisites-sections h4 { background: none; margin-top: 0; font-size: 18px; margin-bottom: 20px; }
}
@media (min-width: 1280px) { .unisites-micrositePromo .unisites-sections h4 { font-size: 26px; }
}
.unisites-micrositePromo .unisites-sections h4 .icon { color: #00b3ac; font-size: 40px; left: -10px; position: absolute; top: 20px;
}
@media (min-width: 960px) { .unisites-micrositePromo .unisites-sections h4 .icon { font-size: 50px; top: 6px; }
}
@media (min-width: 1280px) { .unisites-micrositePromo .unisites-sections h4 .icon { top: 8px; }
}
.unisites-micrositePromo .unisites-sections p { font-size: 13px;
}
.unisites-micrositePromo .unisites-sections .unisites-sections-links { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; list-style-type: none;
}
@media (min-width: 640px) { .unisites-micrositePromo .unisites-sections .unisites-sections-links { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; float: left; margin-top: 25px; margin-bottom: 40px; width: 46%; }
}
@media (min-width: 960px) { .unisites-micrositePromo .unisites-sections .unisites-sections-links { background: none; float: none; width: auto; }
}
.unisites-micrositePromo .unisites-sections .unisites-sections-links li { border-top: 1px solid #e3e3e3;
}
.unisites-micrositePromo .unisites-sections .unisites-sections-links li:first-child { border: none;
}
@media (min-width: 640px) { .unisites-micrositePromo .unisites-sections .unisites-sections-links li:first-child { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; }
}
.unisites-micrositePromo .unisites-sections .unisites-sections-links h5 { padding: 25px 0 20px 30px; font-size: 18px; line-height: 1.22em; position: relative; margin: 0;
}
@media (min-width: 960px) { .unisites-micrositePromo .unisites-sections .unisites-sections-links h5 { padding-left: 40px; }
}
.unisites-micrositePromo .unisites-sections .unisites-sections-links h5 .icon { color: #00b3ac; font-size: 40px; left: -10px; position: absolute; top: 20px;
}
@media (min-width: 960px) { .unisites-micrositePromo .unisites-sections .unisites-sections-links h5 .icon { font-size: 50px; top: 16px; }
}
.unisites-micrositePromo .unisites-sections .button { display: block; width: 100%;
}
@media (min-width: 640px) { .unisites-micrositePromo .unisites-sections .button { clear: both; margin: 0 auto; width: 200px; }
}
@media (min-width: 960px) { .unisites-micrositePromo .unisites-sections .button { margin: 0; }
}
@media (min-width: 1280px) { .unisites-micrositePromo .unisites-sections .button { width: 350px; }
}
@media (min-width: 960px) { .learn-more-sections { float: left; width: 560px; }
}
@media (min-width: 1280px) { .learn-more-sections { width: 825px; }
}
.learn-more-items { list-style-type: none;
}
@media (min-width: 640px) { .learn-more-items { clear: both; overflow: hidden; }
}
.learn-more-items li { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 30px; padding-top: 25px;
}
@media (min-width: 640px) { .learn-more-items li { float: left; margin-right: 8%; width: 46%; }
}
@media (min-width: 960px) { .learn-more-items li { margin-right: 40px; width: 240px; }
}
@media (min-width: 1280px) { .learn-more-items li { margin-right: 40px; width: 235px; }
}
.learn-more-items li h3 { color: #666666; font-size: 13px; margin: 0;
}
.learn-more-items li h3 span { display: block;
}
.learn-more-items li h4 { font-size: 18px; line-height: 1.22em; margin: 15px 0; padding-left: 30px; position: relative;
}
@media (min-width: 640px) { .learn-more-items li h4 { line-height: 1.08em; }
}
@media (min-width: 960px) { .learn-more-items li h4 { padding-left: 40px; }
}
.learn-more-items li h4 .icon { color: #00b3ac; font-size: 40px; left: -10px; position: absolute; top: -5px;
}
@media (min-width: 960px) { .learn-more-items li h4 .icon { font-size: 50px; top: -10px; }
}
.learn-more-items li h4 a { display: block;
}
.learn-more-items li p { border-top: 1px solid #e3e3e3; font-size: 13px; padding-top: 15px;
}
@media (min-width: 640px) { .learn-more-items li.lm-item-2 { margin-right: 0; }
}
@media (min-width: 1280px) { .learn-more-items li.lm-item-2 { margin-right: 40px; }
}
.learn-more-items li.lm-item-3 { display: none;
}
@media (min-width: 1280px) { .learn-more-items li.lm-item-3 { display: block; margin-right: 0; }
}
@media (min-width: 960px) { .learn-more-resources { float: left; width: 240px; }
}
@media (min-width: 1280px) { .learn-more-resources { width: 295px; }
}
.learn-more-resources h3 { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; font-size: 16px; padding: 15px 0; margin-bottom: 5px;
}
@media (min-width: 640px) { .learn-more-resources h3 { border-bottom: 0; margin-bottom: 0; }
}
@media (min-width: 960px) { .learn-more-resources h3 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; border-top: 0; margin-top: 30px; padding-top: 25px; }
}
.learn-more-resources .learn-more-resources-list { list-style-type: none;
}
.learn-more-resources .resources-list-item { font-size: 12px; line-height: 1.2em; letter-spacing: .02em; padding: 15px 50px 15px 0; border-bottom: 1px solid #e3e3e3; position: relative;
}
@media (min-width: 640px) { .learn-more-resources .resources-list-item { border-bottom: 0; border-top: 1px solid #e3e3e3; float: left; width: 23%; margin-left: 4%; padding-right: 8%; }
}
@media (min-width: 960px) { .learn-more-resources .resources-list-item { float: none; width: auto; padding-right: 50px; margin-left: 0; }
}
@media (min-width: 640px) { .learn-more-resources .resources-list-item:first-child { margin-left: 0; width: 22%; }
}
@media (min-width: 960px) { .learn-more-resources .resources-list-item:first-child { width: auto; }
}
.learn-more-resources .resources-list-item:last-child { border: 0;
}
@media (min-width: 640px) { .learn-more-resources .resources-list-item:last-child { border-top: 1px solid #e3e3e3; }
}
.learn-more-resources .resources-list-item .icon { background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/bg_profeature_bullet.png?yocs=1_&yoloc=eu") no-repeat; font-size: 27px; color: #a6a6a6; position: absolute; left: auto; right: 0; top: 13px; line-height: 38px; width: 35px; height: 35px; text-align: center; display: block;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .gt-ie8 .learn-more-resources .resources-list-item .icon { background-image: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/bg_profeature_bullet@2x.png?yocs=1_&yoloc=eu"); background-size: 60px 60px; }
}
.learn-more-resources .resources-list-item span { color: #a6a6a6; display: block; white-space: nowrap;
}
.micrositeSponsoredContentHeader { display: block; height: 62px; padding: 0 15px 10px; margin-top: 0; background: #fff url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; position: relative;
}
.micrositeSponsoredContentHeader ul { list-style: none;
}
.micrositeSponsoredContentHeader ul li { height: auto;
}
.micrositeSponsoredType { display: block; font-size: 16px; font-weight: 700; letter-spacing: -.02em; line-height: 38px; color: #00b3ab; text-align: left; margin: 0;
}
.micrositeWhatIsThis { display: inline-block;
}
.micrositeWhatIsThis:hover { cursor: pointer;
}
.micrositeWhatIsThis a { color: #676767; display: none; font-size: 12px; margin-right: 15px; position: relative; top: -8px;
}
.micrositeWhatIsThis .icon-arrow-down { display: inline-block; font-size: 20px; top: -5px;
}
.micrositeWhatIsThis-dropDownPanel { background-color: #fff; border: 1px solid #ccc; border-top: none; box-sizing: border-box; display: none; left: 0px; padding: 15px 10px 15px 15px; position: absolute; top: 62px; width: 100%; z-index: 3;
}
.micrositeWhatIsThis-dropDownPanel p { font-size: 12px; margin: 0; padding: 0;
}
.micrositeSponsorLogo { float: right; margin-top: -20px;
}
.micrositeSponsorLogo p { display: none;
}
@media (min-width: 960px) { .micrositeSponsoredContentHeader { margin-top: 0 !important; } .micrositeWhatIsThis a { display: inline-block; float: left; line-height: 65px !important; margin-top: 0 !important; top: 0 !important; } .micrositeWhatIsThis i { float: left; }
}
@media (min-width: 1280px) { .micrositeSponsoredContentHeader { margin-top: 0px !important; }
}
@media (min-width: 640px) { .micrositeSponsoredType { float: left; } .micrositeSponsoredType { display: block; font-size: 24px; font-weight: 700; line-height: 62px; letter-spacing: -.02em; color: #00b3ab; text-align: left; margin: 0 20px 0 0; } .micrositeWhatIsThis { float: left; } .micrositeWhatIsThis a { display: inline-block; float: left; line-height: 65px; margin-top: 0; top: 0; } .micrositeWhatIsThis i { float: left; line-height: 65px; margin-top: 0; top: 0 !important; } .micrositeWhatIsThis-dropDownPanel { width: 375px !important; } .micrositeSponsorLogo { margin: 0; } .micrositeSponsorLogo p { color: #333; display: inline-block; float: left; font-size: 15px; line-height: 65px; margin: 0; margin-right: 5px; position: relative; top: 0; } .micrositeSponsorLogo img { margin-top: 16px; }
}
#micrositeOneReg div.main-content { background: #fff;
}
#micrositeOneReg div.main-content .top-gradient-bar { display: none; height: 35px; position: relative;
}
@media (min-width: 960px) { #micrositeOneReg div.main-content .top-gradient-bar { display: block; width: 880px; height: 40px; }
}
@media (min-width: 1280px) { #micrositeOneReg div.main-content .top-gradient-bar { width: 1200px; }
}
#micrositeOneReg div.main-content .top-gradient-overlay { width: 100%;
}
@media (min-width: 960px) { #micrositeOneReg div.main-content .top-gradient-overlay { width: 880px; }
}
@media (min-width: 1280px) { #micrositeOneReg div.main-content .top-gradient-overlay { width: 1200px; }
}
@media (min-width: 960px) { #micrositeOneReg .content-columns { margin-left: -40px; }
}
#micrositeOneReg .content-columns .content-left { display: none;
}
#micrositeOneReg .content-columns .content-center { background: transparent; margin: -15px 0 0 0; padding: 0; width: auto;
}
@media (min-width: 960px) { #micrositeOneReg .content-columns .content-center { float: none; margin: -40px 0 0; padding: 0; width: 880px; }
}
@media (min-width: 1280px) { #micrositeOneReg .content-columns .content-center { width: 1200px; }
}
#micrositeOneReg .micrositeSponsoredContentHeader { margin-top: 0 !important;
}
@media (min-width: 960px) { #micrositeOneReg .micrositeSponsoredContentHeader { margin-top: -10px !important; border-top: 1px solid #e3e3e3; z-index: 9999; }
}
#micrositeOneReg .content-center .micrositeOneReg-banner { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; max-width: none; margin-left: -40px; padding-bottom: 10px; padding-left: 40px; width: 100%;
}
.micrositeOneReg-section { background: #fff; clear: both; margin: 9px auto 0; padding: 0 20px 20px; overflow: hidden;
}
@media (min-width: 640px) { .micrositeOneReg-section { padding: 0 40px 50px; }
}
@media (min-width: 960px) { .micrositeOneReg-section { margin: 40px auto; padding-bottom: 50px; }
}
.micrositeOneReg-section h2 { font-size: 20px; margin-bottom: 10px;
}
@media (min-width: 640px) { .micrositeOneReg-section h2 { font-size: 30px; margin-top: 30px; }
}
@media (min-width: 960px) { .micrositeOneReg-section h2 { font-size: 30px; }
}
.micrositeOneReg-section h3 { font-size: 14px; margin-top: 0;
}
@media (min-width: 640px) { .micrositeOneReg-section h3 { font-size: 18px; }
}
@media (min-width: 960px) { .micrositeOneReg-section h3 { display: none; }
}
.micrositeOneReg-section.page-2 h3 { display: none;
}
@media (min-width: 640px) { .micrositeOneReg-section.page-2 h3 { display: block; }
}
@media (min-width: 960px) { .micrositeOneReg-section.page-2 h3 { display: none; }
}
.micrositeOneReg-section.page-2 .micrositeOneReg-about { display: none;
}
@media (min-width: 960px) { .micrositeOneReg-section.page-2 .micrositeOneReg-about { display: block; }
}
@media (min-width: 960px) { .micrositeOneReg-section.page-2 .micrositeOneReg-about h3 { display: block; }
}
@media (min-width: 960px) { .micrositeOneReg-section.page-2 label { margin-right: 15px; text-align: right; }
}
@media (min-width: 1280px) { .micrositeOneReg-section.page-2 label { width: 165px; }
}
@media (min-width: 960px) { .micrositeOneReg-section.page-2 input, .micrositeOneReg-section.page-2 select, .micrositeOneReg-section.page-2 textarea { width: 325px; }
}
@media (min-width: 1280px) { .micrositeOneReg-section.page-2 input, .micrositeOneReg-section.page-2 select, .micrositeOneReg-section.page-2 textarea { width: 370px; }
}
.micrositeOneReg-section.page-2 .label-long label { text-align: left; width: 100%; float: none;
}
.micrositeOneReg-section.banner { margin: -28px 20px 0; padding: 0; padding-bottom: 20px;
}
@media (min-width: 640px) { .micrositeOneReg-section.banner { margin: -43px 40px; padding-bottom: 50px; }
}
@media (min-width: 960px) { .micrositeOneReg-section.banner { margin-top: -81px; }
}
@media (min-width: 1280px) { .micrositeOneReg-section.banner { margin: -124px 40px 0; }
}
@media (min-width: 960px) { .micrositeOneReg-section.banner h2 { margin-bottom: 30px; }
}
@media (min-width: 960px) { .micrositeOneReg-section.banner .micrositeOneReg-form { padding-top: 50px; }
}
.micrositeOneReg-section .stop-page { border: 1px solid #e3e3e3; padding: 0 20px;
}
@media (min-width: 960px) { .micrositeOneReg-section .stop-page { width: 420px; }
}
@media (min-width: 1280px) { .micrositeOneReg-section .stop-page { width: 510px; }
}
.micrositeOneReg-about { display: none;
}
@media (min-width: 640px) { .micrositeOneReg-about { display: block; border-top: 1px solid #e3e3e3; clear: both; overflow: hidden; }
}
@media (min-width: 960px) { .micrositeOneReg-about { float: right; margin-top: -40px; width: 300px; }
}
@media (min-width: 1280px) { .micrositeOneReg-about { width: 530px; }
}
.micrositeOneReg-about .description { float: left; margin: 15px 6% 15px 0; width: 47%;
}
@media (min-width: 960px) { .micrositeOneReg-about .description { float: none; width: 100%; }
}
.micrositeOneReg-about img { float: right; margin: 20px 0; width: 47%;
}
@media (min-width: 960px) { .micrositeOneReg-about img { float: none; width: 100%; margin: 0; }
}
.micrositeOneReg-about h3 { display: none;
}
@media (min-width: 960px) { .micrositeOneReg-about h3 { display: block; font-size: 28px; margin: 15px 0; }
}
.micrositeOneReg-about h4 { display: none;
}
@media (min-width: 960px) { .micrositeOneReg-about h4 { display: block; font-size: 18px; margin: 0; }
}
@media (min-width: 1280px) { .micrositeOneReg-about h4 { font-size: 20px; }
}
.micrositeOneReg-about .share-bar-desktop { width: 100%; text-align: left; border-bottom: 1px solid #e3e3e3; padding: 20px 0 5px;
}
.micrositeOneReg-form { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; padding-top: 30px;
}
@media (min-width: 960px) { .micrositeOneReg-form { float: left; width: 460px; }
}
@media (min-width: 1280px) { .micrositeOneReg-form { width: 550px; }
}
.micrositeOneReg-form ul { list-style: none;
}
.micrositeOneReg-form ul li { clear: both; overflow: hidden; margin-bottom: 20px;
}
.micrositeOneReg-form input,
.micrositeOneReg-form select,
.micrositeOneReg-form textarea { width: 100%; padding: 12px 0 13px 10px; margin-bottom: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 13px; color: #a6a6a6; background: #f2f2f2; border: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .micrositeOneReg-form input, .micrositeOneReg-form select, .micrositeOneReg-form textarea { font-size: 18px; width: 75%; float: left; }
}
@media (min-width: 960px) { .micrositeOneReg-form input, .micrositeOneReg-form select, .micrositeOneReg-form textarea { width: 340px; }
}
@media (min-width: 1280px) { .micrositeOneReg-form input, .micrositeOneReg-form select, .micrositeOneReg-form textarea { width: 430px; }
}
.micrositeOneReg-form label { margin-bottom: 10px; color: #323232; display: block; text-align: left;
}
@media (min-width: 640px) { .micrositeOneReg-form label { width: 22%; margin-right: 3%; float: left; text-align: right; margin-top: 15px; }
}
@media (min-width: 960px) { .micrositeOneReg-form label { width: 120px; margin-right: 0; text-align: left; }
}
.micrositeOneReg-form input[type=submit] { padding: 0; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; font-size: 20px; color: #fff; background: #b20000; height: 50px;
}
.micrositeOneReg-form input[type=submit]:hover { background-color: #7a0000;
}
@media (min-width: 640px) { .micrositeOneReg-form input[type=submit] { width: auto; padding: 0 25px; margin-top: 10px; }
}
@media (min-width: 960px) { .micrositeOneReg-form input[type=submit] { font-size: 24px; float: left; }
}
.micrositeOneReg-form input[type=radio] { width: auto; height: auto; float: left; margin: 0 10px 60px 0;
}
.micrositeOneReg-form input[type=radio],
.micrositeOneReg-form input[type=checkbox] { background-color: transparent; padding: 0; border: 0;
}
.micrositeOneReg-form .email-page-2,
.micrositeOneReg-form #inlineRegEmailTextOnly { display: block; font-size: 18px; border-bottom: 1px solid #e3e3e3; margin-bottom: 5px; padding-bottom: 15px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
@media (min-width: 640px) { .micrositeOneReg-form .email-page-2, .micrositeOneReg-form #inlineRegEmailTextOnly { border: 0; padding-bottom: 0; width: 75%; }
}
@media (min-width: 960px) { .micrositeOneReg-form .email-page-2, .micrositeOneReg-form #inlineRegEmailTextOnly { width: 325px; }
}
@media (min-width: 1280px) { .micrositeOneReg-form .email-page-2, .micrositeOneReg-form #inlineRegEmailTextOnly { width: 370px; }
}
@media (min-width: 640px) { .micrositeOneReg-form .radio-related-products { border-top: 1px solid #e3e3e3; padding-top: 15px; }
}
.micrositeOneReg-form .radio-related-products label { font-size: 13px; color: #666666; margin-bottom: 15px;
}
@media (min-width: 640px) { .micrositeOneReg-form .radio-related-products label { margin-right: 0; width: 93%; text-align: left; margin-top: 0; }
}
.micrositeOneReg-form .radio-related-products input[type=radio] { width: auto; height: auto; float: left; margin: 0 10px 55px 0;
}
@media (min-width: 640px) { .micrositeOneReg-form .radio-related-products input[type=radio] { width: 5%; margin-right: 2%; margin-bottom: 30px; }
}
.micrositeOneReg-form .radioButtonList,
.micrositeOneReg-form .checkboxList { border: 0; padding: 0;
}
.micrositeOneReg-form .radioButtonList li input,
.micrositeOneReg-form .checkboxList li input { float: left; margin-bottom: 10px; margin-right: 0; width: auto;
}
.micrositeOneReg-form .radioButtonList li label,
.micrositeOneReg-form .checkboxList li label { font-size: 13px; margin-left: 20px; margin-top: 0;
}
.micrositeOneReg-form .filled label { display: none;
}
@media (min-width: 640px) { .micrositeOneReg-form .filled label { display: block; margin-top: 2px; }
}
.micrositeOneReg-form .onereg-error p { color: #b20000; font-size: 12px; margin: 0; text-align: right;
}
.micrositeOneReg-form .onereg-error p span { color: #666666;
}
.micrositeOneReg-form .onereg-error p a { color: #b20000;
}
.micrositeOneReg-form .onereg-error p a:hover { color: #7a0000;
}
.micrositeOneReg-form .onereg-error input,
.micrositeOneReg-form .onereg-error select,
.micrositeOneReg-form .onereg-error textarea { border: 1px solid #b20000;
}
.micrositeOneReg-form .onereg-error.submit-error p { font-size: 13px; text-align: center; margin-top: 15px;
}
@media (min-width: 640px) { .micrositeOneReg-form .onereg-error.submit-error p { float: left; margin-left: 15px; margin-top: 25px; text-align: left; }
}
.micrositeOneReg-form #inlineRegProcessing { text-align: center; margin: 25px 0;
}
@media (min-width: 640px) { .micrositeOneReg-form #inlineRegProcessing { text-align: left; margin: 25px 100px 0 100px; float: left; }
}
.micrositeOneReg-form .processing { height: 18px; color: #999999; font-size: 14px; display: block; vertical-align: middle;
}
.micrositeOneReg-form .processing .animatedIcon { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/iconProcessing.gif?yocs=1_&yoloc=eu); height: 16px; width: 16px; white-space: nowrap; display: inline-block; vertical-align: middle; margin-right: 10px;
}
.micrositeOneReg-form .label-long label { text-align: left; width: 100%; float: none;
}
.micrositeOneReg-form .label-long input,
.micrositeOneReg-form .label-long select,
.micrositeOneReg-form .label-long textarea { width: 100%; float: none;
}
.micrositeOneReg-disclaimer { color: #666666; font-size: 13px; margin-top: 5px;
}
@media (min-width: 640px) { .micrositeOneReg-disclaimer { margin-bottom: 0; }
}
@media (min-width: 960px) { .micrositeOneReg-disclaimer { clear: both; width: 460px; }
}
@media (min-width: 1280px) { .micrositeOneReg-disclaimer { width: 550px; }
}
#forgotPassword,
#forgotPasswordConfirm { background-color: #f2f2f2; padding: 20px 20px 10px; text-align: center; clear: both; overflow: hidden;
}
@media (min-width: 640px) { #forgotPassword, #forgotPasswordConfirm { padding: 30px 40px 10px; }
}
#forgotPassword h3,
#forgotPasswordConfirm h3 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; font-size: 20px; padding-bottom: 30px; margin: 0;
}
@media (min-width: 640px) { #forgotPassword h3, #forgotPasswordConfirm h3 { font-size: 28px; }
}
#forgotPassword p,
#forgotPasswordConfirm p { font-size: 14px; margin: 15px 0;
}
@media (min-width: 640px) { #forgotPassword p, #forgotPasswordConfirm p { font-size: 18px; }
}
#forgotPassword .micrositeOneReg-form,
#forgotPasswordConfirm .micrositeOneReg-form { background: none; padding-top: 0;
}
#forgotPassword .micrositeOneReg-form input[type=text],
#forgotPasswordConfirm .micrositeOneReg-form input[type=text] { color: #323232; background-color: #fff; width: 100%; text-align: center; font-size: 14px; width: 100%;
}
@media (min-width: 640px) { #forgotPassword .micrositeOneReg-form input[type=text], #forgotPasswordConfirm .micrositeOneReg-form input[type=text] { width: 435px; font-size: 24px; }
}
#forgotPassword .micrositeOneReg-form input[type=submit],
#forgotPasswordConfirm .micrositeOneReg-form input[type=submit] { font-size: 20px; padding: 0 50px;
}
@media (min-width: 640px) { #forgotPassword .micrositeOneReg-form input[type=submit], #forgotPasswordConfirm .micrositeOneReg-form input[type=submit] { font-size: 26px; margin-left: 125px; }
}
#bprAbstractOneReg .main-content { margin: 130px 20px 0; background: #fff; padding: 0; position: relative; z-index: 2; max-width: none;
}
@media (min-width: 640px) { #bprAbstractOneReg .main-content { padding: 0; }
}
@media (min-width: 960px) { #bprAbstractOneReg .main-content { width: 800px; margin: 40px auto 0; padding: 0 40px !important; }
}
@media (min-width: 1280px) { #bprAbstractOneReg .main-content { width: 1120px; padding: 0 40px !important; }
}
@media (min-width: 960px) { #bprAbstractOneReg .main-content #micrositeContainer { margin: 0 -40px; }
}
#bprAbstractOneReg .main-content #micrositeContainer ul,
#bprAbstractOneReg .main-content #micrositeContainer ol { margin: 0; padding: 0;
}
@media (min-width: 1280px) { #bprAbstractOneReg .main-content #micrositeContainer .socialShare-addThis { display: none !important; }
}
#bprAbstractOneReg .main-content #micrositeContainer input { line-height: normal;
}
#bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section { margin-top: 9px;
}
#bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section h2 { margin-top: 20px; line-height: normal;
}
#bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section h3 { margin: 15px 0;
}
@media (min-width: 960px) { #bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section .micrositeOneReg-about h3 { font-size: 28px; margin: 15px 0; line-height: normal; }
}
@media (min-width: 960px) { #bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section .micrositeOneReg-about h4 { margin: 0; line-height: normal; }
}
#bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section .micrositeOneReg-about .description { margin: 15px 6% 15px 0;
}
#bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section .micrositeOneReg-form label { font-size: 15px;
}
#bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section .share-bar-desktop { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; padding: 20px 0 5px;
}
#bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section .share-bar-desktop a:hover { text-decoration: none;
}
#bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section .stop-page p { font-size: 15px; line-height: 1.53em; color: #666666; margin: 1.5em 0;
}
@media (min-width: 640px) { #bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section .stop-page p { font-size: 16px; line-height: 1.75em; }
}
@media (min-width: 960px) { #bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section .stop-page p { font-size: 17px; line-height: 1.71em; }
}
@media (min-width: 1280px) { #bprAbstractOneReg .main-content #micrositeContainer .micrositeOneReg-section .stop-page p { font-size: 18px; line-height: 1.67em; }
}
#micrositeContainer .share-bar-desktop .count { display: none;
}
.sign-up-wrapper.cascading-reg { margin-bottom: 1.5em;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form { background-color: #f2f2f2; margin-top: 20px; margin-bottom: 0;
}
@media (min-width: 640px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form { margin-top: 10px; }
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form h2 { font-size: 20px; margin-bottom: 10px; margin-top: 0;
}
@media (min-width: 640px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form h2 { font-size: 26px; }
}
@media (min-width: 960px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form h2 { font-size: 30px; }
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form h3 { font-size: 14px; margin-top: 0;
}
@media (min-width: 640px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form h3 { font-size: 18px; }
}
@media (min-width: 960px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form h3 { display: none; }
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .meterContainer { margin-bottom: 10px; padding: 20px 20px 0 20px;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .meterContainer .meter { height: 24px; width: 100%; line-height: 24px; border: 1px solid #e3e3e3; background-color: #fff; box-shadow: none;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .meterContainer .meter .green { height: 24px; font-size: 12px;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form ul { list-style: none;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form ul li { clear: both; overflow: hidden; margin-bottom: 20px;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form input,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form select,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form textarea { width: 100%; padding: 0 0 0 10px; margin-bottom: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 13px; color: #a6a6a6; background: #fff; border: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form input, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form select, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form textarea { font-size: 21px; }
}
@media (min-width: 1280px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form input, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form select, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form textarea { float: left; width: 393px; }
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form input.error,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form select.error,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form textarea.error { border: 1px solid #b20000;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form label { margin-bottom: 10px; color: #323232; display: block; text-align: left;
}
@media (min-width: 640px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form label { margin-top: 15px; }
}
@media (min-width: 960px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form label { font-size: 16px; }
}
@media (min-width: 1280px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form label { float: left; width: 175px; text-align: right; margin-right: 20px; }
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form input[type=submit] { padding: 0 20px; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; font-size: 12px; color: #fff; background: #b20000; height: 50px;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form input[type=submit]:hover { background-color: #7a0000;
}
@media (min-width: 640px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form input[type=submit] { width: auto; padding: 0 25px; margin-top: 10px; font-size: 20px; }
}
@media (min-width: 960px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form input[type=submit] { font-size: 24px; }
}
@media (min-width: 1280px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form input[type=submit] { margin-left: 195px; }
}
@media (min-width: 1280px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form.logged-in input[type=submit] { margin-left: 0; }
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form input[type=radio] { width: auto; height: auto; float: left; margin: 0 10px 0 0;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .radio-related-products { padding-top: 0; margin-bottom: 0;
}
@media (min-width: 1280px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .radio-related-products { margin-left: 195px; }
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .radio-related-products label { font-size: 13px; color: #666666; margin-bottom: 0; margin-left: 25px;
}
@media (min-width: 640px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .radio-related-products label { margin-right: 0; text-align: left; margin-top: 0; }
}
@media (min-width: 1280px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .radio-related-products label { float: none; width: auto; text-align: left; margin-right: 0; }
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .radio-related-products input[type=radio] { width: auto; height: auto; float: left; margin: 0 10px 0 0;
}
@media (min-width: 640px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .radio-related-products input[type=radio] { margin-right: 0; }
}
@media (min-width: 1280px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .radio-related-products input[type=radio] { width: auto; }
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .filled label { display: none;
}
@media (min-width: 640px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .filled label { display: block; }
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .filled input { background-color: #f2f2f2; border: 0; font-size: 13px; color: #323232; padding-left: 0;
}
@media (min-width: 640px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .filled input { font-size: 20px; }
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .radioButtonList,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .checkboxList { border: 0; padding: 0;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .radioButtonList li input,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .checkboxList li input { float: left; margin-bottom: 10px; margin-right: 0; width: auto; height: auto; padding: 0;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .radioButtonList li label,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .checkboxList li label { font-size: 13px; margin-left: 20px; margin-top: 0;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .onereg-error p { color: #b20000; font-size: 12px; margin: 0; text-align: right;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .onereg-error p span { color: #666666;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .onereg-error p a { color: #b20000;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .onereg-error p a:hover { color: #7a0000;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .onereg-error.submit-error p { font-size: 13px; text-align: center; margin-top: 15px;
}
@media (min-width: 640px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .onereg-error.submit-error p { float: left; margin-left: 15px; margin-top: 25px; text-align: left; }
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .error label { color: #b20000;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .error input,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .error select,
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .error textarea { border: 1px solid #b20000;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .error p { color: #b20000; font-size: 12px;
}
@media (min-width: 1280px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .error p { margin-left: 195px; }
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .default-list { margin-left: 0;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form #inlineRegProcessing { text-align: left; margin: 25px 0;
}
@media (min-width: 640px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form #inlineRegProcessing { margin: 25px 100px 0 100px; float: left; }
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .processing { height: 18px; color: #999999; font-size: 14px; display: block; vertical-align: middle;
}
.sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .processing .animatedIcon { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/iconProcessing.gif?yocs=1_&yoloc=eu); height: 16px; width: 16px; white-space: nowrap; display: inline-block; vertical-align: middle; margin: 15px 10px 15px -65px;
}
@media (min-width: 640px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .processing .animatedIcon { margin: 0 10px 20px -65px; }
}
@media (min-width: 960px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .processing .animatedIcon { margin-top: -5px; }
}
@media (min-width: 1280px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .processing .animatedIcon { margin-top: 0; }
}
.cascading-reg ::-webkit-input-placeholder { color: #999;
}
.cascading-reg :-moz-placeholder { color: #999;
}
.cascading-reg ::-moz-placeholder { color: #999;
}
.cascading-reg :-ms-input-placeholder { color: #999;
}
#cascading-fulfillment div.main-content { background: transparent;
}
#cascading-fulfillment div.main-content .top-gradient-bar { height: 35px; position: relative;
}
@media (min-width: 960px) { #cascading-fulfillment div.main-content .top-gradient-bar { width: 880px; height: 40px; }
}
@media (min-width: 1280px) { #cascading-fulfillment div.main-content .top-gradient-bar { width: 1200px; }
}
@media (min-width: 960px) { #cascading-fulfillment .content-columns { margin-left: -40px; }
}
#cascading-fulfillment .content-columns .content-left { display: none;
}
#cascading-fulfillment .content-columns .content-center { background: transparent; margin: -15px 0 0 0; padding: 0; width: auto; min-height: 400px;
}
@media (min-width: 960px) { #cascading-fulfillment .content-columns .content-center { float: none; margin: -40px 0 0; padding: 0; width: 880px; }
}
@media (min-width: 1280px) { #cascading-fulfillment .content-columns .content-center { width: 1200px; }
}
.section.cascading-fulfillment-section { background: #fff; clear: both; margin: 9px auto 40px; padding: 0 20px 20px; overflow: hidden;
}
@media (min-width: 640px) { .section.cascading-fulfillment-section { padding: 0 40px 10px; }
}
@media (min-width: 960px) { .section.cascading-fulfillment-section { margin: 40px auto; padding-bottom: 50px; }
}
.section.cascading-fulfillment-section .download-now { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 30px;
}
.section.cascading-fulfillment-section .download-now .download-now-info { float: none;
}
@media (min-width: 640px) { .section.cascading-fulfillment-section .download-now .download-now-info { float: left; width: 54%; margin-right: 6%; }
}
.section.cascading-fulfillment-section .download-now .download-now-img { float: none;
}
@media (min-width: 640px) { .section.cascading-fulfillment-section .download-now .download-now-img { float: left; width: 40%; margin-top: 30px; }
}
.section.cascading-fulfillment-section .download-now .download-now-img .fulfillment-asset { display: none;
}
@media (min-width: 640px) { .section.cascading-fulfillment-section .download-now .download-now-img .fulfillment-asset { display: block; width: 100%; }
}
.section.cascading-fulfillment-section .download-now h2 { color: #323232;
}
@media (min-width: 640px) { .section.cascading-fulfillment-section .download-now h2 { margin-bottom: 0; }
}
@media (min-width: 1280px) { .section.cascading-fulfillment-section .download-now h2 { font-size: 30px; }
}
@media (min-width: 640px) { .section.cascading-fulfillment-section .download-now p { margin: 10px 0; }
}
@media (min-width: 960px) { .section.cascading-fulfillment-section .download-now p { margin: 20px 0; }
}
.section.cascading-fulfillment-section .download-now .button { padding: 10px 20px; font-size: 16px;
}
@media (min-width: 1280px) { .section.cascading-fulfillment-section .download-now .button { font-size: 18px; }
}
.section.cascading-fulfillment-section .related-content h3 { color: #323232;
}
@media (min-width: 640px) { .section.cascading-fulfillment-section .related-content h3 { margin-bottom: 0; }
}
@media (min-width: 1280px) { .section.cascading-fulfillment-section .related-content h3 { font-size: 24px; }
}
.section.cascading-fulfillment-section .related-content ul { list-style-type: none;
}
.section.cascading-fulfillment-section .related-content li { float: none; border-top: 1px solid #e3e3e3; margin-top: 20px; padding-top: 20px;
}
@media (min-width: 640px) { .section.cascading-fulfillment-section .related-content li { float: left; margin-left: 6%; width: 47%; }
}
@media (min-width: 640px) { .section.cascading-fulfillment-section .related-content li:nth-child(odd) { margin-left: 0; }
}
.section.cascading-fulfillment-section .related-content li h4 { margin-top: 0;
}
@media (min-width: 1280px) { .section.cascading-fulfillment-section .related-content li h4 { font-size: 20px; }
}
.section.cascading-fulfillment-section .related-content li .button { padding: 10px 40px; font-size: 16px;
}
@media (min-width: 1280px) { .section.cascading-fulfillment-section .related-content li .button { font-size: 18px; }
}
@media (min-width: 1280px) { .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form input, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form select, .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form textarea { width: 345px; }
}
#photostory div.main-content,
#video div.main-content,
#podcast div.main-content,
#cartoon div.main-content,
#blogs div.main-content { background: transparent;
}
@media (min-width: 960px) { #photostory div.main-content, #video div.main-content, #podcast div.main-content, #cartoon div.main-content, #blogs div.main-content { width: 800px; }
}
@media (min-width: 1280px) { #photostory div.main-content, #video div.main-content, #podcast div.main-content, #cartoon div.main-content, #blogs div.main-content { width: 1120px; }
}
#photostory .content-columns .content-left,
#video .content-columns .content-left,
#podcast .content-columns .content-left,
#cartoon .content-columns .content-left,
#blogs .content-columns .content-left { display: none;
}
#photostory .content-columns .content-center,
#video .content-columns .content-center,
#podcast .content-columns .content-center,
#cartoon .content-columns .content-center,
#blogs .content-columns .content-center { background: transparent; margin: 0; padding: 0; width: auto; min-height: 400px;
}
@media (min-width: 960px) { #photostory .content-columns .content-center, #video .content-columns .content-center, #podcast .content-columns .content-center, #cartoon .content-columns .content-center, #blogs .content-columns .content-center { float: none; margin: 0 -40px; padding: 0 40px; width: 800px; }
}
@media (min-width: 1280px) { #photostory .content-columns .content-center, #video .content-columns .content-center, #podcast .content-columns .content-center, #cartoon .content-columns .content-center, #blogs .content-columns .content-center { width: 1120px; }
}
#photostory .multimedia-sidebar-item,
#photostory .page-header-ad-tall,
#video .multimedia-sidebar-item,
#video .page-header-ad-tall,
#podcast .multimedia-sidebar-item,
#podcast .page-header-ad-tall,
#cartoon .multimedia-sidebar-item,
#cartoon .page-header-ad-tall,
#blogs .multimedia-sidebar-item,
#blogs .page-header-ad-tall { display: none;
}
#photostory .multimedia-sidebar,
#video .multimedia-sidebar,
#podcast .multimedia-sidebar,
#cartoon .multimedia-sidebar,
#blogs .multimedia-sidebar { display: none;
}
@media (min-width: 960px) { #photostory .multimedia-sidebar, #video .multimedia-sidebar, #podcast .multimedia-sidebar, #cartoon .multimedia-sidebar, #blogs .multimedia-sidebar { display: block; float: right; width: 300px; }
}
#photostory .multimedia-sidebar .ad,
#video .multimedia-sidebar .ad,
#podcast .multimedia-sidebar .ad,
#cartoon .multimedia-sidebar .ad,
#blogs .multimedia-sidebar .ad { display: none;
}
@media (min-width: 960px) { #photostory .multimedia-sidebar .ad, #video .multimedia-sidebar .ad, #podcast .multimedia-sidebar .ad, #cartoon .multimedia-sidebar .ad, #blogs .multimedia-sidebar .ad { display: block; margin-bottom: 40px; }
}
#photostory .multimedia-sidebar .multimedia-sidebar-header,
#video .multimedia-sidebar .multimedia-sidebar-header,
#podcast .multimedia-sidebar .multimedia-sidebar-header,
#cartoon .multimedia-sidebar .multimedia-sidebar-header,
#blogs .multimedia-sidebar .multimedia-sidebar-header { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; font-size: 15px; line-height: 1.22em; letter-spacing: -.02em; padding: 25px 0 15px; border-bottom: 1px solid #e3e3e3;
}
#photostory .multimedia-sidebar .multimedia-sidebar-header span,
#video .multimedia-sidebar .multimedia-sidebar-header span,
#podcast .multimedia-sidebar .multimedia-sidebar-header span,
#cartoon .multimedia-sidebar .multimedia-sidebar-header span,
#blogs .multimedia-sidebar .multimedia-sidebar-header span { color: #00b3ac;
}
#photostory .multimedia-sidebar .multimedia-sidebar-list,
#video .multimedia-sidebar .multimedia-sidebar-list,
#podcast .multimedia-sidebar .multimedia-sidebar-list,
#cartoon .multimedia-sidebar .multimedia-sidebar-list,
#blogs .multimedia-sidebar .multimedia-sidebar-list { list-style: none;
}
@media (min-width: 1280px) { #photostory .multimedia-sidebar .multimedia-sidebar-list.vendor-resources li, #video .multimedia-sidebar .multimedia-sidebar-list.vendor-resources li, #podcast .multimedia-sidebar .multimedia-sidebar-list.vendor-resources li, #cartoon .multimedia-sidebar .multimedia-sidebar-list.vendor-resources li, #blogs .multimedia-sidebar .multimedia-sidebar-list.vendor-resources li { padding-right: 50px; }
}
#photostory .multimedia-sidebar .multimedia-sidebar-list li,
#video .multimedia-sidebar .multimedia-sidebar-list li,
#podcast .multimedia-sidebar .multimedia-sidebar-list li,
#cartoon .multimedia-sidebar .multimedia-sidebar-list li,
#blogs .multimedia-sidebar .multimedia-sidebar-list li { font-size: 12px; line-height: 1.2em; letter-spacing: .02em; padding: 15px 0; border-bottom: 1px solid #e3e3e3; position: relative;
}
#photostory .multimedia-sidebar .multimedia-sidebar-list li a,
#video .multimedia-sidebar .multimedia-sidebar-list li a,
#podcast .multimedia-sidebar .multimedia-sidebar-list li a,
#cartoon .multimedia-sidebar .multimedia-sidebar-list li a,
#blogs .multimedia-sidebar .multimedia-sidebar-list li a { color: #008bc1;
}
#photostory .multimedia-sidebar .multimedia-sidebar-list li a:hover,
#video .multimedia-sidebar .multimedia-sidebar-list li a:hover,
#podcast .multimedia-sidebar .multimedia-sidebar-list li a:hover,
#cartoon .multimedia-sidebar .multimedia-sidebar-list li a:hover,
#blogs .multimedia-sidebar .multimedia-sidebar-list li a:hover { color: #005272;
}
#photostory .multimedia-sidebar .multimedia-sidebar-list li .icon,
#video .multimedia-sidebar .multimedia-sidebar-list li .icon,
#podcast .multimedia-sidebar .multimedia-sidebar-list li .icon,
#cartoon .multimedia-sidebar .multimedia-sidebar-list li .icon,
#blogs .multimedia-sidebar .multimedia-sidebar-list li .icon { font-size: 27px; color: #a6a6a6; position: absolute; left: 18px; top: 13px;
}
@media (min-width: 960px) { #photostory .multimedia-sidebar .multimedia-sidebar-list li .icon, #video .multimedia-sidebar .multimedia-sidebar-list li .icon, #podcast .multimedia-sidebar .multimedia-sidebar-list li .icon, #cartoon .multimedia-sidebar .multimedia-sidebar-list li .icon, #blogs .multimedia-sidebar .multimedia-sidebar-list li .icon { display: none; }
}
@media (min-width: 1280px) { #photostory .multimedia-sidebar .multimedia-sidebar-list li .icon, #video .multimedia-sidebar .multimedia-sidebar-list li .icon, #podcast .multimedia-sidebar .multimedia-sidebar-list li .icon, #cartoon .multimedia-sidebar .multimedia-sidebar-list li .icon, #blogs .multimedia-sidebar .multimedia-sidebar-list li .icon { font-size: 26px; line-height: 38px; text-align: center; width: 35px; height: 35px; background: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/bg_profeature_bullet.png?yocs=1_&yoloc=eu") no-repeat; left: auto; right: 0; top: 8px; display: block; }
}
@media (min-width: 1280px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 1280px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 1280px) and (-webkit-device-pixel-ratio: 1.3), (min-width: 1280px) and (min-device-pixel-ratio: 1.3), (min-width: 1280px) and (min-resolution: 1.3dppx) { .gt-ie8 #photostory .multimedia-sidebar .multimedia-sidebar-list li .icon, .gt-ie8 #video .multimedia-sidebar .multimedia-sidebar-list li .icon, .gt-ie8 #podcast .multimedia-sidebar .multimedia-sidebar-list li .icon, .gt-ie8 #cartoon .multimedia-sidebar .multimedia-sidebar-list li .icon, .gt-ie8 #blogs .multimedia-sidebar .multimedia-sidebar-list li .icon { background-image: url("//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/bg_profeature_bullet@2x.png?yocs=1_&yoloc=eu"); background-size: 60px 60px; }
}
#photostory .multimedia-sidebar .multimedia-sidebar-list li span,
#video .multimedia-sidebar .multimedia-sidebar-list li span,
#podcast .multimedia-sidebar .multimedia-sidebar-list li span,
#cartoon .multimedia-sidebar .multimedia-sidebar-list li span,
#blogs .multimedia-sidebar .multimedia-sidebar-list li span { color: #a6a6a6; display: block; white-space: nowrap;
}
#photostory .multimedia-sidebar .multimedia-sidebar-list li:last-child,
#video .multimedia-sidebar .multimedia-sidebar-list li:last-child,
#podcast .multimedia-sidebar .multimedia-sidebar-list li:last-child,
#cartoon .multimedia-sidebar .multimedia-sidebar-list li:last-child,
#blogs .multimedia-sidebar .multimedia-sidebar-list li:last-child { border: 0; color: white;
}
#photostory .multimedia-sidebar .multimedia-sidebar-list li.see-more,
#video .multimedia-sidebar .multimedia-sidebar-list li.see-more,
#podcast .multimedia-sidebar .multimedia-sidebar-list li.see-more,
#cartoon .multimedia-sidebar .multimedia-sidebar-list li.see-more,
#blogs .multimedia-sidebar .multimedia-sidebar-list li.see-more { border-bottom: 0;
}
#photostory .multimedia-sidebar .multimedia-sidebar-list li.see-more a,
#video .multimedia-sidebar .multimedia-sidebar-list li.see-more a,
#podcast .multimedia-sidebar .multimedia-sidebar-list li.see-more a,
#cartoon .multimedia-sidebar .multimedia-sidebar-list li.see-more a,
#blogs .multimedia-sidebar .multimedia-sidebar-list li.see-more a { display: block; font-size: 14px; color: #a6a6a6; text-align: center;
}
#photostory .multimedia-sidebar .multimedia-sidebar-list li.see-more a:hover,
#video .multimedia-sidebar .multimedia-sidebar-list li.see-more a:hover,
#podcast .multimedia-sidebar .multimedia-sidebar-list li.see-more a:hover,
#cartoon .multimedia-sidebar .multimedia-sidebar-list li.see-more a:hover,
#blogs .multimedia-sidebar .multimedia-sidebar-list li.see-more a:hover { color: #323232;
}
#video .multimedia-section .multimedia-items img { display: block; margin: 0 auto; max-height: 115px; max-width: 347px; text-align: center; width: 100%;
}
#video .multimedia-section .multimedia-items .multimedia-item-img { position: relative; max-width: 245px; height: 80px; background: #c6c2bf;
}
@media (min-width: 400px) { #video .multimedia-section .multimedia-items .multimedia-item-img { max-width: 347px; height: 105px; }
}
@media (min-width: 640px) { #video .multimedia-section .multimedia-items .multimedia-item-img { height: 80px; }
}
@media (min-width: 960px) { #video .multimedia-section .multimedia-items .multimedia-item-img { height: 70px; }
}
#video .multimedia-section .multimedia-items .multimedia-item-img img { position: absolute; max-height: 347px; max-width: 245px; margin-top: -21px; clip: rect(21px 245px 101px 0px);
}
@media (min-width: 400px) { #video .multimedia-section .multimedia-items .multimedia-item-img img { max-width: 347px; margin-top: -30px; clip: rect(30px 347px 135px 0px); }
}
@media (min-width: 640px) { #video .multimedia-section .multimedia-items .multimedia-item-img img { margin-top: -21px; clip: rect(21px 347px 101px 0px); }
}
@media (min-width: 960px) { #video .multimedia-section .multimedia-items .multimedia-item-img img { margin-top: -20px; clip: rect(20px 347px 90px 0px); }
}
#video .multimedia-section .multimedia-items .multimedia-item-img .icon { opacity: 0.7; color: #fff; font-size: 44px; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; left: 100px; top: 15px;
}
@media (min-width: 400px) { #video .multimedia-section .multimedia-items .multimedia-item-img .icon { left: 150px; top: 30px; }
}
@media (min-width: 640px) { #video .multimedia-section .multimedia-items .multimedia-item-img .icon { left: 40%; top: 15px; }
}
@media (min-width: 960px) { #video .multimedia-section .multimedia-items .multimedia-item-img .icon { left: 80px; top: 12px; }
}
@media (min-width: 1280px) { #video .multimedia-section .multimedia-items .multimedia-item-img .icon { left: 92px; top: 12px; }
}
#video .multimedia-section .multimedia-items .multimedia-item-img:hover { cursor: pointer;
}
#video .multimedia-section .multimedia-items .multimedia-item-img:hover .icon { opacity: 1.0;
}
@media (min-width: 1280px) { #video .multimedia-section .multimedia-items .multimedia-main-item-1 .multimedia-item-img, #video .multimedia-section .multimedia-items .multimedia-main-item-2 .multimedia-item-img { height: 115px; }
}
@media (min-width: 1280px) { #video .multimedia-section .multimedia-items .multimedia-main-item-1 .multimedia-item-img img, #video .multimedia-section .multimedia-items .multimedia-main-item-2 .multimedia-item-img img { margin-top: -30px; clip: rect(30px 347px 145px 0px); }
}
@media (min-width: 1280px) { #video .multimedia-section .multimedia-items .multimedia-main-item-1 .multimedia-item-img .icon, #video .multimedia-section .multimedia-items .multimedia-main-item-2 .multimedia-item-img .icon { left: 155px; top: 32px; }
}
#video-detail .section.guide-navigation,
#photostory-detail .section.guide-navigation,
#podcast-detail .section.guide-navigation { margin: 0 0 50px 0;
}
@media (min-width: 1280px) { #video-detail .section.guide-navigation, #photostory-detail .section.guide-navigation, #podcast-detail .section.guide-navigation { width: 540px; box-sizing: border-box; }
}
#cartoon .multimedia-items > li { background: none; border-top: 1px solid #e3e3e3;
}
@media (min-width: 640px) { #cartoon .multimedia-items > li { width: 100%; float: none; }
}
@media (min-width: 1280px) { #cartoon .multimedia-items > li { width: 370px; float: left; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 20px; padding-top: 30px; border: none; }
}
#cartoon .multimedia-items > li:first-child { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 20px; padding-top: 30px; border: none;
}
@media (min-width: 640px) { #cartoon .multimedia-items > li:nth-child(odd) { clear: none; }
}
@media (min-width: 1280px) { #cartoon .multimedia-items > li:nth-child(odd) { clear: none; }
}
@media (min-width: 1280px) { #cartoon .multimedia-items > li:nth-child(3n+1) { clear: none; }
}
@media (min-width: 1280px) { #cartoon .multimedia-items > li:nth-child(3n), #cartoon .multimedia-items > li:nth-child(3n+2) { margin-left: 0; }
}
@media (min-width: 640px) { #cartoon .multimedia-items > li:nth-child(even) { margin-left: 0; }
}
@media (min-width: 1280px) { #cartoon .multimedia-items > li:nth-child(even) { margin-left: 40px; }
}
@media (min-width: 1280px) { #cartoon .multimedia-items > li:nth-child(odd) { clear: left; }
}
#cartoon .multimedia-items > li .multimedia-item-img { float: left; margin-right: 15px;
}
@media (min-width: 640px) { #cartoon .multimedia-items > li .multimedia-item-img { margin-right: 20px; }
}
#cartoon .multimedia-items > li .multimedia-item-img img { height: 79px; width: 100px; max-height: none;
}
@media (min-width: 640px) { #cartoon .multimedia-items > li .multimedia-item-img img { height: 95px; width: 120px; }
}
#cartoon .multimedia-items > li h4 { margin-left: 115px; margin-top: 0;
}
@media (min-width: 640px) { #cartoon .multimedia-items > li h4 { margin-left: 140px; margin-bottom: 5px; }
}
#cartoon .multimedia-items > li > p { border: none; clear: both; margin-top: 0; padding-top: 10px;
}
@media (min-width: 640px) { #cartoon .multimedia-items > li > p { clear: none; margin-left: 140px; padding-top: 0; }
}
@media (min-width: 960px) { #cartoon .multimedia-items { clear: both; overflow: hidden; }
}
#cartoon .multimedia-items .multimedia-main-item-1,
#cartoon .multimedia-items .multimedia-main-item-2,
#cartoon .multimedia-items .multimedia-main-item-3 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 20px; padding-top: 30px; border: none;
}
@media (min-width: 640px) { #cartoon .multimedia-items .multimedia-main-item-1, #cartoon .multimedia-items .multimedia-main-item-2, #cartoon .multimedia-items .multimedia-main-item-3 { width: 47%; float: left; }
}
@media (min-width: 1280px) { #cartoon .multimedia-items .multimedia-main-item-1, #cartoon .multimedia-items .multimedia-main-item-2, #cartoon .multimedia-items .multimedia-main-item-3 { width: 233px; float: left; }
}
@media (min-width: 640px) { #cartoon .multimedia-items .multimedia-main-item-1:nth-child(even), #cartoon .multimedia-items .multimedia-main-item-2:nth-child(even), #cartoon .multimedia-items .multimedia-main-item-3:nth-child(even) { margin-left: 6%; }
}
@media (min-width: 1280px) { #cartoon .multimedia-items .multimedia-main-item-1:nth-child(even), #cartoon .multimedia-items .multimedia-main-item-2:nth-child(even), #cartoon .multimedia-items .multimedia-main-item-3:nth-child(even) { margin-left: 40px; }
}
#cartoon .multimedia-items .multimedia-main-item-1 .multimedia-item-img,
#cartoon .multimedia-items .multimedia-main-item-2 .multimedia-item-img,
#cartoon .multimedia-items .multimedia-main-item-3 .multimedia-item-img { float: none; margin-right: 0; text-align: center;
}
#cartoon .multimedia-items .multimedia-main-item-1 .multimedia-item-img img,
#cartoon .multimedia-items .multimedia-main-item-2 .multimedia-item-img img,
#cartoon .multimedia-items .multimedia-main-item-3 .multimedia-item-img img { height: 190px; width: 240px; max-height: none;
}
@media (min-width: 960px) { #cartoon .multimedia-items .multimedia-main-item-1 .multimedia-item-img img, #cartoon .multimedia-items .multimedia-main-item-2 .multimedia-item-img img, #cartoon .multimedia-items .multimedia-main-item-3 .multimedia-item-img img { height: 166px; width: 210px; }
}
@media (min-width: 1280px) { #cartoon .multimedia-items .multimedia-main-item-1 .multimedia-item-img img, #cartoon .multimedia-items .multimedia-main-item-2 .multimedia-item-img img, #cartoon .multimedia-items .multimedia-main-item-3 .multimedia-item-img img { height: 185px; width: 233px; }
}
#cartoon .multimedia-items .multimedia-main-item-1 h4,
#cartoon .multimedia-items .multimedia-main-item-2 h4,
#cartoon .multimedia-items .multimedia-main-item-3 h4 { margin-left: 0; margin-top: 20px;
}
@media (min-width: 640px) { #cartoon .multimedia-items .multimedia-main-item-1 h4, #cartoon .multimedia-items .multimedia-main-item-2 h4, #cartoon .multimedia-items .multimedia-main-item-3 h4 { margin-left: 0; margin-bottom: 15px; }
}
@media (min-width: 1280px) { #cartoon .multimedia-items .multimedia-main-item-1 h4, #cartoon .multimedia-items .multimedia-main-item-2 h4, #cartoon .multimedia-items .multimedia-main-item-3 h4 { font-size: 24px; }
}
#cartoon .multimedia-items .multimedia-main-item-1 > p,
#cartoon .multimedia-items .multimedia-main-item-2 > p,
#cartoon .multimedia-items .multimedia-main-item-3 > p { border-top: 1px solid #e3e3e3; clear: none; padding-top: 15px;
}
@media (min-width: 640px) { #cartoon .multimedia-items .multimedia-main-item-1 > p, #cartoon .multimedia-items .multimedia-main-item-2 > p, #cartoon .multimedia-items .multimedia-main-item-3 > p { margin-left: 0; }
}
@media (min-width: 1280px) { #cartoon .paginated .multimedia-items > li:nth-child(3n), #cartoon .paginated .multimedia-items > li:nth-child(3n+1) { margin-left: 0; }
}
@media (min-width: 1280px) { #cartoon .paginated .multimedia-items > li:nth-child(3n+2) { clear: none; }
}
@media (min-width: 1280px) { #cartoon .paginated .multimedia-items > li:nth-child(even) { margin-left: 40px; }
}
@media (min-width: 1280px) { #cartoon .paginated .multimedia-items > li:nth-child(odd) { clear: left; }
}
#cartoon .multimedia-items > li.multimedia-main-item-3 { display: none;
}
@media (min-width: 1280px) { #cartoon .multimedia-items > li.multimedia-main-item-3 { display: block; margin-left: 40px; clear: none; }
}
.multimedia-header { background: #fff; margin-top: -10px; padding-top: 15px; position: relative;
}
@media (min-width: 640px) { .multimedia-header { margin-top: 0; }
}
@media (min-width: 960px) { .multimedia-header { margin: 29px -40px 0; padding: 15px 40px 0; }
}
@media (min-width: 1280px) { .multimedia-header { margin-top: 43px; padding-top: 25px; padding-bottom: 10px; }
}
@media (min-width: 960px) { .multimedia-header .page-header-ad, .multimedia-header .page-header-ad-tall { bottom: 0; right: 0; }
}
@media (min-width: 1280px) { .multimedia-header .page-header-ad, .multimedia-header .page-header-ad-tall { bottom: auto; top: 10px; }
}
.multimedia-title { font-size: 20px; line-height: 1.1em; letter-spacing: -.02em; color: #323232; margin: 0 20px 0;
}
@media (min-width: 640px) { .multimedia-title { font-size: 30px; margin: 0 40px 0; }
}
@media (min-width: 960px) { .multimedia-title { font-size: 44px; margin: 0; }
}
@media (min-width: 1280px) { .multimedia-title { font-size: 50px; margin-right: 340px; }
}
.multimedia-section { background: #fff; clear: both; margin: 40px auto; padding: 0 20px 20px; overflow: visible;
}
@media (min-width: 640px) { .multimedia-section { padding: 0 40px 50px; overflow: hidden; }
}
.multimedia-section h2 { font-size: 20px; margin-bottom: -15px; margin-top: 0; padding-top: 15px;
}
@media (min-width: 640px) { .multimedia-section h2 { font-size: 28px; margin-top: 30px; padding-top: 0; }
}
@media (min-width: 960px) { .multimedia-section h2 { font-size: 32px; }
}
.multimedia-section h4 a:hover { color: #00b3ac;
}
.multimedia-section.main-section { margin: 0 auto 40px;
}
@media (min-width: 960px) { .multimedia-section.main-section { margin: 0 -40px 40px; }
}
.multimedia-section.main-section .multimedia-items { list-style: none; clear: both; overflow: hidden;
}
@media (min-width: 960px) { .multimedia-section.main-section .multimedia-items { clear: none; overflow: visible; }
}
.multimedia-section.main-section .multimedia-items > li { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 30px; padding-top: 30px;
}
.multimedia-section.main-section .multimedia-items > li h4 { font-size: 18px; line-height: 1.22em; margin: 20px 0 15px; position: relative;
}
@media (min-width: 640px) { .multimedia-section.main-section .multimedia-items > li h4 { line-height: 1.08em; min-height: 25px; }
}
.multimedia-section.main-section .multimedia-items > li h4 a { display: block;
}
.multimedia-section.main-section .multimedia-items > li > p { border-top: 1px solid #e3e3e3; font-size: 13px; padding-top: 15px;
}
.multimedia-section.main-section .multimedia-items > li.multimedia-main-item-1 { background: none; margin-top: 0;
}
@media (min-width: 1280px) { .multimedia-section.main-section .multimedia-items > li.multimedia-main-item-1 { width: 370px; }
}
@media (min-width: 640px) { .multimedia-section.main-section .multimedia-items > li.multimedia-main-item-2 { background: none; margin-top: 0; }
}
@media (min-width: 1280px) { .multimedia-section.main-section .multimedia-items > li.multimedia-main-item-2 { width: 370px; margin-left: 40px; }
}
.multimedia-section.main-section .multimedia-items > li.multimedia-main-item-1 .multimedia-item-img img, .multimedia-section.main-section .multimedia-items > li.multimedia-main-item-2 .multimedia-item-img img { width: auto; max-height: 136px; max-width: 240px;
}
@media (min-width: 1280px) { .multimedia-section.main-section .multimedia-items > li.multimedia-main-item-1 .multimedia-item-img img, .multimedia-section.main-section .multimedia-items > li.multimedia-main-item-2 .multimedia-item-img img { width: auto; max-height: 210px; max-width: 370px; }
}
@media (min-width: 640px) { .multimedia-section.main-section .multimedia-items > li.multimedia-main-item-1 h4, .multimedia-section.main-section .multimedia-items > li.multimedia-main-item-2 h4 { font-size: 24px; }
}
@media (min-width: 640px) { .multimedia-section.main-section .multimedia-items > li:nth-child(odd) { clear: left; }
}
@media (min-width: 1280px) { .multimedia-section.main-section .multimedia-items > li:nth-child(odd) { clear: none; }
}
@media (min-width: 1280px) { .multimedia-section.main-section .multimedia-items > li:nth-child(3n+1) { clear: left; }
}
@media (min-width: 1280px) { .multimedia-section.main-section .multimedia-items > li:nth-child(3n), .multimedia-section.main-section .multimedia-items > li:nth-child(3n+2) { margin-left: 40px; }
}
.multimedia-section.main-section .multimedia-items > li .multimedia-item-img img { width: auto; max-height: 136px; max-width: 240px;
}
@media (min-width: 1280px) { .multimedia-section.main-section.paginated .multimedia-items > li:nth-child(odd) { clear: none; }
}
@media (min-width: 1280px) { .multimedia-section.main-section.paginated .multimedia-items > li:nth-child(3n+1) { clear: none; }
}
@media (min-width: 1280px) { .multimedia-section.main-section.paginated .multimedia-items > li:nth-child(3n), .multimedia-section.main-section.paginated .multimedia-items > li:nth-child(3n+2) { margin-left: 0; }
}
@media (min-width: 1280px) { .multimedia-section.main-section.paginated .multimedia-items > li:nth-child(3n), .multimedia-section.main-section.paginated .multimedia-items > li:nth-child(3n+1) { margin-left: 40px; }
}
@media (min-width: 1280px) { .multimedia-section.main-section.paginated .multimedia-items > li:nth-child(3n+2) { clear: left; }
}
@media (min-width: 1280px) { .multimedia-section.main-section.paginated .multimedia-items > li.multimedia-item-1 { clear: none; margin-left: 0; }
}
@media (min-width: 1280px) { .multimedia-section.main-section.paginated .multimedia-items > li.multimedia-item-2 { margin-left: 40px; clear: none; }
}
.multimedia-section.main-section.paginated .multimedia-items > li.multimedia-item-1, .multimedia-section.main-section.paginated .multimedia-items > li.multimedia-item-2, .multimedia-section.main-section.paginated .multimedia-items > li.multimedia-item-3 { background: none; padding-top: 0;
}
.multimedia-section .pagination { margin: 40px 0 20px;
}
@media (min-width: 640px) { .multimedia-section .pagination { margin: 40px 0 0; }
}
@media (min-width: 960px) { .multimedia-section .listTypePagination { font-size: 11px; }
}
@media (min-width: 1280px) { .multimedia-section .listTypePagination { font-size: 12px; }
}
@media (min-width: 640px) { .multimedia-section .listTypePagination li { padding-left: 7px; }
}
@media (min-width: 960px) { .multimedia-section .listTypePagination li { padding-left: 6px; }
}
@media (min-width: 1280px) { .multimedia-section .listTypePagination li { padding-left: 9px; }
}
@media (min-width: 1280px) { .multimedia-section.video-section .ad-inline, .multimedia-section.photostory-section .ad-inline, .multimedia-section.podcast-section .ad-inline { float: left; margin-left: 40px; margin-bottom: 0; }
}
@media (min-width: 960px) { .multimedia-section.video-section, .multimedia-section.photostory-section, .multimedia-section.podcast-section { margin: 0 -40px 40px; }
}
.multimedia-section.video-section ul, .multimedia-section.photostory-section ul, .multimedia-section.podcast-section ul { list-style: none; clear: both; overflow: hidden;
}
@media (min-width: 640px) { .multimedia-section.video-section ul, .multimedia-section.photostory-section ul, .multimedia-section.podcast-section ul { clear: both; overflow: hidden; margin-bottom: 40px; }
}
@media (min-width: 960px) { .multimedia-section.video-section ul, .multimedia-section.photostory-section ul, .multimedia-section.podcast-section ul { margin-bottom: 0; }
}
@media (min-width: 1280px) { .multimedia-section.video-section .video-section-list-1, .multimedia-section.video-section .photostory-section-list-1, .multimedia-section.photostory-section .video-section-list-1, .multimedia-section.photostory-section .photostory-section-list-1, .multimedia-section.podcast-section .video-section-list-1, .multimedia-section.podcast-section .photostory-section-list-1 { float: left; margin-bottom: 0; }
}
@media (min-width: 1280px) { .multimedia-section.video-section .video-section-list-1 li h4, .multimedia-section.video-section .photostory-section-list-1 li h4, .multimedia-section.photostory-section .video-section-list-1 li h4, .multimedia-section.photostory-section .photostory-section-list-1 li h4, .multimedia-section.podcast-section .video-section-list-1 li h4, .multimedia-section.podcast-section .photostory-section-list-1 li h4 { min-height: 70px; }
}
.multimedia-section.video-section li, .multimedia-section.photostory-section li, .multimedia-section.podcast-section li { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 30px; padding-top: 25px;
}
@media (min-width: 640px) { .multimedia-section.video-section li, .multimedia-section.photostory-section li, .multimedia-section.podcast-section li { float: left; width: 47%; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-top: 0; padding-bottom: 15px; } .multimedia-section.video-section li:nth-child(even), .multimedia-section.photostory-section li:nth-child(even), .multimedia-section.podcast-section li:nth-child(even) { margin-left: 6%; }
}
@media (min-width: 1280px) { .multimedia-section.video-section li, .multimedia-section.photostory-section li, .multimedia-section.podcast-section li { width: 346px; } .multimedia-section.video-section li:nth-child(even), .multimedia-section.photostory-section li:nth-child(even), .multimedia-section.podcast-section li:nth-child(even) { margin-left: 0; }
}
.multimedia-section.video-section li h4, .multimedia-section.photostory-section li h4, .multimedia-section.podcast-section li h4 { font-size: 18px; line-height: 1.22em; margin: 15px 0;
}
@media (min-width: 640px) { .multimedia-section.video-section li h4, .multimedia-section.photostory-section li h4, .multimedia-section.podcast-section li h4 { margin: 10px 0 30px; font-size: 20px; }
}
.multimedia-section.video-section li.video-item-1, .multimedia-section.video-section li.photostory-item-1, .multimedia-section.photostory-section li.video-item-1, .multimedia-section.photostory-section li.photostory-item-1, .multimedia-section.podcast-section li.video-item-1, .multimedia-section.podcast-section li.photostory-item-1 { background: none; padding-top: 0;
}
@media (min-width: 640px) { .multimedia-section.video-section li.video-item-1, .multimedia-section.video-section li.photostory-item-1, .multimedia-section.photostory-section li.video-item-1, .multimedia-section.photostory-section li.photostory-item-1, .multimedia-section.podcast-section li.video-item-1, .multimedia-section.podcast-section li.photostory-item-1 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; }
}
.multimedia-section.video-section li.video-item-5, .multimedia-section.video-section li.photostory-item-5, .multimedia-section.photostory-section li.video-item-5, .multimedia-section.photostory-section li.photostory-item-5, .multimedia-section.podcast-section li.video-item-5, .multimedia-section.podcast-section li.photostory-item-5 { display: none;
}
@media (min-width: 1280px) { .multimedia-section.video-section li.video-item-5, .multimedia-section.video-section li.photostory-item-5, .multimedia-section.photostory-section li.video-item-5, .multimedia-section.photostory-section li.photostory-item-5, .multimedia-section.podcast-section li.video-item-5, .multimedia-section.podcast-section li.photostory-item-5 { display: block; }
}
@media (min-width: 1280px) { .multimedia-section.video-section li.video-item-2, .multimedia-section.video-section li.video-item-4, .multimedia-section.video-section li.video-item-5, .multimedia-section.video-section li.photostory-item-2, .multimedia-section.video-section li.photostory-item-4, .multimedia-section.video-section li.photostory-item-5, .multimedia-section.photostory-section li.video-item-2, .multimedia-section.photostory-section li.video-item-4, .multimedia-section.photostory-section li.video-item-5, .multimedia-section.photostory-section li.photostory-item-2, .multimedia-section.photostory-section li.photostory-item-4, .multimedia-section.photostory-section li.photostory-item-5, .multimedia-section.podcast-section li.video-item-2, .multimedia-section.podcast-section li.video-item-4, .multimedia-section.podcast-section li.video-item-5, .multimedia-section.podcast-section li.photostory-item-2, .multimedia-section.podcast-section li.photostory-item-4, .multimedia-section.podcast-section li.photostory-item-5 { margin-left: 40px; }
}
.multimedia-section.video-section .button, .multimedia-section.photostory-section .button, .multimedia-section.podcast-section .button { margin: 40px 0 20px; display: block; width: 100%;
}
@media (min-width: 640px) { .multimedia-section.video-section .button, .multimedia-section.photostory-section .button, .multimedia-section.podcast-section .button { clear: both; overflow: hidden; margin: 0 auto; width: 225px; }
}
@media (min-width: 960px) { .multimedia-section.video-section .button, .multimedia-section.photostory-section .button, .multimedia-section.podcast-section .button { width: 265px; float: left; margin-left: 265px; margin-top: 40px; }
}
@media (min-width: 1280px) { .multimedia-section.video-section .button, .multimedia-section.photostory-section .button, .multimedia-section.podcast-section .button { margin-left: 428px; }
}
.multimedia-section.video-section img, .multimedia-section.podcast-section img { display: block; margin: 0 auto; max-height: 115px; max-width: 347px; text-align: center; width: 100%;
}
.multimedia-section.video-section .video-img, .multimedia-section.podcast-section .video-img { position: relative; max-width: 245px; height: 80px; background: #c6c2bf;
}
@media (min-width: 400px) { .multimedia-section.video-section .video-img, .multimedia-section.podcast-section .video-img { max-width: 347px; height: 105px; }
}
@media (min-width: 640px) { .multimedia-section.video-section .video-img, .multimedia-section.podcast-section .video-img { height: 80px; }
}
@media (min-width: 960px) { .multimedia-section.video-section .video-img, .multimedia-section.podcast-section .video-img { height: 115px; }
}
.multimedia-section.video-section .video-img img, .multimedia-section.podcast-section .video-img img { position: absolute; max-height: 347px; max-width: 245px; margin-top: -21px; clip: rect(21px 245px 101px 0px);
}
@media (min-width: 400px) { .multimedia-section.video-section .video-img img, .multimedia-section.podcast-section .video-img img { max-width: 347px; margin-top: -30px; clip: rect(30px 347px 135px 0px); }
}
@media (min-width: 640px) { .multimedia-section.video-section .video-img img, .multimedia-section.podcast-section .video-img img { margin-top: -21px; clip: rect(21px 347px 101px 0px); }
}
@media (min-width: 960px) { .multimedia-section.video-section .video-img img, .multimedia-section.podcast-section .video-img img { margin-top: -30px; clip: rect(30px 347px 145px 0px); }
}
@media (min-width: 960px) { .multimedia-section.podcast-section { margin: 0 -40px 40px; }
}
.multimedia-section.podcast-section ul { list-style: none;
}
@media (min-width: 640px) { .multimedia-section.podcast-section ul { clear: both; overflow: hidden; margin-bottom: 40px; }
}
.multimedia-section.podcast-section li { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 30px; padding-top: 25px;
}
@media (min-width: 640px) { .multimedia-section.podcast-section li { float: left; width: 47%; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-top: 0; padding-bottom: 15px; } .multimedia-section.podcast-section li:nth-child(even) { margin-left: 6%; }
}
@media (min-width: 1280px) { .multimedia-section.podcast-section li { width: 346px; } .multimedia-section.podcast-section li:nth-child(even) { margin-left: 0; }
}
.multimedia-section.podcast-section li h4 { font-size: 18px; line-height: 1.22em; margin: 15px 0;
}
@media (min-width: 640px) { .multimedia-section.podcast-section li h4 { margin: 10px 0 30px; font-size: 20px; }
}
.multimedia-section.podcast-section li.podcast-item-1 { background: none; padding-top: 0;
}
@media (min-width: 640px) { .multimedia-section.podcast-section li.podcast-item-1 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; }
}
.multimedia-section.podcast-section li.podcast-item-5, .multimedia-section.podcast-section li.podcast-item-6 { display: none;
}
@media (min-width: 960px) { .multimedia-section.podcast-section li.podcast-item-5, .multimedia-section.podcast-section li.podcast-item-6 { display: block; }
}
@media (min-width: 1280px) { .multimedia-section.podcast-section li.podcast-item-2, .multimedia-section.podcast-section li.podcast-item-3, .multimedia-section.podcast-section li.podcast-item-5, .multimedia-section.podcast-section li.podcast-item-6 { margin-left: 40px; }
}
@media (min-width: 640px) { .multimedia-section.podcast-section li.podcast-item-3, .multimedia-section.podcast-section li.podcast-item-5 { clear: left; }
}
@media (min-width: 1280px) { .multimedia-section.podcast-section li.podcast-item-3, .multimedia-section.podcast-section li.podcast-item-5 { clear: none; }
}
@media (min-width: 1280px) { .multimedia-section.podcast-section li.podcast-item-4 { clear: left; }
}
.multimedia-section.podcast-section .button { margin: 40px 0 20px; display: block; width: 100%;
}
@media (min-width: 640px) { .multimedia-section.podcast-section .button { clear: both; overflow: hidden; margin: 0 auto; width: 225px; }
}
@media (min-width: 960px) { .multimedia-section.podcast-section .button { width: 265px; float: left; margin-left: 265px; margin-top: 40px; }
}
@media (min-width: 1280px) { .multimedia-section.podcast-section .button { margin-left: 428px; }
}
.multimedia-section.podcast-section .podcast-img { max-height: 136px;
}
@media (min-width: 960px) { .multimedia-section.podcast-section .podcast-img { max-height: 116px; }
}
@media (min-width: 1280px) { .multimedia-section.podcast-section .podcast-img { max-height: 116px; }
}
.multimedia-section.podcast-section .podcast-img img { width: auto; max-height: 136px; max-width: 240px;
}
@media (min-width: 960px) { .multimedia-section.podcast-section .podcast-img img { max-height: 116px; max-width: 376px; }
}
@media (min-width: 1280px) { .multimedia-section.podcast-section .podcast-img img { max-height: 116px; max-width: 346px; }
}
.multimedia-section.photostory-section .photostory-img { max-height: 136px;
}
@media (min-width: 960px) { .multimedia-section.photostory-section .photostory-img { max-height: 116px; }
}
@media (min-width: 1280px) { .multimedia-section.photostory-section .photostory-img { max-height: 116px; }
}
.multimedia-section.photostory-section .photostory-img img { width: auto; max-height: 136px; max-width: 240px;
}
@media (min-width: 960px) { .multimedia-section.photostory-section .photostory-img img { max-height: 116px; max-width: 376px; }
}
@media (min-width: 1280px) { .multimedia-section.photostory-section .photostory-img img { max-height: 116px; max-width: 346px; }
}
.multimedia-section.photostory-section li h4 { margin-top: 20px;
}
.video-img .icon { opacity: 0.7; color: #fff; font-size: 44px; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; left: 100px; top: 15px;
}
@media (min-width: 400px) { .video-img .icon { left: 150px; top: 30px; }
}
@media (min-width: 640px) { .video-img .icon { left: 40%; top: 15px; }
}
@media (min-width: 960px) { .video-img .icon { left: 150px; top: 30px; }
}
.video-img:hover { cursor: pointer;
}
.video-img:hover .icon { opacity: 1.0;
}
.multimedia-section-inner { display: none;
}
@media (min-width: 960px) { .multimedia-section-inner { float: left; width: 460px; margin-right: 40px; }
}
@media (min-width: 1280px) { .multimedia-section-inner { width: 780px; }
}
@media (min-width: 640px) { .multimedia-items li { float: left; width: 47%; }
}
@media (min-width: 960px) { .multimedia-items li { width: 210px; }
}
@media (min-width: 1280px) { .multimedia-items li { width: 233px; }
}
@media (min-width: 640px) { .multimedia-items li:nth-child(even) { margin-left: 6%; }
}
@media (min-width: 960px) { .multimedia-items li:nth-child(even) { margin-left: 40px; }
}
@media (min-width: 1280px) { .multimedia-items li:nth-child(even) { margin-left: 0; }
}
#photostory-detail .main-article-author,
#video-detail .main-article-author,
#cartoon-detail .main-article-author,
#podcast-detail .main-article-author { clear: both; overflow: hidden; border-bottom: 0; margin-bottom: 5px;
}
@media (min-width: 640px) { #photostory-detail .main-article-author, #video-detail .main-article-author, #cartoon-detail .main-article-author, #podcast-detail .main-article-author { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin: 0 0 10px 0; padding-top: 20px; }
}
@media (min-width: 960px) { #photostory-detail .main-article-author, #video-detail .main-article-author, #cartoon-detail .main-article-author, #podcast-detail .main-article-author { margin: 0; background: none; width: 170px; padding-top: 0; }
}
@media (min-width: 1280px) { #photostory-detail .main-article-author, #video-detail .main-article-author, #cartoon-detail .main-article-author, #podcast-detail .main-article-author { width: 200px; }
}
@media (min-width: 1280px) { #photostory-detail .main-article-author .main-article-author-info, #photostory-detail .main-article-author .main-article-author-contact, #video-detail .main-article-author .main-article-author-info, #video-detail .main-article-author .main-article-author-contact, #cartoon-detail .main-article-author .main-article-author-info, #cartoon-detail .main-article-author .main-article-author-contact, #podcast-detail .main-article-author .main-article-author-info, #podcast-detail .main-article-author .main-article-author-contact { float: none; width: auto; }
}
#photostory-detail .main-article-author-info,
#video-detail .main-article-author-info,
#cartoon-detail .main-article-author-info,
#podcast-detail .main-article-author-info { float: left; width: 60%;
}
@media (min-width: 640px) { #photostory-detail .main-article-author-info, #video-detail .main-article-author-info, #cartoon-detail .main-article-author-info, #podcast-detail .main-article-author-info { width: 70%; }
}
@media (min-width: 960px) { #photostory-detail .main-article-author-info, #video-detail .main-article-author-info, #cartoon-detail .main-article-author-info, #podcast-detail .main-article-author-info { float: none; overflow: hidden; width: auto; }
}
#photostory-detail .main-article-author-contact,
#video-detail .main-article-author-contact,
#cartoon-detail .main-article-author-contact,
#podcast-detail .main-article-author-contact { float: right;
}
@media (min-width: 960px) { #photostory-detail .main-article-author-contact, #video-detail .main-article-author-contact, #cartoon-detail .main-article-author-contact, #podcast-detail .main-article-author-contact { float: none; }
}
#photostory-detail .main-article-author-date,
#video-detail .main-article-author-date,
#cartoon-detail .main-article-author-date,
#podcast-detail .main-article-author-date { margin-top: 0;
}
#photostory-detail .main-article-share-counts,
#video-detail .main-article-share-counts,
#cartoon-detail .main-article-share-counts,
#podcast-detail .main-article-share-counts { margin-bottom: 10px;
}
#photostory-detail .main-content.comments-wrapper,
#video-detail .main-content.comments-wrapper,
#cartoon-detail .main-content.comments-wrapper,
#podcast-detail .main-content.comments-wrapper { padding-top: 0; padding-bottom: 40px;
}
#photostory-detail .main-content.comments-wrapper .content-left.comments-left,
#video-detail .main-content.comments-wrapper .content-left.comments-left,
#cartoon-detail .main-content.comments-wrapper .content-left.comments-left,
#podcast-detail .main-content.comments-wrapper .content-left.comments-left { display: none;
}
@media (min-width: 960px) { #photostory-detail .main-content.comments-wrapper .content-center.comments-center, #video-detail .main-content.comments-wrapper .content-center.comments-center, #cartoon-detail .main-content.comments-wrapper .content-center.comments-center, #podcast-detail .main-content.comments-wrapper .content-center.comments-center { margin-left: 210px; }
}
@media (min-width: 1280px) { #photostory-detail .main-content.comments-wrapper .content-center.comments-center, #video-detail .main-content.comments-wrapper .content-center.comments-center, #cartoon-detail .main-content.comments-wrapper .content-center.comments-center, #podcast-detail .main-content.comments-wrapper .content-center.comments-center { margin-left: 240px; width: 640px; }
}
@media (min-width: 960px) { #photostory-detail .main-article-title, #photostory-detail .answers-title, #video-detail .main-article-title, #video-detail .answers-title, #cartoon-detail .main-article-title, #cartoon-detail .answers-title, #podcast-detail .main-article-title, #podcast-detail .answers-title { margin-bottom: -35px; }
}
@media (min-width: 1280px) { #photostory-detail .main-article-title, #photostory-detail .answers-title, #video-detail .main-article-title, #video-detail .answers-title, #cartoon-detail .main-article-title, #cartoon-detail .answers-title, #podcast-detail .main-article-title, #podcast-detail .answers-title { margin-bottom: -30px; }
}
@media (min-width: 1280px) { #photostory-detail .content-columns .content-center, #video-detail .content-columns .content-center, #cartoon-detail .content-columns .content-center, #podcast-detail .content-columns .content-center { width: 880px; }
}
@media (min-width: 1280px) { #photostory-detail .content-left, #video-detail .content-left, #cartoon-detail .content-left, #podcast-detail .content-left { padding-top: 60px; }
}
#photostory-detail .join-discussion-wrapper,
#video-detail .join-discussion-wrapper,
#cartoon-detail .join-discussion-wrapper,
#podcast-detail .join-discussion-wrapper { display: none;
}
#photostory-detail .actions-bar-item.actions-bar-resources,
#video-detail .actions-bar-item.actions-bar-resources,
#cartoon-detail .actions-bar-item.actions-bar-resources,
#podcast-detail .actions-bar-item.actions-bar-resources { display: none;
}
#cartoon-detail .main-article-author { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 20px; margin-bottom: 20px;
}
@media (min-width: 640px) { #cartoon-detail .main-article-author { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-bottom: 0; padding-bottom: 0; }
}
@media (min-width: 960px) { #cartoon-detail .main-article-author { background: none; padding-bottom: 5px; }
}
.cartoon-more { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; padding-top: 20px; margin-top: 20px;
}
.cartoon-more h3 { margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .cartoon-more h3 { font-size: 24px; }
}
.cartoon-more ul { list-style: none;
}
@media (min-width: 640px) { .cartoon-more ul { clear: both; overflow: hidden; }
}
.cartoon-more ul li { width: 146px; margin: 0 auto 20px;
}
@media (min-width: 640px) { .cartoon-more ul li { float: left; margin: 0 0 0 33px; }
}
@media (min-width: 640px) { .cartoon-more ul li:first-child { margin-left: 0; }
}
@media (min-width: 960px) { .cartoon-more ul li:first-child { margin-left: 33px; }
}
@media (min-width: 1280px) { .cartoon-more ul li:first-child { margin-left: 16px; }
}
.cartoon-more ul li img { width: 145px;
}
.cartoon-more ul li a { font-size: 13px;
}
.cartoon-more .button { display: block;
}
@media (min-width: 640px) { .cartoon-more .button { width: 250px; margin: 30px auto 0; }
}
.photostory-detail,
.video-detail,
.cartoon-detail,
.podcast-detail { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 0; padding: 0 0 20px; overflow: visible;
}
@media (min-width: 960px) { .photostory-detail, .video-detail, .cartoon-detail, .podcast-detail { background: none; margin-top: 50px; }
}
@media (min-width: 1280px) { .photostory-detail, .video-detail, .cartoon-detail, .podcast-detail { margin-top: 60px; }
}
@media (min-width: 1280px) { .photostory-detail .join-discussion-wrapper, .video-detail .join-discussion-wrapper, .cartoon-detail .join-discussion-wrapper, .podcast-detail .join-discussion-wrapper { width: 540px; }
}
@media (min-width: 640px) { .cartoon-detail { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; padding-top: 20px; margin-top: 10px; }
}
@media (min-width: 960px) { .cartoon-detail { background: none; margin-top: 40px; }
}
.photostory-detail-header { padding-top: 10px;
}
@media (min-width: 960px) { .photostory-detail-header { clear: both; overflow: hidden; padding-top: 0; }
}
.photostory-detail-header .section-title { margin: 10px 0 15px; padding-top: 15px; border-top: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .photostory-detail-header .section-title { margin-bottom: 20px; }
}
@media (min-width: 960px) { .photostory-detail-header .section-title { border: 0; float: left; width: 450px; padding-top: 0; margin-top: 0; }
}
@media (min-width: 1280px) { .photostory-detail-header .section-title { width: 670px; }
}
.photostory-detail-header .page-counter { color: #c6c2bf; font-size: 28px; text-align: center;
}
@media (min-width: 640px) { .photostory-detail-header .page-counter { font-size: 32px; }
}
@media (min-width: 960px) { .photostory-detail-header .page-counter { font-size: 22px; float: right; }
}
.photostory-detail-header .page-counter span.on { color: #00b3ac;
}
.photostory-detail-header .page-counter a { position: relative; top: 7px; margin: 0 8px; font-size: 40px;
}
@media (min-width: 640px) { .photostory-detail-header .page-counter a { font-size: 46px; }
}
@media (min-width: 960px) { .photostory-detail-header .page-counter a { font-size: 30px; margin: 0 4px; top: 5px; }
}
.photostory-detail-header .page-counter a:hover { color: #00b3ac;
}
.photostory-detail-img,
.cartoon-detail-img { background: #f2f2f2; margin: 0 -40px; position: relative;
}
@media (min-width: 640px) { .photostory-detail-img, .cartoon-detail-img { margin: 0 -48px; }
}
@media (min-width: 960px) { .photostory-detail-img, .cartoon-detail-img { margin: 0; }
}
.photostory-detail-img img,
.cartoon-detail-img img { max-width: 320px; max-height: 320px; display: block; margin: 0 auto;
}
@media (min-width: 640px) { .photostory-detail-img img, .cartoon-detail-img img { max-width: 600px; max-height: 590px; }
}
@media (min-width: 960px) { .photostory-detail-img img, .cartoon-detail-img img { max-width: 590px; max-height: 600px; }
}
@media (min-width: 1280px) { .photostory-detail-img img, .cartoon-detail-img img { max-width: 880px; max-height: 680px; }
}
.photostory-detail-img .icon,
.cartoon-detail-img .icon { -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; display: none;
}
@media (min-width: 960px) { .photostory-detail-img .icon, .cartoon-detail-img .icon { color: #fff; display: block; font-size: 80px; }
}
@media (min-width: 960px) and (min-width: 1280px) { .photostory-detail-img .icon, .cartoon-detail-img .icon { font-size: 100px; }
}
.photostory-detail-img .icon.before,
.cartoon-detail-img .icon.before { position: absolute; top: 34%; left: 0; opacity: 0.75;
}
@media (min-width: 1280px) { .photostory-detail-img .icon.before, .cartoon-detail-img .icon.before { top: 36%; }
}
.photostory-detail-img .icon.after,
.cartoon-detail-img .icon.after { position: absolute; top: 34%; right: 0; opacity: 0.75;
}
@media (min-width: 1280px) { .photostory-detail-img .icon.after, .cartoon-detail-img .icon.after { top: 35%; }
}
.photostory-detail-img .icon:hover,
.cartoon-detail-img .icon:hover { color: #e3e3e3;
}
.photostory-thumbs { display: none; padding-bottom: 5px;
}
@media (min-width: 960px) { .photostory-thumbs { display: block; margin-top: 5px; }
}
#photostory-thumbs-slider { margin-left: 20px; margin-right: 20px; width: auto; height: 60px; position: relative; background-color: #fff;
}
.thumbelina { list-style: none; padding: 0px; margin: 0px; position: absolute; white-space: nowrap; font-size: 0; -webkit-touch-callout: none; -webkit-user-select: none;
}
.thumbelina li { display: inline-block; padding: 0 5px 0 6px; line-height: 0px; margin: 0px;
}
.thumbelina li:first-child { padding-left: 16px;
}
.thumbelina li img { -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; opacity: 0.4; width: 80px; height: 64px;
}
.thumbelina li img:hover { opacity: 1.0;
}
.thumbelina li.selected img { opacity: 1.0;
}
.thumbelina-but { position: absolute; background-color: #00b3ac; z-index: 1; cursor: pointer; color: #fff; text-align: center; vertical-align: middle; font-size: 25px; -moz-transition: box-shadow 0.2s; -o-transition: box-shadow 0.2s; -webkit-transition: box-shadow 0.2s; transition: box-shadow 0.2s;
}
.thumbelina-but:hover { color: #fff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}
.thumbelina-but.disabled, .thumbelina-but.disabled:hover { background-color: #c6c2bf; color: #fff; cursor: default; box-shadow: none;
}
.thumbelina-but.horiz { width: 26px; height: 64px; line-height: 64px; top: 0;
}
.thumbelina-but.horiz.left { left: -20px; border-radius: 5px 0px 0px 5px;
}
.thumbelina-but.horiz.right { right: -20px; border-radius: 0px 5px 5px 0px;
}
.photostory-source { clear: both; overflow: hidden; font-size: 10px; color: #c6c2bf; border-bottom: 1px solid #e3e3e3; margin: 10px 0 15px; padding-bottom: 12px;
}
@media (min-width: 960px) { .photostory-source { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 5px; padding-top: 20px; }
}
.photostory-source span { color: #a6a6a6;
}
.photostory-source .source { margin-bottom: 5px;
}
@media (min-width: 640px) { .photostory-source .source { float: left; margin-bottom: 0; }
}
@media (min-width: 640px) { .photostory-source .editor { float: right; }
}
.photostory-about,
.video-about,
.cartoon-about,
.podcast-about { clear: both; overflow: hidden; margin-bottom: 40px;
}
@media (min-width: 1280px) { .photostory-about, .video-about, .cartoon-about, .podcast-about { width: 540px; }
}
@media (min-width: 640px) { .photostory-about .ad-wrapper, .video-about .ad-wrapper, .cartoon-about .ad-wrapper, .podcast-about .ad-wrapper { float: right; margin: 0 0 20px 40px; }
}
@media (min-width: 1280px) { .photostory-about .ad-wrapper, .video-about .ad-wrapper, .cartoon-about .ad-wrapper, .podcast-about .ad-wrapper { position: absolute; right: 0; }
}
.photostory-about > p,
.video-about > p,
.cartoon-about > p,
.podcast-about > p { margin-top: 0;
}
.photostory-about > p > ul,
.video-about > p > ul,
.cartoon-about > p > ul,
.podcast-about > p > ul { margin: 0 0 20px 25px; padding: 0;
}
.photostory-about > p > ul li,
.video-about > p > ul li,
.cartoon-about > p > ul li,
.podcast-about > p > ul li { font-size: 15px; color: #666666; margin: 10px 0;
}
@media (min-width: 640px) { .photostory-about > p > ul li, .video-about > p > ul li, .cartoon-about > p > ul li, .podcast-about > p > ul li { font-size: 16px; line-height: 1.75em; }
}
@media (min-width: 960px) { .photostory-about > p > ul li, .video-about > p > ul li, .cartoon-about > p > ul li, .podcast-about > p > ul li { font-size: 17px; line-height: 1.71em; }
}
@media (min-width: 1280px) { .photostory-about > p > ul li, .video-about > p > ul li, .cartoon-about > p > ul li, .podcast-about > p > ul li { font-size: 18px; line-height: 1.67em; }
}
.photostory-about > .button,
.video-about > .button,
.cartoon-about > .button,
.podcast-about > .button { display: block; margin: 40px 0; clear: both; overflow: hidden;
}
@media (min-width: 960px) { .photostory-about > .button, .video-about > .button, .cartoon-about > .button, .podcast-about > .button { display: none; }
}
.photostory-about > ul, .photostory-about > ol,
.video-about > ul,
.video-about > ol,
.cartoon-about > ul,
.cartoon-about > ol,
.podcast-about > ul,
.podcast-about > ol { margin: 0 0 20px 25px; padding: 0;
}
.photostory-about > ul li, .photostory-about > ol li,
.video-about > ul li,
.video-about > ol li,
.cartoon-about > ul li,
.cartoon-about > ol li,
.podcast-about > ul li,
.podcast-about > ol li { font-size: 15px; color: #666666; margin: 10px 0;
}
@media (min-width: 640px) { .photostory-about > ul li, .photostory-about > ol li, .video-about > ul li, .video-about > ol li, .cartoon-about > ul li, .cartoon-about > ol li, .podcast-about > ul li, .podcast-about > ol li { font-size: 16px; line-height: 1.75em; }
}
@media (min-width: 960px) { .photostory-about > ul li, .photostory-about > ol li, .video-about > ul li, .video-about > ol li, .cartoon-about > ul li, .cartoon-about > ol li, .podcast-about > ul li, .podcast-about > ol li { font-size: 17px; line-height: 1.71em; }
}
@media (min-width: 1280px) { .photostory-about > ul li, .photostory-about > ol li, .video-about > ul li, .video-about > ol li, .cartoon-about > ul li, .cartoon-about > ol li, .podcast-about > ul li, .podcast-about > ol li { font-size: 18px; line-height: 1.67em; }
}
.cartoon-about { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; padding-top: 20px; margin-top: 20px;
}
@media (min-width: 640px) { .cartoon-about { padding-top: 30px; }
}
.cartoon-about .ad-wrapper.ad-desktop-w { margin-top: -30px;
}
.cartoon-about .ad-test { display: none !important;
}
@media (min-width: 1280px) { .cartoon-about .ad-test { display: block !important; }
}
.video-cuepoints-container { margin: 1em auto 25px; padding: 10px 0;
}
.video-wrapper { position: relative; height: 0; padding-bottom: 56.25%;
}
.video-wrapper > .BrightcoveExperience { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.video-cuepoints { max-height: 110px; overflow-y: scroll;
}
.video-cuepoints ul { list-style: none;
}
.video-cuepoints li { clear: both; overflow: hidden; font-size: 13px;
}
.video-cuepoints li:nth-child(odd) { background-color: #e3e3e3;
}
.video-cuepoints li:hover { background-color: #c6c2bf; cursor: pointer;
}
.video-cuepoints li span.left { box-sizing: border-box; float: left; width: 70%; padding: 3px 10px; border-right: 1px solid #fff;
}
@media (min-width: 640px) { .video-cuepoints li span.left { width: 85%; }
}
@media (min-width: 960px) { .video-cuepoints li span.left { box-sizing: content-box; width: 480px; }
}
@media (min-width: 1280px) { .video-cuepoints li span.left { width: 770px; }
}
.video-cuepoints li span.right { box-sizing: border-box; float: right; width: 30%; padding: 3px 10px; text-align: right;
}
@media (min-width: 640px) { .video-cuepoints li span.right { width: 15%; }
}
@media (min-width: 960px) { .video-cuepoints li span.right { box-sizing: content-box; width: 50px; }
}
.video-cuepoints li span.active { margin-left: -10px;
}
.video-cuepoints li span .icon { color: #EA0000; padding-right: 3px;
}
.video-transcript-content,
.podcast-transcript-content { display: block; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; overflow: hidden; padding-bottom: 60px; position: relative; margin-top: 25px; padding-top: 10px;
}
@media (min-width: 1280px) { .video-transcript-content, .podcast-transcript-content { width: 540px; }
}
.video-transcript-content.closed,
.podcast-transcript-content.closed { height: auto; max-height: 215px;
}
.video-transcript-content .collapse-toggle,
.podcast-transcript-content .collapse-toggle { display: none; padding: 36px 0 0 0; width: 100%;
}
.video-transcript-content .collapse-toggle-inner,
.podcast-transcript-content .collapse-toggle-inner { padding: 15px 0 30px;
}
.video-transcript-content h3,
.podcast-transcript-content h3 { font-size: 18px;
}
@media (min-width: 640px) { .video-transcript-content h3, .podcast-transcript-content h3 { font-size: 20px; }
}
@media (min-width: 960px) { .video-transcript-content h3, .podcast-transcript-content h3 { font-size: 24px; }
}
.video-transcript-content h3 span,
.podcast-transcript-content h3 span { color: #a6a6a6;
}
.video-transcript-content .speaker,
.podcast-transcript-content .speaker { color: #006860;
}
#video-detail .video-transcript-content { display: none;
}
#podcast-detail .podcast-transcript-content { display: none;
}
.related-video-bar,
.related-podcast-bar { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; padding-top: 10px;
}
.related-video-bar .related-bar-list,
.related-podcast-bar .related-bar-list { list-style: none;
}
.related-video-bar .related-bar-header,
.related-podcast-bar .related-bar-header { padding-left: 0; font-size: 18px;
}
@media (min-width: 640px) { .related-video-bar .related-bar-header, .related-podcast-bar .related-bar-header { font-size: 20px; }
}
@media (min-width: 960px) { .related-video-bar .related-bar-header, .related-podcast-bar .related-bar-header { font-size: 15px; }
}
.related-video-bar .related-bar-header .icon,
.related-podcast-bar .related-bar-header .icon { display: none;
}
.related-video-bar .related-bar-item,
.related-podcast-bar .related-bar-item { clear: both; overflow: hidden; padding-left: 0; font-size: 13px;
}
@media (min-width: 640px) { .related-video-bar .related-bar-item, .related-podcast-bar .related-bar-item { font-size: 15px; }
}
@media (min-width: 960px) { .related-video-bar .related-bar-item, .related-podcast-bar .related-bar-item { font-size: 12px; }
}
.related-video-bar .related-bar-item.see-more,
.related-podcast-bar .related-bar-item.see-more { display: none;
}
@media (min-width: 960px) { .related-video-bar .related-bar-item.see-more, .related-podcast-bar .related-bar-item.see-more { display: block; }
}
.related-video-bar .related-bar-item.see-more > a,
.related-podcast-bar .related-bar-item.see-more > a { display: none;
}
@media (min-width: 960px) { .related-video-bar .related-bar-item.see-more > a, .related-podcast-bar .related-bar-item.see-more > a { display: block; margin-left: 0; }
}
.related-video-bar .related-bar-item > a,
.related-podcast-bar .related-bar-item > a { display: block; margin-left: 75px;
}
.related-video-bar img,
.related-podcast-bar img { display: block; margin: 0 auto; max-height: 60px; max-width: 60px; text-align: center; width: 100%;
}
.related-video-bar .video-related-img,
.related-podcast-bar .video-related-img { position: relative; max-width: 60px; height: 33px; background: #c6c2bf; float: left; margin-right: 15px; width: 60px; overflow: hidden;
}
.related-video-bar .video-related-img img,
.related-podcast-bar .video-related-img img { display: block; margin: 0; text-align: center; width: 60px; position: absolute; max-height: 45px; margin-top: 0;
}
.related-video-bar > .button,
.related-podcast-bar > .button { display: block; margin-top: 20px;
}
@media (min-width: 960px) { .related-video-bar > .button, .related-podcast-bar > .button { display: none; }
}
.related-podcast-bar .related-bar-item.see-more { display: none;
}
@media (min-width: 960px) { .related-podcast-bar .related-bar-item.see-more { display: block; }
}
.related-podcast-bar .related-bar-item.see-more > a { display: none;
}
@media (min-width: 960px) { .related-podcast-bar .related-bar-item.see-more > a { color: #fff; display: block; margin-left: 0; }
}
.related-podcast-bar .related-bar-item > a { display: block; margin-left: 0;
}
.related-podcast-bar > .button { display: block; margin-top: 20px; max-width: 300px;
}
@media (min-width: 960px) { .related-podcast-bar > .button { display: none; max-width: none; }
}
.podcastdownload, .podcast-about { margin-top: 40px;
}
#podcast-detail .next-steps { margin-top: -30px;
}
@media (min-width: 1280px) { #podcast-detail .next-steps { width: 540px; }
}
@media (min-width: 1280px) { #podcast .video-item-3 { margin-left: 40px; }
}
@media (min-width: 1280px) { #podcast .video-item-4 { margin-left: 0; }
}
#podcast .video-item-5,
#podcast .video-item-6 { display: none;
}
@media (min-width: 960px) { #podcast .video-item-5, #podcast .video-item-6 { display: block; }
}
@media (min-width: 1280px) { #podcast .video-item-5, #podcast .video-item-6 { margin-left: 40px; }
}
#podcast .video-section-list-1,
#podcast .video-section-list-2 { clear: none; float: none; overflow: visible;
}
#podcast .multimedia-section.video-section .button { margin-top: 50px;
}
@media (min-width: 960px) { #podcast .multimedia-section.video-section .button { width: 265px; float: left; margin-left: 265px; margin-top: 40px; }
}
@media (min-width: 1280px) { #podcast .multimedia-section.video-section .button { margin-left: 428px; }
}
@media (min-width: 640px) { #podcast .video-item-4 { margin-bottom: 40px; }
}
@media (min-width: 960px) { #podcast .video-item-4 { margin-bottom: 0; }
}
@media (min-width: 960px) { #podcast .video-item-5 { margin-bottom: 0; }
}
#photostory .multimedia-section .multimedia-items li,
#podcast .multimedia-section .multimedia-items li { position: relative;
}
@media (min-width: 1280px) { #photostory .multimedia-section .multimedia-main-item-1 .multimedia-item-img, #photostory .multimedia-section .multimedia-main-item-2 .multimedia-item-img, #podcast .multimedia-section .multimedia-main-item-1 .multimedia-item-img, #podcast .multimedia-section .multimedia-main-item-2 .multimedia-item-img { height: 120px; }
}
@media (min-width: 1280px) { #photostory .multimedia-section .multimedia-main-item-1 .multimedia-item-img img, #photostory .multimedia-section .multimedia-main-item-2 .multimedia-item-img img, #podcast .multimedia-section .multimedia-main-item-1 .multimedia-item-img img, #podcast .multimedia-section .multimedia-main-item-2 .multimedia-item-img img { max-width: 370px; }
}
@media (min-width: 1280px) { #photostory .multimedia-section .multimedia-main-item-1 .multimedia-item-img .imageWithCredit p, #photostory .multimedia-section .multimedia-main-item-2 .multimedia-item-img .imageWithCredit p, #podcast .multimedia-section .multimedia-main-item-1 .multimedia-item-img .imageWithCredit p, #podcast .multimedia-section .multimedia-main-item-2 .multimedia-item-img .imageWithCredit p { top: 148px; }
}
#photostory .multimedia-section .multimedia-item-img,
#podcast .multimedia-section .multimedia-item-img { height: 76px; overflow: hidden;
}
#photostory .multimedia-section .multimedia-item-img img,
#podcast .multimedia-section .multimedia-item-img img { max-width: 233px; max-height: none;
}
#photostory .multimedia-section .multimedia-item-img .imageWithCredit p,
#podcast .multimedia-section .multimedia-item-img .imageWithCredit p { top: 105px;
}
#pageNotFound div.main-content { background: transparent;
}
@media (min-width: 960px) { #pageNotFound div.main-content { width: 880px; }
}
@media (min-width: 1280px) { #pageNotFound div.main-content { width: 1200px; }
}
#pageNotFound .content-columns .content-left { display: none;
}
#pageNotFound .content-columns .content-center { background: transparent; margin: -15px 0 0 0; padding: 0; width: auto; min-height: 400px;
}
@media (min-width: 960px) { #pageNotFound .content-columns .content-center { float: none; margin: -20px -40px 0; padding: 0 40px; width: 880px; }
}
@media (min-width: 1280px) { #pageNotFound .content-columns .content-center { width: 1200px; }
}
.pageNotFound-section { background: #fff; clear: both; margin: 40px auto; padding: 0 20px 20px; overflow: hidden;
}
@media (min-width: 640px) { .pageNotFound-section { padding: 0 40px 50px; }
}
@media (min-width: 1280px) { .pageNotFound-section .pageNotFound-section-inner { float: left; width: 780px; margin-right: 40px; }
}
@media (min-width: 1280px) { .pageNotFound-section .pageNotFound-sidebar { float: left; width: 300px; }
}
.pageNotFound-section .pageNotFound-sidebar h3 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 20px;
}
@media (min-width: 1280px) { .pageNotFound-section .pageNotFound-sidebar h3 { line-height: 40px; }
}
.pageNotFound-section h2 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; font-size: 20px; margin-bottom: -15px; padding-bottom: 20px;
}
@media (min-width: 640px) { .pageNotFound-section h2 { font-size: 28px; margin-top: 30px; }
}
@media (min-width: 960px) { .pageNotFound-section h2 { font-size: 32px; }
}
@media (min-width: 1280px) { .pageNotFound-section h2 { line-height: 40px; }
}
.pageNotFound-section h3 { font-size: 16px; margin-bottom: -15px;
}
@media (min-width: 640px) { .pageNotFound-section h3 { font-size: 22px; margin-top: 30px; }
}
@media (min-width: 960px) { .pageNotFound-section h3 { font-size: 26px; }
}
.pageNotFound-section .pageNotFound-search { clear: both; width: 100%; margin: 25px 0 0; padding-top: 15px;
}
@media (min-width: 1280px) { .pageNotFound-section .pageNotFound-search { width: 640px; }
}
.pageNotFound-section .pageNotFound-search .placeholder { font-size: 22px; color: #c6c2bf; top: 10px !important;
}
.pageNotFound-section .pageNotFound-search .pageNotFound-textfield { float: left; padding: 0 0 0 15px; margin: 0; height: 60px; width: 75%; color: #666666; background: #f2f2f2; border: 1px solid #e3e3e3; font-size: 22px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px; border-radius: 4px 0 0 4px;
}
@media (min-width: 960px) { .pageNotFound-section .pageNotFound-search .pageNotFound-textfield { width: 580px; }
}
.pageNotFound-section .pageNotFound-search .pageNotFound-search-btn { float: left; padding: 0; margin: 0 0 0 -1%; height: 60px; width: 59px; font-family: 'TechTarget-Icon'; font-size: 50px; color: #fff; background: #00b3ac; border: 1px solid #00b3ac; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0; border-radius: 0 4px 4px 0;
}
.pageNotFound-section .pageNotFound-list { list-style-type: disc; list-style-position: outside; margin: 35px 0 0 20px;
}
@media (min-width: 960px) { .pageNotFound-section .pageNotFound-list { list-style-position: inside; margin-left: 24px; }
}
.pageNotFound-section .pageNotFound-list li { margin-bottom: 15px;
}
.pageNotFound-section .pageNotFound-list a { color: #00b3ac;
}
.pageNotFound-section .pageNotFound-list a:hover { color: #006860;
}
.pageNotFound-section .pageNotFound-category-list { list-style-type: disc; list-style-position: outside; margin: 35px 0 0 20px;
}
@media (min-width: 960px) { .pageNotFound-section .pageNotFound-category-list { list-style-position: inside; margin-left: 24px; }
}
@media (min-width: 1280px) { .pageNotFound-section .pageNotFound-category-list { list-style-position: outside; margin-left: 20px; }
}
.pageNotFound-section .pageNotFound-category-list li { color: #00b3ac; margin-bottom: 10px;
}
@media (min-width: 960px) { .pageNotFound-section .pageNotFound-category-list li { float: left; width: 345px; margin-right: 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
}
@media (min-width: 1280px) { .pageNotFound-section .pageNotFound-category-list li { width: 500px; float: none; width: 100%; margin-right: 0; white-space: normal; text-overflow: clip; overflow: visible; }
}
.pageNotFound-section .pageNotFound-category-list a { color: #00b3ac;
}
.pageNotFound-section .pageNotFound-category-list a:hover { color: #006860;
}
#about .content-columns .content-left { display: none;
}
@media (min-width: 960px) { #about .content-columns .content-center { margin: 60px 0 0 0; width: 800px; }
}
@media (min-width: 1280px) { #about .content-columns .content-center { margin-top: 75px; width: 1120px; }
}
#about .header-logo-mobile { font-size: 22px; top: 15px;
}
@media (min-width: 960px) { .about-section .about-section-inner { float: left; width: 460px; margin-right: 40px; }
}
@media (min-width: 1280px) { .about-section .about-section-inner { width: 780px; }
}
.about-section .about-sidebar { display: none;
}
@media (min-width: 960px) { .about-section .about-sidebar { display: block; float: left; width: 300px; }
}
.about-section h1 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 25px;
}
@media (min-width: 640px) { .about-section h1 { margin-top: 30px; margin-bottom: 10px; font-size: 30px; }
}
@media (min-width: 960px) { .about-section h1 { margin-top: 0; font-size: 40px; }
}
.about-section h2 { margin-bottom: -20px; font-size: 16px;
}
@media (min-width: 640px) { .about-section h2 { font-size: 18px; }
}
#events .content-columns .content-left { display: none;
}
@media (min-width: 960px) { #events .content-columns .content-center { margin: 60px 0 0 0; width: 800px; }
}
@media (min-width: 1280px) { #events .content-columns .content-center { margin-top: 75px; width: 1120px; }
}
.events-section .events-section-inner { margin-bottom: 40px;
}
@media (min-width: 960px) { .events-section .events-section-inner { float: left; width: 460px; margin-right: 40px; }
}
@media (min-width: 1280px) { .events-section .events-section-inner { width: 780px; }
}
@media (min-width: 960px) { .events-section .events-sidebar { float: left; width: 300px; margin-bottom: 40px; }
}
.events-section h1 { font-size: 20px;
}
@media (min-width: 640px) { .events-section h1 { font-size: 30px; margin-top: 30px; margin-bottom: 10px; }
}
@media (min-width: 960px) { .events-section h1 { font-size: 44px; margin-top: 0; }
}
@media (min-width: 1280px) { .events-section h1 { line-height: 40px; font-size: 50px; }
}
.events-section h3 { font-size: 18px; color: #323232;
}
@media (min-width: 640px) { .events-section h3 { font-size: 24px; }
}
@media (min-width: 960px) { .events-section h3 { font-size: 28px; }
}
.events-section h4 { margin: 0; overflow: hidden; font-size: 16px;
}
@media (min-width: 640px) { .events-section h4 { font-size: 18px; margin-bottom: 15px; }
}
@media (min-width: 960px) { .events-section h4 { font-size: 20px; }
}
.events-section h4 a:hover { color: #00b3ac;
}
.events-section p.subtitle { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; margin-top: 0; padding-bottom: 25px;
}
.events-section p.subtitle-all { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 25px; padding-top: 25px;
}
.events-section ul { list-style: none;
}
.events-section ul li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e3e3e3;
}
.events-section ul li:last-child { border: 0;
}
.events-section ul li p { display: none; margin: 0; font-size: 13px;
}
@media (min-width: 640px) { .events-section ul li p { display: block; }
}
#archive .content-columns .content-left { display: none;
}
@media (min-width: 960px) { #archive .content-columns .content-center { margin: 60px 0 0 0; width: 800px; }
}
@media (min-width: 1280px) { #archive .content-columns .content-center { margin-top: 75px; width: 1120px; }
}
.archive-section .archive-section-inner { margin-bottom: 40px;
}
@media (min-width: 1280px) { .archive-section .archive-section-inner { float: left; margin-right: 40px; width: 780px; }
}
.archive-section h1 { font-size: 20px;
}
@media (min-width: 640px) { .archive-section h1 { font-size: 30px; margin-top: 30px; margin-bottom: 10px; }
}
@media (min-width: 960px) { .archive-section h1 { font-size: 44px; margin-top: 0; }
}
@media (min-width: 1280px) { .archive-section h1 { line-height: 40px; font-size: 50px; margin-bottom: 25px; }
}
.archive-section .archive-sidebar { display: none;
}
@media (min-width: 1280px) { .archive-section .archive-sidebar { display: block; float: left; width: 300px; margin-bottom: 40px; }
}
.archive-section .archive-list { list-style: none;
}
.archive-section .archive-list > li { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; margin-top: 15px; padding-top: 15px;
}
.archive-section .archive-list > li h2 { font-size: 15px; margin-bottom: 25px;
}
@media (min-width: 640px) { .archive-section .archive-list > li h2 { font-size: 22px; }
}
@media (min-width: 960px) { .archive-section .archive-list > li h2 { font-size: 28px; }
}
.archive-section .archive-list > li > ul { list-style: none; clear: both; overflow: hidden;
}
.archive-section .archive-list > li > ul > li { font-size: 13px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e3e3e3; float: left; padding-right: 6%; width: 44%;
}
@media (min-width: 640px) { .archive-section .archive-list > li > ul > li { font-size: 16px; width: 27%; }
}
@media (min-width: 960px) { .archive-section .archive-list > li > ul > li { font-size: 18px; width: 85px; padding-right: 48px; }
}
@media (min-width: 1280px) { .archive-section .archive-list > li > ul > li { width: 90px; padding-right: 40px; }
}
.archive-section .archive-list > li > ul > li:last-child, .archive-section .archive-list > li > ul > li:nth-last-child(2) { border: 0;
}
@media (min-width: 640px) { .archive-section .archive-list > li > ul > li:nth-last-child(3) { border: 0; }
}
@media (min-width: 960px) { .archive-section .archive-list > li > ul > li:nth-last-child(4), .archive-section .archive-list > li > ul > li:nth-last-child(5), .archive-section .archive-list > li > ul > li:nth-last-child(6) { border: 0; }
}
.archive-section .archive-list > li > ul > li a:hover { color: #00b3ac;
}
.archive-list-links { display: none; border-top: 1px solid #e3e3e3; list-style: none; margin-top: 40px; padding-top: 10px;
}
@media (min-width: 960px) { .archive-list-links { display: block; }
}
.archive-list-links li { float: left; border-left: 2px solid #e3e3e3; padding-left: 5px; margin-left: 5px; text-transform: uppercase; font-size: 12px;
}
.archive-list-links li:first-child { border: 0; padding-left: 0; margin-left: 0;
}
.archive-list-links li a { color: #00b3ac;
}
.archive-list-links li a:hover { color: #006860;
}
.archive-list-links-callout { display: none; margin: 0 auto; width: 1200px; padding-bottom: 10px; background: #fff;
}
@media (min-width: 1280px) { .archive-list-links-callout { display: block; }
}
.archive-list-links-callout .archive-list-links { margin: 0 40px; clear: both; overflow: hidden;
}
@media (min-width: 960px) { #archive-year .main-content .content-center { min-height: 800px; }
}
@media (min-width: 1280px) { #archive-year .main-content .content-center { width: 540px; }
}
#archive-year .main-content .chapters-bar-list:last-child { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; padding-bottom: 10px;
}
.infotype-header.archive-year-header { display: block;
}
@media (min-width: 640px) { .infotype-header.archive-year-header { margin-top: 20px; }
}
.infotype-header.archive-year-header h1 { margin: 15px 20px -15px 20px;
}
@media (min-width: 640px) { .infotype-header.archive-year-header h1 { margin: 15px 40px -15px; }
}
@media (min-width: 960px) { .infotype-header.archive-year-header h1 { margin: 0 0 -20px 0; }
}
@media (min-width: 1280px) { .infotype-header.archive-year-header h1 { width: 680px; }
}
.infotype-header.archive-year-header .archive-link { border-bottom: 1px solid #e3e3e3; color: #00b3ac; margin: 0 20px 10px; padding-bottom: 10px; display: block; font-size: 16px;
}
@media (min-width: 640px) { .infotype-header.archive-year-header .archive-link { margin: 0 40px 10px; }
}
@media (min-width: 960px) { .infotype-header.archive-year-header .archive-link { margin: 50px 0 15px; font-size: 18px; }
}
@media (min-width: 1280px) { .infotype-header.archive-year-header .archive-link { margin-top: 60px; width: 780px; }
}
.infotype-header.archive-year-header .archive-link:hover { color: #006860;
}
.infotype-header.archive-year-header .archive-link .icon { margin-right: 5px;
}
.infotype-section.archive-year-section:last-child { margin-bottom: 40px;
}
@media (min-width: 960px) { .infotype-section.archive-year-section { margin-top: 20px; }
}
.infotype-section.archive-year-section h2 { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; padding: 25px 0 0 0;
}
@media (min-width: 960px) { .infotype-section.archive-year-section h2 { font-size: 38px; }
}
@media (min-width: 1280px) { .infotype-section.archive-year-section h2 { font-size: 42px; }
}
.infotype-section.archive-year-section .infotype-news-items { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; padding: 10px 0 0 0; margin-top: 15px;
}
@media (min-width: 960px) { .infotype-section.archive-year-section .infotype-news-items { background: none; }
}
.infotype-section.archive-year-section .infotype-news-items .infotype-news-item { padding-bottom: 0;
}
@media (min-width: 640px) { .infotype-section.archive-year-section .infotype-news-items .infotype-news-item { margin-top: 20px; }
}
.infotype-section.archive-year-section .infotype-news-items .infotype-news-item .infotype-news-description { display: none; padding: 10px 0 0 0;
}
@media (min-width: 640px) { .infotype-section.archive-year-section .infotype-news-items .infotype-news-item .infotype-news-description { display: block; }
}
@media (min-width: 1280px) { .infotype-section.archive-year-section-2 { margin-top: 0; padding-top: 0; }
}
@media (min-width: 1280px) { .infotype-section.archive-year-section-2 .infotype-news-items .infotype-news-item:first-child { background: none; border-top: 1px solid #e3e3e3; margin-top: 20px; padding-top: 20px; }
}
#archive-year .archive-button { width: 100%; font-size: 15px; margin: 40px 0;
}
#archive-year .chapters-bar-list { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 bottom; margin-bottom: 10px; padding-bottom: 10px;
}
#archive-year .mobile-sidebars .chapters-bar-list { background: none; margin-bottom: 0; padding-bottom: 0;
}
#archive-year .mobile-sidebars .archive-button { display: none;
}
#archive-year .actions-bar-resources,
#archive-year .actions-bar-share { display: none;
}
@media (min-width: 1280px) { #archive-year .page-header-ad { display: block; }
}
@media (min-width: 1280px) { #archive-year #halfpage-top { margin-top: 20px; }
}
.archive-year-box-ad { margin: 40px -30px;
}
@media (min-width: 1280px) { .archive-year-box-ad { display: none; }
}
.archive-year-box-ad .ad { width: 300px;
}
@media (min-width: 960px) { .blog-title { padding: 0 40px; }
}
@media (min-width: 960px) { .blog-subtitle { padding: 0 40px; }
}
.blog-team { margin: 10px 20px 20px;
}
@media (min-width: 640px) { .blog-team { margin: 10px 40px 20px; }
}
@media (min-width: 960px) { .blog-team { margin: 0; }
}
@media (min-width: 1280px) { .blog-team { width: 780px; }
}
.blog-team > h3 { font-size: 16px; margin: 10px 0; padding: 20px 0 0; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top;
}
@media (min-width: 640px) { .blog-team > h3 { font-size: 22px; }
}
@media (min-width: 960px) { .blog-team > h3 { font-size: 28px; }
}
.blog-team .blog-team-list { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; clear: both; overflow: hidden; list-style-type: none; padding-top: 15px;
}
.blog-team .blog-team-list li { padding: 20px; border-bottom: 1px solid #e3e3e3;
}
@media (min-width: 640px) { .blog-team .blog-team-list li { float: left; margin-left: 6%; width: 47%; padding: 20px 0; }
}
@media (min-width: 960px) { .blog-team .blog-team-list li { width: 380px; margin-left: 40px; }
}
@media (min-width: 1280px) { .blog-team .blog-team-list li { width: 370px; }
}
@media (min-width: 640px) { .blog-team .blog-team-list li:nth-child(odd) { margin-left: 0; }
}
.blog-team .blog-team-list li .image-resize { border-radius: 30px; display: block; float: left; height: 60px; margin: 0 15px 0 0; overflow: hidden; padding: 0; width: 60px;
}
.blog-team .blog-team-list li .image-resize img { height: 77px; width: 60px;
}
.blog-team .blog-team-list li .contributor-info { float: left; width: 65%;
}
@media (min-width: 960px) { .blog-team .blog-team-list li .contributor-info { width: 165px; }
}
@media (min-width: 960px) { .blog-team .blog-team-list li .contributor-info { width: 305px; }
}
@media (min-width: 1280px) { .blog-team .blog-team-list li .contributor-info { width: 295px; }
}
.blog-team .blog-team-list li .contributor-info h3 { font-size: 16px; line-height: 1.0em; margin: 5px 0 0 0;
}
@media (min-width: 640px) { .blog-team .blog-team-list li .contributor-info h3 { font-size: 18px; }
}
.blog-team .blog-team-list li .contributor-info h3 a:hover { color: #00b3ac;
}
.blog-team .blog-team-list li .contributor-info > a span { -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; color: #a6a6a6; display: block; font-size: 11px; margin: 3px 0;
}
.blog-team .blog-team-list li .contributor-info > a span:hover { color: #00b3ac;
}
.blog-team .blog-team-list li .contributor-info h4 { color: #666666; font-size: 12px; margin: 0;
}
@media (min-width: 960px) { .blog-team .blog-team-list li .contributor-info h4 { word-wrap: break-word; }
}
.blog-team .blog-team-list li .contributor-info h4 span { color: #00b3ac; display: inline-block;
}
.blog-team .blog-team-list li .contributor-info h4 span.logo-search { color: #666666;
}
.blog-team .blog-team-list li .contributor-info h4 a:hover { color: #006860;
}
.blog-team .blog-team-list li .contributor-info h4 a:hover span { -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; color: #006860;
}
.infotype-section.blog-section .infotype-news-item { border-bottom: 1px solid #e3e3e3; border-top: 0; padding-bottom: 20px; margin-top: 0;
}
@media (min-width: 640px) { .infotype-section.blog-section .infotype-news-item { padding-bottom: 0; }
}
.infotype-section.blog-section .infotype-news-item:first-child { border-bottom: 1px solid #e3e3e3; margin-top: 20px;
}
@media (min-width: 960px) { .infotype-section.blog-section .infotype-section-title { padding: 25px 0 20px; }
}
#blog .main-article-header.filtered, #blog .filtered.answers-header, #blog .filtered.article-guide-header, #blog .filtered.definition-guide-header { padding: 0; margin: 0; margin-top: 10px;
}
@media (min-width: 640px) { #blog .main-article-header.filtered, #blog .filtered.answers-header, #blog .filtered.article-guide-header, #blog .filtered.definition-guide-header { margin-top: 35px; }
}
@media (min-width: 960px) { #blog .main-article-header.filtered, #blog .filtered.answers-header, #blog .filtered.article-guide-header, #blog .filtered.definition-guide-header { margin-top: 55px; }
}
@media (min-width: 1280px) { #blog .main-article-header.filtered, #blog .filtered.answers-header, #blog .filtered.article-guide-header, #blog .filtered.definition-guide-header { margin-top: 70px; }
}
#blog .main-article-header.filtered .blog-title, #blog .filtered.answers-header .blog-title, #blog .filtered.article-guide-header .blog-title, #blog .filtered.definition-guide-header .blog-title { padding: 0; margin: 0 20px 10px;
}
@media (min-width: 640px) { #blog .main-article-header.filtered .blog-title, #blog .filtered.answers-header .blog-title, #blog .filtered.article-guide-header .blog-title, #blog .filtered.definition-guide-header .blog-title { margin: 0 40px 10px; }
}
@media (min-width: 960px) { #blog .main-article-header.filtered .blog-title, #blog .filtered.answers-header .blog-title, #blog .filtered.article-guide-header .blog-title, #blog .filtered.definition-guide-header .blog-title { margin: 0 0 -20px; }
}
@media (min-width: 1280px) { #blog .main-article-header.filtered .blog-title, #blog .filtered.answers-header .blog-title, #blog .filtered.article-guide-header .blog-title, #blog .filtered.definition-guide-header .blog-title { margin: 0 0 -10px; }
}
@media (min-width: 1280px) { #blog .main-article-header.filtered .ad-wrapper.page-header-ad.ad-desktop-w, #blog .filtered.answers-header .ad-wrapper.page-header-ad.ad-desktop-w, #blog .filtered.article-guide-header .ad-wrapper.page-header-ad.ad-desktop-w, #blog .filtered.definition-guide-header .ad-wrapper.page-header-ad.ad-desktop-w { margin-top: 30px; }
}
@media (min-width: 1280px) { #blog-post #content-left { clear: left; }
}
@media (min-width: 960px) { #blog-post .main-article-title, #blog-post .answers-title { margin-bottom: 30px; }
}
@media (min-width: 1280px) { #blog-post .main-article-title, #blog-post .answers-title { margin-bottom: -10px; }
}
#blog-post .main-article-subtitle, #blog-post .answers-subtitle { display: none;
}
#blog-post .main-article-author { margin-bottom: -50px; border-bottom: 0;
}
@media (min-width: 960px) { #blog-post .main-article-author { margin-bottom: 20px; margin-bottom: -40px; }
}
@media (min-width: 1280px) { #blog-post .main-article-author { display: none; clear: both; overflow: hidden; margin-bottom: 20px; }
}
@media (min-width: 1280px) { #blog-post .main-article-chapter { margin-top: 0; background: 0; }
}
@media (min-width: 1280px) { #blog-post .content-center { margin-top: 10px; }
}
#blog-post .content-center .float-mask { display: none;
}
@media (min-width: 960px) { #blog-post .main-article-guide-subtitle { width: 800px; }
}
@media (min-width: 1280px) { #blog-post .main-article-guide-subtitle { width: 1120px; margin: 20px 0 -20px; }
}
#blog-post .page-header-ad { display: block;
}
@media (min-width: 960px) { #blog-post .ad-embedded #mu-top { display: block; }
}
#blog-post .wp-caption { max-width: 150px; margin-top: 10px; margin-bottom: 10px;
}
@media (min-width: 640px) { #blog-post .wp-caption { max-width: 220px; }
}
@media (min-width: 1280px) { #blog-post .wp-caption { max-width: 270px; }
}
#blog-post .wp-caption.alignnone { float: none;
}
#blog-post .wp-caption.alignleft { float: left; margin-right: 25px;
}
#blog-post .wp-caption.alignright { float: right; margin-left: 25px;
}
#blog-post .wp-caption.aligncenter { float: none; margin: 0 auto;
}
#blog-post .wp-caption .wp-caption-dt img { max-width: 150px; max-height: 300px;
}
@media (min-width: 640px) { #blog-post .wp-caption .wp-caption-dt img { max-width: 220px; }
}
@media (min-width: 1280px) { #blog-post .wp-caption .wp-caption-dt img { max-width: 270px; }
}
#blog-post .wp-caption .wp-caption-dd,
#blog-post .wp-caption .wp-caption-text { margin: 0; font-size: 12px;
}
#blog-post .guest .main-article-author-byline a { color: #00b3ac;
}
#blog-post .main-article-author-byline a { color: #323232;
}
#blog-post .main-article-author-byline a:hover { color: #00b3ac;
}
#blog-post .guest-banner,
#blog .guest-banner { background-color: #00b3ac; text-transform: uppercase; font-size: 11px; color: #fff; padding: 1px 0 1px 15px; width: 160px; display: block; margin-bottom: 15px; border-radius: 2px; position: relative;
}
@media (min-width: 1280px) { #blog-post .guest-banner, #blog .guest-banner { width: 185px; }
}
#blog-post .guest-banner:after,
#blog .guest-banner:after { content: ""; position: absolute; top: 16px; left: 15px; border-width: 7px 5px 0 5px; border-style: solid; border-color: #00b3ac #fff;
}
#blog-post .main-article-author.guest .image-resize { border: 2px solid #00b3ac; margin-right: 11px;
}
#blog-post .main-guide-hero-header.sponsored,
#blog .main-guide-hero-header.sponsored { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/temp/article_gradient_desktop.jpg?yocs=1_&yoloc=eu) no-repeat 0 0;
}
#blog-post .main-guide-hero-header.sponsored .main-guide-hero-header-left,
#blog .main-guide-hero-header.sponsored .main-guide-hero-header-left { position: relative;
}
@media (min-width: 960px) { #blog-post .main-guide-hero-header.sponsored .main-guide-hero-header-left h3, #blog .main-guide-hero-header.sponsored .main-guide-hero-header-left h3 { font-size: 20px; }
}
@media (min-width: 1280px) { #blog-post .main-guide-hero-header.sponsored .main-guide-hero-header-left h3, #blog .main-guide-hero-header.sponsored .main-guide-hero-header-left h3 { font-size: 24px; }
}
#blog-post .main-guide-hero-header.sponsored .main-guide-hero-header-left .icon,
#blog .main-guide-hero-header.sponsored .main-guide-hero-header-left .icon { top: 0;
}
@media (min-width: 960px) { #blog-post .main-guide-hero-header.sponsored .main-guide-hero-header-left .icon, #blog .main-guide-hero-header.sponsored .main-guide-hero-header-left .icon { top: -6px; }
}
@media (min-width: 1280px) { #blog-post .main-guide-hero-header.sponsored .main-guide-hero-header-left .icon, #blog .main-guide-hero-header.sponsored .main-guide-hero-header-left .icon { top: -10px; }
}
#blog-post .main-guide-hero-header-right,
#blog .main-guide-hero-header-right { display: none; padding-bottom: 15px; text-align: center; background-color: #f2f2f2;
}
@media (min-width: 960px) { #blog-post .main-guide-hero-header-right, #blog .main-guide-hero-header-right { display: block; background-color: transparent; float: right; margin-top: 20px; padding-bottom: 0; text-align: left; }
}
#blog-post .main-guide-hero-header-right span,
#blog .main-guide-hero-header-right span { margin-top: 8px; display: inline-block; font-size: 11px; border-right: 1px solid #666666; margin-right: 20px; padding-top: 2px; padding-right: 20px; height: 18px;
}
@media (min-width: 960px) { #blog-post .main-guide-hero-header-right span, #blog .main-guide-hero-header-right span { float: left; }
}
@media (min-width: 1280px) { #blog-post .main-guide-hero-header-right span, #blog .main-guide-hero-header-right span { margin-top: 10px; padding-top: 5px; }
}
#blog-post .main-guide-hero-header-right img,
#blog .main-guide-hero-header-right img { vertical-align: middle;
}
@media (min-width: 960px) { #blog-post .main-guide-hero-header-right img, #blog .main-guide-hero-header-right img { max-width: 150px; max-height: 50px; }
}
@media (min-width: 1280px) { #blog-post .main-guide-hero-header-right img, #blog .main-guide-hero-header-right img { max-width: 200px; }
}
#blog .sponsored .main-guide-hero-header-right { display: block; background-color: transparent; margin-top: 8px; padding: 0;
}
@media (min-width: 640px) { #blog .sponsored .main-guide-hero-header-right { margin-top: 18px; }
}
@media (min-width: 960px) { #blog .sponsored .main-guide-hero-header-right { margin-top: 20px; padding: 0 40px 0 20px; }
}
#blog .main-article-header, #blog .answers-header, #blog .article-guide-header, #blog .definition-guide-header { min-height: 25px;
}
@media (min-width: 1280px) { #blog .main-article-header.sponsored, #blog .sponsored.answers-header, #blog .sponsored.article-guide-header, #blog .sponsored.definition-guide-header, #blog .main-article-header.combo, #blog .combo.answers-header, #blog .combo.article-guide-header, #blog .combo.definition-guide-header { min-height: 240px; }
}
.news-archive-item ul li.selected { color: #00b3ac;
}
.news-archive-item ul li a:hover { color: #666666;
}
.paginationNavigation .pagePrevious a { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/paginationPrevOn.png?yocs=1_&yoloc=eu) no-repeat 0 0;
}
.paginationNavigation .pageNext a { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/paginationNextOn.png?yocs=1_&yoloc=eu) no-repeat 0 0;
}
#blog .infotype-news-item > span, #blog .infotype-news-item > a { font-size: 11px;
}
#blog .infotype-news-item .author { -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s;
}
#blog .infotype-news-item .title { color: #c6c2bf;
}
#blog .infotype-news-item .date { display: block;
}
@media (min-width: 640px) { #blog .infotype-news-item .date { display: inline-block; margin-left: 5px; padding-left: 5px; border-left: 1px solid #323232; color: #323232; }
}
#blog .infotype-news-item .image-resize { display: none;
}
@media (min-width: 960px) { #blog .infotype-news-item .image-resize { border-radius: 30px; display: block; float: left; height: 60px; margin: 0 15px 0 0; overflow: hidden; padding: 0; width: 60px; }
}
#blog .infotype-news-item .image-resize img { display: none;
}
@media (min-width: 960px) { #blog .infotype-news-item .image-resize img { display: block; height: 77px; width: 60px; }
}
@media (min-width: 960px) { #blog .infotype-news-item .infotype-news-description { margin-left: 75px; }
}
#blog .infotype-news-item.guest-contributor .image-resize { border: 2px solid #00b3ac;
}
#blog .infotype-news-item.guest-contributor .guest-banner { margin-top: 15px; display: block; margin-bottom: 10px; width: 140px; margin-right: 10px;
}
@media (min-width: 640px) { #blog .infotype-news-item.guest-contributor .guest-banner { margin-top: 0; display: inline-block; }
}
#blog .infotype-news-item.guest-contributor .guest-banner:after { top: -7px; border-width: 0px 5px 7px 5px;
}
#blog .infotype-news-item.guest-contributor .author { color: #00b3ac;
}
#blog .infotype-news-item.guest-contributor .author:hover { color: #006860;
}
#blog .section.news.infotype-section.blog-listing-section.sponsored .author { color: #00b3ac;
}
#blog .section.news.infotype-section.blog-listing-section.sponsored .author:hover { color: #006860;
}
#blog .infotype-section.sponsored .infotype-news-item .infotype-news-title { margin-left: 0;
}
@media (min-width: 960px) { #blog .main-article-header .blog-subtitle, #blog .answers-header .blog-subtitle, #blog .article-guide-header .blog-subtitle, #blog .definition-guide-header .blog-subtitle { margin-bottom: 0; }
}
@media (min-width: 1280px) { #blog .main-article-header .blog-subtitle, #blog .answers-header .blog-subtitle, #blog .article-guide-header .blog-subtitle, #blog .definition-guide-header .blog-subtitle { width: 700px; }
}
@media (min-width: 960px) { #blog .main-content .content-left { padding-top: 30px; }
}
@media (min-width: 960px) { #blog section.infotype-section.blog-listing-section { margin-top: 30px; }
}
@media (min-width: 1280px) { #blog .section.news.infotype-section.blog-listing-section .infotype-news-items.list-1 { overflow: hidden; margin-bottom: 15px; border-bottom: 1px solid #e3e3e3; }
}
@media (min-width: 960px) { #blog .main-content .content-columns .content-center .section.news.infotype-section.blog-listing-section { min-height: 1200px; }
}
#blog-post .resources-bar .resources-bar-list.blogroll .collapse-toggle,
#blog .resources-bar .resources-bar-list.blogroll .collapse-toggle { width: 100%; position: absolute; padding: 0; list-style: none;
}
#blog-post .resources-bar .resources-bar-list.blogroll .collapse-toggle .collapse-toggle-inner,
#blog .resources-bar .resources-bar-list.blogroll .collapse-toggle .collapse-toggle-inner { border: 0;
}
#blog-post .resources-bar .resources-bar-item a,
#blog .resources-bar .resources-bar-item a { min-height: 0;
}
.next-steps .section-title,
.dig-deeper .section-title,
.most-popular .section-title,
.expert-question .section-title,
.continue-reading .section-title { padding-left: 30px;
}
@media (min-width: 640px) { .next-steps .section-title, .dig-deeper .section-title, .most-popular .section-title, .expert-question .section-title, .continue-reading .section-title { padding-left: 33px; }
}
@media (min-width: 960px) { .next-steps .section-title, .dig-deeper .section-title, .most-popular .section-title, .expert-question .section-title, .continue-reading .section-title { padding-left: 39px; }
}
.next-steps .section-title .icon,
.dig-deeper .section-title .icon,
.most-popular .section-title .icon,
.expert-question .section-title .icon,
.continue-reading .section-title .icon { left: -8px; top: -9px;
}
@media (min-width: 640px) { .next-steps .section-title .icon, .dig-deeper .section-title .icon, .most-popular .section-title .icon, .expert-question .section-title .icon, .continue-reading .section-title .icon { font-size: 35px; top: -6px; }
}
@media (min-width: 960px) { .next-steps .section-title .icon, .dig-deeper .section-title .icon, .most-popular .section-title .icon, .expert-question .section-title .icon, .continue-reading .section-title .icon { font-size: 37px; top: -3px; }
}
@media (min-width: 1280px) { .next-steps .section-title .icon, .dig-deeper .section-title .icon, .most-popular .section-title .icon, .expert-question .section-title .icon, .continue-reading .section-title .icon { font-size: 39px; top: -2px; }
}
.dig-deeper-nav-wrapper { margin-top: 15px; border-top: 1px solid #e3e3e3; overflow-x: auto; overflow-y: hidden;
}
@media (min-width: 640px) { .dig-deeper-nav-wrapper { margin-bottom: 20px; border: 0; }
}
.dig-deeper-nav { width: 250%; list-style: none;
}
.dig-deeper-nav-item { font-size: 10px; letter-spacing: .1em; text-transform: uppercase; text-align: center; color: #a6a6a6; height: 28px; padding: 15px; position: relative; float: left; cursor: pointer;
}
@media (min-width: 640px) { .dig-deeper-nav-item { padding-bottom: 0; margin-bottom: 15px; border-right: 1px solid #e3e3e3; }
}
@media (min-width: 640px) { .dig-deeper-nav-item:first-child { border-left: 1px solid #e3e3e3; }
}
.dig-deeper-nav-item .icon { color: #00b3ac; margin-top: 5px; display: none;
}
.dig-deeper-nav-item.selected { color: #00b3ac;
}
.dig-deeper-nav-item.selected .icon { display: block;
}
.dig-deeper-nav-item a { display: block; margin: -15px; padding: 15px;
}
.dig-deeper-nav-item a:focus { outline: 0;
}
.dig-deeper-content { padding-top: 10px; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; list-style: none;
}
@media (min-width: 640px) { .dig-deeper-content { padding-top: 0; margin: 0 -4%; background: none; clear: both; overflow: hidden; }
}
.dig-deeper-content-item { padding: 20px 0 15px 40px; border-top: 1px solid #e3e3e3; position: relative;
}
@media (min-width: 640px) { .dig-deeper-content-item { width: 42%; height: 155px; padding: 30px 0 15px 45px; margin: 0 4%; border: 0; background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat-x 0 top; float: left; overflow: hidden; }
}
@media (min-width: 960px) { .dig-deeper-content-item { height: 165px; }
}
@media (min-width: 1280px) { .dig-deeper-content-item { height: 174px; }
}
.dig-deeper-content-item:first-child { border-top: 0;
}
.dig-deeper-content-item h5 { font-size: 16px; line-height: 1.375em; letter-spacing: -.02em; margin: 0;
}
@media (min-width: 640px) { .dig-deeper-content-item h5 { font-size: 18px; }
}
@media (min-width: 960px) { .dig-deeper-content-item h5 { font-size: 20px; line-height: 1.2em; }
}
@media (min-width: 1280px) { .dig-deeper-content-item h5 { font-size: 24px; line-height: 1.16em; }
}
.dig-deeper-content-item h5 a { color: #323232;
}
.dig-deeper-content-item h5 a:hover { color: #00b3ac;
}
.dig-deeper-content-item .icon { font-size: 42px; color: #00b3ac; position: absolute; top: 15px; left: -8px;
}
@media (min-width: 640px) { .dig-deeper-content-item .icon { font-size: 55px; top: 23px; left: -11px; }
}
.dig-deeper-load-more { width: 100%; margin-top: 10px; margin-bottom: 30px;
}
@media (min-width: 640px) { .dig-deeper-load-more { font-size: 20px; }
}
@media (min-width: 960px) { .dig-deeper-load-more { width: 500px; margin: 10px 45px 30px; }
}
@media (min-width: 1280px) { .dig-deeper-load-more { width: 510px; margin: 10px 65px 30px; }
}
.extra-info { background: url(//cdn-eu-cf.yottaa.net/570556932bb0ac6160008dd8/cab8d880de5601335226123dfe2baf36.yottaa.net/v~12.e/rms/ux/responsive/img/border_diagonal.png?yocs=1_&yoloc=eu) repeat 0 0; padding: 10px 10px 10px 0; margin: 40px 0 0 10px;
}
.extra-info-inner, .extraInfo, .sidebar { background-color: #e3e3e3; color: #666666; font-size: 13px; margin: -20px 0 0 -10px; padding: 20px 40px;
}
.extra-info-inner h4, .extraInfo h4, .sidebar h4 { color: #008bc1; font-size: 24px; margin: 0 0 20px 0;
}
.extra-info-inner ul, .extraInfo ul, .sidebar ul { list-style-type: square; margin-left: 15px;
}
.extra-info-inner ul li, .extraInfo ul li, .sidebar ul li { margin-bottom: 20px;
}
.extra-info-inner p, .extraInfo p, .sidebar p { font-size: 13px;
}
.extraInfo { margin-top: 40px;
}
.ad { margin: 0 auto;
}
.ad-ist { display: none;
}
.ad-lb { width: 728px; height: 90px; display: none;
}
@media (min-width: 960px) { .ad-lb { display: block; }
}
.ad-mb { width: 300px; height: 50px;
}
@media (min-width: 960px) { .ad-mb { display: none; }
}
.ad-mbt { width: 300px; height: 90px; display: none;
}
@media (min-width: 640px) { .ad-mbt { display: block; }
}
.ad-hp { width: 300px; min-height: 250px; display: none;
}
@media (min-width: 1280px) { .ad-hp { display: block; }
}
.ad-mu { width: 300px; height: 250px;
}
.ad-pr { width: 800px; height: 45px; display: none;
}
@media (min-width: 1280px) { .ad-pr { display: block; }
}
.header-leaderboard .ad { padding: 10px 0;
}
.header-leaderboard.ad-desktop { display: none;
}
@media (min-width: 960px) { .header-leaderboard.ad-desktop { display: block; }
}
.header-leaderboard.ad-mobile { background-color: #323232;
}
@media (min-width: 960px) { .header-leaderboard.ad-mobile { display: none; }
}
.page-header-ad { position: absolute; right: 0; z-index: 1; display: none;
}
@media (min-width: 960px) { .page-header-ad.ad-desktop { display: block; }
}
@media (min-width: 1280px) { .page-header-ad.ad-desktop-w { display: block; }
}
@media (min-width: 960px) { .page-header-ad.ad-desktop-duo { display: block; }
}
@media (min-width: 1280px) { .page-header-ad.ad-desktop-duo .ad-mu { display: none; }
}
.ad-inline { margin: 0 -30px;
}
@media (min-width: 640px) { .ad-inline { margin: 0; }
}
.ad-inline .ad { padding: 10px 0;
}
@media (min-width: 640px) { .ad-inline.ad-mobile-x { display: none; }
}
@media (min-width: 960px) { .ad-inline.ad-mobile { display: none; }
}
.ad-inline.ad-tablets { display: none;
}
@media (min-width: 640px) { .ad-inline.ad-tablets { display: block; }
}
@media (min-width: 1280px) { .ad-inline.ad-tablets { display: none; }
}
.ad-inline.ad-desktop { display: none;
}
@media (min-width: 960px) { .ad-inline.ad-desktop { display: block; }
}
.ad-inline.ad-desktop-w { display: none;
}
@media (min-width: 1280px) { .ad-inline.ad-desktop-w { display: block; }
}
@media (min-width: 1280px) { .ad-inline.ad-x-desktop-w { display: none; }
}
.ad-embedded { margin: 0 -30px; padding: 10px 0; background-color: #f2f2f2;
}
@media (min-width: 640px) { .ad-embedded { border-left: 20px solid #fff; float: right; padding: 0; margin: 0 0 20px 20px; }
}
.ad-embedded.no-float { background: none; float: none; margin: 0;
}
@media (min-width: 960px) { .ad-embedded .ad-mu { display: none; }
}
@media (min-width: 960px) { .ad-embedded .ad-hp { display: block; }
}
.no-float .ad { margin: 1.5em auto;
}
.float-mask { display: none; float: right; width: 312px; background: #fff;
}
@media (min-width: 1280px) { .float-mask { width: 100px; margin-bottom: 40px; }
}
.nav-pro-callout, .body-pro-callout { display: none;
}
@media (min-width: 1280px) { .nav-pro-callout, .body-pro-callout { display: block; }
}
.nav-pro-callout { position: absolute; top: 0; left: 20px; height: 50px;
}
.body-pro-callout { width: 1200px; padding-top: 60px; margin: 0 auto; border-bottom: 1px solid #e3e3e3; background: #fff;
}
#home .body-pro-callout { margin-top: -40px; padding-top: 0px;
}
.body-pro-callout-inner { margin: 0 40px; padding: 20px 0; border-top: 1px solid #e3e3e3;
}
#magNav .body-pro-callout,
#ezineDetail .body-pro-callout,
#ezineDetailLogin .body-pro-callout,
#ebookChapter .body-pro-callout,
#ebookChapterLogin .body-pro-callout,
#ebookDetail .body-pro-callout,
#ebookDetailLogin .body-pro-callout,
#eproductsNav .body-pro-callout { border-bottom: 0; margin-bottom: 40px; padding-top: 0;
}
#magNav .body-pro-callout-inner,
#ezineDetail .body-pro-callout-inner,
#ezineDetailLogin .body-pro-callout-inner,
#ebookChapter .body-pro-callout-inner,
#ebookChapterLogin .body-pro-callout-inner,
#ebookDetail .body-pro-callout-inner,
#ebookDetailLogin .body-pro-callout-inner,
#eproductsNav .body-pro-callout-inner { border: 0;
}
.ads-by-google.main-content { position: relative; padding: 30px 0 23px; margin-bottom: 30px;
}
@media (min-width: 640px) { .ads-by-google.main-content { padding-bottom: 60px; margin-bottom: 60px; }
}
@media (min-width: 960px) { .ads-by-google.main-content { width: 880px; }
}
@media (min-width: 1280px) { .ads-by-google.main-content { width: 1200px; }
}
.ads-by-google.main-content h2 { margin: 0 20px 30px; color: #a6a6a6; font-size: 10px;
}
@media (min-width: 640px) { .ads-by-google.main-content h2 { margin: 0 40px 30px; }
}
.ads-by-google.main-content ul { margin: 0 0 0 20px;
}
@media (min-width: 640px) { .ads-by-google.main-content ul { margin: 0 20px 0 40px; }
}
.ads-by-google.main-content li { display: none; list-style: none; margin-right: 20px; width: 240px;
}
@media (min-width: 960px) { .ads-by-google.main-content li { margin-right: 30px; }
}
@media (min-width: 1280px) { .ads-by-google.main-content li { margin-right: 40px; }
}
.ads-by-google.main-content li.google-ad-1 { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline;
}
@media (min-width: 640px) { .ads-by-google.main-content li.google-ad-2 { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
}
@media (min-width: 960px) { .ads-by-google.main-content li.google-ad-3 { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
}
@media (min-width: 1280px) { .ads-by-google.main-content li.google-ad-4 { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
}
.ads-by-google.main-content li h3 { color: #323232; font-size: 16px; margin: 0 0 10px 0;
}
.ads-by-google.main-content li h3:hover { color: #00b3ac;
}
.ads-by-google.main-content li p { color: #a6a6a6; font-size: 12px; line-height: 1.5em; margin: 0;
}
.ads-by-google.main-content li a.googleGreen { font-size: 13px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .replace_2x { font-size: 1px; }
}