/* Minification failed. Returning unminified contents. (335,55): run-time error CSS1035: Expected colon, found 'ht' (9803,14): run-time error CSS1036: Expected expression, found '!important' */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ /* Reset Styles */ html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: none; outline: 0; font-size: 100%; background: transparent; } body {font-family: Arial, Helvetica, sans-serif;margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;} ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a img { border: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ /* This helps to make newer HTML5 elements behave like DIVs in older browers */ article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display:block; } article ol { padding-left: 25px; list-style-type: decimal; padding-bottom: 20px; } @font-face { font-family: 'FontAwesome'; src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot?v=4.2.0'); src: url('../fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/font-awesome/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } /* Grid Styles */ .grid_1 { width: 5.8333333333333%; } .grid_2 { width: 14.166666666667%; } .grid_3 { width: 22.5%; } .grid_4 { width: 30.833333333333%; } .grid_5 { width: 39.166666666667%; } .grid_6 { width: 47.5%; } .grid_7 { width: 55.833333333333%; } .grid_8 { width: 64.166666666667%; } .grid_9 { width: 72.5%; } .grid_10 { width: 80.833333333333%; } .grid_11 { width: 89.166666666667%; } .grid_12 { width: 97.5%; } .grid_full{width:100%;margin:0;padding:0;} .grid_row{width:100%;clear:both;float:left;} .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { margin:0 1.25% 15px 1.25%; float: left; display: block; } .alpha{margin-left:0;padding-left:0;} .omega{margin-right:0;padding-right:0;} .container{width:1002px;margin:0 auto;background-color:#fff;position:relative;z-index: 10;border: none !important;} #rightColumn{max-width:300px;} #contentColumn{position:relative;} #plainLayoutColumn{width:100%;float:left;} sup,sub {height: 0;line-height:1em;vertical-align: baseline;_vertical-align: bottom;position: relative;} sup {bottom: 1ex;} sub {top: .5ex;} /* Common Elements Across all sites */ #myAccountDropWrapper{ display: inline;margin: 0;padding: 0;} .featuredRotator{width:100%;height:392px;margin-bottom:25px;} .featuredRotator img, .featuredRotator div.caption{display:none;} .featuredRotatorMobile{width:100%;height:370px;} #dermDX{width:100%;height:500px;margin:0;padding:0;} #dermDXMobile{width:100%;height:370px;margin:0;padding:0;} .dermDx-overlay-comment.hideOverlay{ display: none;} .galleria-errors{ display: none;} .miniRotator{margin-top:13px;width:368px;height:332px;} .miniRotator img, .miniRotator h2, .miniRotator div.caption{display:none;} .miniRotator h2{float:left;} #sectionRSS{font-family:Arial, Helvetica, Sans-Serif;font-size:12px;} #sectionRSS a{color:#333;} #sectionRSS a#lnkRssImage{width:auto;background-position:0 0;display:inline-block;height:17px;text-indent:20px;color:#333;} #MapPanel { height:235px;width:300px;margin:20px 0px 20px 0px;float:right;clear:right;} .advertiserAddlPhoto{ float: right;padding-left: 20px;padding-bottom: 20px;} .showMoreLess{ width: 100%;height: 18px;float: left;margin-top: 10px;} .showMoreLess a{ font-size: 11px;float: right;font-weight: bold;} .showMoreLess a:hover{ color: #333;} div.sponsoredCourse{width:100%;float:left;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding: 15px 0 15px 0;margin-top: 20px;display: table;} div.sponsoredCourse .sponsoredCourseContent{background-color: #fff;display: table-cell;vertical-align: top;} div.sponsoredCourse .sponsoredCourseContent span{display: block;color: #666;font-weight: bold;font-size: 12px;padding-bottom: 12px;} div.sponsoredCourse .sponsoredCourseContent h2 a{ font-weight: bold;font-size: 15px;font-family: Arial, Helvetica, sans-serif;} div.sponsoredCourse .sponsoredCourseContent p{font-size: 12px;padding-top: 7px;} div.sponsoredCourse .sponsoredCourseImage{ display: table-cell;vertical-align: middle;padding-left: 7px;} div.sponsoredCourse .sponsoredCourseImage img{float:right;} #article-comment-callout{width:93%;float:left;margin:15px 0 25px 0;} #rightNewsLetterAsset{width: 100%;float: left;clear: both;} #backToTopBtnWrap{width: 100%;float: left; display: none;} #janrainWidget{ width: 100%;float: left;padding:0;margin: 0 0 0 0;} .janrainButton{display:block;width: 138px;height:33px;outline:none;margin: 0 22px 15px 0;padding:0;float: left;cursor:pointer;border: none;} .janrainLast{ /*margin-right: 0;*/} #janrainYahooBtn{ background: url(../simages/janrain-yahoo-button.png) no-repeat;} #janrainTwitterBtn{background: url(../simages/janrain-twitter-button.png) no-repeat;} #janrainFacebookBtn{background: url(../simages/janrain-facebook-button.png) no-repeat;} #janrainGoogleBtn{background: url(../simages/janrain-googleplus-button.png) no-repeat;} #janrainLinkedinBtn{background: url(../simages/janrain-linkedin-button.png) no-repeat;} #janrainLiveBtn{background: url(../simages/microsoft_button.png) no-repeat;} .janrainButton.accountLinkBtn{ display: none;} #lightboxHeader, #lightboxEmailHeader{width:95%;float:left;margin-top: 20px;border-bottom: 1px solid #ccc;padding-bottom: 20px;margin-left: 17px;} #lightboxClose, #lightboxEmailClose{width: 24px;height: 24px;float:right;margin-right:0;background: url(../simages/lightbox-close-button.png) no-repeat;cursor: pointer;position: absolute !important;right: 16px !important;} #lightboxContent .intro{float: left;width:95%;margin-bottom: 15px;} #lightboxFormWrapper{width:66%;min-height:185px;float:left;display:block;padding:0 2.5% 0 0;border-right:0;} #lightboxRightCol{width:25%;float:left;padding-left:2.5%;margin-top:0;} #lightboxRightCol .lightboxHelpText a{ font-size: 13px;color: #262626;} .lightboxHelpText{ margin-top: 60px;font-size: 13px;} #janrainOrDivider{width: 100%;height: 28px;background: url(../simages/janrain-OR-bg.png) no-repeat center center;float: left;margin-bottom: 15px;} #notYouWrapper{ width: 100%;float: left;border-top: 1px solid #d4d4d4;margin-top: 20px;padding-top: 20px;font-size: 13px;} #formMarketingAccount{ margin: 0 auto;} #socialTagsHolder{ width: 100%;float: left;} .socialAccountTag{width: auto;height: 34px;float: left;margin:0 30px 5px 0;} .socialAccountTag span{ display:block;color: #333;font-weight: bold;font-family: Arial, Helvetica, sans-serif;padding:3px 7px 0 0;float: left;font-size: 14px;} .socialAccountTag .socialAccountRemove{display:block;width: 24px;height: 34px;float: left;background: url(../simages/account-social-tag-delete.png) no-repeat;cursor: pointer;} a.janrainEngage{font-family: Arial, Helvetica, sans-serif;color: #3a5e86;} a.janrainEngage:hover{ color: #666;} #janrainMessage{ padding-bottom: 10px;font-size: 16px;} #accountThankYou h2{font-family: Arial, Helvetica, sans-serif;font-size: 24px;padding-bottom: 10px;} #accountThankYou p{ font-size: 14px;padding-bottom: 15px;} .gated-icon {width: 26px !important;height: 15px;background: url(../simages/gating-key.png) no-repeat;display: inline-block !important;} /* Article Social Sharing */ .contentSocialBar{ width: 100%;float: left;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;padding: 6px 0 6px 0;margin-bottom: 25px;} .contentSocialBar span{ color: #666;float: left;padding-top: 5px;} .contentSocialBar ul{display: inline; list-style-type: none;float: left;margin: 0;} .contentSocialBar ul li{ float: left;margin-left: 10px;padding: 0;} .contentSocialBar a{display: block;width: 28px;height: 27px;text-indent: -9999px;} .articleFacebookShare{ background: url(../simages/facebook-icon-article.png) no-repeat;} .articleTwitterShare{ background: url(../simages/twitter-icon-article.png) no-repeat;} .articleLinkedInShare{ background: url(../simages/linkedin-icon-article.png) no-repeat;} .articleGoogleShare{ background: url(../simages/googleplus-icon-article.png) no-repeat;} /* Curated Article */ #curatedAnnotation{width: 100%;float: left;padding: 15px 0 15px 0;margin: 20px 0 25px 0;} #curatedAnnotation .curatedAnnotationContent{ width: 80%;margin: 0 auto;} #curatedAnnotation .publicationTake{ font-size: 18px;font-style: italic;font-weight: bold;padding-bottom:0;padding-top: 10px;} #curatedAnnotation p{ font-size: 15px;font-style: italic;color: #737373;padding: 10px 0;margin: 0 !important;} #curatedBody{ font-size: 15px;line-height: 1.3em;} #curatedFooter{ width: 100%;float: left;margin-top: 25px;border-bottom: 1px solid #e4e4e3;padding-bottom: 13px;} #curatedFooter .curatedPublisher{display: inline-block; float: right;color: #b1b1b1;font-size: 12px;text-transform: uppercase;} #curatedFooter .curatedPublisher img{display:block; padding: 1px 5px 0 0;float: left;} #curatedFooter .curatedFullArticle{ float: left;font-weight: bold;} #curatedFooter .curatedFullArticle a{color: #145192;} .relatedDigest p{ margin-bottom: 0 !important;} /* Ecommerce */ #gatedContent.paidArticle{ padding-top: 20px;} #paidArticleOverview{width:80%;margin:20px auto 0 auto;} .paidOverviewTitle{font-family: Arial, Helvetica, sans-serif; color: #99090b;font-size: 18px;font-weight: bold;} .paidArticleOverviewEcomm{ width: 100%;float: left;border-top: 1px solid #cfcfcf;margin-top: 15px;padding: 30px 0 45px 0;} .paidArticleOverviewEcomm h3{font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 24px; color: #a41418;float: left;margin-bottom: 20px;} .paidArticleOverviewEcomm p{width: 50%; clear: left;float: left;} .articlePrice{ float: right;font-size: 27px;color: #99090b;} #paidArticleBtn{ width: 230px;height: 68px;background: url(../simages/article-proceed-checkout-btn.png) no-repeat;outline: none;border: none;cursor: pointer;float: right;clear: right;margin-top: 5px;} #paidArticleBtn:hover{ background-position: 0 -68px;} .mediaPrice{ color: #a41418;font-size: 18px;font-weight: bold;} /* Ecommerce Review Order Page */ .ecommerceTitle{ font-size: 23px;text-transform: uppercase;font-weight: bold;margin-top: 15px;font-family: Arial, Helvetica, sans-serif;} #ecommerceNav{ border-top: 1px solid #cacaca;border-bottom: 1px solid #cacaca;padding: 14px 0;margin-bottom: 25px;} #ecommerceNav ul{ width: 700px;margin: 0 auto;} #ecommerceNav ul li{ float: left;margin-right: 35px;font-weight: bold;font-size: 15px;color: #999;background: url(../simages/mycme/activity-left-nav-iconst.png) no-repeat top right;padding-right: 25px;height: 19px;padding-top: 4px;} #ecommerceNav ul li.finalStep{ margin-right: 0;} #ecommerceNav ul li.current{color: #333;background-position: right -22px;} #ecommerceNav ul li.completed{color: #333;background-position: right -44px;} #cartNotification, #cartUnauthorized{width: 100%;float: left;background-color: #f3f9fc;margin-bottom: 30px;} #cartNotificationContent, #cartUnauthorizedContent{width: 93%;float: left;padding: 18px 10px 10px 30px;} #cartNotificationContent h3, #cartUnauthorizedContent h3{font-family: Arial, Helvetica, sans-serif;color: #a41418;font-size: 15px !important;font-weight: bold;text-transform: uppercase;padding-bottom: 10px;} #cartNotificationContent p, #cartUnauthorizedContent p{ font-size: 15px;padding-bottom: 5px;} #cartNotificationContent a, #cartUnauthorizedContent a{ color: #093D72;font-weight: bold;font-size: 15px;line-height: 1em;} #cartNotificationContent a:hover, #cartUnauthorizedContent a:hover{ color: #666;} .cartCurrentMember{ width: 72%;height: 102px;float: left;border-right: 1px solid #cacaca;} .cartCurrentMember p.signInText{font-weight: bold;font-size: 16px !important;margin-top: 5px;} .cartNonMember{ width: 24%;height: 102px;float: left;border-left: 1px solid #fff;padding-left: 3%;} .cartNonMember p{font-weight: bold;font-size: 16px !important;margin-top: 15px;} #cartProducts{width: 66.5%;margin-left: 0;} #cartProducts h3{font-weight: bold;font-size: 17px;} #cartProducts p.emptyCartText{font-size: 16px;line-height: 1.2em;margin-top: 10px;} .shoppingCartTbl{width: 100%;float: left;table-layout: fixed;border-collapse: collapse;} .shoppingCartTbl th{font-weight: bold;font-size: 15px !important;font-weight: normal;border-bottom: 1px solid #cacaca;text-transform: uppercase;padding: 13px 0 13px 0;} .shoppingCartTbl td{border-bottom: 1px solid #cacaca;padding: 13px 0 13px 0;text-align: center;font-weight: bold;} .shoppingCartTbl .cartProductName{ width: 70%;text-align: left;} .shoppingCartTbl .cartProductName .purchaseHistoryTitle{ border: none;} .shoppingCartTbl .cartProductPrice{ width: 15%;text-align: center;padding-right: 10px;font-size: 17px;} .shoppingCartTbl .cartProductPrice del{ display: block;padding-top: 5px;} .shoppingCartTbl td a{ font-size: 17px;} .cartRemoveBtn{ display: block;width: 24px;height: 24px;background: url(../simages/mycme/cart-remove-button.png) no-repeat;margin: 0 auto;} .discountTbl{ margin-top: 40px;} /* Ecommerce Right Column */ #cartRightColumn{margin-right: 0;border-top: 1px solid #cacaca;} #checkOutRightColumn{margin-right: 0;border-top: 1px solid #cacaca;} #cartRightColContent{width: 100%; float: left;padding-bottom: 20px;} .cartTotalTbl{width: 100%;table-layout: fixed;border-collapse: collapse;font-weight: bold;} .cartTotalTbl td{ border-bottom: 1px solid #e0dfcd;padding: 13px 0 13px 0;width: 40%;padding-right: 7%;text-align: right;vertical-align: top;} .cartTotalTbl .cartTotalCol{width: 65%;padding-left: 7%;padding-right: 0;padding-top: 20px;font-size: 16px;text-transform: uppercase;text-align: left;} .cartTotalTbl .discountTotalCol{width: 65%;padding-left: 7%;padding-right: 0;padding-top: 10px;font-size: 16px;text-transform: uppercase;text-align: left;vertical-align: middle;} .cartTotalPrice{display: block;font-size: 27px;padding-bottom: 5px;padding-right: 10px;} .cartTotalListPrice{ font-size: 20px;color: #333;} .cartDiscountTotal{ font-size: 17px;color: #128a12;} .discountTotalLabel{ font-size: 14px;color: #128a12;} .cartDiscountPrice{ font-size: 17px;color: #128a12;} .cartDiscountCode{ font-size: 15px;color: #128a12;} #cartApplyDiscount{ width: 100%;float: left;border-bottom: 1px solid #cacaca;padding: 13px 0 15px 0;} #cartApplyDiscount #divErr{width: 100%;float: left; padding: 0 0 5px 7%;} #cartApplyDiscount p{ font-size: 13px;padding: 0 7% 13px 7%;} #cartApplyDiscount input{width: 165px;height: 26px;outline: none;border: 1px solid #d6d6d6;margin-left: 7%;padding-left: 7px;float:left;} #discountBtn{width: 58px;height: 30px;background-color: #efefef;border: 1px solid #d8d8d8;color: #2f5d83;font-size: 12px;cursor: pointer;margin-left: 5px;float:left;text-align: center;} .ccLogosImg{padding-left: 7%;float: left;margin-top: 15px;} #cartCheckoutBtn{display: block;width: 230px;height: 68px;float: left;background: url(../simages/mycme/cart-proceed-checkout-button.png) no-repeat;margin: 17px 0 0 12%;} #cartCheckoutBtn:hover{background-position: 0 -68px;} #ecommerceAssist{width: 100%; float: left;margin-top: 2px;padding: 11px 0 13px 0;} #ecommerceAssist p{width: 90%;padding-left: 7%;line-height: 1.3em;} #ecommerceAssist .assistIntro{font-weight: bold;font-size: 16px;padding-bottom: 2px;} #ecommerceAssist a{font-weight: 500;color: #093D72;} #ecommerceAssist a:hover{color: #f47c13;} /* Ecommerce Payment Info Page*/ .paymentInfoTitle{font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 17px;text-transform: uppercase;padding-bottom: 7px;color: #a41418;} .paymentInfoIntro{ font-size: 13px;} #formProcessPayment{width: 100%; float: left;margin-bottom: 40px;} #ecommercePaymentInfo{width:70%;margin: 30px auto 0 auto;padding-bottom: 40px;} #ecommercePaymentInfo .grid_row{ margin-bottom: 10px;} .paymentTextField{display: block;width: 42.3%;height: 32px;line-height: 32px;background-color: #fff;border: 1px solid #a8a8a8;border-radius: 3px;-webkit-appearance:none;padding-left: 13px;font-size: 14px;font-family: Arial, Helvetica, sans-serif;float: left;color: #878787;} .paymentTextRightField{ margin-left: 10px;} .paymentExpWrap{ width: 60%;float: left;} .paymentExpWrap select{width: 47%;background-color: #fff;outline:none;border: 1px solid #a8a8a8;padding:7px 7px 7px 13px;border-radius:3px;font-size: 14px;font-family: Arial, Helvetica, sans-serif;color: #878787;} .paymentExpWrap select option{ padding-left: 13px;} #btnSubmitPayment{width: 230px;height: 68px;float: left;background: url(../simages/mycme/cart-place-order-button.png) no-repeat;margin: 22px 0 0 12%;border: none;outline: none;cursor: pointer;} #btnSubmitPayment:hover{ background-position: 0 -68px;} #CcNumber{ width: 94.7%;background-color: #fff;border: 1px solid #a8a8a8;} .helpPrompt{ width: 18px;height: 18px;float: left;background: url(../simages/mycme/help-icon.png) no-repeat;margin:10px 0 0 10px;cursor: pointer;} #payment-errors{width: 100%;display: block;margin-bottom: 15px;float: left;} /* Order Receipt */ #orderReceipt h1{font-family: Arial, Helvetica, sans-serif;font-size: 23px;font-weight: bold;text-transform: uppercase;border-bottom: 1px solid #dddcc7;padding-bottom: 20px;margin-bottom: 10px;} #orderReceiptContent{ width: 90%;margin: 0 0 0 15%;float: left;} .orderReceiptIntro{ font-size: 15px;padding-bottom: 15px;} .tnkyou {font-weight: bold; } .orderReceiptIntro span{font-weight: bold;} #printReceiptButton{display: block;width: 121px;height: 43px;background: url(../simages/mycme/print-receipt-button.png) no-repeat;float: right;cursor: pointer;} .receiptTblHeader{width: 100%;float: left;font-size: 14px;padding-bottom: 13px;font-weight: bold;color: #a41418;} #beginActivityButton{display: block;width: 134px;heig ht: 47px;background: url(../simages/view-article-ecommerce-btn.png) no-repeat;float: right;cursor: pointer;} #orderReceiptContent .purchaseHistoryTbl{ margin-bottom: 30px;text-align: right;} .purchaseHistoryTbl td.receiptProdName{ width: 70%;text-align: left;padding-left: 0;} .purchaseHistoryTbl td.orderDateCol{width: 21%;padding-left: 0;} .orderDateCol { width: 23% !important; text-align: left;} .purchaseHistoryTbl span {font-weight: bold;font-size: 14px !important; } .purchaseHistoryTbl td.orderStatusCol{ width: 20%;} .cartProductPrice{font-size: 17px;color: #333; padding-right: 30px !important;} .cartProductPrice del{ display: block;padding-top: 5px;} .cartProductPrice del span{ color: #333;} .orderReceiptTotal{ float: right;margin: 0 155px 0 0;font-size:14px;font-weight: bold;} .orderReceiptTotal span{ font-size: 25px;padding-left: 10px;} /* My Account Nav */ #accountNav{ width: 19%;margin-left: 2.25%;} #accountNav li{ margin-bottom: 4px;} #accountNav a{display: block;width: 100%;height: 36px;font-family:Arial, Helvetica, sans-serif;font-size: 14px;color: #999;padding:0 0 0 10px;text-transform: uppercase;background-color: #f0f0f0;line-height: 36px;} #accountNav a span{display: block;width: 36px;height:36px;float: left;} #accountNav a:hover{ background-color: #ccc;color: #333;} #accountNav a.current{background-color: #ccc;color: #333;} /* Purchase History */ #purchaseHistory{ width: 71%;margin-left: 20px;} .purchaseHistoryTbl{ width: 100%;float: left;border-top: 1px solid #c1c1c1;border-bottom: 1px solid #c1c1c1;margin-bottom: 45px;table-layout: fixed;border-collapse: collapse;} .purchaseHistoryTbl tr.productRow{ background-color: #fff;} .purchaseHistoryTbl td{padding: 10px 0 10px 15px;font-size: 15px;vertical-align: middle;} .purchaseHistoryTbl td.purchaseHistOrderId{padding: 10px 0 10px 40px;} .purchaseHistoryTbl td span{font-size: 14px;font-family:Arial, Helvetica, sans-serif;padding-right: 15px;text-transform: uppercase;font-weight: bold;} .purchaseHistoryTitle{ width: 100%;border-bottom: 1px solid #c1c1c1;padding: 0 0 0 0;border: none;} .purchaseHistoryTitle a{ font-size: 17px;color: #193d6a;font-family:Arial, Helvetica, sans-serif;} .purchaseHistoryTitle a:hover{color:#666;} .purchaseHistoryTbl td.viewReceiptCol{width: 134px;padding-left: 0;} .viewReceiptButton{ display: block;width: 134px;height: 48px;background: url(../simages/mycme/view-receipt-button.png) no-repeat;float: right;margin-right: 15px;} .viewReceiptButton:hover{ background-position: 0 -48px;} /*Polls, Quizes, and Surveys #activityTitle { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px; } .examQuestion { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; font-weight: bold; margin-bottom: -10px; } .examAnswer { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; font-weight: normal; } .examAnswer br { display: none; } .answerChoiceBG { margin: 15px 0; } .pollBtnBG .buttonTxt{ background-color: #cdcdcd; display: inline-block; padding: 10px 20px; text-transform: uppercase; font-weight: normal; cursor: pointer; } .pollBtnBG .buttonTxt:hover, .pollBtnBG .buttonTxt:focus, .pollBtnBG .buttonTxt:active { color: #ffffff; background-color: #666; } .resultsContainer { padding-top: 10px; } .resultsContainer > div{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; font-weight: bold; margin: 5px 0 3px 0; } .resultsContainer img { width: 100%; height: 30px; margin-left: -5px; } #activityContainer .requiredErrorMessage { font-size: 11px; color: #f00; } #activityContainer input[type="checkbox"], #activityContainer input[type="radio"]{ position: relative; top: 2px; } #activityContainer textarea { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; padding: 5px; border-color: #cccccc; }*/ /* Mobile Ad Footer */ @media only screen and (min-width: 320px) and (max-width: 599px) { #mobileAdFooter { width: 100%; height: 50px; position: fixed; bottom: 0; background-color: #fff; border-top: 1px solid #000; display: block; z-index: 3000000; text-align: center; } .rightAdContainer{width:300px !important;margin-bottom:20px;float: none;margin: 0 auto;} .container{ margin: 0 !important;} .janrainLast{ /*margin-right: 15px;*/} } /* @ * tinyfluidgrid.com & girlfriendnyc.com */ .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} .clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0} * html .clearfix,*:first-child+html .clearfix{zoom:1} .clearfloat{clear:both;} /* Medical Charts */ .ggs-DIV {overflow: auto; } .ggs-straphead {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: bold; color: white; text-align: center; background-color: black; } .ggs-below-straphead {background-color: white; line-height: 20%; } table.ggs {border: 1px solid black; border-collapse: collapse; cellspacing: 0; } th.ggs-heads-white {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: bold; font-size: 12px; font-style: normal; vertical-align: bottom; line-height: 110% ; background-color: white; border: 1px solid black; border-collapse: collapse; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; margin-top: 0; margin-bottom: 0; cellspacing: 0; } th.ggs {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: bold; font-size: 12px; font-style: normal; vertical-align: bottom; line-height: 110% ; background-color: #CCCCCC; border: 1px solid black; border-collapse: collapse; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; margin-top: 0; margin-bottom: 0; cellspacing: 0; } td.ggs-topdashed {vertical-align: top; line-height: 110% ; border-top: 2px dashed black; border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; border-collapse: collapse; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; margin-top: 0; margin-bottom: 0; cellspacing: 0; } td.ggs-topdotted-botNOrule {vertical-align: top; line-height: 110% ; border-top: 2px dotted black; border-bottom: none; border-left: 1px solid black; border-right: 1px solid black; border-collapse: collapse; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; margin-top: 0; margin-bottom: 0; cellspacing: 0; } td.ggs-topdotted {vertical-align: top; line-height: 110% ; border-top: 2px dotted black; border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; border-collapse: collapse; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; margin-top: 0; margin-bottom: 0; cellspacing: 0; } td.ggs-topNOrule {vertical-align: top; line-height: 110% ; border-top: none; border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; border-collapse: collapse; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; margin-top: 0; margin-bottom: 0; cellspacing: 0; } td.ggs-botNOrule {vertical-align: top; line-height: 110% ; border-top: 1px solid black; border-bottom: none; border-left: 1px solid black; border-right: 1px solid black; border-collapse: collapse; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; margin-top: 0; margin-bottom: 0; cellspacing: 0; } td.ggs-topbotNOrule {vertical-align: top; line-height: 110% ; border-top: none; border-bottom: none; border-left: 1px solid black; border-right: 1px solid black; border-collapse: collapse; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; margin-top: 0; margin-bottom: 0; cellspacing: 0; } td.ggs {vertical-align: top; line-height: 110% ; border: 1px solid black; border-collapse: collapse; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; margin-top: 0; margin-bottom: 0; cellspacing: 0; } thead.ggs {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: bold; font-size: 12px; font-style: normal; text-align: center; margin-top: 0; margin-bottom: 0; vertical-align: bottom; } tbody.ggs {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: normal; font-size: 12px; font-style: normal; line-height: 110% ; text-align: left; margin-top: 0; margin-bottom: 0; vertical-align: top; } p.ggs-OBGPV-notes {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: normal; font-size: 12px; font-style: normal; line-height: 120% ; text-align: left; margin-top: 0; margin-bottom: 0; margin-left: 1em; text-indent: -1em; vertical-align: top; } p.ggs-hang {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: normal; font-size: 12px; font-style: normal; line-height: 110% ; text-align: left; margin-top: 0; margin-bottom: 0; margin-left: 1em; text-indent: -1em; } p.ggs-center {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: normal; font-size: 12px; font-style: normal; line-height: 110% ; text-align: center; margin-top: 0; margin-bottom: 0; } p.ggs-foot-hang {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: normal; font-size: 10px; font-style: normal; line-height: 110% ; text-align: left; margin-top: 0; margin-bottom: 0; margin-left: 1em; text-indent: -1em; } p.ggs-foot {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: normal; font-size: 10px; font-style: normal; line-height: 110% ; text-align: left; margin-top: 0; margin-bottom: 0; } p.ggs-revision {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: normal; font-size: 10px; font-style: normal; line-height: 110% ; text-align: right; margin-top: 0; margin-bottom: 0; } p.ggs-bit-of-space { font-size: 15px; line-height: 25% ; margin-top: 0; margin-bottom: 0; } p.ggs {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: normal; font-size: 12px; font-style: normal; line-height: 110% ; text-align: left; margin-top: 0; margin-bottom: 0; } tfoot.ggs {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: normal; font-size: 10px; font-style: normal; line-height: 110% ; text-align: left; vertical-align: top; } .ggs-firstcol {background-color: #ECECEC; } .ggs-brand {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-size: 12px; font-weight: bold; } .ggs-company {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-size: 12px; font-style: italic; font-weight: normal; } .ggs-spannerlvl1left {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: bolder; font-size: 12px; line-height: 120% ; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; background-color: black; color: white; text-align: left; } .ggs-spannerlvl1 {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: bolder; font-size: 12px; line-height: 120% ; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; background-color: black; color: white; text-align: center; } .ggs-spannerlvl2left {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: bolder; font-size: 12px; line-height: 120% ; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; background-color: #CCCCCC; color: black; text-align: left; } .ggs-spannerlvl2 {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: bolder; font-size: 12px; line-height: 120% ; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; background-color: #CCCCCC; color: black; text-align: center; } .ggs-spannerlvl3left {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: bolder; font-size: 12px; line-height: 120% ; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; background-color: gray; color: white; text-align: left; } .ggs-spannerlvl3 {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: bolder; font-size: 12px; line-height: 120% ; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; background-color: gray; color: white; text-align: center; } .ggs-spannernotehead {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: bold; line-height: 120% ; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; background-color: black; color: white; text-align: left; } .ggs-OBGPV-nutrient {text-align: center; } .ggs-col-center {text-align: center; } /* should move to new mycme style sheet */ #activityContainer .hiddenValue{display:none;} .ggs-white {color: black; } /* New NKK Charts */ .nkk-straphead {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: bold; color: white; text-align: center; background-color: black; } .nkk-below-straphead {background-color: white; line-height: 20%; } table.nkk {border: 1px solid black; border-collapse: collapse; cellspacing: 0; } th.nkk {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: bold; font-size: 12px; font-style: normal; vertical-align: bottom; line-height: 110% ; background-color: #CCCCCC; border: 1px solid black; border-collapse: collapse; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; margin-top: 0; margin-bottom: 0; cellspacing: 0; } td.nkk-topdotted {vertical-align: top; line-height: 110% ; border-top: 2px dotted black; border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; border-collapse: collapse; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; margin-top: 0; margin-bottom: 0; cellspacing: 0; } td.nkk-topNOrule {vertical-align: top; line-height: 110% ; border-top: none; border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; border-collapse: collapse; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; margin-top: 0; margin-bottom: 0; cellspacing: 0; } td.nkk-botNOrule {vertical-align: top; line-height: 110% ; border-top: 1px solid black; border-bottom: none; border-left: 1px solid black; border-right: 1px solid black; border-collapse: collapse; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; margin-top: 0; margin-bottom: 0; cellspacing: 0; } td.nkk {vertical-align: top; line-height: 110% ; border: 1px solid black; border-collapse: collapse; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; margin-top: 0; margin-bottom: 0; cellspacing: 0; } thead.nkk {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: bold; font-size: 12px; font-style: normal; text-align: center; margin-top: 0; margin-bottom: 0; vertical-align: bottom; } tbody.nkk {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: normal; font-size: 12px; font-style: normal; line-height: 110% ; text-align: left; margin-top: 0; margin-bottom: 0; vertical-align: top; } p.nkk-foot {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: normal; font-size: 10px; font-style: normal; line-height: 110% ; text-align: left; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } p.nkk-revision {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: normal; font-size: 10px; font-style: normal; line-height: 110% ; text-align: right; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } tfoot.nkk {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: normal; font-size: 10px; font-style: normal; line-height: 110% ; text-align: left; vertical-align: top; } .nkk-firstcol {background-color: #ECECEC; } .nkk-brand {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-size: 12px; font-weight: bold; } .nkk-company {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-size: 12px; font-style: italic; font-weight: normal; } .nkk-spannernotehead {font-family: "Franklin Gothic Book", "Helvetica", "Arial", sans-serif; font-weight: bold; line-height: 120% ; padding-top: 1px; padding-bottom: 2px; padding-right: 3px; padding-left: 3px; background-color: black; color: white; text-align: left; } article table.ggs{width:100%;float:left;table-layout:fixed;word-wrap:break-word;font-size:13px;} article table.ggs th.ggs-straphead{font-size:15px;} article table.ggs td{padding:5px;} article ul ul{ margin-left: 45px;margin-top: 0;} article ul ul li{ list-style-type: circle;} #articleColumn table.nkk ul li{padding: 0 0 10px 1em;} #articleColumn table.nkk p{ margin-bottom: 0;line-height: 110%;} #articleColumn article img{ max-width: 100%;} .miniRotator{position: relative;z-index: 1;} /*Fixes MiniRotator text to appear under the main navigation drop down*/ /*SPONSORED CONTENT STYLES POLAR*/ .sponsored-generated-content { margin-bottom: 15px; } .sponsored-generated-content .sponsor-header{ background-color: #e0eef4; padding: 10px 15px; } .sponsored-generated-content .sponsor-header .wrap{ width: 100%; display: table; } .sponsored-generated-content .sponsor-header{ font-size: 13px; font-weight: bold; text-transform: uppercase; } .sponsored-generated-content .sponsor-header .wrap > div{ display: table-cell; vertical-align: middle; } .sponsored-generated-content .sponsor-header h1, .sponsored-generated-content .sponsor-header h2, .sponsored-generated-content .sponsor-header h3{ font-weight: bold; color:#424242; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .sponsored-generated-content .sponsor-header h2{ padding-left:10px; } .sponsored-generated-content .sponsor-header h2 span{ text-transform: none; color:#797979; font-size: 12px; } .sponsored-generated-content .sponsor-header h3{ text-align: right; font-size: 12px; position: relative; } .sponsored-generated-content .sponsor-header h3 a{ font-size:14px; display: block; float: right; color:#6ca6b9; border:solid 1px #9fcbda; padding:2px 5px; margin-left:10px; margin-top:-4px; position: relative; width:10px; text-align: center; } .sponsored-generated-content .sponsor-header h3 a span{ position: absolute; display: block; right:0; top:22px; background-color:#EEE; width:200px; text-transform: none; color:#666; font-weight: normal; padding:10px; text-align: left; border:solid 1px #000; line-height: 18px; display: none; } .sponsored-generated-content .sponsor-header h3 a:hover span{ display: block; } .sponsored-generated-content .col-5{ width:35%; } .sponsored-generated-content .col-2{ width:30%; } body* .sponsored-generated-content .col-2{ width:25%; } .sponsored-generated-content .col-4{ width:20%; } .sponsored-generated-content .col-8{ width:75%; } .sponsored-generated-content img{ max-width: 100%; height: auto; } .sponsored-generated-content .col-4 p{ text-align: right; } .sponsored-generated-content .col-8 p{ padding:0 0 0 40px; font-size: 14px; line-height: 20px; } .sponsored-generated-content .sponsor-body .wrap{ padding: 20px 40px 0 40px; display: table; } .sponsored-generated-content .sponsor-body .wrap > div{ display: table-cell; vertical-align: middle; } .sponsored-generated-content .sponsor-footer{ border-bottom: solid 1px #d3e8ef; } .sponsored-generated-content .sponsor-footer .wrap{ padding:10px 15px 15px 15px; text-align: right; } .sponsored-generated-content .sponsor-footer a{ font-size: 11px; color:#424242; text-transform: uppercase; } .sponsored-generated-content .sponsor-footer a:hover, .sponsored-generated-content .sponsor-footer a:focus, .sponsored-generated-content .sponsor-footer a:active{ text-decoration: underline; } .sponsor-prev-next { margin-bottom: 20px; } .sponsor-prev-next a { display: block; width: 230px; height: 65px; background: url(../simages/sponsor-prev-next-bkg.jpg) no-repeat left top #e8f3f7; cursor: pointer; font-size: 12px; font-weight: bold; padding-top: 15px; } .sponsor-prev-next a:hover { background-position: left -80px; background-color: #d8eaf0; } .sponsor-prev-next a.sponsor-previous { padding-left: 45px; padding-right: 20px; float: left; } .sponsor-prev-next a.sponsor-next { text-align: right; background-position: right -160px; padding-right: 45px; padding-left: 20px; float: right; } .sponsor-prev-next a.sponsor-next:hover { background-position: right -240px; } .sponsor-prev-next span { display: block; } .sponsor-prev-next .pn-header { color: #226287; text-transform: uppercase; margin-bottom: 5px; } .sponsor-prev-next .pn-content { line-height: 15px; } .sectionBox.sponsored .sectionCat, .headerArticleBox.sponsored .sponsor-header { background-color: #cae2eb; padding: 5px 10px; text-transform: uppercase; font-size: 11px; color: #333; margin-bottom: 10px; float: left; display: block; font-family: Arial, Helvetica, sans-serif; } /*IE7 HACK for POLAR*/ body* .sponsored-generated-content .col-2, body* .sponsored-generated-content .col-4, body* .sponsored-generated-content .col-5, body* .sponsored-generated-content .col-8{ float:left; } body* .sponsored-generated-content .col-2{ width:25%; } body* .sponsored-generated-content .sponsor-header h3 a { position: absolute; right: -30px; top: 0; } /*NEWSLETTER ARCHIVE*/ .newsletter-archive h1 { font-size: 20px; margin-bottom: 10px; line-height: 26px; color: #333; } .newsletter-archive .archive-header { color: #646464; margin-bottom: 15px; font-size: 15px; line-height: 21px; } .newsletter-archive .archive-body { border-top: solid 1px #d2d2d2; padding-top: 10px; } .newsletter-archive .archive-body a, .newsletter-archive .archive-header a { color: #093d72; font-size: 15px; line-height: 21px; } .newsletter-archive .archive-header a:hover, .newsletter-archive .archive-header a:focus, .newsletter-archive .archive-header a:active, .newsletter-archive .archive-body a:hover, .newsletter-archive .archive-body a:focus, .newsletter-archive .archive-body a:active { text-decoration: underline; } .newsletter-archive .archive-body li { padding: 5px 0; } /*DROP DOWN nav FIX*/ #mainNav .dropdown4col > .dropdownCallout:first-child { border-left: none !important; } /*COUNTDOWN CLOCK*/ .final-countdown { font-family: 'Arial'; font-size: 14px; line-height: 20px; text-align: center; } .final-countdown h1, .final-countdown h2 { padding: 5px 0; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; } .final-countdown p { padding: 5px 0 10px 0; color: #666; } .final-countdown h1 { font-size: 22px; line-height: 26px; } .final-countdown h2 { font-size: 18px; line-height: 24px; } .final-countdown ul { padding: 0; margin: 0 0 20px 0; text-align: center; } .final-countdown li { list-style-type: none; display: inline-block; width: 90px; margin-top: 10px; } .final-countdown span { display: inline-block; width: 100%; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; color: #000; margin-bottom: 5px; } .final-countdown span.count { border-left: solid 1px #FFF; height: 50px; line-height: 50px; font-size: 30px; color: #FFF; margin: 0; background: #999; } .final-countdown ul > li:first-child span.count { border-left: none; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .final-countdown span.last { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .final-countdown.disabled #clock { font-size: 40px; line-height: 46px; padding: 15px 0 20px 0; text-transform: uppercase; } /*LOGIN SIGNIN REGISTER*/ a.forgotPassLink { color: #ff0000 !important; } a.forgotPassLink:hover, a.forgotPassLink:active, a.forgotPassLink:focus { color: #333 !important; } /*POLLS, QUIZES, AND SURVEYS*/ .PDS_Poll { width: 100%; } #articleColumn .PDS_Poll { width: 278px; border: solid 1px #EEE; float: right; margin: 20px; } .pds-box { padding: 10px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; } #articleColumn .pds-box { padding: 15px 20px; } .pds-question { font-size: 14px; line-height: 20px; color: #000; font-weight: bold; border-bottom: solid 1px #eeeeee; padding-bottom: 10px; } .pds-answer { padding: 3px 0 5px 0; } .pds-answer-group br { display: none; } .pds-answer-group .pds-clear { clear: both; display: block; } .pds-answer > span > span { display: block; margin: 12px 0; font-size: 17px; line-height: 23px; } .pds-answer-input { display: block; float: left; width: 0; } .pds-answer label.pds-input-label { display: block; float: left; padding-left: 18px; } .pds-vote { border-top: solid 1px #eeeeee; padding-top: 15px; } .pds-vote a { cursor: pointer; } .pds-vote-button, .pds-vote-button-load, #articleColumn article a.pds-vote-button { display: block; float: right; background-color: #CCC; padding: 10px 60px 10px 15px; color: #FFF; font-size: 12px; line-height: 18px; text-transform: uppercase; } .pds-return-poll { font-size: 12px; color: #000; line-height: 18px; text-align: right; float: right; } .pds-vote-button:hover { background-color: #666; } .pds-links { display: block; clear: both; text-align: right; padding-top: 10px; } .pds-links a { font-weight: normal; font-size: 11px; } .pds-vote .pds-clear { clear: both; display: block; } .pds-answer-feedback { width: 100%; height: 25px; border: solid 1px #eee; border-radius: 2px; } .pds-answer-feedback-bar { height: 100%; background-color: #eeeeee; background: url(../simages/default-poll-result-bkg.png) repeat top left transparent; } .pds-feedback-group { margin: 12px 0; } .pds-feedback-label { font-size: 17px; line-height: 23px; padding-bottom: 2px; display: block; } .pds-feedback-votes { font-size: 14px; line-height: 20px; } .pds-feedback-per { font-weight: bold; } .pds-total-votes { font-weight: bold; font-size: 14px; line-height: 20px; text-align: right; margin-top: 5px; text-transform: uppercase; } #pds-sharing { border-top: solid 1px #eeeeee; margin-top: 15px; padding-bottom: 4px; } @media only screen and (max-width: 400px) { #articleColumn .PDS_Poll { width: 100%; border: solid 1px #EEE; float: none; margin: 20px 0; } } /*Social Bar on Articles*/ .contentSocialBar .socialCommentButton { background: url(../simages/comments-icon-article.png) no-repeat; } .contentSocialBar #socialEmail { background: url(../simages/email-icon-article.png) no-repeat; width: 28px; height: 27px; } .contentSocialBar #socialPrint { background: url(../simages/printer-icon-article.png) no-repeat; width: 28px; height: 27px; } /*Fixed Gutter Ads*/ .adZoneFixedLeftContainer, .adZoneFixedRightContainer { position: fixed; top: 20px; } .adZoneFixedLeftContainer { margin-left: -841px; left: 50%; } .adZoneFixedRightContainer { margin-right: -841px; right: 50%; } .adZoneFixedLeftContainer.social-left-fix { margin-left: -918px; } /*@media only screen and (max-width: 1759px) { .adZoneFixedLeftContainer.ad-wider, .adZoneFixedRightContainer.ad-wider { display: none; } } @media only screen and (max-width: 1682px) { .adZoneFixedLeftContainer, .adZoneFixedRightContainer { display: none; } }*/ /*Newsletter Right Column Asset*/ #rightEmailAlerts #ddlNewsletterCountryCode{ background-color:#f5f5f5; outline:none; border:1px solid #cdcdcd; padding:7px 0 7px 5px; margin:5px 0 0 10px; border-radius:4px; } /*Responsive video Embed*/ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*Channels*/ header.channel-header { width: auto; height: auto; float: none; position: relative; } .channel-header .wrap { padding: 0 20px; } .channel-header .header-logo { float: none; } .channel-header nav { height: auto; float: none; background-color: transparent; margin: 0; border: none; padding-left: 20px; } .channel-header nav > ul { width: auto !important; margin: 0; } .channel-header .grid_8 { margin: 0; float: none; } .channel-header nav ul li { float: left; border: none; } .channel-header nav ul li > a.topNavItem { height: auto; background-color: transparent; padding: 8px 13px 10px 13px; line-height: 18px; font-size: 12px; } .channel-header nav ul li > a.topNavItem.current, .channel-header nav ul li > a.topNavItem.current:hover { background-color: transparent; color: #AAA; } .channel-header .nav-search-wrapper, .channel-header .grid_4.nav-search-wrapper { width: auto; margin:0; float: right; } .channel-sub-nav { padding: 20px 0; margin: 10px 0 15px 0; background: url('../simages/chemo/channel-bkg.jpg ') no-repeat left top transparent; } .channel-main-nav .left { width: 145px; float: left; } .channel-main-nav .left img { width: 100%; height: auto; } .channel-main-nav .right { width: 857px; float: left; } .channel-sub-nav nav { margin: 8px 0; float: none; } .channel-sub-nav nav a { text-transform: uppercase; padding: 5px 10px; } .channel-sub-nav nav a:hover{ text-decoration: none; } .channel-sub-nav .left { width: 727px; float: left; } .channel-sub-nav .left h1 { font-size: 35px; line-height: 41px; font-family: Arial, sans-serif; text-transform: uppercase; font-weight: bold; margin-top: 0; margin-bottom: 10px; color: #004765; } .channel-sub-nav .right { width: 275px; float: left; } .channel-sub-nav .title { width: 195px; float: left; } .channel-sub-nav .title h2, .channel-sub-nav .title h3 { text-transform: uppercase; font-size: 13px; font-family: Arial, sans-serif; line-height: 19px; font-weight: bold; padding-right: 10px; margin-bottom: 3px; } .channel-sub-nav .title h3 { text-transform: none; margin-bottom: 0; font-weight: normal; line-height: 16px; } .channel-sub-nav .avatar { width: 80px; float: left; } .channel-sub-nav .avatar img { width: 100%; height: auto; } .channel-header .dropdown1col { border: none; background-color: #EEE; padding: 8px 0; margin-left: 1px; } .channel-header .dropdown4col { width: 956px; left: -145px; border: none; padding: 8px 0; } .channel-header .dropdown4col .dropdownCallout{ padding-left: 10px; margin: 0 10px 0 0; } .channel-header .dropdown4col .dropdownCallout.grid_2 { /*width: 15%;*/ } .channel-header .dropdown4col .dropdownCallout.grid_3 { /*width: 20%;*/ } .channel-header .dropdown4col .dropdownCallout.grid_3 ul li a { padding-left: 0 !important; } .channel-header .dropdownCallout { border: none; padding-left: 0; margin: 0; } .channel-header .dropdownCallout.grid_3 { border-left: solid 1px #CCC; padding-left: 15px; } .channel-header .dropdownCallout ul li { width: auto; margin: 0; float: none; } .channel-header .dropdownCallout ul li a { font-size: 12px; line-height: 18px; display: block; text-align: left; padding: 5px 10px !important; } .channel-header .dropdownCallout ul li a:hover { color: #AAA; } .channel-header .dropdownCallout .dropdownCallout-bullets a { display: inline; } .channel-header-mobile { width: auto; height: auto; margin: 0; padding: 0; float: none; } .channel-header-mobile .left { float: left; width: 60%; } .channel-header-mobile .left img { width: 100%; height: auto; } .channel-header-mobile .right { float: left; width: 40%; } .channel-header-mobile #mainNav ul { float: none; } .channel-header-mobile #navMobileDropArrow { float: right; margin-right: 5px; border: none; } .channel-header-mobile #utilityNav { width: auto; height: auto; padding: 0; position: static; } .channel-header-mobile .utilityNavLinks div.leftTableCol { width: auto; padding: 0; float: none; } .channel-header-mobile .utilityNavLinks div.rightTableCol { padding: 0; float: right; margin-top: 10px; } .channel-header-mobile #utilityNav ul { width: auto; position: static; float: right; padding: 0; margin: 0; } .channel-header-mobile #utilityNav ul li { margin: 0 0 0 6px; } .channel-header-mobile .utilityNavLinks { width: auto; float: none; margin: 0; } .channel-header-mobile .channel-sub-nav { background-image: none; padding: 0; margin: 0; } .channel-header-mobile .channel-sub-nav .wrap { background-color: #EEE; margin: 8px 0 0 0; padding: 20px 12px; } .channel-header-mobile .channel-sub-nav h1 { color: #AAA; font-size: 17px; line-height: 23px; text-transform: uppercase; margin: 0; } .channel-header-mobile .channel-sub-nav .left { width: 90%; } .channel-header-mobile .channel-sub-nav .right { width: 10%; } .channel-header-mobile .channel-sub-nav .right a { display: block; float: right; width: 25px; height: 20px; margin-top: 2px; } .channel-header-mobile .channel-sub-nav .right a.open { background-position: left bottom; } .channel-header-mobile .channel-sub-nav nav { height: auto; background-color: transparent; border: none; border-bottom: 1px solid #CCC; } .channel-header-mobile .channel-sub-nav nav > ul { float: none; } .channel-header-mobile .channel-sub-nav nav ul li { float: none; text-align: left; border: none; } .channel-header-mobile .channel-sub-nav nav ul li a { padding: 10px 0; display: block; border-top: 1px solid #CCC; font-size: 14px; line-height: 20px; text-transform: none; font-family: Arial, sans-serif; } .channel-sub-nav nav a{ font-family: 'LatoBold' !important; font-size: 14px !important; } .channel-header .dropdown1col, .channel-header .dropdown4col { border: solid 1px #CCC; background-color: #FFF; margin-top: -1px; z-index: 0; } .channel-header .dropdown1col li, .channel-header .dropdown4col li { list-style-position: outside; } .channel-header .dropdownCallout ul li a:hover { color: #0279ab } .channel-header-mobile { padding: 15px 15px; } .channel-header-mobile .channel-sub-nav .wrap { background-color: #e6f5fd; } .channel-header-mobile .channel-sub-nav h1 { color: #004765; font-family: 'LatoBold'; } .channel-header-mobile .channel-sub-nav .right a { background: url('../simages/chemo/sub-nav-arrow.png') no-repeat left top transparent; } .channel-header-mobile .channel-sub-nav nav ul li a:hover { color: #000; } /*End of channels*/ /*QUAD ROTATOR*/ #contentColumn .grid_12 .quadtator-has-headers > h3.sectionTitle:first-child{ margin-bottom: -20px !important; padding-right: 205px !important; } #contentColumn .grid_12 .quadtator-has-headers .quadtator + h3.sectionTitle{ padding-bottom: 10px !important; padding-right: 205px !important; padding-top: 0 !important; margin-top: -20px !important; } .quadtator{ margin: 30px 0; position: relative; width:100%; clear: both; } .quadtator.no-headers { margin: 40px 0; } .quadtator .quadtator-wrapper{ margin:0 auto; position: relative; height: 318px; padding:0 15px; } .quadtator .slideshow{ position: absolute; top: 0; left: 15px; width: 459px; height: 318px; z-index: 1; overflow: hidden; border-right: solid 1px #FFF; } .quadtator.no-headers .slideshow { top: -20px; height: 358px; } .quadtator .slideshow-wrap, .quadtator .carousel-wrap{ width:100%; height: 100%; position: relative; } .quadtator .slideshow-wrap .slide{ height:100%; width:100%; color:#FFF; font-weight: bold; position: absolute; top:0; left:0; z-index: 0; } .quadtator .slideshow-wrap .slide.current{ z-index: 2; } .quadtator .slideshow-wrap .slide.next{ z-index: 1; } .quadtator .slideshow-wrap .slide img{ width:100%; height: 100%; } .quadtator .carousel{ width: 198px; top: 0; right: 15px; position: absolute; z-index: 2; height: 318px; overflow: hidden; } .quadtator .carousel-wrap .slide{ height:106px; width:198px; color:#FFF; font-weight: bold; text-transform: uppercase; font-size: 12px; border-bottom: solid 1px #FFF; position: relative; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); -moz-backface-visibility: hidden; -moz-transform: translateZ(0) scale(1.0, 1.0); } .quadtator .carousel-wrap .slide.hold{ margin-top:-106px; border-bottom: none; } .quadtator .carousel-button{ display:block; } .carousel-wrap .slide img{ width:100%; height: 100%; } .quadtator .carousel-wrap .slide span { position: relative; top: 3px; padding-right: 3px; } .quadtator .slideshow .slide .comment-box, .quadtator .carousel-wrap .slide .comment-box{ position: absolute; bottom:0; left:0; right:0; color:#FFF; text-align: left; text-transform: none; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 66%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(66%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 66%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 66%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 66%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 66%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } .quadtator .slideshow .slide .comment-box{ padding:20px 15px 10px 15px; font-size: 22px; line-height: 26px; } .quadtator .carousel-wrap .slide .comment-box{ padding:15px 10px 5px 10px; font-size: 12px; line-height: 15px; } .quadtator .carousel-button{ position: absolute; z-index: 10; top:-20px; right:15px; display: block; background-color: #909090; color:#FFF; height:20px; line-height: 20px; text-align: center; text-transform: uppercase; width: 198px; font-size: 10px; background: url("../simages/quadtator-arrows.png") no-repeat 50% top #909090; text-indent: -9999px; } .quadtator .carousel-button:hover{ background-color: #4d4d4d; } .quadtator .carousel-button.next{ border-radius: 5px 5px 0 0; } .quadtator .carousel-button.prev{ bottom:-20px; top:auto; border-radius: 0 0 5px 5px; background-position: 50% bottom; } /*QUAD ROTATOR MOBILE*/ .quadtator-mobile{ margin:10px 0; padding:0 15px; clear: both; } .quadtator-mobile .quadtator-wrapper-mobile{ position: relative; padding-bottom: 40%; padding-top:100px; height: 0; } .quadtator-mobile .slide{ height:100%; width:100%; position: absolute; top:0; left:0; z-index: 0; } .quadtator-mobile .slide.current{ z-index: 2; } .quadtator-mobile .slide.next{ z-index: 1; } .quadtator-mobile img{ width:100%; height: 100%; } .quadtator-mobile .comment-box{ position: absolute; bottom:0; left:0; right:0; color:#FFF; text-align: left; text-transform: none; padding:20px 15px 10px 15px; font-size: 18px; line-height: 22px; background-color: #000; font-weight: bold; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 66%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(66%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 66%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 66%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 66%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 66%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); } .quadtator-mobile .slideshow-button{ position: absolute; left:-10px; top:40%; z-index: 3; width:40px; height: 40px; border-radius: 5px; text-indent: -9999px; background: url("../simages/quadtator-arrows-mobile.png") no-repeat left 50% #909090; } .quadtator-mobile .slideshow-button.next{ left:auto; right:-10px; background-position: right 50%; box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.25); } .quadtator-mobile .slideshow-button.prev{ box-shadow: -3px 3px 3px 0px rgba(0,0,0,0.25); } .quadtator-mobile .slideshow-button:hover{ background-color: #4d4d4d; } .quadtator-mobile .bullets{ padding: 5px 0 0 0; text-align: center; } .quadtator-mobile .bullets a{ display: inline-block; width:15px; height: 15px; border-radius: 50%; background-color: #909090; margin:5px; text-indent: -9999px; /*float:left;*/ } .quadtator-mobile .bullets a:hover, .quadtator-mobile .bullets a.current{ background-color: #4d4d4d; } /*QUAD ROTATOR ACTIVITY ASSETS*/ .quadtator .slideshow .credits, .quadtator-mobile .credits { font-size: 14px; line-height: 18px; margin-top: 7px; } .quadtator .carousel-wrap .credits { margin-top: 3px; } .quadtator .slideshow .credits div, .quadtator .carousel-wrap .credits div, .quadtator-mobile .credits div { color: #ff0000; display: inline; padding-right: 3px; } /*VIDEO PLAYLIST*/ #articleColumn .article-video-playlist p { margin: 0; padding: 0 0 10px 0; } .article-video-playlist { clear: both; margin-bottom: 20px; } .article-video-playlist h3 { padding-bottom: 10px; text-transform: uppercase; font-size: 18px; line-height: 21px; font-family: Arial, Helvetica, sans-serif; } .article-video-playlist .video-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 5px 0 15px 0; } .article-video-playlist .video-wrapper iframe, .article-video-playlist .video-wrapper object, .article-video-playlist .video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .article-video-playlist .video-link { font-size: 16px; line-height: 22px; margin-bottom: 15px; } .article-video-playlist .article-playlist{ padding-bottom: 20px; } .article-video-playlist .playlist-item { padding-top: 15px; margin-top: 15px; border-top: solid 1px #e9e9e9; } .article-video-playlist .playlist-item .left, .article-video-playlist .playlist-item .right { float: left; } .article-video-playlist .playlist-item .left { width: 144px; } .article-video-playlist .playlist-item .right { width: 495px; } .article-video-playlist .playlist-item .right .wrap, .article-speakers .speaker-item .right .wrap { padding-left: 20px; } .article-video-playlist .thumbnail a{ display: block; position: relative; } .article-video-playlist .thumbnail .skin{ display: block; position: absolute; top:0; right:0; bottom:0; left:0; background: url(../simages/video-thumb-skin.png) no-repeat 50% 50% transparent; } .article-video-playlist .thumbnail img, .article-speakers .thumbnail img { width: 100%; height: auto; display: block; } .article-video-playlist .playlist-item h1 { font-size: 21px; line-height: 24px; padding-bottom: 10px; } .article-speakers h3 { padding: 10px 0; margin-bottom: 15px; text-transform: uppercase; font-size: 18px; line-height: 21px; font-family: Arial, Helvetica, sans-serif; border-bottom: solid 1px #d9d7d7; border-top: solid 2px #333; } .article-speakers .speaker-item { margin-bottom: 20px; } .article-speakers .speaker-item .left, .article-speakers .speaker-item .right { float: left; } .article-speakers .speaker-item .left { width: 100px; } .article-speakers .speaker-item .right { width: 539px; } /*GLOBAL SOCIAL LINKS*/ ul.social-links { margin: 10px 0 !important; padding: 0 !important; height: 27px !important; } .social-links > li{ list-style-type: none !important; padding: 0 !important; margin: 0 5px 0 0 !important; float: left !important; } .social-links > li:last-child { margin-right: 0 !important; } .social-links a { display: block !important; width: 28px !important; height: 27px !important; text-indent: -9999px !important; } .social-links a.facebook-icon { background: url("../simages/facebook-icon-article.png") no-repeat left top transparent !important; } .social-links a.twitter-icon { background: url("../simages/twitter-icon-article.png") no-repeat left top transparent !important; } .social-links a.google-plus-icon { background: url("../simages/googleplus-icon-article.png") no-repeat left top transparent !important; } .social-links a.linkedin-icon { background: url("../simages/linkedin-icon-article.png") no-repeat left top transparent !important; } /*WEBCASTS*/ .webcasts { padding: 25px 10px; margin: 0 -1.25% 20px -1.25%; background: #e0e0e0; background: -moz-linear-gradient(top, #e0e0e0 0%, #c0c0c0 32%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0e0e0), color-stop(32%,#c0c0c0)); background: -webkit-linear-gradient(top, #e0e0e0 0%,#c0c0c0 32%); background: -o-linear-gradient(top, #e0e0e0 0%,#c0c0c0 32%); background: -ms-linear-gradient(top, #e0e0e0 0%,#c0c0c0 32%); background: linear-gradient(to bottom, #e0e0e0 0%,#c0c0c0 32%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#c0c0c0',GradientType=0 ); } .webcasts h1, .webcasts h2{ text-transform: uppercase; text-align: center; color: #e30613; font-weight: bold; font-family: 'Arial'; } .webcasts h1 { font-size: 28px; line-height: 34px; margin-bottom: 20px; } .webcasts h2 { font-size: 16px; line-height: 22px; padding: 15px; } .webcast-box { background-color: #FFF; margin: 25px 15px; float: left; width: 295px; height: 355px; position: relative; } .webcast-date { background-color: #5d5d5d; font-weight: bold; font-size: 12px; line-height: 18px; position: absolute; top: -20px; left: 0; color: #ffffff; padding: 10px 15px; display: block; text-transform: lowercase; } .webcasts .webcast-date + h2 { padding-top: 30px; } .webcast-image { width: 100%; height: 110px; } .webcast-image img { display: block; padding: 0; margin: 0; width: 100%; height: 100%; } .webcast-box p { font-size: 12px; line-height: 18px; padding: 10px 20px; } .webcast-buttons { padding: 0 20px; margin-top: 10px; } .webcast-box .webcast-buttons{ bottom: 40px; left: 0; right: 0; position: absolute; } body*.webcast-buttons { margin-top: 5px; margin-bottom: -5px; } body*.webcast-box .webcast-buttons { bottom: 20px; } .webcast-buttons a { display: block; text-transform: uppercase; font-size: 14px; padding: 13px 0; transition: all 100ms linear; -ms-transition: all 100ms linear; -moz-transition: all 100ms linear; -webkit-transition: all 100ms linear; -o-transition: all 100ms linear; } .webcast-buttons > div { width: 50%; } .webcast-buttons .webcast-register { float: right; } .webcast-buttons .webcast-more-info { float: left; } .webcast-buttons .webcast-more-info { position: relative; /*z-index: 1;*/ } .webcast-buttons .webcast-description-anchor { position: relative; } .webcast-buttons .webcast-full-description h3 { background-color: #0e7dd8; color: #FFF; font-size: 14px; line-height: 20px; text-transform: uppercase; font-family: 'Arial'; padding: 10px 30px 10px 20px; text-align: center; } .webcast-buttons .webcast-full-description .webcast-description-content { padding: 10px 20px; font-size: 12px; line-height: 18px; max-height: 270px; overflow: auto; } .webcast-buttons .webcast-full-description { position: absolute; width: 314px; background-color: #ffffff; bottom: -5px; left: -31px; border: solid 2px #0e7dd8; box-shadow: 0 0 7px #2c2c2c; display: none; opacity: 0; border-radius: 3px; } .webcast-buttons .webcast-more-info .webcast-full-description a.close { position: absolute; right: 0; top: 5px; color: #ffffff; margin: 0; padding: 5px 10px; font-size: 11px; } .webcast-buttons .webcast-register a { text-align: center; background-color: #e30613; color: #ffffff; padding-left: 10px; padding-right: 10px; } .webcast-buttons .webcast-register a:hover { background-color: #333; } .webcast-buttons .webcast-more-info a { font-weight: bold; color: #e30613; position: relative; /*z-index: 1;*/ text-align: left; } .webcast-buttons .webcast-more-info a:hover { color: #0e7dd8; } .webcast-sponsor { text-align: right; font-style: italic; font-weight: normal; color: #a6a6a6; } .webcast-box .webcast-sponsor { position: absolute; bottom: 0; left: 0; right: 0; } body*.webcast-sponsor { padding-top: 0; } .webcast-sponsor span { font-weight: bold; color: #333; margin-left: 1px; font-style: normal; } .webcast-filter { padding: 0 13px; margin: 10px 0 25px 0; text-align: center; } .webcast-filter li { display: inline-block; color: #666; text-transform: uppercase; font-weight: bold; margin-right: 10px; } .webcast-filter a { background-color: #FFF; display: block; color: #e30613; padding: 10px 20px; transition: all 100ms linear; -ms-transition: all 100ms linear; -moz-transition: all 100ms linear; -webkit-transition: all 100ms linear; -o-transition: all 100ms linear; } .webcast-filter a:hover { background-color: #0e7dd8; color: #ffffff; } .webcast-full-description ol, .webcast-full-description ul { padding: 5px 20px 5px 0; margin-left: 35px; font-size: 12px; line-height: 18px; } .webcast-full-description ol li, .webcast-full-description ul li { padding: 5px 0; } .webcast-full-description ul li { list-style-type: disc; } .webcast-full-description ol li { list-style-type: decimal; } body*.webcast-filter { margin-top: -20px; } body*.webcast-filter li{ display: inline; } body*.webcast-filter a { position: relative; top: 10px; } .webcast-message { color: #000; font-size: 24px; line-height: 30px; padding: 20px 20px 0 20px; } .feature-webcast { margin: 0 0 40px 0; color: #424242; } .feature-webcast-wrapper { padding: 0 10px; } .feature-webcast .left, .feature-webcast .right { width: 50%; float: left; } .feature-webcast .webcast-image { height: auto; } .feature-webcast .right .wrap { padding-left: 20px; } .feature-webcast h2 { font-size: 16px; line-height: 22px; text-transform: uppercase; color: #e30613; font-weight: bold; font-family: 'Arial'; } .feature-webcast p { font-size: 18px; line-height: 24px; padding: 10px 0; } .feature-webcast .webcast-buttons { padding: 0; margin-top: 10px; } .feature-webcast .webcast-buttons a { font-size: 18px; line-height: 24px; color: #0e7dd8; } .feature-webcast .webcast-register a { background-color: #0e7dd8; color: #FFF; } .feature-webcast .webcast-register a:hover { background-color: #333; } .feature-webcast .webcast-date { position: static; color: #000; background-color: transparent; padding: 0; text-transform: uppercase; font-size: 18px; line-height: 24px; padding-bottom: 5px; } .feature-webcast .webcast-sponsor { padding-top: 15px; font-size: 13px !important; line-height: 19px !important; } .feature-webcast .webcast-image img { height: auto; } .feature-webcast .webcast-buttons .webcast-description-anchor { z-index: 1600000; } .feature-webcast .webcast-buttons .webcast-full-description { width: 480px; border: solid 2px #e30613; bottom: auto; top: -5px; left: -20px; } .feature-webcast .webcast-buttons .webcast-more-info a:hover { color: #e30613; background-color: #FFF; } .feature-webcast .webcast-buttons .webcast-more-info a.close { top: 0; } .feature-webcast .webcast-buttons .webcast-more-info a.close:hover { background-color: transparent; color: #ffffff; } .feature-webcast .webcast-buttons .webcast-more-info p { font-size: 12px; line-height: 18px; font-family: 'Arial'; } .feature-webcast .webcast-buttons .webcast-full-description h3 { background-color: #e30613; } .webcast-filter li select { padding: 10px 10px; color: #e30613; text-transform: uppercase; width: 230px; } .webcast-filter li select option { font-family: 'Arial'; } /*SEQUENCER SLIDESHOW PLUGIN*/ .sequence { margin-top: 10px; background-color: #ebebeb; overflow: hidden !important; background-color: #000; } .sequence, .sequence .slide-wrapper { height:367.844px; } .sequence { width: 100%; position: relative; overflow: hidden; } .sequence > .sequence-canvas { height: 100%; width: 100%; padding: 0; margin: 0; } .sequence > .sequence-canvas > li { position: absolute; width: 100%; height: 100%; z-index: 1; list-style-type: none; } .sequence > .sequence-canvas > li > div { position: relative; left: 100%; top: 0; height: 100%; width: 100%; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; } .sequence > .sequence-canvas > li.animate-in > div { left: 0; } .sequence > .sequence-canvas > li.animate-out > div { left: -100%; } .sequence .slide { display: table; } .sequence .slide-wrapper { width: 100%; display: block; text-align: center; vertical-align: middle; } .sequence img { max-width: 100%; max-height: 100%; display: inline; } .sequence .button { position: absolute; z-index: 1000; top: 45%; display: block; background-color: rgba(0, 0, 0, 0.5); text-decoration: none; color: #FFF; transition: padding 300ms linear; -ms-transition: padding 300ms linear; -moz-transition: padding 300ms linear; -webkit-transition: padding 300ms linear; -o-transition: padding 300ms linear; width: 55px; height: 55px; } .sequence .sequence-next { right: 0; background:url(../css/img/slider-next-button.png) no-repeat 0 0; } .sequence .sequence-next:hover { background-position: 0 -55px } .sequence .sequence-prev { background:url(../css/img/slider-prev-button.png) no-repeat 0 0; } .sequence .sequence-prev:hover { background-position: 0 -55px; } .sequence .button span { display: none; } .sequence .button i{display: none;} .sequence .text-box { background-color: rgba(0, 0, 0, 0.75); position: absolute; left: 0; bottom: 0; right: 0; } .sequence .text-box .wrap { padding: 10px; } .sequence .text-box { color: #FFF; font-size: 14px; line-height: 20px; text-align: left; display: none; } .sequence .text-box h1 { font-size: 18px; line-height: 24px; margin: 0; padding: 0; font-family: 'Georgia'; font-weight: normal; } .sequence .text-box a { color: #15a9e0; text-decoration: none; font-style: italic; } .sequence .text-box a:hover { color: #F00; } .sequence .text-box p { padding: 0; margin: 0; color: #ffffff; font-size: 12px; line-height: 18px; } .sequence .text-box h1 + p { margin-top: 5px; } .sequence .ad-slot { background-color: rgba(0, 0, 0, 0.5); } .sequence .slide-ad { width: 300px; height: 250px; margin: auto; } .sequence.disable-buttons .button { display: none; } .sequence .slide-ad p { color: #FFF; font-size: 12px; font-weight: bold; padding: 10px 0 5px 0; margin: -40px 0 0 0; } .sequence .slide-ad p span { color: #F00; font-size: 16px; } #sequence-copy { background-color: #F0F0F0; margin-top: 0; position: relative;; top: -24px; z-index: 100; } #sequence-copy h1, #sequence-copy p { color: #333; } #sequence-copy h1 { font-size: 16px; line-height: 22px; font-family: 'Georgia'; font-weight: normal; padding: 10px; } #sequence-copy p { font-size: 12px; line-height: 18px; font-family: 'Arial', 'Helvetica', sans-serif; padding: 10px; } #sequence-copy h1 + p { padding-top: 0; } #sequence-copy a { color: #15a9e0; text-decoration: none; } #sequence-copy a:hover { color: #59fc09; } @media only screen and (max-width:600px) { .sequence, .sequence .slide-wrapper { height:320px; } } @media only screen and (max-width:600px) { .channel-header-mobile nav { margin: 8px 0; float: none; height: 50px; } .channel-header-mobile .header-logo { padding-top: 0; } .channel-header-mobile #navMobileMore { width: auto; float: none; margin: 0; } .channel-header-mobile ul.navMobileMoreItems { width: auto; float: none; } .channel-header-mobile .nav-search-wrapper { width: auto; float: none; } .channel-header-mobile li#navMobileDropArrow a { width: 25px; height: 20px; background: url('../simages/chemo/sub-nav-arrow.png') no-repeat left top transparent; margin-top: 12px; } .channel-header-mobile li#navMobileDropArrow a.open { background-position: left bottom; } .mobile-nav .nav-search-wrapper, .channel-main-nav .nav-search-wrapper{ margin: 0 !important; } .mobile-nav #navMobileDropArrow, .channel-main-nav #navMobileDropArrow{ margin-right: -8px !important; } .mobile-nav nav#mainNav, .channel-main-nav nav#mainNav{ float: right !important; width: 100%; } #navMobileMore{ margin-left: 15px !important; } ul.navMobileMoreItems{ width: 100%; } } /*PRESTIAL ADS*/ .prestitial{ position: fixed; top:0; right:0; bottom:0; left:0; background-color: rgba(0,0,0,0.75); background-color: transparent \9; background-image: url('../simages/prestitial-bkg.png') \9; z-index: 9999999; } .prestitial .invisible{ visibility: hidden; } .prestitial-wrapper{ padding-top:15px; } .prestitial-wrapper-top{ padding: 0 20px; } .prestitial-wrapper-top p{ color:#FFF; font-family: 'Georgia', 'Arial', 'sans-serif'; text-align: center; font-size: 14px; line-height: 20px; font-weight: bold; } .prestitial-wrapper-top span{ color: #F00; font-size: 20px; line-height: 26px; position: relative; top:-2px; } .prestitial-wrapper-bottom{ margin:0 auto; padding:5px 0; } .prestitial-wrapper-bottom img{ width: 100%; height: auto; } .prestitial-close a{ width:30px; height:30px; padding:10px; border:solid 6px #FFF; border-radius: 50%; text-align: center; margin: 0 auto; font-weight: bold; text-decoration: none; color:#FFF; font-size: 30px; line-height: 30px; display: block; } @media only screen and (max-width:600px) { .channel-header-mobile nav { margin: 8px 0; float: none; height: 50px; } } @media only screen and (max-width:640px) { .prestitial-wrapper-bottom { width:90% !important; padding: 0 5%; } } /*FIXED TO BOTTOM ADS*/ #haymarket-fixed-to-bottom-layover-ad{ left: 50%; position: fixed; bottom: 3px; z-index: 4000000; } #haymarket-fixed-to-bottom-layover-ad-close{ font-size:12px; line-height: 12px; text-decoration: none; color:#000; display: block; float:right; border:solid 1px #000; background-color: #FFF; padding:1px 3px; margin-bottom: 3px; } @media only screen and (max-width:950px) { #haymarket-fixed-to-bottom-layover-ad{ left:3px; right:3px; width:auto !important; margin-left: auto !important; } #haymarket-fixed-to-bottom-layover-ad img{ width:100%; } } /*DERM DX AD STYLES*/ #casestudy .mCSB_container div { width: 300px; margin: 20px auto; } #explanationFull div { width: 300px; margin: 0 auto; } #explanationFull p + div { margin-top: -25px; } /* TWO COLUMN ASSET */ .two-column-format > a { float: none; } .two-column-asset-wrapper img { max-width: 100%; } .two-column-asset-wrapper.left { padding-right: 15px; } .two-column-asset-wrapper.right { padding-left: 15px; } .two-column-image-wrap { padding: 0; margin: 0 0 5px 0; text-align: center; } .two-column-format .sectionShortText { padding: 10px 0 0 0; } .two-column-format .socialIconsWrapper { display: block; margin: 7px 0 10px 0; } .grid_6.two-column-asset-column { width: 50%; margin: 0; } .two-column-asset-wrapper tbody > tr:last-child .sectionBox { border: none; } /*LIGHTBOX NEWSLETTER FORM*/ .newsletter-sign-up-form .subpageHeadline { } .newsletter-sign-up-form #tbNewsletters { background-color: #EEE; padding: 10px; margin-bottom: 15px; } .newsletter-sign-up-form #tbNewsletters td { padding-bottom: 10px; font-size: 13px; line-height: 19px; font-weight: bold; } .newsletter-sign-up-form #tbNewsletters tbody > tr:last-child td { padding-bottom: 0; } .newsletter-sign-up-form input[type="checkbox"] { position: relative; top: 2px; } #lightboxContent .newsletter-sign-up-form label { font-size: 16px; padding-bottom: 7px; color: #000; } #lightboxContent .newsletter-sign-up-form input[type="text"] { width: 96%; height: 40px; padding: 0 1.8%; } /*ARTICLE INSERTS*/ article .grid_6, article .grid_12 { float: none; width: auto; background-color: #EEE; padding: 20px; margin: 0 0 20px 0; border-radius: 5px; } article .relatedArticles .relatedArticlesTitle{ font-size: 14px; line-height: 20px; margin-bottom: 5px; } article .relatedArticles > ul { margin: 0; width: auto; float: none; padding: 0; } article .relatedArticles > ul > li { margin-bottom: 5px; } article .relatedArticles > ul > li:last-child { margin-bottom: 0; padding-bottom: 0; } article .relatedArticles a { font-size: 12px; line-height: 18px; } article .grid_row { border: none; padding: 0; margin: 0; } article .grid_row .sectionTitle { font-size: 14px; line-height: 20px; margin-bottom: 10px; } article #recentSlideshows { width: auto; float: none; padding: 0; } article #recentSlideshows .recent-slideshow-item { width: auto; float: none; margin: 0 0 15px 0; padding: 0; text-align: left; clear: both; } article #recentSlideshows > .recent-slideshow-item:last-child { margin-bottom: 0; padding-bottom: 0; } article #recentSlideshows .recent-slideshow-item img { /*float: left;*/ width: 40px; height: auto; margin-right: 8px; } article #recentSlideshows .recent-slideshow-item h2 { margin: 0; /*display: inline;*/ } .ad-slot-in-article { width: 300px; margin: 0 auto; padding: 10px 0; } @media only screen and (max-width:500px) { .grid_6.two-column-asset-column { width: auto; float: none; } .two-column-asset-wrapper.left { padding-right: 0; } .two-column-asset-wrapper.right { padding-left: 0; } } @media only screen and (max-width:400px) { .feature-webcast .left, .feature-webcast .right { float: none; width: 100%; } .feature-webcast .right .wrap { padding-left: 0; padding-top: 20px; } .feature-webcast .webcast-buttons .webcast-full-description { width: 295px; left: 0; } .webcasts { padding-left: 0; padding-right: 0; } .webcast-box { float: none; margin: 40px auto; } .webcast-buttons .webcast-full-description { width: 295px; left: -22px; } .webcast-filter { text-align: left; } .webcast-filter li { display: block; margin-right: 0; margin-bottom: 10px; } .webcast-filter li a { text-align: center; } .webcast-filter li select { width: 100%; } } @media only screen and (max-width:600px) { .article-video-playlist .thumbnail, .article-speakers .thumbnail{ padding-right:15px; padding-bottom: 10px; } .article-video-playlist .playlist-item .right .wrap, .article-speakers .speaker-item .right .wrap { padding-left: 0; } .article-video-playlist .playlist-item .right, .article-speakers .speaker-item .right { width: auto; float:none; } } @media only screen and (max-width:600px) { #wrapper{ width:100%; } .sponsored-generated-content .sponsor-body .wrap{ padding: 15px 15px 0 15px; } .sponsored-generated-content .col-8 p{ padding:0 0 0 15px; } } @media only screen and (max-width:400px) { .sponsored-generated-content .col-8 p{ padding:0; } .sponsored-generated-content .col-4{ padding-bottom: 10px; } .sponsored-generated-content .col-4 p{ text-align: center; } .sponsored-generated-content .col-5{ width:60%; float:left; clear: both; } .sponsored-generated-content .col-2{ width:50%; float: right; position: absolute; right: 0; } .sponsored-generated-content .sponsor-header .wrap{ padding-bottom: 10px; display: block; position: relative; } .sponsored-generated-content .sponsor-header .wrap > div{ display: block; margin-bottom: 5px; } .sponsored-generated-content .sponsor-header h1, .sponsored-generated-content .sponsor-header h2{ padding-left:0; padding-right: 15px; } .sponsored-generated-content .sponsor-header h3{ position: relative; padding-right: 28px; } .sponsored-generated-content .sponsor-header h3 a{ position: absolute; right:0; top:0; } .sponsored-generated-content .sponsor-body .wrap{ display: block; } .sponsored-generated-content .sponsor-body .wrap > div{ display: block; width: 100%; } .sponsored-generated-content .sponsor-body p { text-align: center; } .final-countdown ul > li:first-child span.count { border-top-left-radius: 0; border-bottom-left-radius: 0; } .final-countdown span.last { border-top-right-radius: 0; border-bottom-right-radius: 0; } .quiz-polls-surveys-wrapper .activityContentLinebott, .quiz-polls-surveys-wrapper .poll-quiz-survey { width: 100%; } .quiz-polls-surveys-wrapper .answerChoiceBG label { width: 90%; } } /* Site Colors */ /* Links and Headers Red: #02507b; Text Black: #333; */ @font-face { font-family: 'Lato'; src: url('../fonts/ca/Lato-Reg-webfont.eot'); src: url('../fonts/ca/Lato-Reg.ttf') format('truetype'), url('../fonts/ca/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ca/Lato-Reg-webfont.woff') format('woff'), url('../fonts/ca/Lato-Reg-webfont.svg#LatoRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LatoBold'; src: url('../fonts/ca/Lato-Bol-webfont.eot'); src: url('../fonts/ca/Lato-Bol.ttf') format('truetype'), url('../fonts/ca/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ca/Lato-Bol-webfont.woff') format('woff'), url('../fonts/ca/Lato-Bol-webfont.svg#LatoBold') format('svg'); font-weight: normal; font-style: normal; } /* FONTS */ @font-face { font-family: 'CodeProRegular'; src: url('../fonts/code/code-pro-webfont.eot'); src: url('../fonts/code/code-pro-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/code/code-pro-webfont.woff') format('woff'), url('../fonts/code/code-pro-webfont.ttf') format('truetype'), url('../fonts/code/code-pro-webfont.svg#CodeProRegular') format('svg'); font-weight: normal; font-style: normal; } .grid_2 { width: 11.166666666667%; } .grid_3 { width: 19.5%; } .grid_4 { width: 27.833333333333%; } .grid_5 { width: 36.166666666667%; } .grid_6 { width: 44.5%; } .grid_7 { width: 52.833333333333%; } .grid_8 { width: 61.166666666667%; } .grid_9 { width: 69.5%; } .grid_12 { width: 94.5%; } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { margin: 0 2.75% 15px 2.75%; } .alpha { margin-left: 0; padding-left: 0; } .omega { margin-right: 0; padding-right: 0; } body { background: #d0d0c6 url(../simages/ona/ona-main-bg.png) repeat-y left top; min-width: 1042px; } .container { width: 1042px; } #rightColumn { width: 29.2%; margin: 0 1.25% 15px 0; } #contentColumn { margin-right: 0; width: 65%; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; margin: 0 2% 15px 2%; padding-top: 10px; } #slideShowColumn { margin-right: 0; width: 65%; margin: 0 2% 15px 2%; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: Georgia, Serif; } .noBorder { border: none !important; } .noSpacing { margin: 0 !important; padding: 0 !important; } p { font-size: 14px; color: #333; } ul { font-size: 14px; color: #333; } a { text-decoration: none; color: #333; } h2 > a, h3 > a { color: #333; } .boldText { font-weight: bold; } .subpageHeadline, h1.sectionHeadline { color: #02507b; font-family: 'LatoBold', sans-serif; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #dddcdd; padding-bottom: 7px; margin-bottom: 20px; } h1.sectionHeadline { margin: 0 15px 10px 15px; padding: 10px 0; } .facebookIcon { display: block; width: 18px; height: 18px; text-indent: -9999px; background: url(../simages/facebook-icon-medical.png) no-repeat; } .twitterIcon { display: block; width: 18px; height: 18px; text-indent: -9999px; background: url(../simages/twitter-icon-medical.png) no-repeat; } .linkedinIcon { display: block; width: 18px; height: 18px; text-indent: -9999px; background: url(../simages/linkedin-icon-medical.png) no-repeat; } .googleplusIcon { display: block; width: 18px; height: 18px; text-indent: -9999px; background: url(../simages/google-plus-icon-medical.png) no-repeat; } .commentIcon { display: block; width: 19px; height: 19px; text-indent: -9999px; background: url(../simages/comment-icon-medical.png) no-repeat; } .rssIcon { display: block; width: 18px; height: 18px; text-indent: -9999px; background: url(../simages/rss-icon-medical.png) no-repeat 0 0; } .emailIcon { display: block; width: 19px; height: 13px; text-indent: -9999px; background: url(../simages/email-icon-medical.png) no-repeat 0 0; } .pinterestIcon { display: block; width: 18px; height: 18px; text-indent: -9999px; background: url(../simages/pinterist-icon-medical.png) no-repeat; } #contentColumnWrapper { float: left; } .adZoneBreadcrumbSponsorContainer { width: 970px; float: left; margin: 15px 0 20px 17px; } .adZonePrestitial { height: 0; } /* Badgeville Overides */ .bv_widget a.bv_signUp, .bv_widget a.bv_signUp:active, .bv_widget a.bv_signUp:visited { color: #FFFFFF !important; } .bv_widget a.bv_signIn, .bv_widget a.bv_signIn:active, .bv_widget a.bv_signIn:visited { color: #FFFFFF !important; } @media only screen and (max-width:600px) { #globalHeader { float: none; } #mainNav { margin: 10px; } #mainNav ul li#navMobileDropArrow { margin-left: 3px; margin-top: 2px; } .nav-search-wrapper { width: auto; } } /* Monograph Page */ #monograph { width: 100%; background-color: #fff; float: left; margin: 0; } #monographDrugListNav { width: 100%; min-height: 37px; float: left; border-bottom: 1px solid #eaeaea; padding: 10px 0 20px 0; position: relative; } .monographHeader { width: 100%; height: 48px; float: left; background: #f6f5f5 url(../simages/monograph-arrow.png) no-repeat; border-top: 1px solid #d0d0d0; display: table; position: relative; } .monographHeader h1 { font-size: 21px; float: none; margin: 0; padding: 0; display: table-cell; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; } .monographHeader h1 span { font-size: 16px; } .monographHeader h2#therapeuticUse { width: 100%; font-size: 18px; float: none; margin: 0; padding: 0; display: table-cell; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; } .monographHeader h4 { color: #222; font-size: 17px; float: none; font-weight: bold; display: table-cell; text-shadow: 1px 0 3px #fff; vertical-align: top; padding-left: 13px; padding-top: 13px; margin-right: 0; margin-bottom: 0; font-family: Arial, Helvetica, sans-serif; } #drugInfo { width: 100%; float: left; padding: 20px 0 5px 0; } #drugInfo.drugProductInfo { border-bottom: 1px solid #d0d0d0; } #drugInfo img { display: block; margin: 0 auto; } #drugInfo p { margin: 0 0 15px 0; color: #555454; font-size: 14px; } #drugInfo p span { font-size: 18px; color: #000; } #ePrescribeLink { display: block; height: 21px; background: url(../simages/mpr/e-prescribe-icon.jpg) no-repeat; text-indent: 25px; font-size: 12px; font-weight: bold; padding-top: 3px; } #ePrescribeLink:hover { color: #666; } #monographNav { width: 174px; margin-bottom: 20px; } #monographNav li { border-top: 1px solid #f4f4f4; border-bottom: 1px solid #bcbbbb; font-size: 13px; } #monographNav li a { width: 156px; display: block; background-color: #2e6589; color: #fff; font-weight: bold; padding: 13px 5px 13px 13px; word-wrap: break-word; } .ui-tabs .ui-tabs-hide { display: none !important; } #monographNav.ui-tabs-nav li.ui-tabs-active a { color: #000; background-color: #e6e6e6; font-weight: bold; } #monographNav li a:hover { color: #000; background-color: #e6e6e6; } .monographText h2:before { content: url(../simages/mpr/monograph-bullet.gif); padding: 0 8px 0 0; } .monographText h2 { font-size: 18px; color: #000; margin: 25px 0 2px 0; } .monographText p { padding-left: 15px; color: #555454; font-size: 14px; line-height: 1.3em; } .monographUpdates { width: 100%; float: left; padding: 15px 0 25px 0; } .monographUpdates h3.updatesHeader { color: #e60000; font-size: 12px; font-weight: bold; } .monographUpdates span.updatesDate { font-size: 11px; } .monographUpdates p.updatesText { color: #e60000; font-size: 13px; padding: 3px 0 0 0; } #drugSourceUrl { color: #333; font-size: 12px; } #drugSourceUrl a { font-weight: bold; } #drugSourceUrl a:hover { color: #666; } #monographAccessProduct { width: 161px; float: left; margin-bottom: 20px; background-color: #f2f2f2; padding: 17px 0 17px 13px; } #monographAccessProduct a { font-weight: bold; font-size: 13px; } #monographAccessProduct a:hover { color: #333; } #monographAccessProduct ul { list-style-type: disc; list-style-position: inside; } #monographAccessProduct ul li { font-size: 12px; margin-top: 7px; color: #000; line-height: 1.4em; } #monographResources { width: 174px; float: left; margin-bottom: 20px; background-color: #f2f2f2; padding: 17px 0 17px 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } #monographResources span.relatedArticlesTitle { font-size: 14px; color: #333; padding: 0 0 0 13px; display: block; } #monographResources h3 { font-size: 14px; color: #666; padding: 0 0 0 13px; } #monographResources ul { width: 100%; list-style-type: disc; list-style-position: inside; font-size: 12px; margin: 12px 0 20px 0; padding: 0 0 2px 0; border-bottom: 1px solid #e6e6e6; } #monographResources ul li { width: 85%; padding: 0 0 15px 13px; line-height: 1.4em; } #monographResources ul li a:hover { color: #333; } #monographTools { width: 60px; position: absolute; top: 15px; right: 4px; } #monographTools ul { } #monographTools ul li { margin-left: 6px; float: left; } .monographEmail { display: block; width: 20px; height: 15px; background: url(../simages/mpr/email-icon.png) no-repeat; margin: 2px 0 0 0; } #monographPrint { display: block; width: 19px; height: 17px; background: url(../simages/mpr/print-icon.png) no-repeat; } .monographResourcesAd { height: 0; } .monographResourceCenterLink { font-size: 13px; display: none; margin-left: 13px; line-height: 1.4em; font-family: Arial, Helvetica, sans-serif; } /* Dropdown Compare Buttons */ .dropBtnWrap { float: left; } .dropBtn { position: relative; z-index: 10; height: 25px; padding: 0 20px 0 20px; text-align: center; line-height: 25px; border: 1px solid #d6d6d6; font-size: 10px; background-color: #fff; color: #5a5a5a; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#e9e9e9), color-stop(.5, #eeeeee)); background: -moz-linear-gradient(top, #fafafa 0%, #eeeeee 50%, #e9e9e9 100%); font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; cursor: pointer; } .dropBtn.current { background: #fff; border-bottom: none; padding: 0 20px 9px 20px; } .dropBtnContent { width: 90.75%; position: absolute; z-index: 5; left: 15px; top: 44px; background-color: #fff; border: 1px solid #d6d6d6; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .4), 0 7px 4px 0 rgba(0, 0, 0, .6); padding: 15px; display: none; } .dropBtnClose { width: 13px; height: 13px; background: url(../simages/mpr/dropdown-close-button.png) no-repeat; position: absolute; right: 8px; top: 8px; cursor: pointer; z-index: 100; } #addDrugBtnWrap .dropBtnContent { width: 63%; } .dropBtnContent p.addDrugIntro { width: 100%; font-size: 12px; color: #5a5a5a; float: left; border-bottom: 1px solid #d8d8d8; padding-bottom: 5px; } .dropBtnContent table { width: 100%; margin: 15px 0 0 0; padding: 0; float: left; font-size: 12px; color: #333; text-align: left; } .dropBtnContent table th { padding-bottom: 8px; } .dropBtnContent table td { border-top: 1px dotted #ccc; padding: 8px 0 8px 0; vertical-align: middle; } .dropBtnContent input.drugCheck { float: right; margin-right: 10px; } #addDrugBtn { border-top-left-radius: 3px; border-bottom-left-radius: 3px; margin-left: 14px; } #addDrugBtn.current { border-bottom-left-radius: 0; } #relatedDrugBtn { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } #relatedDrugBtn.current { border-bottom-right-radius: 0; } #viewDrugBtn { border-radius: 3px; margin-left: 33px; } #viewDrugBtn.current { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .relatedDrugsTop { width: 100%; float: left; border-bottom: 3px solid #cecfcf; padding-bottom: 5px; } .dropBtnActions { float: right; font-weight: bold; font-size: 10px; margin-right: 35px; } .dropBtnActions a { color: #5a5a5a; } .dropBtnContent p.relatedDrugsIntro { font-size: 11px; color: #5a5a5a; float: left; } #relatedDrugsScroll { width: 100%; height: 300px; float: left; overflow: auto; margin-top: 5px; } #relatedDrugsLeftCol { width: 47.5%; float: left; padding-right: 4%; } #relatedDrugsRightCol { width: 47.5%; float: left; padding-right: 1%; } #relatedDrugsScroll table { color: #333; margin: 0; text-transform: uppercase; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } #relatedDrugsScroll table td { padding: 4px 0 4px 0; vertical-align: middle; } #relatedDrugsLeftColTable table.multiTherapueticCatList, #relatedDrugsRightColTable table.multiTherapueticCatList { color: #333; font-size: 13px; text-transform: none; font-weight: normal; } #relatedDrugsLeftColTable table.multiTherapueticCatList td, #relatedDrugsRightColTable table.multiTherapueticCatList td { border: none; padding-left: 0; } /* Compare Page Styles */ #drugCompareHeader { width: 100%; table-layout: fixed; background-color: #f6f5f5; float: left; border-bottom: 1px solid #fff; padding-top: 10px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #drugCompareHeader .compareArrow { width: 17.5%; height: 48px; background: url(../simages/monograph-arrow.png) no-repeat; color: #222; font-size: 17px; font-weight: bold; text-shadow: 1px 0 3px #fff; padding-left: 10px; vertical-align: middle; } .drugCompareList { width: 19.25%; padding-right: 1%; padding-top: 5px; } .drugCompareDropWrapper { width: 100%; float: left; position: relative; } .drugCompareDrop { width: 100%; min-height: 34px; float: left; background-color: #e0e0e0; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#dadada), color-stop(.5, #e0e0e0)); background: -moz-linear-gradient(top, #e7e7e7 0%, #e0e0e0 50%, #dadada 100%); border: 1px solid #ababab; border-radius: 3px; cursor: pointer; } .drugCompareDrop.open { background: #fff; } .drugCompareList h2 { width: 75%; color: #000; font-size: 12px; float: left; margin: 11px 0 0 10px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; } .drugCompareListArrow { width: 22px; height: 22px; float: right; background: url(../simages/mpr/browse-by-disease-arrow.png) no-repeat; margin: 6px 12px 0 0; } .drugCompareListArrow.open { background-position: 0 -22px; } .drugCompareListItems { width: 100%; background-color: #fff; display: none; position: absolute; top: 34px; left: 0; border: 1px solid #ababab; border-top: none; } .drugCompareListItems ul { border-top: 2px solid #dbdada; margin-bottom: 10px; padding-top: 13px; } .drugCompareListItems ul li { color: #000; font-weight: bold; font-size: 14px; text-transform: uppercase; padding: 0 0 4px 10px; } .drugCompareListItems ul li.compareListInstruct { text-transform: none; color: #333; font-weight: normal; cursor: default; padding: 0 0 0 10px; } .drugCompareListItems ul li.compareTcName { border: none; color: #093d72; font-weight: normal; text-transform: none; cursor: pointer; padding: 4px 0 4px 10px; } .drugCompareListItems ul li.compareTcName:hover { color: #000; background-color: #e2e1e1; } #drugCompareTable { width: 100%; float: left; font-size: 13px; color: #333; padding: 0; margin: 0; table-layout: fixed; } #drugCompareTable tr.drugCompareRow { width: 100%; min-height: 20px; background-color: #f4f4f4; border-bottom: 2px solid #eaeaea; } #drugCompareTable tr.drugCompareRow.compareOdd { background-color: #fbfbfb; } #drugCompareTable td.drugCompareCol { width: 20%; border-right: 3px solid #fff; padding: 10px; } #drugCompareTable td.drugCompareRowHeaders { width: 18.5%; border-right: 3px solid #e3e3e3; padding: 10px; font-size: 12px; color: #4f4f4f; text-transform: uppercase; font-weight: bold; } #drugCompareTable tr.drugCompareRow.compareOdd td.drugCompareRowHeaders { background-color: #fff; } div.compareRowArrow { width: 22px; height: 22px; float: right; background: url(../simages/mpr/compare-row-arrow.png) no-repeat; margin: 0 12px 0 0; cursor: pointer; } /* Browse By Styles */ #browseByFilterWrapper { width: 98%; float: left; padding: 20px 0 35px 14px; position: relative; border-bottom: 1px solid #e3e3e3; margin-top: -15px; } #browseByFilter { margin: 0 auto; } #browseByFilter li { float: left; margin-right: .25em; } #browseByFilter li a { display: block; width: 18px; height: 18px; text-align: center; line-height: 19px; font-size: 13px; border: 1px solid #c5c4c4; background-color: #fff; } #browseByFilter li a:hover { color: #333; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eceaea), to(#c7c6c6), color-stop(.5, #dedddd)); background: -moz-linear-gradient(top, #eceaea 0%, #dedddd 50%, #c7c6c6 100%); } #browseByFilter li a.current { color: #333; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eceaea), to(#c7c6c6), color-stop(.5, #dedddd)); background: -moz-linear-gradient(top, #eceaea 0%, #dedddd 50%, #c7c6c6 100%); } #browseByFilterRange { position: absolute; left: 14px; top: 50px; } #browseByFilterRange li { float: left; margin-right: 20px; } #browseByDrugListNav { width: 98.3%; min-height: 25px; float: left; background-color: #f6f5f5; border-bottom: 1px solid #9f9f9f; padding: 10px 11px 10px 0; position: relative; box-shadow: 0 6px 2px -2px rgba(50, 50, 50, 0.4); } #browseByDrugListNav .dropBtnWrap { float: right; } #browseByDrugListNav .dropBtnContent.browseByPage { top: 44px; left: 18px; border-top-right-radius: 0; } #browseByList { width: 100%; float: left; padding: 10px 0 0 0; background-color: #fff; } #browseByList table { width: 100%; margin: 0; padding: 0; float: left; font-size: 12px; color: #333; text-align: left; } #browseByList table th { padding-bottom: 8px; padding-left: 14px; text-transform: uppercase; font-weight: normal; font-size: 11px; } #browseByList table th p.addToMyListText { float: right; margin-right: 14px; font-size: 11px; padding-top: 5px; } #browseByList table tr { border-top: 1px dotted #ccc; } #browseByList table tr.genericDrug { border-top: 3px solid #e1e1e1; background-color: #f7f7f7; color: #7d7d7d; font-size: 14px; font-weight: bold; } #browseByList table td { padding: 8px 0 8px 14px; vertical-align: middle; } #browseByList table td a { color: #093d72; font-size: 14px; text-transform: uppercase; font-weight: bold; } #browseByList table td input.drugCheck { float: right; margin-right: 14px; padding: 0; } #browseByList table tr.multiTherapueticCat { border-bottom: 1px dotted #ccc; } #browseByList table.multiTherapueticCatList tr { border-top: none; } #browseByList table.multiTherapueticCatList tr td { padding: 8px 0 0 0; font-size: 13px; color: #333; } #browseByList h1 { margin: 10px 14px; padding: 0; font-size: 22px; font-weight: normal; line-height: 28px; } #browseByList h1 span { text-transform: capitalize; } #browseByList h1 span:first-child { border: solid 1px #d6d6d6; display: inline-block; padding: 0 8px; } #actionMessage { width: auto; position: absolute; color: #333; font-weight: bold; font-size: 10px; text-align: center; text-transform: uppercase; z-index: 999999; display: none; } #actionText { width: auto; height: 21px; line-height: 21px; background-color: #fff; border: 1px solid #7e7e7f; border-right: none; float: left; padding: 0 0 0 12px; } #actionRightPoint { width: 12px; height: 27px; float: left; background: url(../simages/mpr/tooltip-box-point.png) no-repeat; } /* Browser By Disease */ .browserByDiseaseAccordian { width: 100%; float: left; min-height: 34px; margin-top: 15px; background-color: #e0e0e0; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e7e7e7), to(#dadada), color-stop(.5, #e0e0e0)); background: -moz-linear-gradient(top, #e7e7e7 0%, #e0e0e0 50%, #dadada 100%); border: 1px solid #ababab; border-radius: 3px; cursor: pointer; } .browserByDiseaseAccordian h2 { line-height: 34px; color: #000; font-size: 15px; float: left; margin-left: 10px; font-family: Arial, Helvetica, sans-serif; } .browserByDiseaseArrow { width: 22px; height: 22px; float: right; background: url(../simages/mpr/browse-by-disease-arrow.png) no-repeat; margin: 6px 12px 0 0; } .browserByDiseaseArrow.open { background-position: 0 -22px; } .browserByDiseaseItems { width: 100%; float: left; clear: left; background-color: #fff; display: none; } .browserByDiseaseItems ul { list-style-type: none; margin: 0; padding: 0; list-style-position: outside; } .browserByDiseaseItems ul li { border-bottom: 1px solid #f1f1f1; padding: 8px 14px 8px 14px; cursor: default; } .browserByDiseaseItems ul li a:hover { color: #333; } /* Section Page Styles */ #contentColumn .grid_row { } .articleFormatContent { width: 50%; float: left; } .sectionBox { width: 100%; border-bottom: 1px solid #d9d7d7; padding: 20px 0 25px 0; clear: both; float: left; } .sectionBox a:hover { color: #2e6589; } .sectionTitle { font-size: 14px; border-bottom: 1px solid #d9d7d7; color: #02507b; padding: 13px 0 13px 0; margin-bottom: 10px; font-family: 'LatoBold', sans-serif; text-transform: uppercase; } .featuredArticle { width: 100%; float: left; padding: 0 0 10px 0; } .featuredArticle .socialIconsWrapper { width: 43%; } .featuredThumb-right { float: right; border: none; margin-left: 20px; } .featuredThumb-left { float: left; border: none; margin-right: 20px; } .sectionThumb { float: left; border: none; padding-right: 15px; } .sectionThumb-left { float: left; padding-right: 7px; } .grid_5 .sectionBox .sectionThumb, .grid_4 .sectionBox .sectionThumb { padding: 0 0 5px 0; } .grid_5 .sectionBox .sectionThumb-left, .grid_4 .sectionBox .sectionThumb-left { padding: 0; } .sectionCat { display: block; color: #4693bd; font-size: 14px; font-family: 'LatoBold', sans-serif; padding: 0 0 12px 0; } .sectionInfoWrapper { width: 57%; display: inline-block; font-family: Arial, Helvetica, Sans-Serif; } .grid_5 .sectionBox .sectionInfoWrapper, .grid_4 .sectionBox .sectionInfoWrapper { width: 100%; } .sectionHeadline { font-size: 20px; margin: 0; } .grid_5 .sectionBox .sectionHeadline, .grid_4 .sectionBox .sectionHeadline { clear: left; } .sectionBox.firstArticle { padding: 0 0 25px 0; } .sectionBox.firstArticle .sectionHeadline { font-size: 20px; line-height: 1.05em; } .grid_5 .sectionBox .sectionHeadline, .grid_4 .sectionBox .sectionHeadline, .grid_3 .sectionBox .sectionHeadline, .grid_2 .sectionBox .sectionHeadline, .grid_1 .sectionBox .sectionHeadline { font-size: 17px; } .sectionHeadlineBig { font-size: 26px; margin: 0 0 5px 0; line-height: 1.1em; } .sectionHeadlineBig a:hover { color: #2e6589; } .sectionHeadlineTopics { font-size: 20px; } .sectionHeadlineDir { font-family: 'Lato', sans-serif; font-size: 17px; } .sectionHeadlineSmall { font-size: 15px; margin: 2px 0 5px 0; } .sectionHeadlineSmall a:hover { color: #2e6589; } .sectionByline { width: 100%; font-size: 11px; color: #434343; } .sectionByline a { color: #333; text-decoration: none; } .sectionByline a:hover { color: #2e6589; } .sectionShortText { color: #333; font-size: 14px; line-height: 1.4em; padding-top: 2px; } .sectionDate { color: #666; font-size: 11px; } .sectionBulletLinks { list-style-type: square; list-style-position: inside; color: #2e6589; font-size: 14px; padding-top: 12px; width: 38%; float: left; margin-left: 0; } .sectionBulletLinks li { border-top: 1px solid #dddcdd; padding: 6px 0 6px 1em; text-indent: -1em; } .sectionBulletLinks li a { color: #333; text-decoration: none; font-size: 14px; } .sectionBulletLinks li a:hover { color: #2e6589; } .socialIconsWrapper { width: 57%; height: 21px; display: inline-block; margin: 8px 0 3px 0; } .socialIcons { width: 107px; height: 21px; background: url(../simages/ca/social-share-icons.gif) no-repeat; white-space: nowrap; cursor: pointer; float: left; padding-bottom: 20px; } .disqusSectionCount { display: none; } #socialIconsHover { width: 341px; height: 91px; background: url(../simages/social-share-icons-hover.png) no-repeat; position: absolute; display: none; padding-top: 13px; z-index: 99999999; } #socialIconsHover li { float: left; margin-left: 12px; } #socialIconsHover li.facebookPlug { margin-left: 8px; width: 44px; height: 62px; background: url(../simages/facebook-cover.png) no-repeat; } #socialIconsHover li.twitterPlug { width: 56px; height: 62px; background: url(../simages/twitter-cover.png) no-repeat; } #socialIconsHover li.linkedPlug { width: 59px; height: 62px; background: url(../simages/linkedin-cover.png) no-repeat; } #socialIconsHover li.googlePlug { width: 50px; height: 60px; background: url(../simages/google-cover.png) no-repeat; } .qryMoreLink { width: 100%; float: left; padding-bottom: 15px; font-size: 11px; } .qryMoreLink a { color: #004765; float: right; } .qryMoreLink a:hover { color: #333; } .showMoreLess { width: 100%; height: 18px; float: left; margin-top: 10px; background: url(../simages/mpr/show-more-less-bg.png) repeat-x; } .showMoreLess a { font-size: 11px; float: right; font-weight: bold; } .showMoreLess a:hover { color: #333; } /* Activity Format Styles */ .activityFormatBox { width: 100%; float: left; padding-top: 15px; } .activityFormatContent { width: 100%; float: left; border-bottom: 1px solid #d6d6d6; padding-bottom: 17px; margin-bottom: 15px; } .activityFormatContent h2 { font-size: 15px; font-weight: bold; } .activityFormatContent span { font-size: 12px; color: #313030; } img.paidActivityIcon { float: left; padding-right: 5px } a.moreActivitiesLink { float: right; font-size: 12px; font-weight: bold; } /* HTML Asset */ .sectionHTMLAsset { width: 100%; float: left; border: 1px solid #cccccc; box-shadow: 0 2px 0 0 rgba(67, 67, 67, .2), 0 2px 0 0 rgba(67, 67, 67, .4); margin-bottom: 20px; padding: 0 0 20px 0; } .sectionHTMLAsset h2 { background-color: #f4f4f4; margin: 1px 1px 12px 1px; padding: 8px 0 8px 16px; font-size: 12px; color: #666; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; text-transform: uppercase; } .sectionHTMLAsset img { float: left; padding-left: 8px; } .grid_12 .sectionHTMLAssetContent { width: 80%; float: left; margin: 0 0 0 13px; } .grid_6 .sectionHTMLAssetContent { width: 60%; float: left; margin: 0 0 0 13px; } .sectionHTMLAssetContent h3 { color: #585757; font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; padding-bottom: 10px; } .sectionHTMLAssetContent p { font-size: 12px; line-height: 1.4em; } .sectionHTMLAssetLink { float: right; color: #db0404; font-size: 11px; margin: 10px 30px 0 0; clear: left; } .sectionHTMLAssetLink:hover { color: #333; } .rawHTMLAsset { font-size: 14px; padding-bottom: 10px; } .rawHTMLAsset a { color: #2e6589; } .rawHTMLAsset a:hover { color: #333; } .rawHTMLAsset ul { list-style-type: disc; list-style-position: inside; } /* Artlce Page Styles */ article { font-size: 14px; color: #333; } article a { color: #1f5376; } article a:hover { color: #333; } article h2 { font-weight: bold; font-size: 14px; padding-bottom: 12px; font-family: Arial, Helvetica, Sans-Serif; } article ul { list-style-type: disc; list-style-position: inside; margin: 30px 0 13px 0; } article ul li { padding: 0 0 17px 1em; text-indent: -1em; font-size: 14px; color: #333; } #articleColumn p { margin-bottom: 25px; line-height: 1.4em; } .articleVideoWrapper { padding: 0 0 5px 0; } .articleDate { font-size: 11px; color: #818181; font-family: Arial, Helvetica, Sans-Serif; } .printSectionUrl { padding: 8px 0 0 0; } .printSectionUrl a { font-size: 11px; color: #02507b; text-transform: uppercase; font-family: 'LatoBold', Sans-Serif; } .printSectionUrl a:hover { color: #333; } h1.articleHeadline { font-size: 28px; color: #333; margin: 8px 0 15px 0; line-height: 1.1em; } .articleHeadQuote { font-size: 16px; color: #666; font-style: italic; } .articleAuthor { width: 100%; padding-bottom: 4px; margin-bottom: 0; float: left; font-family: Arial, Helvetica, Sans-Serif; } .articleAuthorName { color: #818181; font-size: 11px; } .authorThumb { float: left; border: none; padding: 3px 7px 0 0; } .authorLink { color: #818181; text-decoration: none; font-size: 11px; padding-bottom: 5px; } .authorLink:hover { color: #333; } .authorTwitter { padding-top: 5px; } .articleImage-right { float: right; border: none; margin: 0 0 10px 45px; } .articleImage-left { float: left; border: none; margin: 0 45px 10px 0; } .articleImageCaption { width: 98%; font-size: 11px; color: #666; line-height: 1.2em; font-family: Arial, Helvetica, Sans-Serif; } .relatedArticleBox { float: left; padding: 7px 0 0 0; margin: 0 45px 0 0; border-top: 1px solid #d3d3d3; width: 30%; } .relatedArticleImage { width: 100%; max-width: 220px; } .relatedArticleHeadline { font-size: 16px; padding: 5px 0 5px 0; } .relatedArticleHeadline a { color: #333; text-decoration: none; } .relatedArticleHeadline a:hover { color: #2e6589; } .relatedArticles { margin-bottom: 30px; } .relatedArticles span.relatedArticlesTitle { display: block; width: 100%; font-size: 14px; border-bottom: 1px solid #d1d1d1; border-top: 2px solid #000; color: #02507b; padding: 13px 0 13px 0; font-family: 'LatoBold', sans-serif; text-transform: uppercase; text-align: center; } .relatedArticles ul { width: 100%; float: left; margin: 15px 0 0 0; padding: 0; } .relatedArticles ul li { padding-bottom: 15px; font-family: Georgia, Serif; } .relatedArticles ul li a { color: #333; font-size: 14px; } .relatedArticles ul li a:hover { color: #2e6589; } .articleIssue { clear: both; } #articleMedia { width: 100%; float: left; border: 1px solid #e6e6e6; background-color: #fff; clear: both; margin-bottom: 17px; padding: 5px 0 5px 5px; position: relative; vertical-align: middle; } #articleMedia img { float: left; position: relative; left: -10px; top: 4px; } #articleMedia a { color: #333; font-size: 14px; font-weight: bold; } #articleMedia a span { font-weight: bold; } .mp3BG { background-color: #e00000; width: 19px; height: 19px; position: absolute; left: 5px; top: 5px; border-radius: 4px; } .privacyHeadline { font-size: 18px; } #articleSlideshows { width: 100%; float: left; clear: both; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 6px 0 6px 0; margin: 15px 0 15px 0; } #articleSlideshows ul { float: left; list-style-type: none; margin: 0; padding: 0; list-style-position: outside; } #articleSlideshows ul li { float: left; margin: 0; padding: 0 7px 0 0; text-indent: 0; } #articleSlideshows div.articleSlideshowsText { float: left; margin-top: 5px; } #articleSlideshows div.articleSlideshowsText span { font-size: 12px; color: #02507b; } #articleSlideshows div.articleSlideshowsText a { color: #333; font-size: 14px; } #articleSlideshows div.articleSlideshowsText a:hover { color: #2e6589; } #article-comment-callout span.articleCommentCount { display: block; width: 287px; height: 19px; background: url(../simages/comment-callout.png) no-repeat 0 -95px; color: #fff; text-align: left; font-weight: bold; font-size: 10px; padding-top: 0; text-indent: 8px; float: left; } #article-comment-callout span.articleCommentCount a { display: block; width: 287px; height: 19px; color: #fff; } /* Blog Section Styles */ .blogHeader { float: left; padding-bottom: 30px; margin-bottom: 10px; border-bottom: 1px solid #c1c0c1; } .blogTitle { font-size: 13px; color: #02507b; text-transform: uppercase; font-weight: bold; text-align: center; } .sectionBlogBox { width: 100%; border-top: 1px solid #c1c0c1; padding: 30px 0 25px 0; clear: both; float: left; } .sectionBlogBox a:hover { color: #02507b; } .sectionBlogContent { width: 74%; float: left; padding-right: 3%; } .sectionBlogContent .sectionHeadline { font-size: 24px; } .sectionBlogTopics { width: 20.5%; float: left; } ul.sectionBlogTopicsList { margin-top: 14px; border-left: 1px solid #c1c0c1; padding-left: 10px; } ul.sectionBlogTopicsList li { font-size: 10px; margin-bottom: 8px; } ul.sectionBlogTopicsList li a { font-size: 12px; } /* HTML Box Content Styles */ .box { width: 300px; float: right; margin: 0 0 0 30px; padding: 15px 25px 0 25px; border: 1px solid #ccc; box-shadow: 0 2px 0 0 rgba(67, 67, 67, .2), 0 2px 0 0 rgba(67, 67, 67, .4); } .box h2 { font-size: 18px; padding: 0 0 5px 0; text-align: left !important; } .box p { font-size: 14px; } /* Paging on Article */ .fullPagingContainer { width: 230px; float: left; position: relative; margin-left: 50%; padding-bottom: 20px; } .fullPaging ul { list-style-type: none; margin-left: -100px; } .fullPaging ul li { float: left; text-align: center; margin-right: 5px; padding: 0; line-height: normal; text-indent: 0; } .fullPaging a { color: #999; font-size: 13px; } a.nextprevdisable { display: none; text-decoration: none; } a.nextprev { text-decoration: none; padding: 0; } a.nextprev:hover { } /* Author Bio Styles */ .authorBio h2 { font-size: 24px; } .authorBio span { color: #666; } .authorBio p { margin: 7px 0 0 0; padding: 0; } .authorSocial { width: 100%; float: left; margin: 20px 0 10px 0; } .authorSocial ul li { padding-right: 13px; float: left; } .authorSocial ul li a { display: block; color: #666; font-size: 10px; } .authorSocial ul li a.googleplusAuthor { width: 16px; height: 16px; background: url(../simages/googleplus-author-icon.png) no-repeat 0 0; } .authorSocial ul li a.rssIcon { text-indent: 18px; padding-right: 23px; } .authorSocial ul li a.emailIcon { text-indent: 21px; padding-top: 1px; background-position: 0 1px; } .authorRecentBlogs { width: 100%; padding: 13px 0 13px 0; } .moreAuthorArticles { padding: 13px 0 0 0; } .moreAuthorArticles h2 a:hover { color: #2e6589; } /* Carousel */ #carouselWrapper { width: 100%; height: 150px; float: left; position: relative; padding: 25px 0 25px 0; clear: both; } .carousel { width: 100%; margin-left: 45px; } .carousel ul li { width: 117px; margin-right: 25px; font-family: Georgia, Georgia, Serif; visibility: hidden; } .carousel ul li a { display: block; width: 117px; height: auto; color: #333; } .carousel ul li a:hover { color: #2e6589; } .carousel ul li span { display: block; font-size: 13px; } .carouselPrev { display: block; width: 18px; height: 18px; background: url(../simages/ca/carousel-prev-arrow.png) no-repeat; position: absolute; top: 60px; z-index: 9999; left: 0; } .carouselNext { display: block; width: 18px; height: 18px; background: url(../simages/ca/carousel-next-arrow.png) no-repeat; position: absolute; top: 60px; z-index: 9999; right: 0; } .carouselPrev:hover, .carouselNext:hover { background-position: 0 -18px; } /* Featured Rotator - See galleria.ca.rotator.css for more styles */ .featuredRotator { width: 100%; height: 392px; margin-bottom: 25px; } .featuredRotator img, .featuredRotator div.caption { display: none; } .miniRotator { margin-top: 13px; width: auto; height: 332px; } .miniRotator img, .miniRotator h2, .miniRotator div.caption { display: none; } .miniRotator h2 { float: left; } .miniRotator .galleria-container { border: none; border-left: 1px solid #D9D7D7 !important; } /* .galleria-container { padding-left: 18px; } */ /* .galleria-info-description, .galleria-thumbnails-container, .galleria-stage { left: 18px; } */ /* DERM DX */ #slideshowContent { width: 100%; float: left; border-top: 1px solid #d1d1d1; padding: 20px 0 0 0; } h1.dermDXHeadline { font-size: 24px; color: #333; margin: 0 0 5px 0; line-height: 1.1em; } #dermDX img, #dermDX div.caption { display: none; } #dermDX h2 { font-size: 16px; } #dermDx-overlay { width: 100%; height: 100%; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .75); position: absolute; left: 0; top: 0; z-index: 9999999; display: none; } #dermDx-overlay-content { width: 96%; float: left; background: transparent; margin: 10px 0 0 20px; } #dermDx-overlay-content h3 { width: 100%; float: left; color: #efefef; font-size: 16px; font-family: 'LatoBold', sans-serif; margin-bottom: 18px; clear: both; } #dermDx-overlay-content p.dermDx-overlay-comment { width: 95%; float: left; font-size: 18px; color: #fff; text-align: center; margin-top: 60px; } #dermDx-overlay-content p.dermDx-overlay-comment a { color: #fff; } #dermDX-overlay-close { width: 15px; height: 15px; float: right; background: url(../simages/ca/ca-slideshow-close.png) no-repeat; opacity: 0.7; cursor: pointer; } #dermDX-overlay-close:hover { opacity: 1; } a.dermDx-related { width: 144px; display: block; float: left; margin-right: 1.5%; opacity: .7; color: #fff; font-size: 15px; font-family: Georgia, Serif; } a.dermDx-related:hover { opacity: 1; } #dermDX a.dermDx-related img { display: block; } #dermDX-content { width: 100%; float: left; border-top: 1px solid #d1d1d1; border-bottom: 2px solid #000; padding-bottom: 10px; } #dermDX-tabs { width: 61%; float: left; padding-bottom: 10px; } #dermDX-tabs ul.dermDX-tabs-nav { width: 100%; float: left; clear: left; border-bottom: 1px solid #ececec; } #dermDX-tabs ul.dermDX-tabs-nav li { width: 50%; float: left; } #dermDX-tabs ul.dermDX-tabs-nav li a { display: block; width: 100%; height: 45px; color: #949494; text-align: center; font-size: 15px; font-family: 'LatoBold', sans-serif; line-height: 45px; } #dermDX-tabs ul.dermDX-tabs-nav li.ui-tabs-active a { color: #02507b; background-color: #f1f4f5; } div.dermDX-tabs-text { width: 96.5%; height: 450px; overflow: auto; float: left; margin: 15px 0 0 4.25%; font-size: 14px; } div.dermDX-tabs-text ol { list-style-type: decimal; margin-left: 29px; } div.dermDX-tabs-text ol li { padding-top: 7px; } div.dermDX-tabs-text p { width: 98%; padding-bottom: 25px; line-height: 1.3em; font-size: 14px; } #explanation { padding-bottom: 15px; overflow: auto; } #explanationCallout { width: 100%; font-family: 'LatoBold', sans-serif; color: #666; font-size: 14px; text-align: center; border-top: 1px solid #d1d1d1; padding-top: 10px; } #explanationFull { display: none; } #dermDx-comment-callout { width: 93%; float: left; padding: 25px 0 0 0; margin-right: 7%; } #dermDx-comment-callout p { width: 90%; font-size: 14px; font-family: 'LatoBold', sans-serif; text-transform: uppercase; margin-left: 20px; margin-bottom: 10px; color: #000; } #dermDx-comment-callout span.slideshowCommentCount { display: block; width: 221px; height: 19px; background: url(../simages/ca/comment-callout-dermdx.png) no-repeat; color: #fff; text-align: left; font-size: 10px; padding-top: 2px; text-indent: 8px; float: left; } #dermDx-comment-callout span.slideshowCommentCount a { display: block; width: 221px; height: 19px; color: #fff; } /* Derm DX Poll */ #dermDx-poll { width: 35%; float: left; margin-left: 4%; } #dermDx-poll-content { width: 93%; min-height: 250px; float: left; padding: 14px 0 5px 0; border-bottom: 1px solid #eee; margin-right: 7%; } #questionContainer, #resultsContainer { width: 100%; float: left; display: none; } #dermDx-poll-content h3 { width: 100%; font-family: 'LatoBold', sans-serif; color: #02507b; font-size: 15px; text-align: center; text-transform: uppercase; height: 30px; margin-bottom: 15px; border-bottom: 1px solid #ececec; } #dermDx-poll-content .pollQuestion { font-family: 'LatoBold', sans-serif; color: #666; font-size: 14px; } #dermDx-poll-content ul { } #dermDx-poll-content ul li { padding-top: 15px; font-family: 'LatoBold', sans-serif; font-size: 15px; } #dermDx-poll-content input { padding: 0 10px 0 0; margin: 0; } .pollCounter { width: 100%; float: left; text-align: right; color: #666; font-family: 'LatoBold', sans-serif; font-size: 12px; padding-bottom: 5px; } .dermDx-poll-result { width: 100%; float: left; margin-top: 15px; } .dermDx-poll-result h4 { font-family: 'LatoBold', sans-serif; font-size: 15px; } .dermDx-poll-result h4 span { font-size: 14px; color: #999; } .dermDx-poll-result div.dermDx-poll-bar { width: 25%; height: 19px; float: left; background: url(../simages/ca/derm-dx-poll-results-bg.jpg) repeat-x; } .dermDx-poll-result.winning h4 span { color: #009900; } .dermDx-poll-result.winning div.dermDx-poll-bar { width: 70%; height: 18px; background: url(../simages/ca/derm-dx-poll-results-winning-bg.jpg) repeat-x; } #dermDx-poll-vote { width: 93%; float: left; padding: 15px 0 15px 0; border-bottom: 1px solid #eee; margin-right: 7%; } #dermDx-poll-submit { width: 95px; min-height: 26px; float: right; padding: 7px 0 7px 13px; background-color: #fff; text-align: left; color: #c0c0c0; font-size: 11px; font-family: 'LatoBold', sans-serif; border: 1px solid #d7d7d7; display: none; } #dermDx-poll-submit.enabled { background-color: #225b7e; color: #fff; font-size: 11px; font-family: 'LatoBold', sans-serif; cursor: pointer; border: 1px solid #fff; } #dermDx-poll-submit.enabled:hover { color: #333; background-color: #cad8db; } #dermDx-poll-prev { width: 95px; float: left; padding: 7px 0 7px 13px; background-color: #225b7e; text-align: left; color: #fff; font-size: 11px; font-family: 'LatoBold', sans-serif; cursor: pointer; border: 1px solid #fff; display: none; } #dermDx-poll-prev:hover { color: #333; background-color: #cad8db; } #dermDx-poll-next { width: 95px; float: right; padding: 7px 0 7px 13px; background-color: #225b7e; text-align: left; color: #fff; font-size: 11px; font-family: 'LatoBold', sans-serif; cursor: pointer; border: 1px solid #fff; display: none; } #dermDx-poll-next:hover { color: #333; background-color: #cad8db; } #poll-loading-overlay { width: 32px; height: 32px; background: url(../simages/ajax-loader.png) no-repeat; margin: 0 auto; margin-top: 30px; display: none; } /* Directory Styles */ #directoryHeader { width: 100%; float: left; background-color: #efefef; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#fcfcfc), color-stop(.20, #fff)); background: -moz-linear-gradient(top, #f8f8f8 0%, #fff 20%, #fcfcfc 100%); border: 1px solid #ccc; border-radius: 4px; position: relative; } #directoryHeader h3 { font-family: 'Lato', sans-serif; font-size: 22px; color: #333; border-bottom: 1px solid #a9a8a8; margin: 20px 0 0 12px; padding: 0 0 5px 0; width: 96%; } #directoryHeader .getListedNow { display: block; width: 157px; height: 52px; background: url(../simages/directory-get-listed-now.png) no-repeat; position: absolute; top: 10px; right: 40px; } #directoryHeader .getListedNow:hover { background-position: 0 -52px; } #directoryHeader p { font-size: 14px; margin: 15px 0 0 0; padding-bottom: 15px; border-bottom: 1px dotted #a9a8a8; width: 96%; } #directoryHeader a { color: #2e6589; } .directoryHeaderLinks-left { width: 50%; float: left; margin: 0 0 0 12px; padding-top: 15px; font-size: 15px; } .directoryHeaderLinks-right { width: 43%; float: left; border-left: 1px dotted #a9a8a8; padding: 15px 0 0 10px; font-size: 15px; } #directoryHeaderContent { width: 96%; float: left; padding: 15px 0 0 12px; font-size: 14px; } #directoryHeaderContent h2, #directoryHeaderContent h3, #directoryHeaderContent h4 { font-size: 16px; font-family: 'Lato', sans-serif; } #directorySearch { width: 100%; height: 66px; float: left; background-color: #efefef; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#fcfcfc), color-stop(.20, #fff)); background: -moz-linear-gradient(top, #f8f8f8 0%, #fff 20%, #fcfcfc 100%); border: 1px solid #ccc; border-radius: 4px; position: relative; } #directorySearchFieldWrapper { width: 75%; margin: 17px auto 0 auto; } #directorySearchFieldWrapper label { float: left; font-size: 15px; color: #333; margin: 7px 10px 0 0; } #directorySearchField { width: 280px; height: 33px; float: left; margin: 0; padding: 0 0 0 2px; color: #767676; font-size: 16px; border: none; background: url(../simages/directory-search-field.png) no-repeat; outline: none; -webkit-appearance: none; } #directorySearchField:focus { border: none; outline: none; } #directorySearchSubmit { border: none; float: left; background: url(../simages/directory-search-submit.png) no-repeat; width: 40px; height: 33px; text-transform: uppercase; font-size: 80%; text-indent: -99999px; -webkit-appearance: none; outline: none; cursor: pointer; margin: 0; outline: none; padding: 0; } .directoryAccordian { width: 100%; min-height: 35px; float: left; border-bottom: 1px solid #ccc; margin-bottom: 40px; } .directoryAccordian h2 { color: #333; font-size: 16px; font-family: 'Lato', sans-serif; line-height: 35px; float: left; } .directoryAccordian h2 a:hover { color: #2e6589; } .directoryToggle { display: block; width: 28px; height: 24px; background: url(../simages/directory-cat-arrow.gif) no-repeat; float: right; margin: 7px 5px 0 0; cursor: pointer; } .directoryToggle.open { background-position: 0 -24px; } ul.directoryItems { float: left; clear: both; display: none; margin: 0 0 0 0; padding-bottom: 5px; } .directoryItems li { padding-bottom: 3px; } .directoryItems li a { color: #2e6589; font-size: 15px; } .directoryItems li a:hover { color: #333; } .directoryHeadline { width: 100%; font-size: 23px; color: #333; border-bottom: 1px solid #dddcdd; font-family: 'Lato', sans-serif; margin: 25px 0 10px 0; padding-bottom: 10px; float: left; } .directoryList li a { color: #2e6589; font-size: 15px; } .directoryList li a:hover { color: #333; } .directoryAllListings { font-family: 'Lato', sans-serif; border-top: 1px solid #dddcdd; padding: 10px 0 0 0; margin-top: 20px; } .directoryAdvertiser { width: 94%; float: left; border-radius: 4px; margin-bottom: 20px; padding-bottom: 10px; } .directoryAdvertiser.PlatinumGold { border: 20px solid #595959; } .directoryAdvertiser.PlatinumGold h2 { width: 97.5%; float: left; padding-left: 2.5%; font-family: 'Lato', sans-serif; font-size: 30px; height: 58px; line-height: 58px; color: #fff; background: url(../simages/directory-listing-black-level-bg.gif) repeat-x; border-bottom: 5px solid #d8d7d7; } .directoryAdvertiser.PlatinumGold h2 a { color: #fff; } .directoryAdvertiser.Silver { border: 20px solid #d6d6d6; } .directoryAdvertiser.Silver h2 { width: 97.5%; float: left; padding-left: 2.5%; font-family: 'Lato', sans-serif; font-size: 24px; height: 58px; line-height: 58px; color: #242424; background-color: #ededed; border-bottom: 5px solid #dedddd; } .directoryAdvertiser.Silver h2 a { color: #242424; } .directoryAdvertiser.Enhanced { border: 20px solid #e1e1e1; } .directoryAdvertiser.Enhanced h2 { width: 97.5%; float: left; padding-left: 2.5%; font-family: 'Lato', sans-serif; font-size: 24px; color: #242424; margin: 18px 0 0 0; } .directoryAdvertiser.Enhanced h2 a { color: #242424; } .directoryAdvertiser.Basic { width: 100%; border-top: 3px solid #f4f4f4; border-bottom: 3px solid #f4f4f4; } .directoryAdvertiser.Basic h2 { width: 97.5%; float: left; padding-left: 2.5%; font-family: 'Lato', sans-serif; font-size: 21px; margin: 23px 0 0 0; } .directoryAdvertiser.Basic h2 a { color: #333; } .advertiserContent { width: 95%; float: left; padding: 0; margin: 0; } .advertiserListing { width: 95%; float: left; padding: 10px 0 0 2.5%; } .advertiserContent h2, .advertiserListing h2 { float: left; font-family: 'Lato', sans-serif; font-size: 27px; margin-bottom: 5px; } .advertiserLogo { float: right; margin: 5px 0 0 0; } .advertiserInfo { font-size: 15px; clear: left; } .advertiserInfo a { color: #02507b; } .advertiserPageLink { float: right; color: #02507b; font-size: 12px; } /* Company Page Styles */ #advertiserProfileNav { /* width: 62.1%; */zoom: 1; border-bottom: 1px solid #b2b1b1; padding: 8px 0; } #advertiserProfileNav li { display: inline; } #advertiserProfileNav li a { background: #fff; color: #333; font-size: 13px; padding: 8px 15px; border: 1px solid #fff; border-bottom: none; } #advertiserInfoTabs { width: 100%; float: left; } #advertiserProfile, #advertiserStaff, #advertiserMedia, #advertiserJournals { width: 100%; margin: 0; float: left; display: block; } #advertiserProfile, #advertiserMedia, #advertiserJournals { margin-top: 15px; } #advertiserProfile a, #advertiserStaff a, #advertiserMedia a, #advertiserJournals a { color: #02507b; } #advertiserProfile a:hover, #advertiserStaff a:hover, #advertiserMedia a:hover, #advertiserJournals a:hover { color: #333; } .ui-tabs .ui-tabs-hide { display: none !important; } #advertiserProfileNav.ui-tabs-nav li.ui-tabs-active a { background: #fff; border: 1px solid #b2b1b1; border-bottom: 1px solid #fff; cursor: text; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#fcfcfc), color-stop(.20, #fff)); background: -moz-linear-gradient(top, #f8f8f8 0%, #fff 20%, #fcfcfc 100%); } .companyInfoWrapper { border-bottom: 1px solid #e0e0e0; margin-bottom: 10px; } span.companyService { font-size: 16px; } #advertiserProfile li { padding-top: 5px; } #advertiserProfile a { color: #333; } #advertiserProfile a:hover { color: #02507b; } .keyStaff { width: 100%; float: left; border-bottom: 1px solid #e0e0e0; padding-top: 15px; } .keyStaff h4 { font-size: 16px; font-family: 'Lato', sans-serif; padding-bottom: 10px; } .keyStaff p span { color: #666; } .keyStaff p a { color: #02507b; } /* Issue Archive */ ul.issueArchiveNav { width: 100%; float: left; margin: 12px 0 10px 0; } ul.issueArchiveNav li { float: left; color: #333; font-size: 14px; } ul.issueArchiveNav li span.crumbsDivider { display: block; float: right; padding: 0 5px 0 5px; } ul.issueArchiveNav li a { color: #333; } ul.issueArchiveNav li a:hover { color: #2e6589; } .archiveIssue { padding: 15px 0 35px 0; background-color: #f7f7f7; text-align: center; } .archiveIssue img { display: block; margin: 0 auto; padding-bottom: 3px; } .archiveIssue a { display: block; color: #333; font-size: 11px; text-transform: uppercase; } .archiveIssue a:hover { color: #2e6589; } /* Content Column Modules */ #recentSlideshows { width: 100%; float: left; padding: 10px 0 20px 0; } .recent-slideshow-item { width: 144px; float: left; margin-right: 21px; } .recent-slideshow-item h4 { font-size: 11px; color: #02507b; text-transform: uppercase; padding-bottom: 6px; } .recent-slideshow-item a { color: #333; font-size: 14px; } .recent-slideshow-item a:hover { color: #2e6589; } /* Tabbed Asset */ .tabbedAssetNav { width: 100%; margin-top: 0; float: left; margin-bottom: 20px; border-bottom: 1px solid #d1d1d1; } .tabbedAssetNav li.tabbedAssetNavItem { float: left; text-align: center; margin: 0; padding: 0; } .tabbedAssetNav li.tabbedAssetNavItem a { display: block; width: 100%; padding: 14px 0 14px 0; color: #999; font-size: 14px; font-family: 'LatoBold', sans-serif; text-transform: uppercase; } .tabbedAssetNav li.tabbedAssetNavItem a:hover { color: #02507b; } .tabbedAssetNav li.tabbedAssetNavItem.ui-tabs-active a { background-color: #e4eaec; color: #02507b; } .tabbedAssetTitle { font-size: 14px; border-bottom: 1px solid #d1d1d1; border-top: 2px solid #000; color: #02507b; padding: 13px 0 13px 0; margin-bottom: 0; font-family: 'LatoBold', sans-serif; text-transform: uppercase; text-align: center; } /* Glossary Styles */ h2.glossaryHeader { color: #02507b; font-size: 14px; text-transform: uppercase; font-family: 'Lato', sans-serif; padding-top: 7px; } ul.glossaryAZList { width: 100%; float: left; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; padding: 13px 0 13px 0; margin: 18px 0 18px 0; } ul.glossaryAZList li { float: left; margin-right: 2px; } ul.glossaryAZList li a { display: block; width: 22px; height: 21px; color: #666; font-size: 15px; font-family: 'Lato', sans-serif; text-align: center; line-height: 21px; } ul.glossaryAZList li a:hover { color: #02507b; outline: 1px solid #9e9e9e; } ul.glossaryAZList li a.current { color: #02507b; outline: 1px solid #9e9e9e; } #glossaryContentWrapper { width: 100%; float: left; } .glossaryContent { width: 100%; float: left; margin-bottom: 20px; } .glossaryContent h3 { color: #02507b; font-size: 13px; text-transform: uppercase; font-family: 'LatoBold', sans-serif; padding-bottom: 5px; } .glossaryContent p { line-height: 1.4em; } .glossaryContent p a { color: #666; font-size: 12px; } .glossaryContent p a:hover { color: #333; } /* Right Column Styles */ #rightColumn .noBorder { border-top: 1px solid #c1c0c1 !important; } #rightColumn .rawHTMLAsset { width: 100%; float: left; } .rightAdContainer { width: 100%; margin-bottom: 20px; float: left; } #whitePaperRightCol { width: 100%; margin-bottom: 20px; float: left; } .rightFeatureBox { width: 100%; float: left; border-top: 1px solid #c1c0c1; margin: 0 0 20px 0; padding: 7px 0 22px 0; } #rightEmailAlerts { width: 100%; float: left; margin-bottom: 20px; padding-bottom: 10px; border: 1px solid #d1d1d1; border-top: 2px solid #000; } #rightEmailAlerts-content { width: 100%; margin: 0 0 0 0; } #rightEmailAlerts h3 { color: #02507b; font-size: 14px; font-family: 'LatoBold', sans-serif; padding: 10px 0 10px 0; line-height: 1.6em; border-bottom: 1px solid #d1d1d1; text-align: center; text-transform: uppercase; } #rightEmailAlerts h3 a:hover { color: #2e6589; } #rightEmailAlerts p { color: #333; font-size: 11px; } #rightEmailAlerts p.rightEmailAccountLink a { color: #333; } #rightEmailAlerts table { width: 90%; color: #333; font-size: 13px; margin-left: 13px; font-family: Arial, Helvetica, Sans-Serif; } #rightEmailAlerts table td { padding-top: 7px; } #rightEmailAlerts table label { display: block; margin-left: 28px; text-indent: -17px; } #rightEmailAlerts table input { padding: 0; margin: 0; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden; } #emailAlertsWrapper { width: 100%; max-width: 275px; position: relative; padding: 10px 0 10px 0; left: 13px; } #emailAlertsFieldWrapper { width: 181px; height: 31px; position: relative; padding-left: 2px; margin-left: 13px; background: url(../simages/ca/email-alerts-field.png) no-repeat; } #emailAlertsField { width: 170px; height: 26px; float: left; margin: 2px 0 0 0; padding: 0 0 0 7px; color: #000; font-size: 13px; border: none; background: none; outline: none; } #emailAlertsSubmit { border: none; position: absolute; top: 10px; right: 13px; background: url(../simages/ca/email-alerts-button.png) no-repeat; width: 66px; height: 31px; text-transform: uppercase; font-size: 80%; text-indent: -99999px; outline: none; cursor: pointer; margin: 0; outline: none; padding: 0; } #tagCloud { width: 100%; margin-bottom: 20px; border: 1px solid #d1d1d1; border-top: 2px solid #000; float: left; } #tagCloud h3 { color: #02507b; font-size: 14px; font-family: 'LatoBold', sans-serif; border-bottom: 1px solid #d1d1d1; padding: 10px 0 10px 0; line-height: 1.6em; text-align: center; text-transform: uppercase; } #tagCloud ul li { width: 100%; text-align: right; float: right; margin-bottom: 4px; padding: 0 10px 0 10px; } #tagCloud ul li a { color: #999; } #tagCloud ul li a:hover { color: #333; } #tagCloud ul li.tag1 { font-size: 14px; } #tagCloud ul li.tag2 { font-size: 17px; margin-right: 7px; } #tagCloud ul li.tag3 { font-size: 20px; margin-right: 17px; } #tagCloud ul li.tag4 { font-size: 24px; margin-right: 40px; } #tagCloud ul li.tag5 { font-size: 32px; text-align: left; margin-right: -20px; } #tagCloud ul li.tag5 a { color: #02507b; } /* Most Recent Right Module */ #mostArticleTabs { width: 100%; float: left; margin-bottom: 20px; background-color: #fff; border: 1px solid #d1d1d1; border-top: 2px solid #000; padding: 20px 0 0 0; } #mostArticleTabs h3 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #02507b; text-transform: uppercase; margin: 0 0 20px 0; text-align: center; font-weight: bold; } #mostArticleTabs ul.most-recent-tabs-nav { width: 100%; float: left; border-bottom: 1px solid #ccc; } #mostArticleTabs ul.most-recent-tabs-nav li { font-family: Arial, Helvetica, sans-serif; float: left; margin-right: 0; } #mostArticleTabs ul.most-recent-tabs-nav li a { display: block; width: 98px; height: 24px; line-height: 24px; background-color: #fff; text-align: center; color: #666; font-size: 11px; padding: 0; border: 1px solid #ccc; border-bottom: none; text-transform: uppercase; } #mostArticleTabs ul.ui-tabs-nav li a.popular { margin-left: 0; } #mostArticleTabs ul.ui-tabs-nav li.ui-tabs-active a { background-color: #f1f4f5; color: #02507b; border-bottom: none; cursor: text; } .mostArticleTabsContent { width: 90%; float: left; margin: 10px 0 0 10px; } .mostArticleTabsContent h3 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-transform: uppercase; } .mostArticleTabsContent ul { list-style-type: square; list-style-position: inside; color: #02507b; font-size: 13px; margin-left: 0; padding-bottom: 30px; } .mostArticleTabsContent ul li { padding: 10px 0 0 1em; text-indent: -1em; } .mostArticleTabsContent ul li a { color: #333; text-decoration: none; font-size: 13px; } .mostArticleTabsContent ul li a:hover { color: #ec2027; } /* Most Recent Comments Right Module */ #dsq-combo-widget { border: 1px solid #d1d1d1; border-top: 2px solid #000; margin-bottom: 20px; float: left; } #dsq-combo-recent, #dsq-combo-people, #dsq-combo-popular { background: #fff !important; } .dsq-combo-box h3 { font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; color: #333 !important; } .dsq-combo-box { font-family: Arial, Helvetica, sans-serif !important; background: #fff; } .dsq-combo-box a { color: #000; font-size: 13px !important; } .dsq-combo-box p { color: #666; font-size: 12px !important; font-weight: normal !important; } .dsq-widget-user, .dsq-widget-meta a .dsq-widget-meta { color: #02507b; font-weight: normal; font-size: 12px !important; } .dsq-widget-comment p { font-size: 12px !important; } #dsq-combo-widget #dsq-combo-tabs li { list-style: none; margin: 0 !important; padding: 0 !imporant; width: 88px; background: #ffffff !important; border: 1px solid #e4e4e4; border-right: none; } #dsq-combo-widget #dsq-combo-tabs li a { display: block; height: 20px; line-height: 20px; text-align: center; font-size: 11px; color: #666; padding: 0; border: none; font-family: Arial, Helvetica, Sans-Serif; } #dsq-combo-widget #dsq-combo-tabs li.dsq-active { color: #02507b; background: #eef1f2 !important; } #dsq-combo-tab-people { border-left: none; } /* Regimen and Drug Listings Right Module */ #regimenDrugListings { width: 100%; margin-bottom: 20px; border: 1px solid #d1d1d1; border-top: 2px solid #000; float: left; } #regimenDrugListings h3 { color: #093649; font-size: 14px; font-family: 'LatoBold', sans-serif; border-bottom: 1px solid #d1d1d1; padding: 10px 0 10px 0; line-height: 1.6em; text-align: center; text-transform: uppercase; margin-bottom: 10px; } #regimenDrugListings p { font-size: 11px; color: #666; text-transform: uppercase; margin-left: 20px; } #regimenDrugListings table { width: 90%; margin: 15px 0 0 20px; font-family: 'LatoBold', sans-serif; font-size: 13px; text-transform: uppercase; } #regimenDrugListings table td { padding: 0 15px 12px 0; } #regimenDrugListings table td a { display: block; text-indent: -99999px; } #regimenDrugListings table td a.regimensRightColItem { width: 11px; height: 13px; background: url(../simages/chemo/right-col-regimen-icon.png) no-repeat; } #regimenDrugListings table td a.regimensRightColItem:hover { background-position: 0 -13px; } #regimenDrugListings table td a.drugsRightColItem { width: 12px; height: 12px; background: url(../simages/chemo/right-col-drug-icon.png) no-repeat; } #regimenDrugListings table td a.drugsRightColItem:hover { background-position: 0 -12px; } /* Nephrology News Right Module */ #nephrologyNewsModule { width: 100%; margin-bottom: 20px; border: 1px solid #d1d1d1; border-top: 2px solid #000; float: left; } #nephrologyNewsModule h3 { color: #093649; font-size: 14px; font-family: 'LatoBold', sans-serif; padding: 10px 0 10px 0; line-height: 1.6em; text-align: center; text-transform: uppercase; margin-bottom: 10px; } #nephrologyNewsModule ul.nephrologyNewsModuleNav { width: 100%; margin: 0; float: left; } #nephrologyNewsModule ul.nephrologyNewsModuleNav li { width: 50%; float: left; } #nephrologyNewsModule ul.nephrologyNewsModuleNav li a { display: block; width: 100%; height: 30px; line-height: 30px; color: #727272; background-color: #e7ecee; border-top: 1px solid #d9d7d7; text-align: center; font-size: 14px; font-family: 'LatoBold', sans-serif; } #nephrologyNewsModule ul.nephrologyNewsModuleNav li.ui-tabs-active a { background-color: #fff; border-bottom: none; color: #02507b; } #nephrologyNewsModule ul { list-style-type: none; margin-left: 20px; } #nephrologyNewsModule ul li { font-size: 13px; margin-bottom: 10px; font-family: 'LatoBold', sans-serif; } #nephrologyNewsModule ul li a { color: #4693bd; } #nephrologyNewsModule ul li a:hover { color: #333; } /* Breaking News */ #breakingNews { width: 100%; height: 35px; float: left; background-color: #db0606; margin: -15px 0 22px 0; padding: 10px 0 0 0; box-shadow: 0 7px 4px rgba(85, 85, 85, .6), 0 7px 4px rgba(85, 85, 85, .2); -moz-box-shadow: 0 7px 4px rgba(85, 85, 85, .6), 0 7px 4px rgba(85, 85, 85, .2); webkit-box-shadow: 0 7px 4px rgba(85, 85, 85, .6), 0 7px 4px rgba(85, 85, 85, .2); } .breakingNewsTitle { float: left; margin: 0 0 0 20px; } #breakingNews h1 { color: #fff; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: bold; margin: 3px 0 0 20px; float: left; } #breakingNews h1 > a { color: #fff; } #breakingNews h1 > a:hover { color: #333; } /* Latest Jobs */ #latestJobsModule { width: 100%; min-height: 226px; padding-bottom: 10px; float: left; background-color: #f8f8f8; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#fcfcfc), color-stop(.20, #fff)); background: -moz-linear-gradient(top, #f8f8f8 0%, #fff 20%, #fcfcfc 100%); border: 1px solid #ccc; border-radius: 4px; } #latestJobsModule h3 { font-size: 16px; color: #666; padding: 10px 0 5px 15px; font-family: 'Lato', sans-serif; } .jobPosting { width: 95%; margin: 0 auto; border-bottom: 1px solid #ccc; padding: 7px 0 7px 0; } .jobPosting li { color: #333; font-size: 12px; padding-left: 8px; } .jobPosting li a { color: #f50000; font-weight: bold; } .jobPosting li a:hover { color: #000; } a.viewJobsLink { color: #000; font-size: 11px; float: right; margin: -10px 10px 0 0; } a.viewJobsLink:hover { color: #f50000; } .jt_job { width: 90%; border-bottom: 1px solid #ccc; padding: 7px 0 7px 0; font-size: 12px; margin-left: 14px; float: left; } .jt_job_position a { color: #f50000; font-weight: bold; } .jt_job_location { color: #333; } .jt_alljobs a { color: #000; font-size: 11px; float: right; margin: 10px 10px 0 0; clear: both; } .jt_alljobs a:hover { color: #f50000; } /* Social Bar Styles */ #socialSideBar { width: 104px; height: 525px; position: absolute; top: -38px; left: -125px; background: url(../simages/social-sidebar-bg.png) no-repeat; display: none; z-index: 100; } #socialSideBar ul { margin: 25px 0 0 36px; float: left; } #socialSideBar ul li { height: 84px; } #socialSideBar ul li.facebookPlug { padding-left: 5px; height: 113px; } #socialSideBar ul li.googlePlug { padding-left: 5px; } #socialSideBar ul li.linkedinPlug { height: 84px; } #socialSideBar ul li.commentsPlug { height: 75px; } #socialCommentCount { display: block; width: 56px; height: 37px; background: url(../simages/social-bar-comments-count.gif) no-repeat; text-align: center; line-height: 32px; padding-bottom: 3px; } #socialCommentCount a { font-size: 14px; color: #333; } .socialCommentButton { display: block; width: 58px; height: 21px; background: url(../simages/social-bar-comments-button.jpg) no-repeat; text-indent: -9999px; } #socialEmail { display: block; width: 56px; height: 13px; background: url(../simages/social-bar-email-icon.gif) no-repeat; padding-bottom: 7px; } #socialPrint { display: block; width: 56px; height: 15px; background: url(../simages/social-bar-print-icon.gif) no-repeat; } /* Breadcrumbs */ #breadCrumbs { padding: 0; margin: 0 0 15px 2%; font-family: Arial, Helvetica, sans-serif; } #breadCrumbs ul li { float: left; color: #333; font-size: 11px; } #breadCrumbs ul li span.crumbsDivider { display: block; float: right; padding: 0 5px 0 5px; } #breadCrumbs ul li a { color: #2e6589; float: left; } #breadCrumbs ul li a:hover { color: #2e6589; } /* Quote Styles */ blockquote { width: 100%; float: left; border-bottom: 2px solid #000; padding: 0 0 25px 0; } blockquote p { font-size: 24px; color: #87a0a6; width: 60%; margin: 0 auto; font-family: 'LatoBold', sans-serif; font-style: italic; } .bqstart { float: left; display: block; height: 50px; line-height: 1em; color: #ccc; font-size: 155px; font-family: 'LatoBold', sans-serif; margin-left: 15px; } .bqend { float: right; display: block; height: 50px; line-height: 1em; color: #ccc; font-size: 155px; font-family: 'LatoBold', sans-serif; margin-right: 15px; margin-top: -70px; } blockquote .quoteTitle { border-top: 2px solid #e2e2e2; margin: 15px auto 0 auto; width: 65%; font-size: 12px; text-align: center; padding-top: 10px; } blockquote a { color: #87a0a6; } blockquote a:hover { color: #333; } /* Newsletters Styles */ .newslettersArchiveBox { width: 100%; float: left; border-bottom: 1px solid #c1c0c1; padding: 15px 0 20px 0; font-size: 13px; } h3.newslettersTitle { font-family: 'Lato', sans-serif; color: #02507b; font-size: 15px; padding: 0 0 10px 0; } .newslettersArchiveBox p { font-size: 13px; } .newslettersArchiveBox ul { margin-top: 10px; } .newslettersArchiveBox ul li { float: left; font-size: 10px; } .newslettersArchiveBox ul li a { color: #333; font-size: 10px; padding: 0 7px; text-transform: uppercase; } .newslettersArchiveBox ul li a.firstLink { padding: 0 7px 0 0; } .newslettersArchiveBox ul li a:hover { color: #02507b; } /* Gated Content Styles */ /* Gated Content Styles */ #gatedColumn { width: 100%; float: left; min-height: 500px; margin: 0 0 15px 0; padding-top: 10px; position: relative; padding-bottom: 10px; } #gatedColumnText { width: 80%; margin: 0 auto; padding-bottom: 5px; } #gatedMask { width: 100%; min-height: 600px; float: left; background: url(../simages/ca/gated-content-bg.png) repeat-x; } #gatedContentOverlay { width: 77%; min-height: 300px; margin: 17px auto 0 auto; padding: 0; } #gatedLoginWrapper { float: left; position: relative; } #gatedRegisterWrapper { float: left; position: relative; display: none; padding-bottom: 50px; } #gatedPasswordWrapper { float: left; position: relative; display: none; } #gatedConfirmWrapper { float: left; position: relative; display: none; } #gatedConfirmPasswordWrapper { float: left; position: relative; display: none; } #gatedConfirmSendPassword { width: 98%; float: left; } #gatedLoginForm { width: 65.5%; min-height: 370px; float: left; display: block; padding: 23px 3.5% 20px 3%; background-color: #fff; } #gatedRegisterForm { width: 65.5%; float: left; display: block; padding: 23px 3.5% 0 3%; position: relative; } #gatedPasswordForm { width: 65.5%; min-height: 150px; float: left; display: block; padding: 23px 3.5% 20px 3%; background-color: #fff; } #gatedPasswordForm #btnForgotPWD { margin-top: 20px; } #gatedPasswordForm #ForgotPWDContainer { width: 100%; float: left; padding-bottom: 0; margin-bottom: 10px; } #gatedConfirmForm { width: 68.75%; float: left; display: block; padding: 23px 3% 0 3%; } #gatedConfirmForm p { font-family: Arial, Helvetica, sans-serif; font-size: 16px; width: 95%; } #gatedConfirmForm p.gatedIntro { margin-bottom: 10px; padding-top: 12px; } #gatedConfirmForm h3.gatedHeadline { text-transform: none; } #gatedContent { width: 100%; float: left; border: 1px solid #000; background-color: #fff; margin-bottom: 17px; } #gatedContent div.dynaForm p { margin-bottom: 15px; } #gatedContent p.errorMessage { color: #ec2027; margin: 0; width: 100%; display: none; padding: 0; } #gatedContent p.terms { margin: 0; padding: 0; } #gatedContent p.terms span { width: 50%; font-size: 10px; color: #666; float: left; } #gatedContent p.terms span a { color: #333; } #gatedContent p.terms span a:hover { color: #333; text-decoration: none; } #gatedContent p.requiredText { font-size: 11px; color: #333; margin: 0 0 17px 0; padding: 0; } #gatedContent label { display: block; color: #666; font-size: 14px; padding-bottom: 4px; clear: left; } #gatedContent input[type="text"], #gatedContent input[type="password"] { width: 100%; height: 28px; line-height: 28px; font-size: 12px; background-color: #eee; outline: none; border: 1px solid #cdcdcd; border-radius: 4px; padding-left: 4px; font-family: Arial, Helvetica, Sans-Serif; } #gatedContent input[type="checkbox"] { float: left; margin-right: 5px; } #gatedContent input.fieldError, #gatedContent select.fieldError { border: 1px solid #ec2027; } #gatedContent select { width: 100%; background-color: #eee; outline: none; border: 1px solid #cdcdcd; padding: 7px 0 7px 0; margin: 0; border-radius: 4px; } #gatedContent table { width: 100%; font-size: 12px; font-family: 'Lato', sans-serif; color: #333; } #gatedContent table td { padding: 0; } #gatedAccountLinkWrapper { float: left; position: relative; display: none; padding-bottom: 10px; } #gatedAccountLinkFormContent { width: 65.5%; float: left; display: block; padding: 23px 3.5% 0 3%; position: relative; } #gatedAlmostDoneWrapper { float: left; position: relative; display: none; } #gatedAlmostDoneFormContent { width: 65.5%; float: left; display: block; padding: 23px 3.5% 0 3%; position: relative; } #gatedAccountLinkRightCol { width: 22.5%; min-height: 375px; float: left; margin-top: 0; padding: 19px 3% 25px 2.5%; position: relative; } #gatedAlmostDoneRightCol { width: 22.5%; min-height: 375px; float: left; margin-top: 0; padding: 19px 3% 25px 2.5%; position: relative; } .gatedFormText { width: 94%; float: left; margin-bottom: 5px; font-size: 13px; font-family: 'Lato', sans-serif; border-bottom: 1px solid #e8e8e8; margin: 20px 3% 0 3%; } .gatedFormText h3 { color: #990000; font-family: 'LatoBold', sans-serif; text-transform: uppercase; padding-bottom: 4px; font-size: 26px; } .gatedFormText p { color: #333; } a.gatedForgotPasswordLink { color: #666; float: right; } a.gatedForgotPasswordLink:hover { color: #333; text-decoration: none; } .alreadyRegCallout { width: 100%; float: left; border-left: 1px solid #ccc; font-family: 'Lato', sans-serif; font-size: 13px; padding-left: 15px; margin-bottom: 350px; } .alreadyRegCallout p { color: #990000; text-transform: uppercase; padding-bottom: 7px; } .alreadyRegCallout a { color: #333; } p.gatedIntro { color: #333; font-family: 'Lato', sans-serif; font-size: 13px; padding-bottom: 20px; } ul.gatedWhyRegisterList { width: 47%; list-style-type: disc; padding-left: 17px; font-size: 15px; } ul.gatedWhyRegisterList li { color: #0c598a; margin-top: 5px; } ul.gatedWhyRegisterList li span { color: #333; } span.gatedListIntroText { font-size: 16px; font-family: 'LatoBold', sans-serif; } img.gatedMainImage { position: absolute; right: -70px; top: 120px; } #gatedLoginRightCol { width: 22.5%; min-height: 375px; float: left; margin-top: 0; padding: 19px 3% 25px 2.5%; position: relative; } #gatedRegisterRightCol { width: 22.5%; min-height: 375px; float: left; margin-top: 0; padding: 19px 3% 20px 2.5%; position: relative; } #gatedPasswordRightCol { width: 22.5%; min-height: 150px; float: left; margin-top: 0; padding: 0 3% 25px 2.5%; position: relative; } #gatedConfirmRightCol { width: 22.5%; float: left; margin-top: 165px; padding: 19px 2.5% 25px 0; } #completeProfileButton { width: 168px; padding: 0 10px 0 10px; font-size: 14px; line-height: 34px; text-align: center; } #fullAccessButton { width: 152px; margin-top: 15px; padding: 0 19px 0 19px; font-size: 14px; line-height: 34px; text-align: center; } div.gatedFooter { width: 100%; position: absolute; top: 300px; left: 4%; margin: 0 0 0 0; } #gatedPasswordRightCol div.gatedFooter { top: 130px; } p.gatedNeedHelpText { padding-top: 10px; float: left; color: #990000; font-size: 13px; font-family: 'LatoBold', sans-serif; clear: left; } p.gatedNeedHelpText a { color: #333; } .registerFreeButton { margin-right: 0; font-size: 21px; color: #990000; } h3.gatedHeadline { color: #333; font-family: 'LatoBold', sans-serif; font-size: 16px; margin-top: 25px; padding-bottom: 20px; } #gatedPasswordRightCol h3.gatedHeadline { color: #333; font-family: 'LatoBold', sans-serif; font-size: 16px; margin-top: 25px; padding-bottom: 20px; } /* My Account Page Styles */ #accountPageWrapper { width: 60%; margin: 0 auto; } #accountPageWrapper.floatAccountNav { float: left; margin-left: 20px; } .accountPageTitle { font-size: 20px; font-family: 'LatoBold', sans-serif; padding-bottom: 10px; } .accountPageIntro { font-size: 15px; font-family: Arial, Helvetica, sans-serif; line-height: 1.2em; } .accountSavedText { width: 100%; color: #ff940a; font-size: 20px; font-family: 'LatoBold', sans-serif; text-transform: uppercase; margin-bottom: 20px; } .accountMedicalIntro { font-size: 20px; font-family: 'LatoBold', sans-serif; float: left; } #accontMedicalTop { width: 100%; float: left; border-bottom: 1px solid #dedbca; padding-bottom: 10px; margin-bottom: 10px; } #accountSaveButtonTop { display: block; width: 109px; height: 35px; font-family: 'LatoBold', sans-serif; height: 34px; color: #fff; font-size: 16px; outline: none; border: 2px solid #69848e; padding: 0 8px 0 8px; background-color: #136599; border-radius: 4px; text-shadow: 1px 0 1px #000; cursor: pointer; text-transform: uppercase; box-shadow: 0 0 8px #e2e2e2; -webkit-box-shadow: 0 0 8px #e2e2e2; line-height: 35px; float: right; text-align: center; margin-top: 0; } .accountFields { width: 100%; float: left; border-top: 1px solid #dddcdd; padding: 15px 0 0 0; margin-top: 30px; } .accountFields .grid_row { margin-bottom: 10px; } .accountFields .email_row { margin-top: 20px; } .accountFieldsHeader { font-family: 'Lato', sans-serif; font-size: 16px; color: #990000; padding-bottom: 15px; } .accountLabelWrap { width: 40%; float: left; margin-top: 7px; } .accountFieldWrap { width: 60%; float: left; } .accountLabel { font-size: 15px; color: #333; } .accountTextField { display: block; width: 96%; height: 32px; line-height: 32px; background-color: #f5f5f5; border: 1px solid #cfcfcf; border-radius: 3px; -webkit-appearance: none; padding-left: 13px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #333; } :root .accountTextField { width: 96% \0/IE9; } .accountFieldWrap .input-validation-error { border: 1px solid #ff2e2e !important; } .accountRequired { float: right; font-size: 16px; color: #333; font-family: 'LatoBold', sans-serif; margin-right: 7px; margin-top: 3px; } .accountFieldWrap select { width: 100%; background-color: #f5f5f5; outline: none; border: 1px solid #cfcfcf; padding: 7px 0 7px 13px; margin: 0; border-radius: 3px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #333; -webkit-appearance: menulist; } #hrefEditEmail { cursor: pointer; } #hrefEditPassword { width: 96%; } #divDegree .accountLabelWrap { margin-top: 0; } #divDegree .accountRequired { margin-top: 6px; } #divDegree span { margin-right: 8px; } #accountTopics { width: 57%; height: 335px; background-color: #f5f5f5; border: 1px solid #cfcfcf; border-radius: 3px; overflow-y: scroll; padding: 10px 0 0 15px; } #accountTopics p { margin-bottom: 10px; } select.stateSelect { width: 48.7% !important; float: left; } .twoColField { width: 44%; float: left; } .twoColFieldRight { width: 44%; float: left; margin-left: 10px; } :root .twoColField { width: 43.7% \0/IE9; } :root .twoColFieldRight { width: 43.7% \0/IE9; } #accountSaveButton { display: block; width: 109px; height: 35px; font-family: 'LatoBold', sans-serif; height: 34px; color: #fff; font-size: 16px; outline: none; border: 2px solid #69848e; padding: 0 8px 0 8px; background-color: #136599; border-radius: 4px; text-shadow: 1px 0 1px #000; cursor: pointer; text-transform: uppercase; box-shadow: 0 0 8px #e2e2e2; -webkit-box-shadow: 0 0 8px #e2e2e2; line-height: 34px; float: right; clear: both; text-align: center; margin-top: 20px; } /* Edit Password Lightbox */ #lightboxEditPassword .grid_row { margin-bottom: 10px; } #lightboxEditPassword .dynamic-registration-button { float: right; margin-top: 15px; } #lightboxEditPassword .accountLabelWrap { width: 36%; margin-top: 0; } #lightboxEditPassword .accountLabel, #lightboxEditEmail .accountLabel { color: #22386b; font-size: 14px; text-transform: uppercase; font-family: 'LatoBold', sans-serif; } #lightboxEditPassword .accountTextField, #lightboxEditEmail .accountTextField { display: block; width: 95% !important; height: 32px; line-height: 32px; background-color: #eeebe0; border: 1px solid #cfcfcf; border-radius: 3px; -webkit-appearance: none; padding-left: 13px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #333; } #lightboxEditPassword #lightboxContent, #lightboxEditEmail #lightboxContent { width: 94%; } /* My Notifications */ #marketingNotificationWrapper { width: 100%; float: left; border-top: 1px solid #cfcfcf; margin-top: 5px; padding-top: 20px; } .notificationWrapper { width: 100%; float: left; padding-top: 15px; } .notificationDesc { margin-top: 5px; } .notificationCheckBox { padding-top: 17px; font-size: 15px; color: #990000; } .notificationCheckHeader { font-family: 'LatoBold', sans-serif; font-size: 16px; color: #22386b; padding-bottom: 0; } /* Search Results Styles */ #filterResults { width: 22%; margin: 0 1.75% 15px 1.25%; } #filterResults-top { width: 100%; float: left; background-color: #f4f4f4; padding-bottom: 5px; } #filterResults-top h3 { color: #02507b; font-size: 15px; margin: 12px 0 5px 10px; font-family: 'Lato', sans-serif; text-transform: uppercase; } #filterResults-top p { font-size: 11px; margin: 0 0 10px 10px; } #filterResults-top table { width: 100%; } #filterResults-top table td { padding: 2px 0 2px 10px; font-size: 13px; color: #666; } #filterResults-top table td a { font-size: 11px; color: #02507b; } #filterResults-bottom { width: 100%; float: left; background-color: #f4f4f4; margin-top: 7px; } .filterAccordian { width: 100%; min-height: 35px; float: left; border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; } .filterAccordian h3 { color: #02507b; font-size: 13px; font-family: 'Lato', sans-serif; text-transform: uppercase; padding-top: 5px; line-height: 25px; margin: 0 0 0 10px; float: left; } .filterFacet { width: 100%; float: left; } .filterToggle { display: block; width: 13px; height: 13px; background: url(../simages/search-results-plus-minus.gif) 0 -13px no-repeat; float: right; margin: 13px 10px 0 0; } .filterToggle.open { background-position: 0 0; } .filterCat { float: left; clear: both; display: block; } .filterCat ul { margin: 0 0 0 10px; } .filterCat ul li { padding-bottom: 3px; } .filterCat ul li a { color: #333; font-size: 13px; } .filterCat ul li a:hover { color: #02507b; } #searchResults { width: 72.25%; margin: 0 2.75% 15px 0; } #searchResultsTabs { width: 100%; float: left; margin: 20px 0 10px 0; border-bottom: 1px solid #b2b1b1; position: relative; } #searchResultsTabs p { width: 100%; font-size: 16px; color: #666; float: left; border-bottom: 1px solid #b2b1b1; padding-bottom: 5px; margin-bottom: 20px; } #searchResultsTabs p span { font-size: 16px; color: #333; float: none; border: none; margin: 0; padding: 0; } #searchResultsTabs span { font-size: 12px; color: #333; float: left; margin: 2px 0 0 250px; padding: 0 5px 5px 0; } #searchResultsTabs ul { float: right; } #searchResultsTabs ul li { float: left; margin-left: 6px; height: 17px; } #searchResultsTabs ul li.searchMostRecent { border-left: 1px solid #666; padding-left: 6px; } #searchResultsTabs ul li a { font-size: 12px; color: #333; } #searchResultsTabs ul li a:hover { color: #093d72; } #searchResultsTabs ul li a.active { color: #093d72; } p.searchResultsHint { font-size: 11px; margin-bottom: 30px; color: #666; } p.searchResultsHint a { color: #333; } p.searchIntentText a { color: #333; } #searchResultsTabs p.searchFullWidth { width: 100%; font-size: 16px; color: #666; float: left; border-bottom: 1px solid #b2b1b1; padding-bottom: 5px; } div.searchDirectoryCategory { float: left; padding-top: 12px; font-size: 13px; } .searchDirectoryCategory a { color: #2e6589; } .searchDirectoryCategory a:hover { color: #333; } /* Featured Footer Articles */ .featuredArticlesBottom { width: 97.6%; border-top: 1px solid #aaa; float: left; clear: both; padding: 15px 1.25% 0 1.25%; } .featuredArticlesBottom a:hover { color: #2e6589; } .featuredArticlesBottom h3 { color: #02507b; font-size: 14px; padding: 0 0 0 1.25%; font-family: 'LatoBold', sans-serif; text-transform: uppercase; } .featuredArticleBox { height: 120px; margin-top: 13px; } .featuredArticleBox.first { border: none; padding-left: 0; } .featuredArticleBox h2 { font-size: 15px; font-weight: 500; padding-bottom: 5px; margin-left: 12px; } .featuredArticleBox.first h2 { margin-left: 0; } .featuredArticleBox p { font-size: 11px; margin-left: 12px; } .featuredArticleBox.first p { margin-left: 0; } /* Footer Styles */ footer { width: 100%; min-height: 300px; float: left; background: url(../simages/ona/footer-bg.png) repeat-y; padding: 25px 0 10px 0; } footer ul { margin-left: 20px; list-style-type: none; } footer li { margin-bottom: 8px; padding: 0; font-size: 13px; } footer a { color: #fff !important; text-decoration: none; font-size: 13px; } footer a:hover { color: #333 !important; } footer a img { border: none; } footer a.footerTopLink { float: right; text-transform: uppercase; font-size: 11px; padding-top: 5px; } #footerLogo { display: block; width: 264px; height: 31px; background: url(../simages/run/footer-logo.png) no-repeat; float: left; text-indent: -9999px; margin: 0 0 8px -8px; } footer h4 { color: #333; font-size: 13px; font-family: 'LatoBold', sans-serif; margin: 0 0 12px 20px; text-transform: uppercase; } .footer_col { width: 20.5%; height: 270px; float: left; border-left: 1px solid #a0a7a2; margin: 0 1.5% 0 1.5%; } .footer_col.intro { width: 27%; border: none; margin: 0 1.5% 0 0; } .footer_col p { font-size: 13px; color: #333; margin: 0 0 12px 20px; line-height: 1.5em; } .footer_col ul { list-style-type: none; } .copyrightText { width: 100%; color: #ccc; font-size: 12px; text-align: center; float: left; margin: 50px 0 0 0; } #footerIcons { padding-top: 13px; margin-left: 20px; list-style-type: none; } #footerIcons li { float: left; margin-right: 6px; } /* Lightbox Styles */ #lightboxMask { width: 100%; height: 100%; background-color: #000; opacity: .7; position: absolute; left: 0; top: 0; display: none; } .dynamicLightboxMVC { width: 200px; background-color: #fff; position: absolute; padding-bottom: 20px; border-radius: 4px; box-shadow: 0 0 7px 5px rgba(255, 255, 255, .5); -moz-box-shadow: 0 0 7px 5px rgba(255, 255, 255, .5); -webkit-box-shadow: 0 0 7px 5px rgba(0, 0, 0, .5); z-index: 6000000; display: none; } #lightboxHeader h3, #lightboxEmailHeader h3 { color: #333; font-family: 'Lato', sans-serif; font-size: 20px; float: left; margin-left: 17px; font-weight: normal; } #lightboxContent { width: 100%; float: left; padding: 0 0 0 17px; margin-top: 17px; } #lightboxRegisterForm, #lightboxLoginForm, #lightboxPasswordForm { display: none; } #lightboxContent div.dynaForm p { margin-bottom: 15px; } #lightboxContent p.intro { margin-bottom: 10px; width: 68.75%; display: none; } #lightboxContent p.errorMessage { color: #2e6589; margin-bottom: 10px; width: 68.75%; display: none; } #lightboxContent p.terms { margin: 0; padding: 0; } #lightboxContent p.terms span { width: 50%; font-size: 11px; color: #999; float: left; } #lightboxContent p.terms span a { color: #666; } #lightboxContent p.terms span a:hover { color: #333; text-decoration: none; } #lightboxContent span.smallText { color: #666; font-size: 11px; } #lightboxContent p.requiredText { font-size: 11px; color: #333; margin: 0 0 17px 0; padding: 0; } #lightboxContent label { display: block; color: #666; font-size: 14px; padding-bottom: 4px; } #lightboxContent input[type="text"], #lightboxContent input[type="password"] { width: 100%; height: 30px; background-color: #f5f5f5; outline: none; border: 1px solid #cdcdcd; border-radius: 4px; padding-left: 4px; font-family: Arial, Helvetica, Sans-Serif; } #lightboxContent input[type="checkbox"] { float: left; margin-right: 5px; } #lightboxContent input.fieldError, #lightboxContent select.fieldError { border: 1px solid #ec2027; } #lightboxContent select { width: 100%; background-color: #f5f5f5; outline: none; border: 1px solid #cdcdcd; padding: 7px 0 7px 0; margin: 0; border-radius: 4px; -webkit-appearance: none; } #lightboxContent textarea { width: 100%; background-color: #f5f5f5; outline: none; border: 1px solid #cdcdcd; border-radius: 4px; padding-left: 4px; font-family: Arial, Helvetica, Sans-Serif; } #lightboxContent table { width: 100%; font-size: 12px; font-family: 'Lato', sans-serif; color: #333; } #lightboxContent table td { padding: 0; } #dynRegConfirmationMsg { font-size: 14px; } .dynRegConfirmationMsg { font-size: 14px; width: 95%; } p.checkboxWrapper { font-size: 13px; color: #666; } p.checkboxWrapper input { margin: 0; padding: 0; } p.textAreaWrapper { width: 100%; float: left; margin-top: 35px; } a.forgotPassLink { color: #666; float: right; } a.forgotPassLink:hover { color: #333; text-decoration: none; } div.promoSubscribe { width: 100%; clear: both; margin: 10px 0 17px 0; float: left; } div.promoSubscribe h3 { font-size: 15px; font-family: 'Lato', sans-serif; padding-bottom: 10px; color: #333; } .formRows2 { width: 100%; float: left; margin: 0; padding: 0 0 10px 0; } .formRows2 p { float: left; padding-left: 1.75%; width: 48.25%; } .formRows2 p.left-form-element { float: left; padding-right: 1.75%; padding-left: 0; width: 48.25%; } .dynamic-registration-button { display: block; font-family: 'LatoBold', sans-serif; height: 34px; color: #fff; font-size: 15px; outline: none; border: 2px solid #69848e; padding: 0 8px 0 8px; background-color: #136599; border-radius: 4px; text-shadow: 1px 0 3px #aaa; float: right; cursor: pointer; } #lightboxRightCol p { font-family: 'Lato', sans-serif; font-size: 16px; margin-bottom: 20px; } #lightboxRightCol a { color: #ff0000; font-size: 21px; } #lightboxRightCol a:hover { text-decoration: none; color: #333; } #lightboxRightCol a span { padding: 0; } #emailArticleContent { width: 97%; float: left; } #emailArticleContent .emailArticleByline { padding-top: 10px; color: #666; font-size: 13px; } #lightboxEmailForm { Width: 94%; float: left; } p.checkboxWrapper.emailCheckbox { float: left; } #janrainOrDivider span { display: block; text-align: center; padding-top: 4px; font-size: 16px; color: #ff0000; font-family: Arial, Helvetica, Sans-Serif; } #janranBackUser { width: 100%; float: left; margin-bottom: 10px; font-family: Arial, Helvetica, Sans-Serif; } #janranBackUser span { color: #666; font-size: 14px; } #janranBackUser p { font-size: 17px; } #janranBackUser a { font-size: 16px; color: #ff0000 } #janranBackUser a:hover { color: #333; } #lightboxContent a#formSwitch { display: block; float: left; clear: both; margin-top: 15px; color: #F00; font-size: 14px; } #lightboxContent #notYouWrapper a#formSwitch { margin-top: 0; display: inline; float: none; clear: none; } #lightboxContent a#formSwitch:hover, #lightboxContent a#formSwitch:active, #lightboxContent a#formSwitch:focus { color: #000; } /* Tooltip Styles */ .toolTipContainer { width: 302px; position: absolute; background: url(../simages/tooltip-top.png) no-repeat top; display: none; padding-top: 10px; z-index: 99999999; } .toolTipMid { background: url(../simages/tooltip-middle.png) repeat-y; padding: 0 10px 0 10px; font-size: 13px; color: #fff; } .toolTipBtm { height: 17px; background: url(../simages/tooltip-bottom.png) no-repeat bottom; } /* Pagination Styles */ #paginationWrapper { width: 100%; float: left; position: relative; padding: 55px 0 55px 0; } .paginationNumbers { font-size: 12px; color: #666; position: absolute; left: 0; top: 50px; padding-top: 12px; } #paginationList { position: absolute; left: 170px; top: 55px; } #paginationList li { float: left; text-align: center; margin-right: 5px; padding: 0; line-height: normal; } #paginationList li a { display: block; width: 24px; height: 24px; line-height: 24px; color: #999; font-size: 13px; border: 1px solid #999; } #paginationList li a.current { background-color: #2e6589; color: #fff; } #paginationList li a.disabled { visibility: hidden; } #paginationList li a:hover { color: #2e6589; } #paginationList li a.current:hover { color: #fff; } #paginationList li a.firstPage { width: 26px; height: 26px; line-height: 26px; background: url(../simages/pagination-first-page.png) no-repeat; border: none; } #paginationList li a.firstPage:hover { background-position: 0 -78px; } #paginationList li a.prevPage { width: 26px; height: 26px; line-height: 26px; background: url(../simages/pagination-prev-page.png) no-repeat; border: none; } #paginationList li a.prevPage:hover { background-position: 0 -78px; } #paginationList li a.nextPage { width: 26px; height: 26px; line-height: 26px; background: url(../simages/pagination-next-page.png) no-repeat; border: none; } #paginationList li a.nextPage:hover { background-position: 0 -78px; } #paginationList li a.lastPage { width: 26px; height: 26px; line-height: 26px; background: url(../simages/pagination-last-page.png) no-repeat; border: none; } #paginationList li a.lastPage:hover { background-position: 0 -78px; } #paginationList li a.pagingArrow { border: none; padding: 0; line-height: 26px; } /* TODO - change for redesign */ /* article column/section (right hand column) boxes */ .articleColumnBox { margin: 0px 0px 20px 0px; } .articleColumnBoxHeader { background-color: #cbcbcb; color: #fff; padding: 5px 0px 5px 10px; font-weight: bold; } .articleColumnBoxContainer { padding: 10px; background-color: #fff; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; } /* Print Article Styles */ .printContainer { width: 1042px; background-color: #fff; position: relative; } .printContainer #ADCALL_101 { width: 768px; margin: 10px auto; } .printContainer #contentColumn { width: 94.5%; margin: 0 2.75% 15px 2.75%; } .printContainer #contentColumn #articleColumn { margin: 0 2.75% 0 2.75%; } .printBox { float: left; width: 100%; border-bottom: 1px solid #c1c0c1; } #printFooter { border-top: 1px solid #c1c0c1; padding: 25px 0 25px 0; } #printFooter p { font-size: 10px; margin-left: 95px; margin-right: 95px; } /* SLIDE OUT Article Styles */ #slideOutWrapper { width: 350px; min-height: 150px; background: #fff; padding: 0 15px 0 15px; display: none; -moz-box-shadow: -3px 3px 5px 1px #666; -webkit-box-shadow: -3px 3px 5px 1px #666; box-shadow: -3px 3px 5px 1px #666; } #slideOutWrapper .closeImage { float: right; cursor: pointer; } #slideOutContent { width: 100%; float: left; padding-top: 10px; font-size: 15px; } #slideOutWrapper h3.sectionTitle { font-size: 15px; color: #02507b; } #slideOutWrapper h2.sectionHeadline { font-size: 15px; } /* Ads */ .googleTextAds { width: 100%; padding: 10px 0 10px 0; background-color: #ebebeb; margin: 0 0 20px 0; clear: both; float: left; } .googleTextAdsByGoogle { margin: 0 0 15px 25px; font-weight: bold; font-size: 14px; } .googleTextAdsByGoogle a { color: #999; } .googleTextAdsByGoogle a:hover { text-decoration: none; } .GoogleAd { margin: 0 0 8px 25px; } .GoogleAdLink { font-weight: bold; text-decoration: none; color: #333; font-size: 14px !important; } .GoogleAdText { color: #333; font-size: 12px !important; } .GoogleAdURL a { color: #333; font-size: 12px !important; font-weight: bold; } .googleAFSAds { width: 100%; padding: 20px 0 0 0; background-color: #ebebeb; margin: 0 0 20px 0; float: left; clear: both; } #three_wide_ad_unit, #two_wide_ad_unit { margin: 0 0 15px 25px; } #three_wide_ad_unit a, #two_wide_ad_unit a { color: #333; text-decoration: none; font-size: 14px; font-weight: bold; } .googleAFSAds .googleTextAdsByGoogle { margin: 0 0 15px 0; font-weight: bold; font-size: 14px; color: #999; } #whitepapersModule { width: 100%; background-color: #fff; outline: 1px solid #d3d5d6; float: left; clear: both; } #ml-search-widget { padding: 15px 0 0 25px; font-size: 14px; font-weight: bold; color: #999; } #ml-search-widget ul { width: 80%; margin: 10px 0 0 0; padding: 0; } #ml-search-widget li { margin: 0; padding: 0 0 15px 0; font-size: 13px; list-style-type: none; font-weight: normal; color: #333; } #ml-search-widget a { font-weight: bold; text-decoration: none; color: #333; } #sponsorLinks { clear: left; background-color: #efefef; margin-top: 20px; padding: 15px 0 15px 0; font-family: Arial, Helvetica, sans-serif; } .sponsorLinksHeader { color: #666; font-weight: bold; font-size: 12px; padding: 0 0 0 25px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; } .sponsorLinksContent { font-size: 12px; color: #666; padding: 0 0 0 25px; width: 90%; font-family: Arial, Helvetica, sans-serif; } .sponsorLinksContent li { font-size: 12px; } .sponsorLinksContent a { color: #093d72; font-size: 14px; font-family: Arial, Helvetica, sans-serif; } .textAd { width: 100%; float: left; clear: left; outline: 1px solid #d7d7d7; margin: 20px 0 20px 0; padding: 15px 0 15px 0; background-color: #e5e5e5; } .textAd span.textAdHeader { display: block; padding: 0 0 10px 15px; color: #999; font-size: 13px; font-weight: bold; text-transform: uppercase; } .textAd p { width: 95%; font-size: 12px; margin-left: 15px; line-height: 1.4em; } .textAd p a { color: #000; } .textAd p a:hover { color: #ec2027; } #ADCALL_1001 { float: left; margin-left: 16%; padding-bottom: 10px; } /* Disqus Comments */ .commentsBlock { width: 100%; margin: 10px 0 20px 0; border-top: 1px solid #e6e5e5; float: left; font-family: Arial, Helvetica, Sans-Serif; } .commentsBlock a { color: #333; font-size: 12px; } .commentsBlock h3 { font-size: 12px; } #dsq-realtime-options { font-size: 12px; } .commentsLoginRequired { border: 1px solid #CCC; background-color: #EEE; padding: 20px; margin: 0 0 20px 0; text-align: center; } .commentsLoginRequiredHeader { font-weight: bold; margin: 0 0 10px 0; font-size: 14px; } .dsq-combo-box { font-family: Arial, helvetica; } .dsq-widget-user, .dsq-widget-meta, .dsq-widget-thread { font-weight: bold; } /* Style to hide the logout button */ #dsq-content .dsq-request-user-logout { display: none; } .dsq-reply { font-size: 11px; } /* Login links */ #hrefRSS, #hrefRSSImg, #spnlitSep3 { display: none; } /* Z-INDEX FIX FOR ADS */ #lightboxMask { z-index: 5000000; } .main-header-top { position: relative; z-index: 2000000; } .adZoneFixedLeftContainer, .adZoneFixedRightContainer { z-index: 1700000; position: fixed; top: 65px; } #ADCALL_101 { position: relative; z-index: 1500000; } #slideOutWrapper { position: relative; z-index: 1300000; } .rightAdContainer { position: relative; z-index: 1000000; } #ADCALL_801, #ADCALL_1001 { position: relative; z-index: 500000; } .container { position: static; } /* MiniRotator Fix */ .miniRotator .galleria-container > div { margin-left: 10px; } .miniRotator .galleria-info { margin-left: 10px; } .miniRotator .hide-show a { padding-right: 20px; } .miniRotator .galleria-info-title { height: 20px; } /* POLLS, QUIZES, SURVEYS SITE SPECIFIC STYLES */ .PDS_Poll { border: solid 1px #EEE; } .pds-box { padding: 15px 20px; } .pds-question { color: #666; font-family: 'LatoBold'; font-weight: normal; } .pds-answer { font-family: 'LatoBold'; } .pds-answer label { /* margin-left: 5px; */ } .pds-vote-button, #articleColumn article a.pds-vote-button { background-color: #008fc4; } #contentColumn .rawHTMLAsset a.pds-vote-button, #contentColumn .rawHTMLAsset a.pds-vote-button-load, #articleColumn article a.pds-vote-button { color: #FFF; } #contentColumn .rawHTMLAsset a.pds-vote-button:hover, #contentColumn .rawHTMLAsset a.pds-vote-button-load:hover, #articleColumn article a.pds-vote-button:hover, #articleColumn article a.pds-vote-button-load:hover { background-color: #666; text-decoration: none; color: #FFF; } .pds-feedback-per { font-weight: normal; color: #009901; font-size: 19px; line-height: 25px; } .pds-feedback-votes { color: #009901; } .pds-total-votes { font-weight: normal; } .pds-answer label.pds-input-label { padding-left: 23px; } /* Manufacturer INFO */ #manufacturerInfo h1 { font-size: 18px; line-height: 24px; } #manufacturerInfo a { text-decoration: none; } #manufacturerInfo a:hover, #manufacturerInfo a:focus, #manufacturerInfo a:active { text-decoration: underline; } #manufacturerInfo p { font-size: 14px; line-height: 20px; } #manufacturerInfo p.genericNote { font-size: 11px; padding-top: 30px; } /* COUNTDOWN CLOCK */ .final-countdown span { font-family: 'LatoBold'; } .final-countdown span.count { font-family: 'CodeProRegular'; -webkit-text-stroke-width: 0.5px; background: #0090c5; background: -moz-linear-gradient(top, #0090c5 0%, #004faf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0090c5), color-stop(100%, #004faf)); background: -webkit-linear-gradient(top, #0090c5 0%, #004faf 100%); background: -o-linear-gradient(top, #0090c5 0%, #004faf 100%); background: -ms-linear-gradient(top, #0090c5 0%, #004faf 100%); background: linear-gradient(to bottom, #0090c5 0%, #004faf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090c5', endColorstr='#004faf', GradientType=0 ); } .final-countdown.disabled #clock { font-family: 'LatoBold'; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; } /* POLAR SPONSORED ADS */ .section_41 .sponsored, .section_3009 .sponsored, .section_59 .sponsored { background-color: #f8f8f8; padding: 0; } .section_41 .sponsored .sponsor-wrapper, .section_3009 .sponsored .sponsor-wrapper, .section_59 .sponsored .sponsor-wrapper { padding: 10px 10px 15px 10px; } .section_41 .sponsored img, .section_3009 .sponsored img, .section_59 .sponsored img { width: 100%; height: auto; padding-bottom: 10px; } .section_41 .sponsor-left, .section_3009 .sponsor-left, .section_59 .sponsor-left { float: left; } .section_41 .sponsor-right, .section_3009 .sponsor-right, .section_59 .sponsor-right { float: left; } .section_41 .sponsor-left, .section_3009 .sponsor-left, .section_59 .sponsor-left { width: 23%; } .section_41 .sponsor-right, .section_3009 .sponsor-right, .section_59 .sponsor-right { width: 77%; } .section_41 .sponsor-left a, .section_3009 .sponsor-left a, .section_59 .sponsor-left a { display: block; padding-right: 10px; } .section_41 .sponsored .sectionThumb, .section_3009 .sponsored .sectionThumb, .section_59 .sponsored .sectionThumb { float: none; padding: 0; } .section_41 .sponsored p, .section_3009 .sponsored p, .section_59 .sponsored p { padding: 10px 0; } .section_41 .sponsored .sectionInfoWrapper, .section_3009 .sponsored .sectionInfoWrapper, .section_59 .sponsored .sectionInfoWrapper { color: #797979; width: auto; display: inline; font-size: 12px; } .section_41 .sponsored .sectionInfoWrapper a, .section_3009 .sponsored .sectionInfoWrapper a, .section_59 .sponsored .sectionInfoWrapper a { color: #797979 !important; } .section_41 .sponsored .sectionInfoWrapper a:hover, .section_3009 .sponsored .sectionInfoWrapper a:hover, .section_59 .sponsored .sectionInfoWrapper a:hover { text-decoration: underline; } .section_41 .sponsored .sectionInfoWrapper span, .section_3009 .sponsored .sectionInfoWrapper span, .section_59 .sponsored .sectionInfoWrapper span { margin-right: 25px; } .section_41 .sponsored .sectionByline, .section_3009 .sponsored .sectionByline, .section_59 .sponsored .sectionByline { font-size: 12px; color: #797979; } /* QUAD ROTATOR */ #contentColumn .grid_12 .quadtator-has-headers h3.sectionTitle { font-size: 15px; line-height: 21px; border-bottom: none; padding-bottom: 0; } .quadtator .quadtator-wrapper { height: 318px; padding: 0; } .quadtator .slideshow { left: 0; width: 441px; height: 318px; } .quadtator .carousel { width: 198px; right: 0; height: 318px; } .quadtator .carousel-wrap .slide { height: 106px; width: 198px; color: #FFF; font-size: 12px; } .quadtator .carousel-wrap .slide.hold { margin-top: -106px; } .quadtator .slideshow .slide .comment-box, .carousel-wrap .slide .comment-box, .quadtator-mobile .comment-box, .quadtator .carousel-wrap .slide .comment-box { font-family: 'LatoBold'; background: -moz-linear-gradient(top, rgba(0, 83, 177, 0) 0%, rgba(0, 83, 177, 0.84) 50%, rgba(0, 83, 177, 0.84) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 83, 177, 0)), color-stop(50%, rgba(0, 83, 177, 0.84)), color-stop(100%, rgba(0, 83, 177, 0.84))); background: -webkit-linear-gradient(top, rgba(0, 83, 177, 0) 0%, rgba(0, 83, 177, 0.84) 50%, rgba(0, 83, 177, 0.84) 100%); background: -o-linear-gradient(top, rgba(0, 83, 177, 0) 0%, rgba(0, 83, 177, 0.84) 50%, rgba(0, 83, 177, 0.84) 100%); background: -ms-linear-gradient(top, rgba(0, 83, 177, 0) 0%, rgba(0, 83, 177, 0.84) 50%, rgba(0, 83, 177, 0.84) 100%); background: linear-gradient(to bottom, rgba(0, 83, 177, 0) 0%, rgba(0, 83, 177, 0.84) 50%, rgba(0, 83, 177, 0.84) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000053b1', endColorstr='#d60053b1', GradientType=0 ); } .quadtator .carousel-button { right: 0; background-color: #333; } .quadtator-mobile { margin: 10px 0; padding: 0; } .quadtator-mobile .slideshow-button, .quadtator-mobile .bullets a { background-color: #333; } .quadtator .carousel-button:hover, .quadtator-mobile .slideshow-button:hover, .quadtator-mobile .bullets a:hover, .quadtator-mobile .bullets a.current { background-color: #3987de; } /* VIEWABILITY OVERRIDES */ .container { margin: 0; } header { } header .logo { width: 185px; display: table-cell; vertical-align: middle; } header .logo a { display: block; } header .logo img { width: 100%; display: block; } header .navigation { width: 797px; display: table-cell; padding-left: 20px; } .main-header-top { display: table; padding: 0 20px; border-bottom: solid 1px #c7c7c7; background: #f0f0f0; background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0)); background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%); } nav#mainNav { float: right; } nav#mainNav > ul { float: left; } nav#mainNav > ul > li { float: left; } nav#mainNav > ul > li > a, #browseBy a, .navbarClmHeader { display: block; text-transform: uppercase; color: #0490c4; font-family: 'LatoBold', Arial, sans-serif; padding: 8px 7px; font-size: 12px; line-height: 18px; } .navbarClmHeader { padding: 10px 0; margin: 0 10px; border-bottom: solid 1px #d8d8d8; color: #797979; } nav#mainNav > ul > li > a { position: relative; z-index: 501; } nav#mainNav > ul > li:hover > a { border: solid 1px #bfbfbf; border-bottom: none; border-top: none; background-color: #FFF; padding: 8px 6px 9px 6px; margin-bottom: -1px; color: #000; } #browseBy h3 { display: none; } #browseBy a { display: inline-block; color: #797979; padding:6px 7px; } #browseBy a:hover { color: #000; } .navigation .secondary { border-top: solid 1px #d8d8d8; } .dropdown1col, .dropdown4col { width: 1000px; left: 21px; position: absolute; display: none; background-color: #FFF; border: solid 1px #bfbfbf; z-index: 1; box-shadow: 0 0 5px #9e9e9e; } .dropdown1col { width: 250px; margin-left: -20px; left: auto; } .dropdown1col a, .dropdown4col a { display: block; text-transform: none; color: #0490c4; font-family: 'LatoBold', Arial, sans-serif; padding: 10px; font-size: 14px; line-height: 20px; } .dropdown4col .dropdownCallout-bullets li { padding: 0 0 15px 0; } .dropdown4col .dropdownCallout-bullets a { display: inline; } .dropdown4col a { padding: 10px 0; } .dropdown1col .grid_12 { margin: 0; float: none; width: auto; } .dropdown1col a { border-bottom: dotted 1px #d8d8d8; } .dropdown1col a:hover, .dropdown4col a:hover { color: #000; } .dropdown4col { padding: 10px 0; left: 20px; } .dropdown4col .grid_2, .dropdown4col .grid_3 { margin: 0; width: 18%; padding: 0 1%; } .dropdown4col .grid_2 a { border-bottom: dotted 1px #d8d8d8; } .dropdown1col ul > li:last-child a, .dropdown4col .grid_2 ul > li:last-child a { border-bottom: none; } .dropdownCallout-bullets li { list-style-type: disc; margin-left: 15px; } .dropdown4col .sectionTitle { margin-bottom: 0; font-size: 12px; line-height: 18px; padding: 0 0 5px 0; } .grid_3.dropdownCallout > a{ float:left; margin-right:10px; margin-bottom: 5px; } .dropdownCallout p{ font-size: 14px; line-height: 20px; font-family: 'Lato', Arial, sans-serif; color:#666; } .dropdownCallout-bullets{ padding: 10px 0; } .dropdownCallout-bullets a{ padding:0; margin-bottom:10px; } .main-header-bottom { padding: 15px 20px; } .main-header-bottom .adblock { width: 728px; height: 90px; float: left; } .main-header-bottom .header-links { width: 249px; float: left; padding-left: 15px; } .main-header-bottom.move { margin-top: -100%; transition: margin 5s linear; -ms-transition: margin 5s linear; -moz-transition: margin 5s linear; -webkit-transition: margin 5s linear; -o-transition: margin 5s linear; } #main-header.sticky { position: fixed; background-color: #FFF; width: 1042px; top: 0; box-shadow: 0 5px 10px -6px #3e3e3e; z-index: 3000000; } #main-header.sticky-header-top .main-header-top { position: fixed; width: 1002px; top: 0; box-shadow: 0 5px 10px -6px #3e3e3e; z-index: 3000000; } #utilityNav { float: right; } #utilityNav > ul { float: right; } #utilityNav > ul li { float: left; margin-left: 5px; } .utilityNavLinks { clear: both; } .utilityNavLinks .leftTableCol, .utilityNavLinks .rightTableCol { text-align: right; } .utilityNavLinks .leftTableCol { } .utilityNavLinks .rightTableCol { text-align: right; } .utilityNavLinks a { font-size: 12px; line-height: 18px; text-transform: capitalize; color: #333; font-family: 'LatoBold', Arial, sans-serif; color: #0090c5; } .utilityNavLinks #logintd{ float: right; margin-bottom: 5px; } .utilityNavLinks #logintd a{ text-transform: uppercase; font-size:14px; line-height: 20px; } .utilityNavLinks a:hover { color: #333; } .utility-links{ margin-bottom: 10px; float: right; } .utility-links li{ display: inline; } .utility-links li span{ font-size: 14px; line-height: 20px; margin-right:5px; } #showSearchButton { width: 24px; height: 34px; background-color: #F00; float: right; cursor: pointer; background: url('../simages/run/search-icon.png') no-repeat 50% 50% transparent; position: relative; z-index: 502; float: left; margin-left: 10px; } .nav-search-wrapper { display: none; overflow: hidden; position: absolute; top: 0; bottom: 0; right: 0; padding: 0 0 0 60px; width: 200px; background: url('../simages/run/search-gradient.png') no-repeat transparent; } #searchFieldWrapper { height: 100%; background-color: #FFF; width: 85%; float: left; } #searchFieldWrapper input { height: 80%; margin: 3px 0 0 0; padding: 0 2%; width: 94%; border: solid 1px #bfbfbf; font-size: 12px; line-height: 18px; } #searchSubmit { width: 15%; float: left; height: 100%; border: none; background-color: #F00; cursor: pointer; background: url('../simages/run/search-icon-active.png') no-repeat right 50% #FFF; text-indent: -9999px; } .channel-sub-nav { margin-bottom: 10px; margin-top: 0; } .adZoneFixedRightContainer { right: auto; margin-right: 0; margin-left: 1055px; } #browseBy{ text-align: right; margin-right: 34px; } @media only screen and (max-width:600px) { nav { margin: 0 0 10px 0; } nav ul { width: auto !important; margin: 0 !important; padding: 0 10px; } nav ul li > a.topNavItem { padding: 0 15px; } li#navMobileDropArrow { margin-top: 3px; } #rightColumn, .headerArticleBox, #printMagButton, #headerAdWrapper { display: none; } body { min-width: 320px; max-width: 600px; } #contentColumn { width: 96%; border: none; margin: 0 2% 15px 2%; padding-top: 10px; } .container { max-width: 599px; width: 100%; margin: 0; overflow-x: hidden; } .grid_6, .grid_4, .grid_5, .grid_7, .grid_8 { width: 96%; } header { } #headerTop { } .header-logo { max-width: 100%; width: 100%; clear: none; padding-top: 5px; } #globalHeader{ padding: 10px 15px; } #logoWrapper { } #utilityNav { float: none; } #utilityNav ul { position: relative; right: 0; margin: 0; padding: 0; } #utilityNav > ul{ float: left; width:50%; } .utilityNavLinks { position: relative; right: 0; float: right; clear: none; padding-top: 0; width:50%; } .utilityNavLinks #loginStatus { } li#navMobileDropArrow { width: 35px; height: 40px; padding: 0; border: 1px solid #ccc; cursor: pointer; margin-left: 3px; } li#navMobileDropArrow a { display: block; width: 35px; height: 32px; background: url(../simages/mobile/mobile-nav-more-arrow.png) no-repeat; margin: 6px auto 0 auto; } li#navMobileDropArrow a.open { background-position: -35px 0; } .nav-search-wrapper { margin-right: 20px; height: 32px; float: none; background-color: #ededed; } #searchFieldWrapper { width: 75%; height: 32px; float: left; margin: 0; background: none; } #searchField { width: 88%; height: 32px; line-height: 32px; float: left; margin: 0; padding: 0 0 0 7px; box-sizing: border-box; -moz-box-sizing: border-box; color: #767676; font-size: 14px; border: none; background: none; outline: none; -webkit-appearance: none; font-family: Arial, Helvetica, sans-serif; } #searchField:focus { border: none; outline: none; } .buttonSearch { width: 32px; height: 32px; float: right; background: url(../simages/mobile/mobile-search-button.png) no-repeat; text-transform: uppercase; font-size: 80%; text-indent: -99999px; outline: none; border: none; cursor: pointer; margin: 0; padding: 0; } #navMobileMore { width: 96%; float: left; display: none; margin-left: 4%; } ul.navMobileMoreItems { margin: 10px 0 0 0; padding: 0; list-style-type: none; border-bottom: 1px solid #ccc; } ul.navMobileMoreItems li a { width: 100%; display: block; padding: 10px 0 10px 0; border-top: 1px solid #ccc; } .grid_2 { width: 45.5%; } .sectionBulletLinks { width: 100%; } #slideOutWrapper, #socialSideBar { display: none; } .featuredThumb-right, .featuredThumb-left { float: left; margin: 0; max-width: 100%; width: 100%; } .articleImage-right { max-width: 100% !important; width: 100% !important; margin: 0 0 10px 0; padding: 0; } .articleImage-right img { max-width: 100%; width: 100%; } .articleImage-left { max-width: 100% !important; width: 100% !important; margin: 0 0 10px 0; padding: 0; } .articleImage-left img { max-width: 100%; width: 100%; } .featuredArticleImg { max-width: 100%; width: 100%; } .miniRotator { width: 100%; height: 350px; margin: 0; } .carousel { margin: 0 auto; } .carousel ul li { margin-right: 20px; } .featuredArticleBox h2 { margin-left: 1.25%; } .featuredArticleBox p { margin-left: 1.25%; } .featuredArticleBox { height: auto; margin-top: 20px; margin-left: 1.25%; } .dynamicLightboxMVC { width: 98% !important; top: 15px !important; left: 0 !important; } #lightboxContent { width: 95.5%; float: left; padding: 0 0 0 17px; margin-top: 17px; } #lightboxHeader { width: 90%; } #lightboxHeader h3, #lightboxEmailHeader h3 { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 16px; margin-bottom: 10px; } #lightboxContent p.intro { margin-bottom: 10px; width: 90.5%; display: none; } #lightboxFormWrapper { width: 90.5%; min-height: 185px; float: left; display: block; padding: 0 0 0 0; border-right: none !important; } #lightboxRightCol { width: 90.5%; float: left; padding-left: 0; margin-top: 10px; } .lightboxHelpText { margin-top: 20px; } .adZoneMobileContainer { width: 300px; margin: 0 auto; } .adZoneBreadcrumbSponsorContainer, #sponsorLinks { display: none; } #ADCALL_1001 { display: none; } .blogHeader { width: 100%; } .sectionBlogContent { width: 100%; padding-right: 0; } .sectionBlogTopics { width: 100%; } #latestVideoIframe { display: none; } .gatedMainImage { display: none; } #gatedContentOverlay { width: 95%; } #gatedRegisterWrapper { padding-bottom: 10px; } #gatedLoginForm { width: 93%; min-height: 200px; float: left; display: block; padding: 23px 3.5% 20px 3%; background-color: #f5f5f5; border-right: 1px solid #d8d8d8; } #gatedRegisterForm { width: 93%; float: left; display: block; padding: 23px 3.5% 0 3%; position: relative; } #gatedPasswordForm { width: 93%; min-height: 150px; float: left; display: block; padding: 23px 3% 10px 3%; background-color: #f5f5f5; border-right: 1px solid #d8d8d8; } #gatedConfirmForm { width: 93%; padding: 0 3%; } #gatedLoginRightCol { width: 94%; min-height: 120px; float: left; margin-top: 0; padding: 0 3% 25px 3%; position: relative; } .registerFreeButton { margin-right: 40px; } #gatedRegisterRightCol { width: 94%; min-height: 50px; float: left; margin-top: 0; padding: 7px 0 20px 3%; } #gatedPasswordRightCol { width: 94%; min-height: 120px; float: left; padding-left: 2.5%; margin-top: 0; padding: 0 0 0 3%; position: relative; } #gatedConfirmRightCol { width: 94%; min-height: 80px; float: left; margin-top: 0; padding: 7px 2.5% 25px 0; } .gatedListIntroText { display: none; } .gatedFormText h3 { font-size: 20px; } ul.gatedWhyRegisterList { width: 97%; display: none; } div.gatedFooter { left: 0; } p.gatedNeedHelpText { display: none; } .registerFreeButton { margin-left: 0; } .alreadyRegCallout { margin-bottom: 20px; } #dermDX-tabs { width: 100%; } div.dermDX-tabs-text { height: auto; } #dermDx-poll { width: 98%; margin-left: 2%; } #dermDx-poll-content { width: 100%; min-height: 250px; float: left; padding: 14px 0 5px 0; border-bottom: 1px solid #eee; margin-right: 0; } .recent-slideshow-item { width: 100%; margin-bottom: 20px; } .recent-slideshow-item img { float: left; } .recent-slideshow-item h2 { width: 40%; float: left; } .featuredRotatorMobile { height: 370px; } #dermDXMobile { height: 370px; } #footerLogo { margin: 0 0 8px 3%; } .footer_col { width: 45.5%; margin-bottom: 20px; height: auto; min-height: 200px; } .footer_col.intro { width: 94.5%; border: none; margin: 0 0 20px 0; } .copyrightText { margin: 0; } #searchResultsTabs p { width: 100%; margin-bottom: 10px; border-bottom: 0; } #paginationList { position: absolute; left: 30px; top: 55px; } #breadCrumbs { margin: 0 0 15px 4%; } .monographHeader { background: url(../simages/mobile/mobile-monograph-arrow.png) repeat-x; display: block; } .monographHeader h1 { width: 100%; font-size: 21px; float: left; margin: 0 0 0 6px; padding: 0; display: block; } .monographHeader h2#therapeuticUse { width: 100%; font-size: 18px; float: left; margin: 0 0 0 13px; padding: 0; display: block; } .monographHeader h4 { width: 100%; color: #222; font-size: 17px; float: left; font-weight: bold; display: block; text-shadow: 1px 0 3px #fff; vertical-align: top; padding-left: 0; padding-top: 13px; margin-right: 0; margin-bottom: 20px; } #monographTools { display: none; } #monographIndications .grid_4 { width: 100%; } #monographNav { width: 100%; margin-right: 0; margin-bottom: 0; } #monographNav li a { width: 97.1%; padding: 12px 0 12px 13px; } #drugInfo { margin-top: 20px; } #drugInfo img { width: 100%; } #drugInfo .grid_4 { width: 25%; margin-right: 2%; } #drugInfo .grid_8 { width: 69%; } .monographText { width: 90%; margin-left: 13px; } #browseByFilterWrapper { width: 98%; float: left; padding: 20px 0 10px 14px; position: relative; border-bottom: 1px solid #e3e3e3; margin-top: -15px; } #browseByFilter li { margin-bottom: 7px; } #browseByFilterRange { float: left; position: static; margin-top: 3px; } #browseByFilterRange li { float: left; margin-right: 15px; } #browseByDrugListNav { display: none; } #browseByDrugListNav, .drugCheck.browseBy, .addToMyListText { display: none; } #searchResults { width: 96%; } #filterResults { display: none; } #searchResultsTabs p { width: 100%; margin-bottom: 10px; border-bottom: 0; } #paginationList { position: absolute; left: 30px; top: 55px; } #resourceCenterHeader { position: relative; min-height: 210px; padding-bottom: 0; } #resourceCenterHeaderContent { width: 96%; min-height: 220px; margin-left: 0; padding: 0 2% 10px 2%; background-color: #333; opacity: .8; position: relative; z-index: 10; } #resourceCenterHeader img { position: absolute; z-index: 0; float: none; right: 0; top: 0px; } div.sponsoredCourse .sponsoredCourseContent { width: 100%; display: block; } div.sponsoredCourse .sponsoredCourseImage { display: block; width: 100%; margin-top: 10px; } /* VIEWABILTITY FIXES */ #searchSubmit.buttonSearch { width: 32px; height: 32px; float: right; background: url(../simages/mobile/mobile-search-button.png) no-repeat; text-transform: uppercase; font-size: 80%; text-indent: -99999px; outline: none; border: none; cursor: pointer; margin: 0; padding: 0; } .mobile-nav nav#mainNav, .channel-main-nav nav#mainNav { margin: 0 0 8px 0; float: none; padding: 0; background-color: #006fbb; height: 50px; } .channel-main-nav nav#mainNav { margin: 8px 0; } .mobile-nav nav#mainNav > ul > li > a, .channel-main-nav nav#mainNav > ul > li > a { height: 50px; padding: 0 10px; line-height: 50px; color: #FFF; } .mobile-nav nav#mainNav > ul > li > a:hover, .channel-main-nav nav#mainNav > ul > li > a:hover { padding: 0 10px; border: none; margin: 0; background-color: #f3f3f3; color: #666; } .mobile-nav nav#mainNav .grid_8, .channel-main-nav nav#mainNav .grid_8 { float: none; } .mobile-nav #navMobileDropArrow, .channel-main-nav #navMobileDropArrow { float: right; margin-right: 5px; border: none; } .mobile-nav li#navMobileDropArrow a, .channel-main-nav li#navMobileDropArrow a { width: 25px; height: 20px !important; background: url('../simages/ona/sub-nav-arrow.png') no-repeat left top transparent; margin-top: 12px; } .mobile-nav nav#mainNav > ul > li#navMobileDropArrow, .channel-main-nav nav#mainNav > ul > li#navMobileDropArrow { height: 50px; } .mobile-nav nav#mainNav > ul > li#navMobileDropArrow:hover > a, .channel-main-nav nav#mainNav > ul > li#navMobileDropArrow:hover > a { margin-top: 12px; margin-bottom: 0; padding-top: 0; padding-bottom: 0; background-color: transparent; border: none; } .mobile-nav .nav-search-wrapper, .channel-main-nav .nav-search-wrapper { width: auto; float: none; position: static; padding: 0; background-image: none; background-color: #ededed; height: 32px; display: block; margin: 0 20px 0 0; } .mobile-nav #searchField, .channel-main-nav #searchField { height: 32px; line-height: 32px; } ul.navMobileMoreItems li a:hover { color: #ae0007; } li#navMobileDropArrow a.open { background-position: 0 bottom; } #headerBottom{ margin-top:5px; } .rightAdContainer { float: none; margin: 0 auto 20px auto; position: static; z-index: 0; } } @media only screen and (max-width:320px) { body { min-width: 320px; max-width: 320px; } .container { max-width: 320px; width: 100%; margin: 0; overflow-x: hidden; } .grid_6, .grid_4, .grid_5, .grid_7, .grid_8 { width: 96%; } .featuredThumb-right { float: left; margin: 0; } #slideOutWrapper, #socialSideBar { display: none; } .featuredThumb-right { max-width: 100%; width: 100%; } .articleImage-right { max-width: 100% !important; width: 100% !important; float: none; margin: 0; padding: 0; } .articleImage-right img { max-width: 100%; width: 100%; } .navCalloutArticle { display: none; } .grid_2 { width: 45.5%; } .badgevilleHeaderImage, #badgevilleHeader { display: !important; } nav ul li > a.topNavItem { padding: 0 7px 0 7px; } .featuredArticleImg { max-width: 100%; width: 100%; } .miniRotator { width: 100%; height: 350px; margin: 0; } .carousel { margin: 0 auto; } .carousel ul li { margin-right: 20px; } .dynamicLightboxMVC { width: 98% !important; top: 15px !important; left: 0 !important; } #lightboxContent { width: 95.5%; float: left; padding: 0 0 0 17px; margin-top: 17px; } #lightboxHeader { width: 90%; } #lightboxHeader h3, #lightboxEmailHeader h3 { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } #lightboxContent p.intro { margin-bottom: 10px; width: 90.5%; display: none; } #lightboxFormWrapper { width: 90.5%; min-height: 185px; float: left; display: block; padding: 0 0 0 0; border-right: none !important; } #lightboxRightCol { width: 90.5%; float: left; padding-left: 0; margin-top: 10px; } .lightboxHelpText { margin-top: 20px; } p.checkboxWrapper { width: 100%; font-size: 13px; color: #666; padding-bottom: 7px; } a.forgotPassLink { color: #666; float: left; clear: left; } .adZoneMobileContainer { width: 300px; margin: 0 auto; } .adZoneBreadcrumbSponsorContainer, #sponsorLinks { display: none; } .blogHeader { width: 100%; } .sectionBlogContent { width: 100%; padding-right: 0; } .sectionBlogTopics { width: 100%; } #latestVideoIframe { display: none; } .gatedMainImage { display: none; } .featuredRotatorMobile { height: 275px; } #dermDXMobile { height: 275px; } .footer_col { width: 97.5%; } .footer_col.intro { width: 97.5%; border: none; margin: 0 0 0 0; } #monographNav li a { width: 95.4%; padding: 12px 0 12px 13px; } #drugInfo .grid_4 { width: 25%; margin-right: 4%; } #drugInfo .grid_8 { width: 67%; } .monographText { width: 87%; } } /*QUICK FIX FOR IPAD TOUCH BUG FOR DROP DOWN MENU*/ #mainNav > ul > li:hover .dropdown1col, #mainNav > ul > li:active .dropdown1col, #mainNav > ul > li:focus .dropdown1col, #mainNav > ul > li:hover .dropdown4col, #mainNav > ul > li:active .dropdown4col, #mainNav > ul > li:focus .dropdown4col { display: block !important; } /* basic scrollbar styling */ /* vertical scrollbar */ .mCSB_container{ width:auto; margin-right:25px; overflow:hidden; } .mCSB_container.mCS_no_scrollbar{ margin-right:0; } .mCustomScrollBox .mCSB_scrollTools{ width:16px; height:100%; top:0; right:0; } .mCSB_scrollTools .mCSB_draggerContainer{ height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{ padding-bottom:40px; } .mCSB_scrollTools .mCSB_draggerRail{ width:12px; height:100%; margin:0 auto; } .mCSB_scrollTools .mCSB_dragger{ cursor:pointer; width:100%; height:30px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:10px; height:100%; margin:0 auto; text-align:center; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ height:20px; overflow:hidden; margin:0 auto; cursor:pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom:0; margin-top:-40px; } /* horizontal scrollbar */ .mCSB_horizontal .mCSB_container{ height:auto; margin-right:0; margin-bottom:30px; overflow:hidden; } .mCSB_horizontal .mCSB_container.mCS_no_scrollbar{ margin-bottom:0; } .mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{ width:100%; height:16px; top:auto; right:auto; bottom:0; left:0; overflow:hidden; } .mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{ height:100%; width:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden; } .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{ padding-bottom:0; padding-right:20px; } .mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:2px; margin:7px 0; } .mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{ width:30px; height:100%; } .mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:100%; height:4px; margin:6px auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{ width:20px; height:100%; overflow:hidden; margin:0 auto; cursor:pointer; float:left; } .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{ right:0; bottom:auto; margin-left:-40px; margin-top:-16px; float:right; } /* default scrollbar colors and backgrounds */ .mCustomScrollBox .mCSB_scrollTools{ } .mCustomScrollBox:hover .mCSB_scrollTools{ opacity:1; } .mCSB_scrollTools .mCSB_draggerRail{ /* rgba fallback */ background:#fff; /* rgba fallback */ border-right:1px solid #d1d1d1; border-left:1px solid #d1d1d1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#cad8db; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background:#cad8db; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image:url(mCSB_buttons.png); background-repeat:no-repeat; opacity:0.4; filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp{ background-position:0 0; } .mCSB_scrollTools .mCSB_buttonDown{ background-position:0 -20px; } .mCSB_scrollTools .mCSB_buttonLeft{ background-position:0 -40px; } .mCSB_scrollTools .mCSB_buttonRight{ background-position:0 -56px; } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */ } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity:0.9; filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */ }