@font-face {
  font-family: 'ScalaSansBold';
  src: url("../fonts/ScalaSansWeb-Bold.eot");
  src: url("../fonts/ScalaSansWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ScalaSansWeb-Bold.woff") 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, .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 {
  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, .articleVideoLeft .video-title a, .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], .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, .blog-team > h3, .blog-team .blog-team-list li .contributor-info h3, .blog-team .blog-team-list li .contributor-info h4, .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 h4, .multimedia-sections .multimedia-sections-links 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, #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, .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, .video-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, .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, .blog-team .blog-team-list li: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, .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, .blog-team .blog-team-list li: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, .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, .blog-team .blog-team-list li: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, .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, .blog-team .blog-team-list li, .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, .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, .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, .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, .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, .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, .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;
}

/* ==========================================================================
   Sample Heading
   ========================================================================== */
/* Sample Subheading
   ========================================================================== */
body {
  font-size: 15px;
  color: #323232;
  min-width: 320px;
  background: #f2f2f2;
  /* Store the current view setting in the z-index property */
  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;
  }
}

/* ==========================================================================
   General/Common Styles
   ========================================================================== */
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 {
  /* Firefox 18- */
  color: #dddddd;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #dddddd;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #dddddd;
}

/* ==========================================================================
   Logo update
   ========================================================================== */
.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;
}

/* ==========================================================================
   Additional Globals
   ========================================================================== */
.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;
}

/* ==========================================================================
   Legacy Content Overrides
   ========================================================================== */
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;
}

/* ==========================================================================
   Sections
   ========================================================================== */
.section {
  padding-top: 10px;
  margin-top: 50px;
  background: url(../img/border_diagonal.png) 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;
  }
}

/* ==========================================================================
   jScrollPane Overrides
   ========================================================================== */
.jspTrack {
  width: 7px;
  background-color: #e3e3e3;
}

.jspDrag {
  width: 7px;
  background-color: #c6c2bf;
}

.jspVerticalBar {
  width: 7px;
  background-color: transparent;
}

/* ==========================================================================
   jQueryUI Autocomplete Overrides
   ========================================================================== */
.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;
}

/* ==========================================================================
   For Placeholder Polyfill
   ========================================================================== */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* ==========================================================================
   Imports
   ========================================================================== */
/* ==========================================================================
   Header
   ========================================================================== */
.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(../img/border_diagonal.png) 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(../img/nav_border.png) 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 Bar
   ========================================================================== */
.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;
}

/* SearchSites Nav Item
   ========================================================================== */
@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;
}

/* All Sites Nav Item
   ========================================================================== */
.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;
}

/* Topics Nav Item
   ========================================================================== */
@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;
}

/* Sections Nav Item
   ========================================================================== */
@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;
  }
}

/* Fixed Desktop Search
   ========================================================================== */
.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;
  }
}

/* ==========================================================================
   Fixed Headers
   ========================================================================== */
.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(../img/nav_border_small.png) 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;
  }
}
/* ==========================================================================
   Search Site Display (Mobile Only)
   ========================================================================== */
.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(../img/border_diagonal.png) 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;
  }
}

/* ==========================================================================
   Privacy Policy
   ========================================================================== */
.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("../img/footer_logo.png") 20px top no-repeat;
  }
}
footer .content-center {
  background: transparent url("../img/border_diagonal.png") 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("../img/footer_rule.jpg") repeat-x 0 bottom;
  list-style: none;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
@media (min-width: 640px) {
  footer .column {
    background: transparent url("../img/border_diagonal.png") 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("../img/border_diagonal.png") 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("../img/border_diagonal.png") 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("../img/footer_rule.jpg") 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("../img/footer_rule.jpg") 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;
  }
}

/* ==========================================================================
   Chapters/Resources Bar
   ========================================================================== */
.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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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("../img/bg_profeature_bullet.png") 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("../img/bg_profeature_bullet@2x.png");
    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;
}

.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;
}

/* ==========================================================================
   Mobile Actions / Share Bar
   ========================================================================== */
.actions-bar {
  padding-bottom: 18px;
  background: url(../img/ad_triangle.png) 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;
}

/* ==========================================================================
   Desktop Share Bar
   ========================================================================== */
.share-bar-desktop {
  display: none;
}
@media (min-width: 960px) {
  .share-bar-desktop {
    width: 170px;
    text-align: center;
    padding: 25px 0 15px;
    background: url(../img/border_diagonal.png) 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;
}

/* ==========================================================================
   QA Sidebar
   ========================================================================== */
.qa-sidebar {
  display: none;
}
@media (min-width: 960px) {
  .qa-sidebar {
    padding: 30px 0 20px;
    background: url(../img/border_diagonal.png) 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 Chapters Bar
   ========================================================================== */
.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 Sidebar
   ========================================================================== */
.blog-bar {
  display: none;
}
@media (min-width: 960px) {
  .blog-bar {
    padding: 10px 0 0;
    background: url(../img/border_diagonal.png) 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(../img/border_diagonal.png) repeat-x 0 top;
  padding-top: 25px;
}
.blog-bar .blog-bar-header.latest .icon {
  top: 17px;
}

/* ==========================================================================
   Main Article
   ========================================================================== */
.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(../img/border_diagonal.png) 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;
}

/* Article Title / Subtitle
   ========================================================================== */
.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(../img/border_diagonal.png) 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;
  }
}

/* Article Author
   ========================================================================== */
.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;
}

/* Article Body
   ========================================================================== */
.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;
  }
}

/* Article Image
   ========================================================================== */
.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(../img/border_diagonal.png) 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(../img/refinery_mask.png) repeat-x 0 top;
    height: 36px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 100;
  }
}

/* Article Pullquote
   ========================================================================== */
.main-article-pullquote, .pullquote {
  margin: 40px 0 40px 10px;
  background: url(../img/border_diagonal.png) 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;
}

/* Article Video
   ========================================================================== */
@media (min-width: 640px) {
  .articleVideoLeft {
    float: left;
    padding: 0 20px 20px 0;
  }
}

/* Premium Content Promo
========================================================================== */
.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(../img/border_diagonal.png) 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;
}

/* Quiz
========================================================================== */
.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(../img/border_diagonal.png) 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 Article
========================================================================== */
.microsite-summary-image {
  background: url(../images/border_diagonal.png) repeat-x 0 bottom;
  padding-bottom: 10px;
  margin-bottom: 16px;
  line-height: 0.75em;
  overflow: hidden;
}
.microsite-summary-image p {
  float: none !important;
}

/* Updated Podcast player (mejs)
========================================================================== 
.podcastdownload {
	clear:both;
	overflow:hidden;

	background-color:#323232;
	padding-right:10px;

	@include breakpoint(tablet) {
		padding-right:50px;
		position:relative;
	}

	@include breakpoint(desktop_w) {
		padding-right:20px;
	}

	.mejs-container {
		background-color:#323232;
		margin:5px 0;

		@include breakpoint(tablet) {
			margin:10px 0;
		}

		@include breakpoint(desktop_w) {
			margin-bottom:0;
		}

		.mejs-controls {
			background:none;
			background-color:#323232;

			.mejs-button button {
				background:none;
				height:30px;
				width:30px;
				margin:0;

				&:focus {
					outline:0;
				}
			}

			.mejs-volume-button {
				display:none;

				@include breakpoint(tablet) {
					display:block;
					margin-top:-2px;
				}

				.mejs-volume-slider {
					height:48px;
					width:30px;
					background-color:#444;
					top:-48px;
					border-radius:4px 4px 0 0;

					.mejs-volume-total {
						height:33px;
						background-color:#666;
						left:14px;
					}

					.mejs-volume-current {
						left:14px;
					}

					.mejs-volume-handle {
						left:10px;
						width:10px;
						height:10px;
						border-radius:5px;
						background-color:#ccc;
					}
				}
			}

			.mejs-button.mejs-play {
				background: transparent url(../img/mejs_sprite.png) no-repeat 0 0;
				height:23px;
				width:19px;
				margin:0 10px;

				@include breakpoint(tablet) {
					margin:0 10px 0 15px;
				}

				@include breakpoint(desktop_w) {
					margin-left:0;
				}

				button {
					height:23px;
					width:19px;
				}
			}

			.mejs-button.mejs-pause {
				background: transparent url(../img/mejs_sprite.png) no-repeat 0 -24px;
				height:23px;
				width:19px;
				margin:0 10px;

				@include breakpoint(tablet) {
					margin:0 10px 0 15px;
				}

				@include breakpoint(desktop_w) {
					margin-left:0;
				}

				button {
					height:23px;
					width:19px;
				}
			}

			.mejs-button.mejs-mute {
				background: transparent url(../img/mejs_sprite.png) no-repeat -29px 0;
				height:30px;
				width:30px;
				margin:-2px 10px 0;

				&:hover {
					background-position:-29px -33px;
				}

				button {
					height:30px;
					width:30px;
				}
			}

			.mejs-button.mejs-unmute {
				background: transparent url(../img/mejs_sprite.png) no-repeat -62px 0;
				height:30px;
				width:30px;
				margin:-2px 10px 0;

				button {
					height:30px;
					width:30px;
				}
			}

			.mejs-time {
				span {
					line-height:7px;
				}
			}

			.mejs-time-rail {
				.mejs-time-current {
					background:none;
					background-color:#00d8c8;
				}

				.mejs-time-loaded {
					background:none;
					background-color:#666;
				}

				.mejs-time-total {
					background:none;
					background-color:#000;
				}

				.mejs-time-float {
					height:15px;
				}

				span {
					height:5px;
				}
			}
		}
	}

	.podcast-img {
		float:left;
		width:75px;
		height:75px;

		@include breakpoint(tablet) {
			width:140px;
			height:140px;
		}
	}

	.podcast-info {
		@include breakpoint(tablet) {
			min-height:130px;
			margin-bottom:15px;
		}

		@include breakpoint(desktop_w) {
			min-height:0;
		}
	}

	.podcast-title {
		@extend .haas-b;
		color:#00d8c8;
		font-size:15px;
		display:block;
		margin-top:10px;
		margin-left:90px;
		min-height:75px;

		@include breakpoint(tablet) {
			min-height:0;
			font-size:18px;
			margin-left:155px;
		}

		@include breakpoint(desktop_w) {
			font-size:19px;
		}
	}

	.podcast-summary {
		display:none;

		@include breakpoint(tablet) {
			color:#fff;
			display:block;
			margin-left:155px;
			font-size:13px;
			line-height:18px;
			margin-top:10px;
		}
	}

	.podcast-download-btn {
		display:none;

		&:hover {
			background-position:-95px -33px;
		}

		@include breakpoint(tablet) {
			display:block;

			background: transparent url(../img/mejs_sprite.png) no-repeat -95px 0;
			text-indent:-9999px;
			height:30px;
			width:30px;

			position:absolute;
			bottom:12px;
			right:15px;
		}

		@include breakpoint(desktop_w) {
			bottom:2px;
			right:-35px;
		}
	}

	.podcast-player-wrapper {
		@include breakpoint(desktop_w) {
			margin-left:155px;
			margin-right:30px;
			position:relative;
		}
	}
} */
/* Updated Video Sidebar
========================================================================== */
.articleVideoLeft {
  background: url(../img/border_diagonal.png) 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-summary p {
  margin: 0;
  font-size: 13px;
}

.refinery-wrapper {
  margin: 0 10px;
  padding: 10px;
  background: transparent url("../img/border_diagonal.png") 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("../img/refinery_mask.png") repeat-x 0 top;
}

.collapse-toggle {
  padding-top: 36px;
  background: url("../img/refinery_mask.png") 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;
    /*  overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap; */
    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("../img/border_diagonal.png") 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("../img/profeature_linebreak.png") 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("../img/bg_profeature_splash_bullet.png") 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("../img/bg_profeature_splash_bullet@2x.png");
    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("../img/border_diagonal.png") repeat-x 0 0;
  /* ==========================================================================
     Carousel Styles 
     ========================================================================== */
}
.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 TechTarget
   ========================================================================== */
.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("../img/latest_nav_rule.gif") 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("../img/latest_mask_before.png") repeat-y 0 0;
}
.latest-wrapper .latest-nav-mask.after-mask {
  right: 0px;
  background: url("../img/latest_mask_after.png") 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("../img/border_diagonal.png") 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("../img/border_diagonal.png") 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;
  }
}

/* ==========================================================================
   Sign Up Module
   ========================================================================== */
.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;
  }
}

@media (min-width: 1280px) {
  #inlineRegistrationContainer {
    width: 540px;
  }
}

/* Inline reg updates
   ========================================================================== */
.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;
  }
}

/* Cascading reg
   ========================================================================== */
.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;
}

/* ==========================================================================
   .inline-reg Styles
   ========================================================================== */
.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-header {
	height: auto;
}
@media (min-width: 960px) {
	.sign-up-wrapper.inline-reg .sign-up-header a {
		top: 85px;
	}
} */
.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;
    /* line-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%;
  }
}
/** .inline-reg Errors **/
.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(../img/iconProcessing.gif);
  height: 16px;
  width: 16px;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.inline-reg ul {
  margin: 0;
}

/* FormMeter/Progress bar Default css */
.meter {
  width: 300px;
  /* edit here to change the progress bar width. Max width for rainbow style is 400px */
  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("../assets/pbar.png") repeat-y 0 0;
  -webkit-background-size: 100% 40px;
  /* Safari fix */
  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 FormMeter/Progress Bar Overrides */
.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;
  }
}
/* ==========================================================================
   BPR
   ========================================================================== */
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(../img/border_diagonal.png) 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 Module
   ========================================================================== */
.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(../img/comments_mask.png) 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 Module
   ========================================================================== */
.discussion-sidebar {
  margin-top: -20px;
  padding-bottom: 30px;
  background: url(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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;
}

/* VGN Commenting
   ========================================================================== */
#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(../img/iconProcessing.gif);
  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 Core Styles */
#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 User Styles */
#colorbox, #cboxOverlay, #cboxWrapper {
  z-index: 999999;
}

#cboxOverlay {
  background-color: #000;
}

#cboxClose {
  position: absolute;
  top: 8px;
  right: 8px;
  display: block;
  background: url(../img/iconClose.png) 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(../img/backgroundColorboxSpinner.gif) 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;
}

/* ColorBox Our Styles */
/*Password Modal Commenting */
.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(../img/iconRequired.png);
  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;
}

/* image credits */
.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;
}

/* tt_thickbox_reg */
#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(macFFBgHack.png) 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;
}

/* ==========================================================================
   Unsubscribe
   ========================================================================== */
.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("../img/border_diagonal.png") 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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 Page
   ========================================================================== */
.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 Page Title
   ========================================================================== */
.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(../img/border_diagonal.png) 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;
  }
}

/* Definition Page Authors
   ========================================================================== */
@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
   ========================================================================== */
.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
   ========================================================================== */
.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
   ========================================================================== */
.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;
  }
}

/* Related Terms
   ========================================================================== */
@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(../img/refinery_mask.png) 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
   ========================================================================== */
.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;
}

/* ==========================================================================
   Definition Page Updates
   ========================================================================== */
#sdef .breadcrumbs {
  margin: 0 20px -15px;
}
@media (min-width: 640px) {
  #sdef .breadcrumbs {
    margin-top: 5px;
  }
}
@media (min-width: 960px) {
  #sdef .breadcrumbs {
    margin: 0 auto;
    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: none;
    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(../img/ribbon_arrow_left_hover.png) 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(../img/ribbon_arrow_left.png) no-repeat 9px 100px;
}
#sdef .ribbon-left .ribbon-arrow-link:hover {
  background: url(../img/ribbon_arrow_left_hover.png) 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(../img/ribbon_arrow_right_hover.png) 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(../img/ribbon_arrow_right.png) no-repeat 9px 100px;
}
#sdef .ribbon-right .ribbon-arrow-link:hover {
  background: url(../img/ribbon_arrow_right_hover.png) 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;
  }
}

/* ==========================================================================
   Definition Page Updates V2
   ========================================================================== */
#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(../img/border_diagonal.png) 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: 110px;
}
@media (min-width: 640px) {
  #sdef .share-bar-desktop {
    width: 50px;
  }
}
@media (min-width: 960px) {
  #sdef .share-bar-desktop {
    margin-left: -5px;
    background: none;
    padding: 0;
  }
}
@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: 30px;
    padding: 7px;
  }
}
#sdef .share-bar-desktop .share-bar-item-desktop a:hover {
  color: #fff;
}
#sdef .actions-bar .actions-bar-item {
  display: none;
}

/* ==========================================================================
   Topic Page
   ========================================================================== */
.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 Page Title
   ========================================================================== */
.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 Sections
   ========================================================================== */
.topic-section,
.infotype-section {
  position: relative;
  width: 100%;
  /* news subsection
     ========================================================================== */
}
.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("../img/border_diagonal.png") 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
   ========================================================================== */
.new-notable {
  padding-top: 10px;
  margin: 0 20px 40px;
  background: url(../img/border_diagonal.png) 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%;
}

/* ==========================================================================
   Topic Takeover Page
   ========================================================================== */
@media (min-width: 1280px) {
  #topic-takeover .main-content .content-center {
    width: 540px;
  }
}
#topic-takeover .main-content .chapters-bar-list:last-child {
  background: url(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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;
}

/* Topic Takeover Ads
   ========================================================================== */
@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;
}

/* Topic Landing Page
   ========================================================================== */
#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;
}

/* Blog Landing Page
   ========================================================================== */
.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(../img/border_diagonal.png) 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;
}

@media (min-width: 960px) {
  .blog-title {
    padding: 0 40px;
  }
}

@media (min-width: 960px) {
  .blog-subtitle {
    padding: 0 40px;
  }
}

.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;
}

.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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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-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;
}

/* ==========================================================================
   Answers Page
   ========================================================================== */
/* Answers Page Title
   ========================================================================== */
.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 Page QA Boxes Question
   ========================================================================== */
.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 Page QA Boxes Answer
   ========================================================================== */
.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 Sections
   ========================================================================== */
.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(../img/border_diagonal.png) 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
   ========================================================================== */
.main-guide-hero-header {
  background: url(../img/temp/article_gradient_desktop.jpg) 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;
  }
}

/* Guide Refinery
   ========================================================================== */
.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;
}

/* Guide Refinery
   ========================================================================== */
@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 Parent Collapse
   ========================================================================== */
.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(../img/border_diagonal.png) 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 Page
   ========================================================================== */
#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 Results
   ========================================================================== */
#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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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("../img/border_diagonal.png") 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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("../img/bg_searchfeature_bullet.png") 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("../img/bg_searchfeature_bullet@2x.png");
    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("../img/bg_profeature_bullet.png") 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("../img/bg_profeature_bullet@2x.png");
    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(../img/border_diagonal.png) 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 Page - News
   ========================================================================== */
.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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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;
  }
}

/* ==========================================================================
   Infotype Page - Get Started
   ========================================================================== */
@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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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;
  }
}

/* ==========================================================================
   Infotype Page - Pagination
   ========================================================================== */
.pagination {
  background: #fff url(../img/border_diagonal.png) 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(../img/paginationPrevOff.png) no-repeat 0 0;
  margin-right: -2px;
  height: 24px;
  width: 23px;
}
.paginationNavigation .pagePrevious a {
  background: url(../img/paginationPrevOn.png) no-repeat 0 0;
  display: block;
  height: 24px;
  width: 23px;
}
.paginationNavigation .pageNext {
  background: url(../img/paginationNextOff.png) no-repeat 0 0;
  margin-left: -2px;
  height: 24px;
  width: 23px;
}
.paginationNavigation .pageNext a {
  background: url(../img/paginationNextOn.png) no-repeat 0 0;
  display: block;
  height: 24px;
  width: 23px;
}

.paginationTypePageList {
  text-align: center;
}

/* ==========================================================================
   Homepage
   ========================================================================== */
#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;
  }
}

.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 Sections
   ========================================================================== */
.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 Homepage
   ========================================================================== */
.new-notable-home {
  padding-bottom: 0;
}
@media (min-width: 640px) {
  .new-notable-home {
    padding-bottom: 50px;
  }
}
.new-notable-home .nn-home-item {
  background: url(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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 Homepage
   ========================================================================== */
.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(../img/border_diagonal.png) 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;
  }
}

/* ==========================================================================
   Ask Question/Discussion Homepage
   ========================================================================== */
@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(../img/border_diagonal.png) 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 Homepage
   ========================================================================== */
.find-solutions-home h2 {
  background: url(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) repeat-x 0 top;
  list-style-type: none;
}
@media (min-width: 640px) {
  .find-solutions-home .find-solutions-sections .find-solutions-sections-links {
    background: url(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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;
  }
}

/* ==========================================================================
   Pro Downloads Homepage
   ========================================================================== */
@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(../img/border_diagonal.png) 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;
  }
}

/* ==========================================================================
   Learn More Homepage
   ========================================================================== */
@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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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("../img/bg_profeature_bullet.png") 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("../img/bg_profeature_bullet@2x.png");
    background-size: 60px 60px;
  }
}
.learn-more-resources .resources-list-item span {
  color: #a6a6a6;
  display: block;
  white-space: nowrap;
}

/* ==========================================================================
   Multimedia Homepage
   ========================================================================== */
.multimedia-home h2 {
  background: url(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) repeat-x 0 bottom;
  border: none;
  margin-bottom: 20;
  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 {
  margin-top: 15px;
}
@media (min-width: 640px) {
  .multimedia-sections .multimedia-sections-primary {
    background: url(../img/border_diagonal.png) repeat-x 0 bottom;
    padding-bottom: 15px;
  }
}
@media (min-width: 960px) {
  .multimedia-sections .multimedia-sections-primary {
    float: none;
    margin-right: 0;
    width: auto;
  }
}
.multimedia-sections .multimedia-sections-primary h3 {
  color: #666666;
  font-size: 13px;
  margin: 0;
  padding-left: 50px;
}
@media (min-width: 960px) {
  .multimedia-sections .multimedia-sections-primary h3 {
    padding-left: 60px;
  }
}
.multimedia-sections .multimedia-sections-primary 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 {
    line-height: 1.08em;
  }
}
@media (min-width: 960px) {
  .multimedia-sections .multimedia-sections-primary h4 {
    font-size: 20px;
    padding-left: 60px;
  }
}
@media (min-width: 1280px) {
  .multimedia-sections .multimedia-sections-primary h4 {
    font-size: 24px;
  }
}
.multimedia-sections .multimedia-sections-primary h4 .icon {
  color: #00b3ac;
  font-size: 40px;
  left: 0;
  position: absolute;
  top: -30px;
}
@media (min-width: 960px) {
  .multimedia-sections .multimedia-sections-primary h4 .icon {
    font-size: 50px;
    top: -30px;
  }
}
.multimedia-sections .multimedia-sections-primary h4 [data-icon="b"] {
  font-size: 36px;
  left: 5px;
}
@media (min-width: 960px) {
  .multimedia-sections .multimedia-sections-primary h4 [data-icon="b"] {
    font-size: 45px;
  }
}
.multimedia-sections .multimedia-sections-links {
  background: url(../img/border_diagonal.png) repeat-x 0 top;
  list-style-type: none;
}
@media (min-width: 640px) {
  .multimedia-sections .multimedia-sections-links {
    background: url(../img/border_diagonal.png) repeat-x 0 bottom;
    margin: 0;
    padding-bottom: 15px;
  }
}
@media (min-width: 960px) {
  .multimedia-sections .multimedia-sections-links {
    float: none;
    padding-bottom: 30px;
    width: auto;
  }
}
.multimedia-sections .multimedia-sections-links li {
  border-top: 1px solid #e3e3e3;
}
.multimedia-sections .multimedia-sections-links li:first-child {
  border: none;
}
.multimedia-sections .multimedia-sections-links 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 {
    padding-left: 60px;
  }
}
.multimedia-sections .multimedia-sections-links h5 .icon {
  color: #00b3ac;
  font-size: 40px;
  left: 0;
  position: absolute;
  top: 15px;
}
@media (min-width: 960px) {
  .multimedia-sections .multimedia-sections-links h5 .icon {
    font-size: 50px;
    top: 10px;
  }
}
@media (min-width: 1280px) {
  .multimedia-sections .multimedia-sections-links h5 .icon {
    top: 15px;
  }
}
.multimedia-sections .multimedia-sections-links h5 [data-icon="b"] {
  font-size: 36px;
  left: 5px;
}
@media (min-width: 960px) {
  .multimedia-sections .multimedia-sections-links h5 [data-icon="b"] {
    font-size: 45px;
  }
}

/* ==========================================================================
   Blogs Homepage
   ========================================================================== */
.blogs-home h2 {
  background: url(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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;
}

/* ==========================================================================
   Sections From Across Homepage
   ========================================================================== */
.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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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 Page
   ========================================================================== */
.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 Page Title
   ========================================================================== */
.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(../img/border_diagonal.png) repeat-x 0 bottom;
    font-size: 50px;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}

/* Discussion Author
   ========================================================================== */
.discussion-author {
  padding: 0 0 5px;
  margin: 0 20px -20px 20px;
}
@media (min-width: 640px) {
  .discussion-author {
    background: #fff url(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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;
  }
}

/* ==========================================================================
   E-Products
   ========================================================================== */
#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;
  }
}
@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(../img/border_diagonal.png) 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;
  }
}

/* ==========================================================================
   E-Products LP
   ========================================================================== */
.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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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;
  }
}

/* ==========================================================================
   E-Zine Article/Title
   ========================================================================== */
.latest-issue-cover {
  background: url(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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;
  }
}

/* ==========================================================================
   E-Zine Issue
   ========================================================================== */
.issue-detail .latest-issue-detail {
  background: url(../img/border_diagonal.png) 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(../img/iconDownload.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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;
  }
}

/* ==========================================================================
   E-Handbook
   ========================================================================== */
.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(../img/border_diagonal.png) 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;
}

/* ==========================================================================
   E-Book
   ========================================================================== */
.ebook-about-author,
.ebook-chapters-available {
  background: url(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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;
}

/* ==========================================================================
   Hub
   ========================================================================== */
#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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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
   ========================================================================== */
#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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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
   ========================================================================== */
#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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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;
  }
}

/* ==========================================================================
   Microsite Promo Page
   ========================================================================== */
#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 Sections
   ========================================================================== */
.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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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 Section of Microsite Promo Page
   ========================================================================== */
.custom-native-micrositePromo h2 {
  background: url(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) repeat-x 0 top;
  list-style-type: none;
}
@media (min-width: 640px) {
  .custom-native-micrositePromo .custom-native-sections .custom-native-sections-links {
    background: url(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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 Homepage
   ========================================================================== */
.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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) repeat-x 0 top;
  list-style-type: none;
}
@media (min-width: 640px) {
  .unisites-micrositePromo .unisites-sections .unisites-sections-links {
    background: url(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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("../img/bg_profeature_bullet.png") 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("../img/bg_profeature_bullet@2x.png");
    background-size: 60px 60px;
  }
}
.learn-more-resources .resources-list-item span {
  color: #a6a6a6;
  display: block;
  white-space: nowrap;
}

/* ==========================================================================
   Sponsored by Header Microsite Promo Page
   ========================================================================== */
.micrositeSponsoredContentHeader {
  display: block;
  height: 62px;
  padding: 0 15px 10px;
  margin-top: 0;
  background: #fff url(../img/border_diagonal.png) 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) {
  /* Sponsored Content Header */
  .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) {
  /* Sponsored Content Header */
  .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;
  }
}
/* ==========================================================================
   Microsite OneReg Page
   ========================================================================== */
#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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/iconProcessing.gif);
  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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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;
}

/* ==========================================================================
   Cascading Reg Page 2
   ========================================================================== */
.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;
}
@media (min-width: 640px) {
  .sign-up-wrapper.cascading-reg .sign-up-content .sign-up-form.cascading-reg-form .meterContainer {
    padding-top: 15px;
  }
}
.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(../img/iconProcessing.gif);
  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
   ========================================================================== */
#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(../img/border_diagonal.png) 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;
  }
}

/* ==========================================================================
   Photo Story Listing Page
   ========================================================================== */
#photostory div.main-content,
#video div.main-content,
#podcast div.main-content,
#cartoon 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 {
    width: 800px;
  }
}
@media (min-width: 1280px) {
  #photostory div.main-content,
  #video div.main-content,
  #podcast div.main-content,
  #cartoon 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 {
  display: none;
}
#photostory .content-columns .content-center,
#video .content-columns .content-center,
#podcast .content-columns .content-center,
#cartoon .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 {
    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 {
    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 {
  display: none;
}
#photostory .multimedia-sidebar,
#video .multimedia-sidebar,
#podcast .multimedia-sidebar,
#cartoon .multimedia-sidebar {
  display: none;
}
@media (min-width: 960px) {
  #photostory .multimedia-sidebar,
  #video .multimedia-sidebar,
  #podcast .multimedia-sidebar,
  #cartoon .multimedia-sidebar {
    display: block;
    float: right;
    width: 300px;
  }
}
#photostory .multimedia-sidebar .ad,
#video .multimedia-sidebar .ad,
#podcast .multimedia-sidebar .ad,
#cartoon .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 {
    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 {
  background: url(../img/border_diagonal.png) 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 {
  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 {
  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 {
    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 {
  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 {
  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 {
  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 {
  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 {
    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 {
    font-size: 26px;
    line-height: 38px;
    text-align: center;
    width: 35px;
    height: 35px;
    background: url("../img/bg_profeature_bullet.png") 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 {
    background-image: url("../img/bg_profeature_bullet@2x.png");
    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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  margin: 0 0 50px 0;
}
@media (min-width: 1280px) {
  #video-detail .section.guide-navigation,
  #photostory-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(../img/border_diagonal.png) repeat-x 0 top;
    margin-top: 20px;
    padding-top: 30px;
    border: none;
  }
}
#cartoon .multimedia-items > li:first-child {
  background: url(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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 {
    float: left;
    margin-left: 40px;
    margin-bottom: 0;
  }
}
@media (min-width: 960px) {
  .multimedia-section.video-section, .multimedia-section.photostory-section {
    margin: 0 -40px 40px;
  }
}
.multimedia-section.video-section ul, .multimedia-section.photostory-section ul {
  list-style: none;
  clear: both;
  overflow: hidden;
}
@media (min-width: 640px) {
  .multimedia-section.video-section ul, .multimedia-section.photostory-section ul {
    clear: both;
    overflow: hidden;
    margin-bottom: 40px;
  }
}
@media (min-width: 960px) {
  .multimedia-section.video-section ul, .multimedia-section.photostory-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 {
    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 {
    min-height: 70px;
  }
}
.multimedia-section.video-section li, .multimedia-section.photostory-section li {
  background: url(../img/border_diagonal.png) repeat-x 0 top;
  margin-top: 30px;
  padding-top: 25px;
}
@media (min-width: 640px) {
  .multimedia-section.video-section li, .multimedia-section.photostory-section li {
    float: left;
    width: 47%;
    background: url(../img/border_diagonal.png) 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) {
    margin-left: 6%;
  }
}
@media (min-width: 1280px) {
  .multimedia-section.video-section li, .multimedia-section.photostory-section li {
    width: 346px;
  }
  .multimedia-section.video-section li:nth-child(even), .multimedia-section.photostory-section li:nth-child(even) {
    margin-left: 0;
  }
}
.multimedia-section.video-section li h4, .multimedia-section.photostory-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 {
    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 {
  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 {
    background: url(../img/border_diagonal.png) 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 {
  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 {
    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 {
    margin-left: 40px;
  }
}
.multimedia-section.video-section .button, .multimedia-section.photostory-section .button {
  margin: 40px 0 20px;
  display: block;
  width: 100%;
}
@media (min-width: 640px) {
  .multimedia-section.video-section .button, .multimedia-section.photostory-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 {
    width: 265px;
    float: left;
    margin-left: 265px;
    margin-top: 40px;
  }
}
@media (min-width: 1280px) {
  .multimedia-section.video-section .button, .multimedia-section.photostory-section .button {
    margin-left: 428px;
  }
}
.multimedia-section.video-section img {
  display: block;
  margin: 0 auto;
  max-height: 115px;
  max-width: 347px;
  text-align: center;
  width: 100%;
}
.multimedia-section.video-section .video-img {
  position: relative;
  max-width: 245px;
  height: 80px;
  background: #c6c2bf;
}
@media (min-width: 400px) {
  .multimedia-section.video-section .video-img {
    max-width: 347px;
    height: 105px;
  }
}
@media (min-width: 640px) {
  .multimedia-section.video-section .video-img {
    height: 80px;
  }
}
@media (min-width: 960px) {
  .multimedia-section.video-section .video-img {
    height: 115px;
  }
}
.multimedia-section.video-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 {
    max-width: 347px;
    margin-top: -30px;
    clip: rect(30px 347px 135px 0px);
  }
}
@media (min-width: 640px) {
  .multimedia-section.video-section .video-img img {
    margin-top: -21px;
    clip: rect(21px 347px 101px 0px);
  }
}
@media (min-width: 960px) {
  .multimedia-section.video-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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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;
  }
}

/* ==========================================================================
   Photo Story Detail Page
   ========================================================================== */
#photostory-detail .main-article-author,
#video-detail .main-article-author,
#cartoon-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 {
    background: url(../img/border_diagonal.png) 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 {
    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 {
    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 {
    float: none;
    width: auto;
  }
}
#photostory-detail .main-article-author-info,
#video-detail .main-article-author-info,
#cartoon-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 {
    width: 70%;
  }
}
@media (min-width: 960px) {
  #photostory-detail .main-article-author-info,
  #video-detail .main-article-author-info,
  #cartoon-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 {
  float: right;
}
@media (min-width: 960px) {
  #photostory-detail .main-article-author-contact,
  #video-detail .main-article-author-contact,
  #cartoon-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 {
  margin-top: 0;
}
#photostory-detail .main-article-share-counts,
#video-detail .main-article-share-counts,
#cartoon-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 {
  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 {
  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 {
    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 {
    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 {
    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 {
    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 {
    width: 880px;
  }
}
@media (min-width: 1280px) {
  #photostory-detail .content-left,
  #video-detail .content-left,
  #cartoon-detail .content-left {
    padding-top: 60px;
  }
}
#photostory-detail .join-discussion-wrapper,
#video-detail .join-discussion-wrapper,
#cartoon-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 {
  display: none;
}

#cartoon-detail .main-article-author {
  background: url(../img/border_diagonal.png) repeat-x 0 bottom;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media (min-width: 640px) {
  #cartoon-detail .main-article-author {
    background: url(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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 {
  background: url(../img/border_diagonal.png) repeat-x 0 top;
  margin-top: 0;
  padding: 0 0 20px;
  overflow: visible;
}
@media (min-width: 960px) {
  .photostory-detail,
  .video-detail,
  .cartoon-detail {
    background: none;
    margin-top: 50px;
  }
}
@media (min-width: 1280px) {
  .photostory-detail,
  .video-detail,
  .cartoon-detail {
    margin-top: 60px;
  }
}
@media (min-width: 1280px) {
  .photostory-detail .join-discussion-wrapper,
  .video-detail .join-discussion-wrapper,
  .cartoon-detail .join-discussion-wrapper {
    width: 540px;
  }
}

@media (min-width: 640px) {
  .cartoon-detail {
    background: url(../img/border_diagonal.png) 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 stop gaps between display-inline li elemets */
  /* Either do this, or remove all white space in HTML between li elements */
  font-size: 0;
  /* prevent annoying iPad cut/paste actions */
  -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;
  /* Font related items for the symbols used on buttons */
  /* Obviously not needed if you're just using images */
  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(../img/border_diagonal.png) 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 {
  clear: both;
  overflow: hidden;
  margin-bottom: 40px;
}
@media (min-width: 1280px) {
  .photostory-about,
  .video-about,
  .cartoon-about {
    width: 540px;
  }
}
@media (min-width: 640px) {
  .photostory-about .ad-wrapper,
  .video-about .ad-wrapper,
  .cartoon-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 {
    position: absolute;
    right: 0;
  }
}
.photostory-about > p,
.video-about > p,
.cartoon-about > p {
  margin-top: 0;
}
.photostory-about > p > ul,
.video-about > p > ul,
.cartoon-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 {
  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 {
    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 {
    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 {
    font-size: 18px;
    line-height: 1.67em;
  }
}
.photostory-about > .button,
.video-about > .button,
.cartoon-about > .button {
  display: block;
  margin: 40px 0;
  clear: both;
  overflow: hidden;
}
@media (min-width: 960px) {
  .photostory-about > .button,
  .video-about > .button,
  .cartoon-about > .button {
    display: none;
  }
}
.photostory-about > ul, .photostory-about > ol,
.video-about > ul,
.video-about > ol,
.cartoon-about > ul,
.cartoon-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 {
  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 {
    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 {
    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 {
    font-size: 18px;
    line-height: 1.67em;
  }
}

.cartoon-about {
  background: url(../img/border_diagonal.png) 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 Detail Page
   ========================================================================== */
.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 {
  display: block;
  background: url(../img/border_diagonal.png) repeat-x 0 top;
  overflow: hidden;
  padding-bottom: 60px;
  position: relative;
  margin-top: 25px;
  padding-top: 10px;
}
@media (min-width: 1280px) {
  .video-transcript-content {
    width: 540px;
  }
}
.video-transcript-content.closed {
  height: auto;
  max-height: 215px;
}
.video-transcript-content .collapse-toggle {
  display: none;
  padding: 36px 0 0 0;
  width: 100%;
}
.video-transcript-content .collapse-toggle-inner {
  padding: 15px 0 30px;
}
.video-transcript-content h3 {
  font-size: 18px;
}
@media (min-width: 640px) {
  .video-transcript-content h3 {
    font-size: 20px;
  }
}
@media (min-width: 960px) {
  .video-transcript-content h3 {
    font-size: 24px;
  }
}
.video-transcript-content h3 span {
  color: #a6a6a6;
}
.video-transcript-content .speaker {
  color: #006860;
}

#video-detail .video-transcript-content {
  display: none;
}

.related-video-bar {
  background: url(../img/border_diagonal.png) repeat-x 0 top;
  padding-top: 10px;
}
.related-video-bar .related-bar-list {
  list-style: none;
}
.related-video-bar .related-bar-header {
  padding-left: 0;
  font-size: 18px;
}
@media (min-width: 640px) {
  .related-video-bar .related-bar-header {
    font-size: 20px;
  }
}
@media (min-width: 960px) {
  .related-video-bar .related-bar-header {
    font-size: 15px;
  }
}
.related-video-bar .related-bar-header .icon {
  display: none;
}
.related-video-bar .related-bar-item {
  clear: both;
  overflow: hidden;
  padding-left: 0;
  font-size: 13px;
}
@media (min-width: 640px) {
  .related-video-bar .related-bar-item {
    font-size: 15px;
  }
}
@media (min-width: 960px) {
  .related-video-bar .related-bar-item {
    font-size: 12px;
  }
}
.related-video-bar .related-bar-item.see-more {
  display: none;
}
@media (min-width: 960px) {
  .related-video-bar .related-bar-item.see-more {
    display: block;
  }
}
.related-video-bar .related-bar-item.see-more > a {
  display: none;
}
@media (min-width: 960px) {
  .related-video-bar .related-bar-item.see-more > a {
    display: block;
    margin-left: 0;
  }
}
.related-video-bar .related-bar-item > a {
  display: block;
  margin-left: 75px;
}
.related-video-bar img {
  display: block;
  margin: 0 auto;
  max-height: 60px;
  max-width: 60px;
  text-align: center;
  width: 100%;
}
.related-video-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 {
  display: block;
  margin: 0;
  text-align: center;
  width: 60px;
  position: absolute;
  max-height: 45px;
  margin-top: 0;
}
.related-video-bar > .button {
  display: block;
  margin-top: 20px;
}
@media (min-width: 960px) {
  .related-video-bar > .button {
    display: none;
  }
}

/* ==========================================================================
   Podcast Page
   ========================================================================== */
@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;
  }
}

/* ==========================================================================
   Legacy images fix (photostory/podcast)
   ========================================================================== */
#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;
}

/* ==========================================================================
   Page Not Found
   ========================================================================== */
#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;
  }
}

/* ==========================================================================
   Page Not Found Section
   ========================================================================== */
.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(../img/border_diagonal.png) repeat-x 0 bottom;
  padding-bottom: 20px;
}
@media (min-width: 1280px) {
  .pageNotFound-section .pageNotFound-sidebar h3 {
    line-height: 40px;
  }
}
.pageNotFound-section h2 {
  background: url(../img/border_diagonal.png) 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 Us
   ========================================================================== */
#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;
}

/* ==========================================================================
   About Us Section
   ========================================================================== */
@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(../img/border_diagonal.png) 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
   ========================================================================== */
#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 .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(../img/border_diagonal.png) repeat-x 0 bottom;
  margin-top: 0;
  padding-bottom: 25px;
}
.events-section p.subtitle-all {
  background: url(../img/border_diagonal.png) 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
   ========================================================================== */
#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 .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(../img/border_diagonal.png) 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;
}

/* ==========================================================================
   Archive Year Page
   ========================================================================== */
@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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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;
}

/* Archive Ads
   ========================================================================== */
@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;
}

/* ==========================================================================
   Next Steps
   ========================================================================== */
.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
   ========================================================================== */
.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(../img/border_diagonal.png) 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(../img/border_diagonal.png) 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
   ========================================================================== */
.extra-info {
  background: url(../img/border_diagonal.png) 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;
}

/* ==========================================================================
   ADS STYLE
   ========================================================================== */
/* Ad classes */
.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;
  }
}

/* Ad container/wrapper classes */
.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;
    /* white border to mask bg images */
    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;
  }
}

/* Adding margin to ads that are centered between content */
.no-float .ad {
  margin: 1.5em auto;
}

/* Needs js help to determine dimensions and position */
.float-mask {
  display: none;
  float: right;
  width: 312px;
  background: #fff;
}
@media (min-width: 1280px) {
  .float-mask {
    width: 100px;
    margin-bottom: 40px;
  }
}

/* ==========================================================================
   Pro Plus Members callout
   ========================================================================== */
.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;
}

/* ==========================================================================
   GOOGLE ADS STYLE
   ========================================================================== */
.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;
}

/* ==========================================================================
   Support for hi-res image tags
   ========================================================================== */
@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;
  }
}