/* Cleveland Clinic Med Ed Stylesheet */ /* Master Sheet */ /* This sheet contains the structure for all pages in the site. This sheet is adapted from ccf.org global_master.css. */ /* February 23rd added #gasMini for google mini search appliance site-search block - Brian */ /* February 25th added #content table td ul for font sizes for online cme Jen */ /* March 29, 2012 added googleplus1 class to control width - Brian */ /* January 29, 2013 add jquerry lightbox and section css */ /* ----------------------------- GLOBAL RESET ----------------------------- */ body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #474a51; background: #DFEFF8; overflow: hidden; overflow-x: hidden;} html { font-size:100%; overflow-x: hidden;} a img { border: none;} .hidden { display:none;} #preloader { display: none; background-image:} /* anchor tag styles */ a { color: #365ea4; text-decoration: underline;} a:active { color: #365ea4; text-decoration: underline;} a:hover { color: #1e702e; text-decoration: underline;} a.backtop_links { font-size: .9em; display: block; margin-top: 15px;} a.more { font-weight: bold; padding-right: 1.5em; background: url("/images/elements/grayarrow.png") no-repeat 100% 2px; display: inline-block;} a:hover.more { background-image: url("/images/elements/grayarrow-hover.png");} /* ----------------------------- WRAPPERS & SHADOWS ----------------------------- */ #wrapper-page { width: 935px; padding: 0; margin: 0 auto 3em auto; background-color: #fff;} #shadow-outer1 { border-left: .125em solid #C9CEE0; border-right: .125em solid #B7B7C1; border-bottom: .125em solid #B7B7C1;} #shadow-outer2 { border-left: .063em solid #D3E2EA; border-right: .125em solid #C9CEE0; border-bottom: .125em solid #C9CEE0;} #shadow-outer3 { border-right: .125em solid #D3E2EA; border-bottom: .125em solid #D3E2EA;} #shadow-inner1 { border-left: .063em solid #E7E7E7; border-right: .189em solid #E7E7E7; border-bottom: .189em solid #E7E7E7; border-top: .063em solid #E7E7E7; } #shadow-inner2 { border-left: .189em solid #F7F7F7; border-right: .125em solid #F7F7F7; border-bottom: .125em solid #F7F7F7; border-top: .189em solid #F7F7F7; } /* ----------------------------- Content Structure ----------------------------- */ #header-wrap { width: 100%; margin: 0; top: 0;} #header { top: 0; background: #FFF;} #header-inner { height: 113px; margin: auto; padding: 10px 0 0 10px;} #logo { float:left; margin: 0; padding: 0;} #logo img {width: 100%;} #nav-top ol { margin: 0; } #nav-top { margin: 0; padding: 0; height: 25px; float: right;} #nav-top li { float: left; display: inline; list-style: none; margin: 0px; width: auto; font: 12px Arial, Helvetica, sans-serif; white-space: nowrap; border-left: 1px solid #ddd;} #nav-top li:first-child { border: none;} #nav-top li a { display: inherit; margin: 0 5px; text-decoration: none; color: #333;; font-family: Arial, Helvetica, sans-serif; white-space: nowrap; padding: 4px 10px; text-transform: lowercase; font-size: 12px;} #nav-top li a.smaller { display: inherit; margin: 0 4px; text-decoration: none; color: #4b4a49; font: 8px/12px Arial, Helvetica, sans-serif; white-space: nowrap; color: #365ea4;} #nav-top li a.normal { display: inherit; margin: 0 4px; text-decoration: none; color: #4b4a49; font: 12px/12px Arial, Helvetica, sans-serif; white-space: nowrap; color: #365ea4;} #nav-top li a.larger { display: inherit; margin: 0 4px; text-decoration: none; color: #4b4a49; font: 16px/12px Arial, Helvetica, sans-serif; white-space: nowrap; color: #365ea4;} #nav-top li a:hover { background:#666; color: #fff;} /* main navigation styles */ #qnavigation { background: #555454 url(/images/elements/navBar_back.gif) 0 0 repeat-x; margin: 0; padding: 0; position: relative;} #ccNav { margin: 0 auto; list-style: none; max-width: 980px;} #ccNav .navItem { float: left; padding: 0; background: transparent url(/images/elements/navBar_divider.gif) right 0 no-repeat; position: relative;} #ccNav .navItem h3 { margin: 0; padding: 0; font: 1em bold Arial, Helvetica, sans-serif;} #ccNav .navItem h3 a, #ccNav li.current h3 a, #ccNav .active h3 a { display: block; padding: 1em 1.4em 1em 1.4em; text-decoration: none; color: #fff; font-weight: 500; font-size: 0.8em; line-height: 1.2em;} #ccNav .navItem h3 a:hover { text-decoration: none; background-color: #414040;} /* This hides the pipe in nav bar */ #ccNav #navLast { background: none;} /* section headers */ #section_medpubs { top: 114px; background-image: url(/images/section/section_publications.jpg); background-repeat: repeat-x; height: 45px; margin: 0;} #section_live { background-image: url(/images/section/section_live.jpg); background-repeat: repeat-x; height: 45px; margin: 0;} #section_online { top: 114px; background-image: url(/images/section/section_online.jpg); background-repeat: repeat-x; height: 45px; margin: 0;} #section_highlevel { top: 114px; background-image: url(/images/section/section_highlevel.jpg); background-repeat: repeat-x; height: 45px; margin: 0;} #section_news { top: 114px; background-image: url(/images/section/section_news.jpg); background-repeat: repeat-x; height: 45px; margin: 0;} #section-inner { height: 45px; margin: 0 auto; padding: 0 0 0 15px;} /* main navigation */ #nav-main { top: 159px; height: 44px; background-color: #666666; padding: 0; margin: 0;} #nav-main-inner { height: 40px; width: 935px; margin: 0 auto; padding: 0;} #nav-main-inner ul { margin: 0 0 0 18px; padding: 0;} #nav-main-inner ul li { display: block; list-style: none; float: left; margin: 0 17px 0 0;} #nav-main-inner ul img { border: 0;} #printHeading { display: none;} /* left side nav styles */ /* green */ #nav-page-live { padding: 0; background: #d2e2d5; font-size: .8em;} #nav-page-live ul { display: block; list-style: none; margin: 0; padding: 20px; border-top: 8px solid #8AB492;} #nav-page-live ul li { display: inline; margin: 0; font-weight: bold; color: #434241; padding: 0; } #nav-page-live ul li ul { padding: 0; margin-bottom: 0px; border: none;} #nav-page-live ul li ul li { padding: 0; margin: 0;} #nav-page-live a, #nav-page a:visited { color:#1E702E; font-weight: bold; text-decoration: none; display:block; padding:5px 5px 5px 0; background: #d2e2d5;} #nav-page-live a:hover { font-weight: bold; text-decoration: underline; background: #d2e2d5; color:#666666;} #nav-page-live a.current { font-style: italic; color: #434241; text-decoration: underline; padding:5px 5px 5px 0;} /* purple */ #nav-page { padding: 0; background: #ded9dd; font-size: .8em;} #nav-page ul { display: block; list-style: none; margin: 0; padding: 20px; border-top: 8px solid #a99da8;} #nav-page ul li { display: inline; margin: 0; font-weight: bold; color: #434241; padding: 0; } #nav-page ul li ul { padding: 0; margin-bottom: 0px; border: none;} #nav-page ul li ul li { padding: 0; margin: 0;} #nav-page a, #nav-page a:visited { color:#52394b; font-weight: bold; text-decoration: none; display:block; padding:5px 5px 5px 0; background: #ded9dd;} #nav-page a:hover { font-weight: bold; text-decoration: underline; background: #ded9dd; color:#666666;} #nav-page a.current { font-style: italic; color: #434241; text-decoration: underline; padding:5px 5px 5px 0;} #nav-page a:visited.current { font-style: italic; color: #434241; text-decoration: underline; padding:5px 5px 5px 0;} /* light blue */ #nav-page-online { padding: 0; margin-left: 0; background: #cdeff2; font-size: .8em;} #nav-page-online ul { display: block; list-style: none; margin: 0; padding: 20px; border-top: 8px solid #92dbe2;} #nav-page-online ul li { display: inline; margin: 0; font-weight: bold; color: #434241; padding: 0; } #nav-page-online ul li ul { padding: 0; margin-bottom: 20px; border: none;} #nav-page-online ul li ul li { padding: 0; margin: 0;} #nav-page-online a, #nav-page-online a:visited { color:#569ca2; font-weight: bold; text-decoration: none; display:block; padding:5px 5px 5px 0; background: #cdeff2;} #nav-page-online a:hover { font-weight: bold; text-decoration: underline; background: #cdeff2; color:#666666;} #nav-page-online a.current { font-style: italic; color: #434241; text-decoration: underline; padding:5px 5px 5px 0;} #nav-page-online a:visited.current { font-style: italic; color: #434241; text-decoration: underline; padding:5px 5px 5px 0;} /* dark blue */ #nav-page-specialties { padding: 0; margin-left: 12px; width: 212px; background: #cddfee; font-size: .8em;} #nav-page-specialties ul { display: block; list-style: none; margin: 0; padding: 20px; border-top: 8px solid #7DABD2;} #nav-page-specialties ul li { display: block; margin: 0; font-weight: bold; color: #434241; padding: 0; } #nav-page-specialties ul li ul { padding: 0; margin-bottom: 20px; border: none;} #nav-page-specialties ul li ul li { padding: 0; margin: 0;} #nav-page-specialties a, #nav-page-specialties a:visited { color:#065EA8; font-weight: bold; text-decoration: none; display:block; padding:5px 5px 5px 0; background: #cddfee;} #nav-page-specialties a:hover { font-weight: bold; text-decoration: underline; background: #cddfee; color:#666666;} /*#nav-page-specialties a.current { font-style: italic; color: #434241; text-decoration: underline; padding:5px 5px 5px 0;}*/ #nav-page-specialties a.current { font-style: italic; background: #065EA8; color: #fff;} #nav-page-specialties a:visited.current { font-style: italic; background: #065EA8; color: #fff;} /* orange */ #nav-page-news { padding: 0; margin-left: 12px; width: 212px; background: #FCE5D0; font-size: .8em;} #nav-page-news ul { display: block; list-style: none; margin: 0; padding: 20px; border-top: 8px solid #F7BB84;} #nav-page-news ul li { display: inline; margin: 0; font-weight: bold; color: #434241; padding: 0; } #nav-page-news ul li ul { padding: 0; margin-bottom: 20px; border: none;} #nav-page-news ul li ul li { padding: 0; margin: 0;} #nav-page-news a, #nav-page-news a:visited { color:#AC6E2E; font-weight: bold; text-decoration: none; display:block; padding:5px 5px 5px 0; background: #FCE5D0;} #nav-page-news a:hover { font-weight: bold; text-decoration: underline; background: #FCE5D0; color:#666666;} #nav-page-news a.current { font-style: italic; color: #434241; text-decoration: underline; padding:5px 5px 5px 0;} #nav-page-news a:visited.current { font-style: italic; color: #434241; text-decoration: underline; padding:5px 5px 5px 0;} /* for page subheads */ .subhead { font: bold 1.2em Arial, Helvetica, sans-serif;} /* main content area */ #mainContent { position: absolute; top: 212px; margin: 0; padding: 0; border-left: 1px solid #af9faa; border-right: 1px solid #af9faa; border-bottom: 1px solid #af9faa; background-color: #fff;} #breadcrumb { height: 15px; z-index: 5; padding: 12px; clear: left;} #breadcrumb { font: 11px Arial, Helvetica, sans-serif; color: #365ea4;} #breadcrumb a { font: 11px Arial, Helvetica, sans-serif; color: #365ea4; padding-right: 1.5em; padding-left: .5em; background: url("/images/elements/grayarrow.png") no-repeat 100% .05em;} #breadcrumb a:active { font: .9em Arial, Helvetica, sans-serif; color: #365ea4;} #breadcrumb a:hover { font: 11px Arial, Helvetica, sans-serif; color: #1e702e; background-image: url("/images/elements/grayarrow-hover.png");} #sectionBrand { position: absolute; float: right; z-index: auto; margin: 0; padding: 0; top: -39px; right: 0;} .topImageBrand { position: relative; float: right; top: 0; right: -16px; } #left_column { top: 0; margin: 0; float: left; width: 230px; height: 100%; background-color: #fff;} #content { top: 0; padding: 0 0 0 10px; float: left; width: 670px; } #contentArticle { } /*related cme content */ #related-cme { width: 212px; margin-left: 11px;} #related-cme ul { display: block; list-style: none; margin: 0; padding: 10px; } #related-cme ul li { display: block; font-weight: bold; color: #569ca2; } #related-cme ul li.heading { background: #cdeff2; padding: 5px;} #related-cme ul li.subheading { font: bold .95em Georgia, "Times New Roman", Times, serif; padding: 5px 0 0 5px;} #related-cme ul li ul { border: none; padding: 0; background-color: #FFF; padding-bottom: 10px;} #related-cme ul li ul li { background-color: #FFF; font: normal .80em Arial, Helvetica, sans-serif; color: #434241; } /* ----------------------------- Site-wide styles ----------------------------- */ .index table { border: none;} .index td { border-bottom: 1px solid #CCCCCC; padding-bottom: 10px;} .index td.indextop { border-bottom: none; } .index tr td { vertical-align:top; padding: 10px 10px;} h1 { margin: 0; padding: 0 0 .2em 0; font-family: "News Gothic Std", Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 1.8em; color: #434241;} h2 { margin: 0; padding: 0 0 .4em 0; font-family: "News Gothic Std", Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 1.6em; color: #434241; letter-spacing: -.025em;} h3 { margin: 0 0 .8em 0; padding: .1em 0 0 0; font: 1.2em Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #434241;} h4 { font: bold 15px "News Gothic Std", Arial, Helvetica, Sans-serif; margin: 0; padding: 1em 0 0 0; color: #434241; line-height: 22px;} h5 { font: bold italic 14px/14px Arial, Helvetica, sans-serif; margin: 0; padding: 1em 0 0 0; color: #434241;} h6 { font: bold .75em Arial, Helvetica, sans-serif; margin: 0; margin-bottom: .5em; padding: 0; color: #434241;} .button { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; font-size: 14px; padding-left: 18px; background: #fff url(/images/elements/online/plus-14.png) left center no-repeat;} .button:hover { text-decoration: none;} #content p, #content ul, #content ol, #content td, #content th { font-size: .75em; font-family: Arial, Helvetica, sans-serif; line-height: 1.6em;} #content table td ol, #content table td ul {font-size: 1em; } #content ul li p, #content ol li p, #content td p, #content th p, #content ul ul, #content ol ol, #content ul ol, #content ol ul { font-size: 1em; font-family: Arial, Helvetica, Sans-Serif; line-height: 1.4em;} #content td h4 {font: bold 1.25em/1em "News Gothic Std", Arial, Helvetica, Sans-serif; margin: 0; padding: 1em 0 0 0; color: #434241;} #content .tableRef { font: .75em "News Gothic Std", Arial, Helvetica, Sans-serif; margin: 0; padding: 0;} #content p { margin-top: .75em; } #main_2_column p, #main_2_column ul, #main_2_column ol, #main_2_column td, #main_2_column th { font-size: .75em; font-family: Arial, Helvetica, sans-serif; line-height: 1.6em;} #main_2_column table td ol, #main_2_column table td ul {font-size: 1em; } #main_2_column ul li p, #main_2_column ol li p, #main_2_column td p, #main_2_column th p, #main_2_column ul ul, #main_2_column ol ol, #main_2_column ul ol, #main_2_column ol ul { font-size: 1em; font-family: Arial, Helvetica, Sans-Serif; line-height: 1.4em;} #main_2_column td h4 {font: bold 1.25em/1em "News Gothic Std", Arial, Helvetica, Sans-serif; margin: 0; padding: 1em 0 0 0; color: #434241;} #main_2_column .tableRef { font: .65em "News Gothic Std", Arial, Helvetica, Sans-serif; margin: 0; padding: 0;} #main_2_column p { margin-top: .75em; } #one_column_online p, #one_column_online ol { font-size: .75em; font-family: Arial, Helvetica, sans-serif; line-height: 1.6em;} /* table styles for table headings with merged columns. group has bottom border, groupEdge has bottom border and left border, sugroupEdge has left border. */ #content th.group { border-bottom: 2px solid #ffffff;} #content th.groupEdge { border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff;} #content th.subgroupEdge { border-left: 2px solid #ffffff;} /* Share Containers */ #shareTools { float: left; /* width: 340px; */} #shareTools.rh-specialty { float: right; margin-top: 30px;} div.PageToolsEmailPrint { float: left; margin-right: .5em; margin-bottom: .5em; /* margin-left: .5em; */} div.PageToolsEmailPrint img, .PageToolsEmailPrint a { margin: 0; padding: 0;} div.shareThis { float: left; margin-right: 0; margin-bottom: .5em; margin-left: 0; margin-top: 3px;} div.shareThis a { font: normal .75em Arial, Helvetica, sans-serif;} td div.shareThis a { font-size: 1em;} .googleplus1 { width: 75px; float: left;} div #container {} /* center shareThis box on button */ .link-small { font: bold 10px Arial, Helvetica, sans-serif;} /* gray introductory text */ #content p.pageintro { margin: 0 0 1em 0; padding: 0; font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.6em; /* 160% */ color:#555;} #main_2_column p.pageintro { margin: 0 0 1em 0; padding: 0; font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.6em; /* 160% */ color:#555;} #one_column_online p.pageintro { margin: 0 0 1em 0; padding: 0; font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.6em; /* 160% */ color:#555;} #content .bodytext { font-size: .75em; line-height: 1.4em;} #content p.smallitalic { font: italic .7em "News Gothic Std", Arial, Helvetica, sans-serif; line-height: 1.4em;} #content p.largeitalic { font: italic .9em "News Gothic Std", Arial, Helvetica, sans-serif; line-height: 1.4em;} #content td.smallcontent { font: .7em "News Gothic Std", Arial, Helvetica, sans-serif; line-height: 1.4em;} #content .smallcontent { font: normal .90em "News Gothic Std", Arial, Helvetica, Sans-serif;} #content .required { color: #941A42;} div.PageToolsEmailPrint { float: right; margin-right: 1em; margin-bottom: .5em;/* margin-left: 1em;}*/} div.PageToolsEmailPrint img, .PageToolsEmailPrint a { margin: 0; padding: 0;} /* for series overview */ #nextCallout { float: right; margin: 12px; width: 45%; padding: 12px; background-color: #fdfdfd; border: solid 1px #cdcdcd; border-radius: 18px;} #nextCallout h3 { text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 95%; color: #5f453f;} #nextCallout p { margin-left: 20px; font-family: "News Gothic Std", Arial, Helvetica, Sans-serif; font-weight: normal; font-size: 80%; color: #434241;} /* for publish date of DMP chapters */ .masthead { padding: 0; margin-left: 12px; width: 212px; background: #fff; font: bold .9em;} /* for cme activity author links */ .faculty { font-weight: bold;} #contentArticle p.scientific-formula { font-family:"Times New Roman", Times, serif; font-size: 14px; font-weight: bold; color: #434241; text-align: center;} #alert { background-color:#0081C5; padding:10px; display:inline-block; margin:0 16px 16px 18px; } .alertimage { float:left; padding-right:10px; } .alertimage img { width:32px; } .alerttext { color:#FFFFFF; float:left; width:93%; font-size:13px; } #reference { margin: 0px; border-top: 1pt solid #ccc; border-bottom: 1pt solid #ccc; padding-top: 10px; padding-bottom: 10px;} .references li { padding-bottom: 12px;} .cmecreditslocation { font-weight: bold; } .grayborder { border-top: solid 1pt #CCCCCC;} .bookmark { padding-top: 3px;} .question { font-weight: bold;} .page_author {/* have been using this to denote the author of an article or information page, when listed near the page title - see the Mitral Valve page for example */ margin:0; padding:.25em 0 0 .25em; font:.92em/110% Arial, Helvetica, sans-serif; font-weight:bold; } .page_subtitle2 {/* used for a smaller sub-subtitle underneath the subtitle of a page - see Atrial Fib. page for example */ margin:0; padding:.25em 0 0 .25em; font:.92em/110% Arial, Helvetica, sans-serif; font-weight:bold; } .page_date {/* used for the date of an article or information page, if listed */ font-style:italic; } .content_copyright {/* some news releases have Copyright Disclaimers *IN* the content. Keeping them around for the moment; at least if we can give them a class, it'll be easy to automatically scrub them out later */ font-style:italic; } .content_disclaimer {/* used to denote the following disclaimer when it apperas in content: "(*a new browser window will open with this link. The inclusion of links to other web sites does not imply any endorsement of the material on the web sites or any association with their operators.)"*/ font-style:italic; } .content_disclaimer2 {/* used to denote the following disclaimer: "This information is provided by the Cleveland Clinic and is not intended to replace the medical advice of your doctor or health care provider. Please consult your health care provider for advice about a specific medical condition." */ font-style:italic; } #left_2_column.contact-page {background: #cddfee; } #left_2_column.contact-page ul { display: block; list-style: none; margin: 0; padding: 30px; border-top: 8px solid #7DABD2; font-size: 14px; } #left_2_column.contact-page ul li { display: inline; margin: 0; font-weight: bold; color: #434241; padding: 0; } #left_2_column.contact-page ul li ul { padding: 0; border-top: none; padding-bottom: 20px; } #left_2_column.contact-page ul li ul li { padding: 0; margin: 0; color:#065EA8; font-weight:normal; } #left_2_column.contact-page ul li ul li.phonenumber { font-size: 19px; font-weight: normal; color: #699ecb; display: block; line-height: 30px;} /* --- original webcast doctor image style --- img.img-left { float:left; margin:.25em .625em .25em 0; padding: 8px; border: solid 1px #ccc;} */ img.img-left { float:left; margin: 8px; padding: 0px; border: solid 1px #ccc;} img.img-right { float:right; margin:.25em 0 .25em .625em; padding: 8px; border: solid 1px #ccc;} .img-print { float:right; margin:.15em 0 .15em .45em; padding: 10px; border: 0;} .printImage { display: none;} div.dmpimage-right { float: right; margin: .5em;} #main_2_column div.dmpimage-right { float: right; margin-bottom: .5em; margin-left: 10px;} div.dmpimage-left { float: left; margin-bottom: .5em;} div.dmpimagecaption { font-size: .75em; text-align: center;} div.amapra-right { float: right; margin:.25em 0 .25em .625em; padding: 8px; width: 220px;} /* used to encase table for 'how to obtain AMA PRA catagory 1 credit' box and give padding. */ /* width added to avert another ie7-8 bug */ /* for new disclosure statements */ .article tr.even td { background-color: #e9eeea;} /* ----------------------------- FOOTER =footer ----------------------------- */ .footer { margin: 20px 0;} #upperFooterContainer { width: 934px;} /*#upperFooterContainer { }*/ #footerPad { top: 0; margin: 0; float: left; display: inline; width: 190px; background-color: rgba(255,255,255,0.00);} #upperFooterLinks { float: right; top: 0; right: 5px; padding: 0 10px; margin: 10px 0; width: 665px; background-color: #fff;} /*#upperFooterLinks { float: right; top: 0; right: 5px; padding: 0 10px; margin: 10px 0; background-color: #fff;}*/ .textNavFooter ul { margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; font-size: .75em;} .textNavFooter ul li { float: left; margin-right: 1em;margin-top: .25em; white-space: nowrap;} .textNavFooter p { margin: 0; padding: 0; font-size: .675em; color: #666;} #lowerFooterContainer {background-color: #4a4948; padding: 8px 0;} /*#lowerFooterContainer { background-color: #4a4948; padding: 8px 15px;}*/ #pageTools { float: left; margin-left: 20px;} #copyStatement { float: right; width: 73%; padding: 0; background-color: #4a4948; color: #FFF; font-size: .70em;} /*#copyStatement { float: right; padding: 0; background-color: #4a4948; color: #FFF; font-size: .70em;}*/ #lowerFooterLinks { float: left; margin-left: 15px; padding: 6px 0; background-color: #fff; } #printFooter { display: none;} /* ------------------------------ ADDED IN FOR MOBILE SCALING ------------------------------- */ #directions { background-color: #DFE0D2; border: 2px solid #acae98; border-radius: 15px; -moz-border-radius: 15px; margin-left: 10px; padding: 10px; font-size: .8em;} /* ----------------------------- SELF-CLEARING FLOATS =selfclearing ----------------------------- */ .cleared_both { clear:both;} .clearthis:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Put this into IE.css later */ /* trigger hasLayout and target ie5+6/win only */ * html .clearthis, * html #nav ul li a { height: 1%; } #logo img { width: 354px;} /* trigger hasLayout and target ie7/win only */ *:first-child+html .clearthis { min-height: 1px; } #logo img { width: 354px;} * html #nav ul li a { display: inline; } /* for future development*/ /*#nav-page dl {width: 212px; margin: 0 auto; padding: 0px; background: #ded9dd; border-top: 8px solid #a99da8;} #nav-page dt { margin-left: 18px; margin-top: 18px; padding: 0; font-weight: bold; font-size: .75em; color: #434241; background: #ded9dd;} #nav-page dd {margin:0; padding:0; color: #fff; font-size: .8em; background: #ded9dd;}*/ /* New Responsive CSS */ /* Desktop-sized screens */ body, html {overflow-x: hidden;} .clearthis {clear: both;} .clear {clear: both;} img { max-width: 100%; height: auto; width: auto/9; /* ie8 */ } /* Emergency containers */ #onlinemessage { margin: 0 18px;} /* Header */ #header-wrap {width: 100%; background: #fff;} #nav-main-inner, #header, #section-inner {max-width: 935px;} #header {margin: 0 auto; position: relative; padding-top: 10px;} #logo {float: left; width: 40%; padding-bottom: 10px;} #header-right {float: right; width: 55%;} #mobile-nav-btn a {display: none;} #section_live.mobile {display: none;} #section_online.mobile {display: none;} #section_medpubs.mobile {display: none;} #section_highlevel.mobile {display: none;} #section_specialtyRH.mobile {display: none;} /* CME Activity */ #wrapper-page {width: 100%; margin: 0 auto; padding-top: 15px; max-width: 935px; background: #fff;} #wrapper-page.bcell { background: #fff url('/online/bcelltherapies/images/Bcell_img.jpg') no-repeat top right;} #wrapper-page.copd { background: #fff url('/online/casebased/decisionmaking/chronic-obstructive-pulmonary-disease/images/chapter_pulmonary.jpg') no-repeat top right;} #wrapper-page.autism { background: #fff url('/online/casebased/decisionmaking/autism/images/autism.jpg') no-repeat top right;} #wrapper-page.thyroid { background: #fff url('/online/casebased/decisionmaking/thyroid-nodule/images/thyroid-nodule.jpg') no-repeat top right;} #wrapper-page.pertussis { background: #fff url('/online/casebased/decisionmaking/pertussis/images/chapter_infectious.jpg') no-repeat top right;} #wrapper-page.pediatricfever { background: #fff url('/online/casebased/decisionmaking/pediatric-patients-fever/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.fever { background: #fff url('/online/casebased/decisionmaking/fever/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.hepc { background: #fff url('/online/casebased/decisionmaking/hepatitis-c/images/chapter_hepatology.jpg') no-repeat top right;} #wrapper-page.diabetes { background: #fff url('/online/casebased/decisionmaking/diabetes-mellitus/images/chapter_endocrinology.jpg') no-repeat top right;} #wrapper-page.ed { background: #fff url('/online/casebased/decisionmaking/erectile-dysfunction/images/chapter_endocrinology.jpg') no-repeat top right;} #wrapper-page.insomnia { background: #fff url('/online/casebased/decisionmaking/insomnia/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.hyperlipidemia { background: #fff url('/online/casebased/decisionmaking/hyperlipidemia/images/chapter_cardiology.jpg') no-repeat top right;} #wrapper-page.chronichepc { background: #fff url('/online/casebased/decisionmaking/chronic-hepatitis-c/images/chapter_hepatology.jpg') no-repeat top right;} #wrapper-page.resp { background: #fff url('/online/casebased/decisionmaking/upper-respiratory-tract/images/section_clinicaldecisions.jpg') no-repeat top right;} #wrapper-page.fattyliver { background: #fff url('/online/casebased/decisionmaking/nonalcoholic-fatty-liver/images/chapter_hepatology.jpg') no-repeat top right;} #wrapper-page.breast { background: #fff url('/online/casebased/decisionmaking/breast-cancer-prevention/images/breast-cancer-prevention-image.jpg') no-repeat top right;} #wrapper-page.osteo { background: #fff url('/online/casebased/decisionmaking/osteo/images/chapter_endocrinology.jpg') no-repeat top right;} #wrapper-page.jaundice { background: #fff url('/online/casebased/decisionmaking/liver-enzymes-jaundice/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.asthma { background: #fff url('/online/casebased/decisionmaking/asthma/images/chapter_dermatology.jpg') no-repeat top right;} #wrapper-page.colonoscopy { background: #fff url('/online/casebased/decisionmaking/upper-respiratory-tract/images/section_clinicaldecisions.jpg') no-repeat top right;} #wrapper-page.dvt { background: #fff url('/online/casebased/decisionmaking/DVT/images/chapter_cardiology.jpg') no-repeat top right;} #wrapper-page.incontinence { background: #fff url('/online/casebased/decisionmaking/urinary-incontinence/images/section_urinary.jpg') no-repeat top right;} #wrapper-page.endometrial { background: #fff url('/online/casebased/decisionmaking/images/endometrial-right-image.jpg') no-repeat top right;} #wrapper-page.fatigue { background: #fff url('/online/casebased/decisionmaking/images/chronic-fatigue-right-image.jpg') no-repeat top right;} #wrapper-page.prostate { background: #fff url('/online/casebased/decisionmaking/images/prostate-cancer-top-right.jpg') no-repeat top right;} #wrapper-page.cervical { background: #fff url('/online/casebased/decisionmaking/images/cervical-cancer-right-image.jpg') no-repeat top right;} #wrapper-page.diverticulitis { background: #fff url('/online/casebased/decisionmaking/diverticulitis/images/chapter_gastroenterology.jpg') no-repeat top right;} #wrapper-page.wellbaby { background: #fff url('/online/casebased/decisionmaking/upper-respiratory-tract/images/section_clinicaldecisions.jpg') no-repeat top right;} #wrapper-page.urinary { background: #fff url('/online/casebased/decisionmaking/urinary/images/chapter_endocrinology.jpg') no-repeat top right;} #wrapper-page.mammography { background: #fff url('/online/casebased/decisionmaking/mammography/images/chapter_womens.jpg') no-repeat top right;} #wrapper-page.ascites { background: #fff url('/online/casebased/decisionmaking/ascites/images/chapter_hepatology.jpg') no-repeat top right;} #wrapper-page.obstructive-sleep-apnea { background: #fff url('/online/casebased/decisionmaking/obstructive-sleep-apnea/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.chronicrenal { background: #fff url('/online/casebased/decisionmaking/chronic-renal-failure/images/chapter_endocrinology.jpg') no-repeat top right;} #wrapper-page.antimicrobial { background: #fff url('/medicalpubs/antimicrobial-guidelines/images/sectiongraphic_prescription.jpg') no-repeat top right;} #wrapper-page.adhd-mdd { background: #fff url('/online/casebased/decisionmaking/adhd-mdd/images/chapter_psychiatry.jpg') no-repeat top right;} #wrapper-page.alc { background: #fff url('/online/advances-in-lung-cancer/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.lungcancer { background: #fff url('/online/casebased/advances-in-lung-cancer/early-stage-lung-cancer/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.severeemphysema { background: #fff url('/online/casebased/advances-in-lung-cancer/patient-with-severe-emphysema/images/case1-top-right-image.jpg') no-repeat top right;} #wrapper-page.pregnancy { background: #fff url('/online/casebased/decisionmaking/ra-in-pregnancy/images/ra-top-right-image.jpg') no-repeat top right;} #wrapper-page.dengue { background: #fff url('/online/casebased/decisionmaking/dengue/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.dermatology-primary { background: #fff url('/online/casebased/decisionmaking/dermatology-primary-care/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.acute-pancreatitis { background: #fff url('/online/casebased/decisionmaking/acute-pancreatitis/images/chapter_gastroenterology.jpg') no-repeat top right;} #wrapper-page.contraceptive-choices { background: #fff url('/online/casebased/decisionmaking/contraceptive-choices/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.lvvmono { background: #fff url('/online/monograph/large-vessel-vasculitis/images/vasculitis-brand.jpg') no-repeat top right;} #wrapper-page.psoriasis-case-presentation { background: #fff url('/online/casebased/decisionmaking/psoriasis-case-presentation/images/top-right-image2.jpg') no-repeat top right;} #wrapper-page.statin-myopathy { background: #fff url('/online/casebased/decisionmaking/statin-myopathy/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.outcome { background: #fff url('/online/outcomesresearch/images/activity-outcomesresearch.jpg') no-repeat top right;} #wrapper-page.tia { background: #fff url('/online/casebased/decisionmaking/transient-ischemic-attack/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.vbc { background: #fff url('/online/casebased/decisionmaking/value-base-care/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.depression { background: #fff url('/online/casebased/decisionmaking/depression-2014/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.asthma-2014 { background: #fff url('/online/casebased/decisionmaking/asthma-2014/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.resistant-hypertension { background: #fff url('/online/casebased/decisionmaking/resistant-hypertension/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.lung-cancer { background: #fff url('/online/monograph/lung-cancer/images/top-right-image-fade.jpg') no-repeat top right;} #wrapper-page.cows { background: #fff url('/online/rheumatology-cases-on-the-web/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.rhumej { background: #fff url('/online/rheumagents/images/rheumagents-brand.jpg') no-repeat top right;} #wrapper-page.dementia-monograph { background: #fff url('/online/monograph/dementia-cognitive-disorder/images/dementia-monograph-top-right-image.jpg') no-repeat top right;} #wrapper-page.treattarget { background: #fff url('/online/monograph/treat-to-target/images/treat-2-target-brand.jpg') no-repeat top right;} #wrapper-page.biologicsvi { background: #fff url('/online/biologicsvi/images/biologics-brand.jpg') no-repeat top right;} #wrapper-page.simctr { background: #fff url('/online/casebased/cclc/ultrasound-guided-surgery/images/sim-center-brand.jpg') no-repeat top right;} #wrapper-page.macs { background: #fff url('/online/mac-symposium/images/mac-brand.jpg') no-repeat top right;} #wrapper-page.racb { background: #fff url('/online/casebased/ra-improving-treatment/images/ra-top-right.jpg') no-repeat top right;} #wrapper-page.biologicsvii { background: #fff url('/online/biologicsvii/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.bioviii { background: #fff url('/online/monograph/bioviii/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.ibd { background: #fff url('/online/casebased/decisionmaking/ibd/images/ibd.jpg') no-repeat top right;} #wrapper-page.cmemoc { background: #fff url('/online/images/earncmemoc.png') no-repeat top right;} #wrapper-page.gameon { background: #fff url('/online/textbased/images/game-on.png') no-repeat top right;} /* Webcast Series */ #wrapper-page.masters { background: #fff url('/online/masters-in-medicine/images/masters-in-medicine-brand.jpg') no-repeat top right;} #wrapper-page.surginnovations { background: #fff url('/online/webcasts/surginnovations/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.medtoday { background: #fff url('/online/webcasts/medtoday/images/online_medicinetoday.jpg') no-repeat top right;} #wrapper-page.rheumvgr { background: #fff url('/online/rheum-vgr/images/rheum-vgr_corner-img.jpg') no-repeat top right;} #wrapper-page.treatSLE { background: #fff url('/online/treatment-of-sle/images/sle-treatment-brand.jpg') no-repeat top right;} #wrapper-page.diabetesvgr { background: #fff url('/online/diabetes-incretin-therapies-vgr/images/section_dibetes-vgr.jpg') no-repeat top right;} #wrapper-page.biologicsv { background: #fff url('/online/biologicsv/images/section-biologics.jpg') no-repeat top right;} #wrapper-page.psoriaticDisease { background: #fff url('/online/psoriatic-disease-care/images/psoriatic-arthritis.jpg') no-repeat top right;} #wrapper-page.inflammatory { background: #fff url('/online/webcasts/ddw-ibd/images/section-inflammatory.jpg') no-repeat top right;} #wrapper-page.dementia { background: #fff url('/online/dementia/images/dementia-top-right-image.jpg') no-repeat top right;} #wrapper-page.mdsaml { background: #fff url('/online/webcasts/successes-in-bone-marrow-failure/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.hivGrandRounds { background: #fff url('/online/hiv-grand-rounds/images/section-HIV.jpg') no-repeat top right;} #wrapper-page.tuberculosis { background: #fff url('/online/tb-testing/images/tb-testing-img.jpg') no-repeat top right;} #wrapper-page.tcell { background: #fff url('/online/t-cell/images/t-cell-top-right-img.jpg') no-repeat top right;} #wrapper-page.complex-crohns-disease { background: #fff url('/online/complex-crohns-disease/images/section_crohns.jpg') no-repeat top right;} #wrapper-page.bcelltherapies { background: #fff url('/online/bcelltherapies/images/Bcell_img.jpg') no-repeat top right;} #wrapper-page.inflammatory-bowel-disease { background: #fff url('/online/inflammatory-bowel-disease/images/section-inflammatory.jpg') no-repeat top right;} #wrapper-page.vasculitis { background: #fff url('/online/vasculitis/images/brand-vasculitis.jpg') no-repeat top right;} #wrapper-page.amd { background: #fff url('/online/webcasts/age-related-macular-degeneration/images/right-image.jpg') no-repeat top right;} #wrapper-page.aha { background: #fff url('/online/webcasts/cardiovascular-imaging/images/aha-top-right-image.jpg') no-repeat top right;} #wrapper-page.rheumatic-disease { background: #fff url('/online/rheumatic-disease-ejournal/images/section_ejournal.jpg') no-repeat top right;} #wrapper-page.renal-cell { background: #fff url('/online/renal-cell-carcinoma/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.pml { background: #fff url('/online/pml/images/brand-PML.jpg') no-repeat top right;} #wrapper-page.stroke-vgr { background: #fff url('/online/stroke-vgr/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.liver-update { background: #fff url('/online/liver-update/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.nursing { background: #fff url('/online/webcasts/nursing/images/brand-nursing.jpg') no-repeat top right;} #wrapper-page.rhr { background: #fff url('/online/rheumatology-highlights-report/images/section-RH-12-report.jpg') no-repeat top right;} #wrapper-page.outcome { background: #fff url('/online/outcomesresearch/images/activity-outcomesresearch.jpg') no-repeat top right;} #wrapper-page.glucoco { background: #fff url('/online/glucocorticoid/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.msvgr { background: #fff url('/online/ms-vgr/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.respiratory { background: #fff url('/online/respiratory-vgr/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.spa { background: #fff url('/online/advances-in-SpA/images/SpA-brand.jpg') no-repeat top right;} #wrapper-page.neurobp { background: #fff url('/online/neurology-highlights-and-best-practices/images/neurology-highlights-brand.jpg') no-repeat top right;} #wrapper-page.nutcad { background: #fff url('/online/nutritional-treatment-of-cad/images/nutritional-treatment-brand.jpg') no-repeat top right;} #wrapper-page.autism { background: #fff url('/online/autism-spectrum-disorders/images/autism-top-right-image.jpg') no-repeat top right;} #wrapper-page.mshighlights { background: #fff url('/online/ms-highlights-and-best-practices/images/ms-highlight-brand.jpg') no-repeat top right;} #wrapper-page.autism2 { background: #fff url('/online/autism-spectrum-disorders/images/autism-top-right-image2.jpg') no-repeat top right;} #wrapper-page.castlight { background: #fff url('/online/transparency-consumerism-orthopedics/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.clinician { background: #fff url('/online/master-clinician-approach/images/master-clinician-brand.jpg') no-repeat top right;} #wrapper-page.mds-clinical { background: #fff url('/online/webcasts/clinical-management-mds-mpn/images/right-image2.jpg') no-repeat top right;} #wrapper-page.mds { background: #fff url('/online/webcasts/mds-ash/images/right-image2.jpg') no-repeat top right;} #wrapper-page.tumorboards { background: #fff url('/online/tumorboards/images/tumorboard-brand.jpg') no-repeat top right;} #wrapper-page.pulmonary-hypertension { background: #fff url('/online/pulmonary-hypertension/images/pulmonary-top-right-image.jpg') no-repeat top right;} #wrapper-page.novel { background: #fff url('/online/webcasts/novel-stimulation/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.immunology { background: #fff url('/online/webcasts/clinical-immunology/images/clinical-immunology-brand.jpg') no-repeat top right;} #wrapper-page.advanced-prostate-cancer { background: #fff url('/online/webcasts/advanced-prostate-cancer/images/advanced-prostate-cancer-top-right-image.jpg') no-repeat top right;} #wrapper-page.physician-engagement { background: #fff url('/online/physician-engagement/images/physician-engagement-top-right-image.jpg') no-repeat top right;} #wrapper-page.physician-engagement-ibd { background: #fff url('/online/physician-engagement-ibd/images/pe-ibd-brand.jpg') no-repeat top right;} #wrapper-page.physician-engagement-nut { background: #fff url('/online/physician-engagement-ibd/images/pe-nutrition-brand.jpg') no-repeat top right;} #wrapper-page.theraputic-options-cvd { background: #fff url('/online/webcasts/theraputic-options-cvd/images/brand-to-cdv.jpg') no-repeat top right;} #wrapper-page.physician-engagement-pancreas { background: #fff url('/online/physician-engagement-pancreas/images/physician-engagement-top-right-image.jpg') no-repeat top right;} #wrapper-page.tumorboards-lc { background: #fff url('/online/tumorboards/images/lung-cancer-brand.jpg') no-repeat top right;} #wrapper-page.gout { background: #fff url('/online/webcasts/gout/images/brand-gout.jpg') no-repeat top right;} #wrapper-page.physician-engagement-epilepsy { background: #fff url('/online/physician-engagement-epilepsy/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.ms-france { background: #fff url('/online/ms-france-foundation/images/ms-france.jpg') no-repeat top right;} #wrapper-page.biologicsvii { background: #fff url('/online/biologicsvii/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.dermatology { background: #fff url('/online/webcasts/medical-dermatology/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.myeloid { background: #fff url('/online/webcasts/mds-ash21/images/top-right-image.jpg') no-repeat top right;} #wrapper-page.pathology { background: #fff url('/online/webcasts/pathology-grand-rounds/images/pathology-main.jpg') no-repeat top right;} #wrapper-page.tallrounds { background: #fff url('/online/webcasts/tall-rounds/images/brand.jpg') no-repeat top right;} #wrapper-page.heart-failure { background: #fff url('/online/webcasts/heart-failure/images/brand.jpg') no-repeat top right;} #wrapper-page.diabetic-retinopathy { background: #fff url('../online/webcasts/diabetic-retinopathy/webcast/images/diabetic-retinopathy.jpg') no-repeat top right;} #wrapper-page.neuro-pathways { background: #fff url('../online/webcasts/neuro-pathways/images/brand2.jpg') no-repeat top right;} #wrapper-page.alpha1 { background: #fff url("../online/alpha1/images/brand.jpg")no-repeat top right;} /* DMP Chapters */ #wrapper-page.dmp { background: #fff url('/medicalpubs/diseasemanagement/images/section_dmp.jpg') no-repeat top right;} #wrapper-page.allergy { background: #fff url('/medicalpubs/diseasemanagement/images/chapter_allergy.jpg') no-repeat top right;} #wrapper-page.cardio { background: #fff url('/medicalpubs/diseasemanagement/images/chapter_cardiology.jpg') no-repeat top right;} #wrapper-page.derm { background: #fff url('/medicalpubs/diseasemanagement/images/chapter_dermatology.jpg') no-repeat top right;} #wrapper-page.endo { background: #fff url('/medicalpubs/diseasemanagement/images/chapter_endocrinology.jpg') no-repeat top right;} #wrapper-page.gastro { background: #fff url('/medicalpubs/diseasemanagement/images/chapter_gastroenterology.jpg') no-repeat top right;} #wrapper-page.hemo { background: #fff url('/medicalpubs/diseasemanagement/images/chapter_hematology.jpg') no-repeat top right;} #wrapper-page.hepa { background: #fff url('/medicalpubs/diseasemanagement/images/chapter_hepatology.jpg') no-repeat top right;} #wrapper-page.infectious { background: #fff url('/medicalpubs/diseasemanagement/images/chapter_infectious.jpg') no-repeat top right;} #wrapper-page.neurology { background: #fff url('/medicalpubs/diseasemanagement/images/chapter_neurology.jpg') no-repeat top right;} #wrapper-page.nephrology { background: #fff url('/medicalpubs/diseasemanagement/images/chapter_nephrology.jpg') no-repeat top right;} #wrapper-page.preventive { background: #fff url('/medicalpubs/diseasemanagement/images/chapter_preventative.jpg') no-repeat top right;} #wrapper-page.psych { background: #fff url('/medicalpubs/diseasemanagement/images/chapter_psychiatry.jpg') no-repeat top right;} #wrapper-page.pulmonary { background: #fff url('/medicalpubs/diseasemanagement/images/chapter_pulmonary.jpg') no-repeat top right;} #wrapper-page.rheum { background: #fff url('/medicalpubs/diseasemanagement/images/chapter_rheumatology.jpg') no-repeat top right;} #wrapper-page.wom { background: #fff url('/medicalpubs/diseasemanagement/images/chapter_womens.jpg') no-repeat top right;} /* 3 col layout */ #center_3_column #homefeatures {margin-bottom: 20px;} #left_3_column {float: left; margin-top: 0; margin-left: 15px; width: 24%;} #center_3_column {float: left; min-height: 300px; margin-left: 2%; width: 34%;} #right_3_column {float: left; min-height: 300px; margin-left: 2%; width: 34%;} /* 2 col layout */ #left_2_column {float: left; margin-left: 2%; width: 24%;} #main_2_column {float: left; margin-left: 3%; width: 70%; position: relative;} #right_2_column { float: right; width: 24%; margin-right: 1%;} /* 1 col layout */ #one_column {margin: 0 auto 20px auto; min-height: 300px; width: 96%;} #one_column_online {margin: 0 auto 20px auto; min-height: 300px; width: 96%;} /* Outage Container */ #custommessage { margin: 0 auto; width: 75%;} /* Home Live Events Box */ #home-events-box {padding: 0; border: 1px solid #434241; border: none; background: #efefef;} #home-events-box .row {border: none; padding: 10px;} #home-events-box .live-pic {width: 17%;text-align: center; border: 1px solid #ccc;padding: 8px;} #home-events-box .live-content {width: 72%; font-size: 12px;} /* Live Events */ .row {padding: 10px; border-bottom: 1px dotted #ccc;} .live-pic {float: left; width: 25%;font-size: 11px;} .live-content {float: left; width: 70%; margin-left: 3%; font-size: 12px;} .live-top-sort {float: left;} .live-top-sort.one {width: 25%;} .live-top-sort.two {width: 30%; padding-top: 20px;} .live-top-sort.three {width: 35%; padding-top: 20px;} h2.eventList {margin-top: 25px;} .row p {margin: 0 0 8px 0;} #event-header-pic {margin-bottom: 20px;} p.rightBtn {float: right;} p.leftBtn {float: left;} h2.eventList { background: #1e712d; color: #fff; padding: 5px 0 5px 10px; font-size: 20px;} #liveSort { padding: 25px 15px; margin: 0 15px; background: #efefef;} .row a.more { font-size: 17px; text-decoration: none;} .live-content p { font-size: 14px;} #liveSort a.more { font-size: 15px;} .regis { margin: 0 auto; padding: 15px; text-align: center;} /* Live Courses Re-Style for mobile */ #main_2_column.switchToLeft {} #left_2_column.switchToRight {} #liveMobileMenu { display: none;} .caragenda { float: left; width: 16%; font-size: 12px;} /* Live Events Pain */ .facultyRow p {font-size: 14px;} .facultyLeft {width: 45%; float: left;} .facultyRight {width: 45%; float: left; margin-left: 2%;} /* Online Syllabus Login */ .preslogin {width:40%; background-color:#ccc; margin:0 auto; padding: 20px; margin-bottom:200px; } form.preslogin img {margin-bottom:10px; } #logo.preslogo {width:90%; } form.preslogin p {margin: 0 0 4px 0; } /* Text Based CME */ .tb-box { margin-right: 10px; float: left; font-size: 12px;} .tb-left { float: left; width: 70%;} .tb-right { float: left; width: 25%; font-size: 12px;} .tb-pic { float: left; width: 10%; border: 1px solid #ddd; padding: 3px; text-align: center;} .tb-title { float: left; width: 80%; margin-bottom: 10px;} .tb-release { float: left; width: 45%;} .tb-expiration { float: left; width: 45%;} .tb-box .tb-release, .tb-box .tb-expiration { font-size: 12px;} #cme-top-sort { margin-bottom: 12px;} .tb-right a.more { display: block; background: #1E702E; color: #fff; padding: 4px 15px; font-size: 12px; font-weight: normal; float: left;} .tb-right a.more:hover { background: #449e55;} .tb-right a.more:after {content: ' \2794';} /* Text Based -- Series Overview */ body.tb-so .row { margin-bottom: 20px;} .so-pic {float: left; width: 10%;} .so-info {float: left; width: 87%; margin-left: 10px; font-size: 12px;} .so-info-top { margin-bottom: 10px;} .so-info-left {float: left; width: 45%;} .so-info-right {float: left; width: 45%; margin-left: 10px;} /* Publications row list */ #pub-links-box {border-bottom: 1px solid #ccc; padding: 15px 0;} .pub-links {float: left; width: 26%; margin-right: 2%;} .pub-links.pubPic {width: 10%;} #pub-links-box p {margin: 0 0 10px 0;font-size: 14px; line-height: 19px;} #pub-links-box a {line-height: 25px;} ul.expandLinkPub { list-style: none; border-top: 8px solid #A99DA8; background:#DED9DD; padding: 10px 0 10px 15px; display: none;} ul.expandLinkPub a {color: #434241; font-size: 12px; font-weight: bold;} .expandLinkPub li a.hasArrow {background: url('/images/elements/link-arrow.png') no-repeat left center; padding-left: 15px;} /* Specialties */ #onlinespecialties {width: auto;} #onlinespecialties .row { border: none; padding: 10px;} #onlinespecialties .live-pic {width: 17%;text-align: center; border: 1px solid #ccc;padding: 8px;} #specialtieseventsnewspublications {float: none; width: auto;} #specialtyHeading {float: left; width: 70%; margin-left: 2%;} #specialtyTitle { float: left; width: 50%;} #specialtySelect { float: right; width: 40%;} #specialtySelectLeft { float: left; width:auto;} #specialtySelectRight { float: left; width:auto;} #specialtySelectLeft h4 {padding: 4px 3px 0 0;} #section_specialtyRH { background: #3CC url("/images/section/section_publications.jpg") repeat-x;} #browseDropDown { border: 1px solid green; position: absolute; right: 10px; top: 15px; display: none;} #RHRefineFilter { padding: 0 0 10px 15px; float: left; width: 325px;} #RHPrintBtn { float: left; width: 100px; padding-top: 25px;} #left_3_column .specPage { min-height: 400px;} #specialtypublications ul.specialty-links { margin: 10px 0; list-style: none; padding: 0 0 0 10px;} #specialtypublications ul.specialty-links li { margin-bottom: 9px; line-height: 17px;} #specialtypublications ul.specialty-links li a.publicationlink { display: block; font-size: 12px; font-weight: normal;} #housead { margin: 20px 0; padding: 0 0 0 10px;} /* Disease Management */ .chapterCol {width: 45%; float: left; margin-right: 3%;margin-bottom: 10px;} .chapRow {margin-bottom: 20px;} .chapRow-pic, .chapRow-list {float: left;} .chapRow-pic {width: 21%;} .chapRow-list {width: 73%; margin-left: 2%;} .chapRow h4 {padding: 0;} .chapterCol ul li {list-style-image: url("/images/elements/bluearrow.jpg"); padding-bottom: 0.35em;} .boardRow-title { margin-bottom: 10px;} .boardRow-pic { margin-bottom: 4px;} .boardRow-name h4 {font-size: 14px; font-weight: normal;} .medindex { font-size: 20px; list-style: none; margin: 20px 0; padding: 0; width: 60%;} .medindex li { padding-bottom: 0;} .medindex li a { display: block; background: #dedede url('/images/elements/link-arrow.png') no-repeat left center; background-position: 10px center; padding: 4px 12px 4px 30px; margin-bottom: 10px; text-decoration: none;} .ansi { font-family: "Lucida Sans Unicode";} /* advertising containers and misc */ #adccf-top { margin: 12px;} #adccf-side { margin: 7px auto; text-align: center;} #adccf-side img { border:#CCC solid 1px;} #adccf-insert { margin: auto 0;} .insert { display: block; border-top: solid thin #CCC; border-bottom: solid thin #CCC; padding: 12px 0 0 0; margin: 7px 0;} #adccf-bottom { margin: 12px auto; padding: 7px 0; text-align: center;} #websurvey { margin: 7px auto; text-align: center;} .adCenter { display: block; margin: 7px auto;} .adbanner { font: bold 8px Arial, Helvetica, sans-serif; color: #999; padding: 7px; text-align: center;} .right-ad { border: 1px solid #d4d4d4; border-radius: 4px; margin-bottom: 8px; padding: 10px; background-color: #ffffff;} #topads { margin-bottom: 7px;} /* doubleclick ad containers */ #adspace { float: right; width: 33%; margin: 0; padding: 12px 0 12px 12px;} #adspace-mob { display: none;} /* styles for mobile ads */ #adccf-top-mob { display: none;} #adccf-insert-mob { display: none;} #adccf-bottom-mob { display: none;} /* for news feed on DMP pages */ #feed {} /* My CME Pages */ body.cme { background: #fff; max-width: 780px; margin: 0 auto; font-size: 12px; } #wrapper-cme { } #header-cme {} .date {float: left; width: 40%; padding: 5px 0;} .cme-header-right {float: right; width: 40%; text-align: right; padding: 5px 0;} #logout {float: right; width: 15%;} #navigation { width: 80% !important; margin-bottom: 15px;} #footer-cme { background: #1C66A8; color: #fff; text-align: center; padding: 15px; font-size: 12px;} p.centerTxt { text-align: center; } #cme-left { width: 24%; float: left; } #cme-right { width: 72%; float: right; } /* for How to Claim Credit pop-up */ #cme-responsive { width: 225px; margin: 12px;} #credit-view-box { font-size: 12px; margin: 0 auto; width: 100%; text-align: center;} .credit-view-headers { float: left; border-left: 1px solid #3D84CC; border-top: 1px solid #3D84CC; padding: 5px; width: auto; background: #BFEDBB; color: #000;} #credit-view-results { border: 1px solid #3D84CC; padding: 5px;} #login-left, #login-right {float: left; margin-right: 3%;} #login-left { width: 63%; margin-top: 20px;} #login-right { width: 30%;} #logout li { float: none;} /* Footer */ #footer {width: 100%;} #nav-page-specialties {width: auto;margin: 0;} /* Search Form */ #gasMini {position: absolute; top: 60px; right: 1px;} #search-left {float: left; padding-top: 5px; padding-right: 5px; width: 180px;} #search-middle {float: left; padding-top: 5px; width: 166px;} #search-right {float: right; width: 75px; padding-top: 3px;} /* Mobile Only Div's */ #mobile-main-nav {display: none;background: #e9e9e9;} mobile-nav-btn {display: none;} #mobile-nav-header {background: #5c5b5a; color: #fff; padding: 4px 15px;} #mobile-main-nav ul {list-style: none; padding: 0; margin: 0;} #mobile-main-nav ul li {} #mobile-main-nav ul li a {display: block; padding: 12px 10px; border-bottom: 1px solid #333; color: #5c5b5a; text-decoration: none;} #mobile-main-nav ul li a.hasArrow {background: url('/images/elements/link-arrow.png') no-repeat left center; padding-left: 15px;} #mobile-main-nav ul li a.hasArrow {background-position: 15px center; padding-left: 31px; text-shadow: -1px -1px 1px #fff;} #nav-page-specialties ul li a.hasArrow, #nav-page ul li a.hasArrow, ul.expandLink li a {background: url('/images/elements/link-arrow.png') no-repeat left center; padding-left: 5px;} #nav-page-specialties ul li a.hasArrow, #nav-page ul li a.hasArrow, ul.expandLink li a {background-position: 15px center; padding-left: 31px;} #nav-page-online ul li.expandMe { display: none;} #nav-page-specialties ul li.expandMe { display: none;} .m-hide { display: block;} .d-hide { display: none;} /* global collapsable navigation - for activities */ .arrow-box {background: none repeat scroll 0 0 #7DABD2; color: #FFFFFF; font-size: 14px; margin: 0 0 15px; padding: 7px 10px; position: relative;} .arrow-box a { color: #ffffff; text-decoration: none;} span.arrow {background: url("/images/elements/specialty-arrow.png") no-repeat scroll 0 0 transparent; display: block; height: 10px; left: 15px; position: absolute; top: 30px; width: 16px;} ul.cme-list { list-style: none; margin: 0; padding: 0; margin-bottom: 20px;} ul.cme-list li { padding-bottom: 7px;} ul.cme-list li a { display: block; padding: 5px 10px; text-decoration: none; font-size: 12px; border-bottom: 1px dotted #BBBBBB;} ul.cme-list li a:hover { background: #065ea8; color: #fff;} li.author-online { font: bold 15px Arial, Helvetica, sans-serif;} p.series { margin: 0 0 0 12px; padding-bottom:7px;} a.series-link { font: Arial, Helvetica, sans-serif; font-size: 12px;} /* global collapsable navigation - for Publications */ .arrow-box-pub {background: none repeat scroll 0 0 #A99DA8; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 14px; margin: 0 0 15px; padding: 7px 10px; position: relative;} span.arrow-pub {background: url("/images/elements/specialty-arrow-pub.png") no-repeat scroll 0 0 transparent; display: block; height: 10px; left: 15px; position: absolute; top: 30px; width: 16px;} ul.pub-list { list-style: none; margin: 0; padding: 0; margin-bottom: 20px;} ul.pub-list li { padding: 5px 0 5px 10px; font-size: 12px; border-bottom: 1px dotted #BBBBBB;} ul.pub-list li a { display: block; text-decoration: none;} ul.pub-list li a:hover { background: #ded9dd; color: #fff;} li.author-online { font: bold 15px Arial, Helvetica, sans-serif;} li.topic { font: bold 12px Arial, Helvetica, sans-serif; color: #434241;} a.clink { color:#365ea4; font: bold 8pt Arial, Helvetica, sans-serif;} a:active.clink { color:#365ea4;} a:hover.clink { color:#1e702e;} /* Promo Forms */ .required {color: #941A42;} .radio-btns {margin-bottom: 20px;} form.promo-forms label {float: left; text-align: right; width: 6em; margin-right: 1em; margin-bottom: 20px;} form.promo-forms input[type="text"], form.promo-forms textarea {padding: 3px; border: 1px solid #333; background: #F7F7F7;} form.promo-forms textarea {width: 95%; height: 100px;} form.promo-forms select {border: 1px solid #333; background: #F7F7F7;} /* Misc */ #chapter_links {border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; margin: 20px 0; padding-bottom: 10px; padding-top: 10px;} div.doublecolumn div.doublecolumn_one {float: left;height: auto;width: 45%;} div.doublecolumn div.doublecolumn_two {float: left;height: auto;margin: 0 0 0 0.875em;width: 45%;} /* how to claim credit for cme info page */ .float-right-box {float: right;width: 35%;margin: 0 0 10px 10px;} .float-right-box-content {background: #dfe0d2;border: 2px solid #afb091;padding: 10px;-webkit-border-radius: 10px;border-radius: 10px; } .float-right-box a img { margin-bottom: 15px;} .float-right-box li { font-size: 12px;} .float-right-box p a { font-size: 12px;} /* claim credit box for left-nav */ .left-cme-box { float: none; width: 100%; margin: 20px 0 0 0;} .left-cme-box-content { background: #dfe0d2; border: 2px solid #afb091; padding: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .left-cme-box a img { margin-bottom: 15px;} .left-cme-box li { font-size: 12px;} .left-cme-box p a { font-size: 12px;} .row.faq p { padding-left: 30px; font-style: italic;} .row.faq p.quest { padding-left: 0; font-weight: bold; font-style: normal;} #aboutusright { width: 20%; float:right; font-size: 80%; border: 1px solid #ccc; margin-left: 10px;} .aboutBoxContent { padding: 10px;} .awardsRow { margin-bottom: 30px;} .awardsImg { float: left; margin-right: 20px; width: 24%;} .awardsInfo { float: left; width: 70%;} /* how to claim credit for posttests */ .float-left-box {float: none; width: 100%; margin: 20px 0 0 0;} .float-left-box-content {background: #dfe0d2;border: 2px solid #afb091;padding: 10px;-webkit-border-radius: 10px;border-radius: 10px; } .float-left-box a img { margin-bottom: 15px;} .float-left-box li { font-size: 12px;} .float-left-box p a { font-size: 12px;} /* New Home Left Menu Styles */ #nav-page-specialties { background: #fff;} #nav-page-specialties a, #nav-page-specialties a:visited { background: #fff;} #nav-page-specialties ul { padding: 0; margin: 0; border-top: none; } #nav-page-specialties ul p.m-hide { color: #fff; background: #7DABD2; padding: 7px 10px; margin: 0 0 15px 0; font-size: 14px;position: relative; } #nav-page-specialties ul p.m-hide span { background: url('/images/elements/specialty-arrow.png') no-repeat; width: 16px; height: 10px; display: block; position: absolute; top: 30px; left: 15px; } #nav-page-specialties ul li a, #nav-page-specialties ul li a:visited { display: block; text-decoration: none; padding: 5px 10px; border-bottom: 1px dotted #bbb; } #nav-page-specialties ul li a:hover { background: #065EA8; color: #fff; text-decoration: none; font-weight: bold; } #home-events-box a {text-decoration: none;} /* Google Appliance Styles */ form#gs input[type="text"] { margin-right: 7px; padding: 3px; border: 1px solid #333;} form#gs select { padding: 3px; border: 1px solid #333;} #blu-box {} /* Ungerboeck */ /* #wrapper-page.register {padding: 0;} #footer-register {height: 60px; background: #4a4948;} #register_1_column {padding: 30px 20px;} #register_2_column_left {float: left; margin-left: 2%; width: 45%; padding: 30px 0;} #register_2_column_right {float: left; margin-left: 3%; width: 45%; padding: 30px 0;} */ /* ===== CSS3 Media Queries ====== */ /* Large Screens */ @media (min-width: 1200px) { } /* iPad and tablet Landscape */ @media (max-width: 1024px) { } @media (max-width: 900px){ #wrapper-page.bcell { background-image: none;} #wrapper-page.copd { background-image: none;} #wrapper-page.autism { background-image: none;} #wrapper-page.thyroid { background-image: none;} #wrapper-page.pertussis { background-image: none;} #wrapper-page.pediatricfever { background-image: none;} #wrapper-page.fever { background-image: none;} #wrapper-page.hepc { background-image: none;} #wrapper-page.diabetes { background-image: none;} #wrapper-page.ed { background-image: none;} #wrapper-page.insomnia { background-image: none;} #wrapper-page.hyperlipidemia { background-image: none;} #wrapper-page.chronichepc { background-image: none;} #wrapper-page.resp { background-image: none;} #wrapper-page.fattyliver { background-image: none;} #wrapper-page.breast { background-image: none;} #wrapper-page.osteo { background-image: none;} #wrapper-page.jaundice { background-image: none;} #wrapper-page.asthma { background-image: none;} #wrapper-page.colonoscopy { background-image: none;} #wrapper-page.dvt { background-image: none;} #wrapper-page.incontinence { background-image: none;} #wrapper-page.endometrial { background-image: none;} #wrapper-page.fatigue { background-image: none;} #wrapper-page.prostate { background-image: none;} #wrapper-page.cervical { background-image: none;} #wrapper-page.diverticulitis { background-image: none;} #wrapper-page.wellbaby { background-image: none;} #wrapper-page.urinary { background-image: none;} #wrapper-page.mammography { background-image: none;} #wrapper-page.ascites { background-image: none;} #wrapper-page.chronicrenal { background-image: none;} #wrapper-page.antimicrobial { background-image: none;} #wrapper-page.rheumatic-disease { background-image: none;} #wrapper-page.renal-cell { background-image: none;} #wrapper-page.stroke-vgr { background-image: none;} #wrapper-page.liver-update { background-image: none;} #wrapper-page.nursing { background-image: none;} #wrapper-page.glucoco { background-image: none;} #wrapper-page.alc { background-image: none;} #wrapper-page.lungcancer { background-image: none;} #wrapper-page.severeemphysema { background-image: none;} #wrapper-page.pregnancy { background-image: none;} #wrapper-page.dengue { background-image: none;} #wrapper-page.dermatology-primary { background-image: none;} #wrapper-page.acute-pancreatitis { background-image: none;} #wrapper-page.contraceptive-choices { background-image: none;} #wrapper-page.lvvmono { background-image: none;} #wrapper-page.psoriasis-case-presentation { background-image: none;} #wrapper-page.statin-myopathy { background-image: none;} #wrapper-page.outcome { background-image: none;} #wrapper-page.tia { background-image: none;} #wrapper-page.vbc { background-image: none;} #wrapper-page.depression { background-image: none;} #wrapper-page.asthma-2014 { background-image: none;} #wrapper-page.resistant-hypertension { background-image: none;} #wrapper-page.lung-cancer { background-image: none;} #wrapper-page.cows { background-image: none;} #wrapper-page.rhumej { background-image: none;} #wrapper-page.pulmonary-hypertension { background-image: none;} #wrapper-page.dementia-monograph { background-image: none;} #wrapper-page.treattarget { background-image: none;} #wrapper-page.simctr { background-image: none;} #wrapper-page.heart-failure { background-image: none;} #wrapper-page.gameon { background-image: none;} #wrapper-page.diabetic-retinopathy { background-image: none;} #wrapper-page.alpha1 { background-image: none;} /* Webcast Series */ #wrapper-page.masters { background-image: none;} #wrapper-page.surginnovations { background-image: none;} #wrapper-page.medtoday { background-image: none;} #wrapper-page.rheumvgr { background-image: none;} #wrapper-page.treatSLE { background-image: none;} #wrapper-page.diabetesvgr { background-image: none;} #wrapper-page.mdsaml { background-image: none;} #wrapper-page.psoriaticDisease { background-image: none;} #wrapper-page.hivGrandRounds { background-image: none;} #wrapper-page.tuberculosis { background-image: none;} #wrapper-page.tcell { background-image: none;} #wrapper-page.biologicsv { background-image: none;} #wrapper-page.dementia { background-image: none;} #wrapper-page.bcelltherapies { background-image: none;} #wrapper-page.complex-crohns-disease { background-image: none;} #wrapper-page.inflammatory-bowel-disease { background-image: none;} #wrapper-page.vasculitis { background-image: none;} #wrapper-page.amd { background-image: none;} #wrapper-page.aha { background-image: none;} #wrapper-page.rheumatic-disease { background-image: none;} #wrapper-page.renal-cell { background-image: none;} #wrapper-page.pml { background-image: none;} #wrapper-page.stroke-vgr { background-image: none;} #wrapper-page.liver-update { background-image: none;} #wrapper-page.nursing { background-image: none;} #wrapper-page.rhr { background-image: none;} #wrapper-page.glucoco { background-image: none;} #wrapper-page.msvgr { background-image: none;} #wrapper-page.respiratory { background-image: none;} #wrapper-page.spa { background-image: none;} #wrapper-page.neurobp { background-image: none;} #wrapper-page.nutcad { background-image: none;} #wrapper-page.autism { background-image: none;} #wrapper-page.mshighlights { background-image: none;} #wrapper-page.autism2 { background-image: none;} #wrapper-page.castlight { background-image: none;} #wrapper-page.clinician { background-image: none;} #wrapper-page.mds { background-image: none;} #wrapper-page.mds-clinical { background-image: none;} #wrapper-page.tumorboards { background-image: none;} #wrapper-page.pulmonary-hypertension { background-image: none;} #wrapper-page.novel { background-image: none;} #wrapper-page.immunology { background-image: none;} #wrapper-page.advanced-prostate-cancer { background-image: none;} #wrapper-page.physician-engagement { background-image: none;} #wrapper-page.physician-engagement-ibd { background-image: none;} #wrapper-page.physician-engagement-nut { background-image: none;} #wrapper-page.biologicsvi { background-image: none;} #wrapper-page.theraputic-options-cvd { background-image: none;} #wrapper-page.physician-engagement-pancreas { background: none;} #wrapper-page.tumorboards-lc { background-image: none;} #wrapper-page.macs { background-image: none;} #wrapper-page.gout { background-image: none;} #wrapper-page.physician-engagement-epilepsy { background: none;} #wrapper-page.ms-france { background: none;} #wrapper-page.biologicsvii { background-image: none;} #wrapper-page.dermatology { background-image: none;} #wrapper-page.myeloid { background-image: none;} /* DMP Chapters */ #wrapper-page.dmp { background-image: none;} #wrapper-page.allergy { background-image: none;} #wrapper-page.cardio { background-image: none;} #wrapper-page.derm { background-image: none;} #wrapper-page.endo { background-image: none;} #wrapper-page.gastro { background-image: none;} #wrapper-page.hemo { background-image: none;} #wrapper-page.hepa { background-image: none;} #wrapper-page.infectious { background-image: none;} #wrapper-page.neurology { background-image: none;} #wrapper-page.nephrology { background-image: none;} #wrapper-page.preventive { background-image: none;} #wrapper-page.psych { background-image: none;} #wrapper-page.pulmonary { background-image: none;} #wrapper-page.rheum { background-image: none;} #wrapper-page.wom { background-image: none;} } /* iPad and tablet Portrait */ @media (max-width: 768px) { #nav-main-inner { height: 40px; width: auto; margin: 0 auto; padding: 0;} #nav-main-inner ul { margin: 0 0 0 15px; padding: 0;} #nav-main-inner ul li { display: block; list-style: none; float: left; margin: 0 1% 0 0;} #nav-main-inner ul img { border: none;} #nav-main-inner ul li a {display: block;} #ccNav { width: 100%;} #ccNav .navItem h3 { font-size: 0.85em;} .pub-links a { font-size: 12px; line-height: 16px;} #sectionBrand {display: none;} } /* Android (Samsung Galaxy) landscape 685px by 380 */ @media (max-width: 685px) { .pub-links.pubPic {display: none;} } /* Handheld -- iPhone 3,4 Landscape = 480px - iPhone 5 Landscape = 568px - Kindle Landscape = 600px */ @media (max-width: 600px) { #wrapper-page.mobile-menu-wrapper { padding-top: 0;} #nav-main {display: none;} #nav-top {display: none;} #lowerFooterLinks {display: none;} #breadcrumb {display: none;} p.hideMobile {display: none;} #mobile-main-nav {display: block;} mobile-nav-btn {display: block;} #specialtieseventsnewspublications { float: none; width: auto;} #section-links { float: none; width: 100%;} .pub-links a { font-size: 15px; line-height: 20px;} /* advertising containers and misc */ #adccf-top-mob { display: block; width: 100%;} #adccf-top { display: none;} #adccf-insert-mob { display: block; width: 100%;} #adccf-side { display: none;} #adccf-bottom-mob { display: block; width: 100%;} #adccf-bottom { display: none;} #websurvey { display: none;} #adccf-insert { display: none;} /* doubleclick ad containers */ #adspace { display: none;} #adspace-mob { display: block; padding: 7px 0; margin: auto; width: 100%;} .insert-mob { display: block; width: 100%; border-top: solid thin #CCC; border-bottom: solid thin #CCC; padding: 18px 0 8px 0; margin: 12px auto; background: url(/images/elements/advertisment.png) no-repeat top right;} #div-gpt-ad-mediumrectangle-mobile1 { margin: auto;} #div-gpt-ad-mediumrectangle-mobile2 { margin: auto; padding: 7px 0;} #div-gpt-ad-mediumrectangle-mobile3 { margin: auto;} /* Mobile Header */ #header-wrap { z-index: 100; width: 100%; padding-top: 0; border-bottom: 5px solid #a2a2a2; -webkit-box-shadow: 0px 5px 15px 3px rgba(0, 0, 0, .3); box-shadow: 0px 5px 15px 3px rgba(0, 0, 0, .3); } #header-wrap.mobile-menu-header {position: static;} #header.no-shadow {-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);} #logo {width: 56%; padding: 0 0 5px 10px;} #header-right {width: 30%; padding-right: 15px;} #mobile-nav-btn {padding-top: 0px;} #gasMini {position: static;padding: 0 15px 10px 15px;} #gasMini.with_section_live {padding: 10px 15px 10px 15px;} #gasMini input {width: 50px;} #search-left {width: 80%;padding: 0;} #search-left input {width: 98%;} #search-middle {display: none;} #search-right {width: 17%;text-align: right; padding-top: 2px;} #gasMini input[type="text"] {border: 1px solid #999;font-size: 11px; width: 96%; padding: 4px; color: #6c6c6c;} /* section headers */ #section-inner img {width: 25%;} #section-inner img.longPic {width: 70%;} #section_medpubs { height: auto;} #section_live { height: auto;} #section_online { height: auto;} #section_highlevel { height: auto;} #section_news {height: auto;} #section-inner { height: auto; } #section_live.desktop {display: none;} #section_live.mobile {display: block;} #section_online.desktop {display: none;} #section_online.mobile {display: block;} #section_medpubs.desktop {display: none;} #section_medpubs.mobile {display: block;} #section_highlevel.desktop {display: none;} #section_highlevel.mobile {display: block;} #section_specialtyRH.desktop {display: none;} #section_specialtyRH.mobile {display: block;} #header.faqAbout #section_highlevel.mobile { display: none;} /* Mobile Footer */ #lowerFooterContainer {width: 100%;} #pageTools {float: none; margin-left: 20px;margin-bottom: 20px;} #copyStatement {float: none; width: 85%; margin-left: 20px;} /* Mobile Content Structure */ #left_3_column, #left_2_column, #main_2_column, #center_3_column, #right_3_column, #right_2_column { float: none; width: 91%; margin: 0; margin: 0 15px; } #center_3_column {margin: 15px;} #one_column {width: 92%;} .float-right-box {float: none; width: 100%; margin: 15px 0;} /* Publications */ .pub-links {float: none; width: 100%;} .pub-links.pubPic img {float: none;} /* Disease Management */ .chapterCol {width: 100%; float: none; margin-right: 0;margin-bottom: 10px;} /* Live Events */ .row {padding: 10px; border-top: 1px dotted #ccc;} .live-pic {float: left; width: 25%;} .live-content {float: left; width: 70%; margin-left: 3%;} .live-top-sort {float: none;} .live-top-sort.one {width: 100%;} .live-top-sort.two {width: 100%; padding-top: 20px;} .live-top-sort.three {width: 100%; padding-top: 20px;} h2.eventList {margin-top: 40px;} .row a.more { font-size: 14px;} .live-content p { font-size: 12px;} #mobile-main-nav ul { min-height: 500px;} #mobile-nav-btn a { display: block; float: right; width: 45px; padding: 5px 10px; background: #1f82ab; color: #fff; font-size: 12px; text-align: center; text-decoration: none; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: -1px -1px 1px #1d5a6f; } #nav-page-specialties ul {padding: 15px; padding: 0;} p.rightBtn {float: none; clear: left;} /* Share Tools Mobile Fix */ .doublecolumn_one ul {padding: 0;} #shareTools {width: auto;} /* Mobile Promo Forms */ form.promo-forms label {float: none; display: block; margin-bottom: 2px; margin-top: 10px; text-align: left;} form.promo-forms input[type="text"] { width: 95%; -webkit-border-radius: 3px; border-radius: 3px; padding: 8px; } form.promo-forms select { width: 100%; -webkit-border-radius: 3px; border-radius: 3px; padding: 8px;} .PageToolsEmailPrint {display: none;} /* About Us Page */ #aboutusright { width: 100%; float:none; font-size: 80%; border: 1px solid #ccc; margin-left: 0; margin-bottom: 15px; text-align: center;} .aboutBoxContent { padding: 10px;} /* Live Courses Re-Style for mobile */ #main_2_column.switchToLeft { float: none; margin: 0; width: 94%; padding: 0 15px; } #left_2_column.switchToRight { float: none; margin: 0; width: 94%; padding: 0 15px;} #liveMobileMenu { display: block;} #shareTools.coursesTools { margin: 15px 0;} #left_2_column.switchToRight #nav-page-livenew { display: none;} #liveMobileMenu { width: 96%; margin:0 auto;} #liveMobileMenu ul { list-style: none; padding: 0; margin: 0;} #liveMobileMenu a.showTheMenu { font-size: 18px; border: 1px solid #9d9d9d; padding: 10px 15px; margin: 0; text-decoration: none; color:#FFFFFF; display: block; background-color:#487baa;} #liveMobileMenu ul li a { display: block; padding: 8px 5px 8px 15px; border-bottom: 1px solid #9d9d9d; font-size: 16px; text-decoration: none;} #showHideMenu { background: #efefef; padding: 0 10px;} .caragenda { float: none; width: 80%; margin-bottom: 15px;} .liveMobileButton { position:absolute; right:50px; top:8px; padding:0; margin: 0; } } @media (max-width: 568px) { body {-webkit-text-size-adjust: none;} /* Live Events Pain */ .facultyLeft {width: 100%; float: none;} .facultyRight {width: 100%; float: none; margin-left: 0;} /* Text Based CME */ .tb-box { margin-right: 10px;} .tb-left { float: none; width: 100%;} .tb-right { float: none; width: 100%;} .tb-pic { display: none;} textarea.expandable { width: 90%;} table.overview img.img-left {margin: 0; padding: 3px;} .tb-release, .tb-expiration { float: none; width: 98%;} /* Text Based -- Series Overview */ .so-pic {display: none;} .so-info {float: none; width: 99%; margin-left: 0px;} .so-info-top { margin-bottom: 10px;} .so-info-left {float: none; width: 99%;} .so-info-right {float: none; width: 99%; margin-left: 0px;} /* My CME Pages */ body.cme { font-size: 12px;} .Row td, .Row th { font-size: 75%;} #wrapper-cme { padding: 0 15px; } .date {padding: 5px 0 5px 15px;} .cme-header-right { padding: 5px 15px 5px 0;} #navigation { width: 73%; margin-left: 15px; margin-bottom: 7px;} #cme-left { width: 100%; float: none; } #cme-right { width: 100%; float: none; } body.cme select {font-size: 10px;} .credit-view-headers {float: none;} #login-left, #login-right { float: none; width: 100%;} #navigation li { float: none; margin-bottom: 8px; background: none;} #navigation ul li a { background: #848484; color: #fff;} #navigation #current a { background: #0667ab; text-decoration: none;} #logout { width: 77%; float: none; padding: 0; margin-left: 15px; margin-bottom: 15px;} #logout li { float: none; background: none;} #logout ul { padding: 0;} #logout a { background: #800000; display: inline;} tr.Caption { font-size: 9px;} .Footer td, .Caption td { white-space:normal;} /* Specialties */ #specialtyHeading { float: none; width: 90%; margin: 10px 15px 0 15px;} #specialtyHeading #shareTools { float: none;} #specialtyTitle { float: none; width: 100%;} #specialtyTitle h3 { display: none;} #specialtySelect { float: none; width: 100%; padding: 5px 0; } #specialtySelectLeft { float: none; width:auto;} #specialtySelectRight { float: none; width:auto;} #RHPrintBtn {display: none;} #browseDropDown {display: none;} #RH_SpecialtyFilter {display: none;} #left_3_column .specPage { min-height: 20px;} /* Ungerboeck */ #register_2_column_left, #register_2_column_right {float: none; margin-left: 20px; width: 91%;} #register_2_column_right {padding: 0 0 30px 0;} /* Collapsible Nav Divs */ #homeBrowse {display: none;} #pubSection {display: none;} #nav-page ul.expandLink { display: block;} #nav-page-specialties ul li a { padding: 10px;} #nav-page-specialties ul li a.hasArrow, #nav-page ul li a.hasArrow, ul.expandLink li a {background: url('/images/elements/link-arrow.png') no-repeat left center; padding-left: 5px;} #nav-page-specialties ul li a.hasArrow, #nav-page ul li a.hasArrow, ul.expandLink li a {background-position: 15px center; padding: 13px 0 13px 31px; background-color: #7DABD2; font-size: 14px; color: #fff;} ul.expandLinkPub {display: block;} #nav-page-online ul li.expandMe {display: block;} #nav-page-specialties ul li.expandMe {display: block;} #nav-page-live { margin-bottom: 15px;} #nav-page-online { margin-bott om: 15px;} .medindex { font-size: 20px; list-style: none; margin: 20px 0; padding: 0; width: 100%;} .medindex li { padding-bottom: 0;} .medindex li a {display: block; background: #ddd url('/images/elements/link-arrow.png') no-repeat left center; background-position: 10px center; padding: 4px 12px 4px 30px; margin-bottom: 10px; text-decoration: none;} /* global collapsable navigation - for activities */ .d-hide { display: block;} .m-hide { display: none;} #left-nav-online a.hasArrow { display: block; background: url("/images/elements/link-arrow.png") no-repeat; background-color: #7DABD2; background-position: 15px center; color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: none; padding: 13px 0 13px 31px;} .arrow-box-pub a { color: #fff; text-decoration: none;} /* Google Appliance Styles */ form#gs input[type="text"] { margin-right: 7px; padding: 3px; border: 1px solid #333;} form#gs select { display: none;} #blu-box { display: none;} form#gs table:nth-child(2) { display: none;} .awardsRow { margin-bottom: 30px;} .awardsImg { float: none; width: 80%;} .awardsInfo { float: none; width: 80%;} #alert { background-color:#0081C5; padding:10px; display:inline-block; margin:25px 15px 0 15px; } .alertimage { float:left; padding-right:8px; } .alertimage img { width:25px; } .alerttext { color:#FFFFFF; float:left; width:88%; font-size:11px; } } @media (max-width: 480px) { /* Online Syllabus Login */ .preslogin {width:86%; background-color:#ccc; margin:0 auto; padding: 20px; } form.preslogin img {margin-bottom:10px; } } @media (max-width: 380px) { #RHFilterList select {font-size: 10px;} td.trans-mobile { display: none;} #wrapper-page.cmemoc { background-image: none;} } /* New styles for Webcast buttons */ .webcastButtonLink{ color: #FFFFFF; display: block; max-width: 350px; text-decoration: none; margin-top: .8em; } .webcastButton{ display: flex; align-items: center; padding: 8px; border-radius: 8px; text-decoration: none; font-size: .75em; background-color: #365EA4; color: #FFFFFF; transition:.2s; } .webcastButton:hover{ background-color: #1e702e; } .webcastButtonArrow{ padding-right:8px; opacity: .5; transition:.2s; } .webcastButtonLink:hover .webcastButtonArrow{ opacity: 1 ; } /* webcast disclosures divs */ .webcast-disclosure{ font-weight: bold;} .webcast-disclosure .dis-block {border: 1px solid #E9EEEA; margin-bottom: 20px} .webcast-disclosure p{padding-left: 5px; margin: 5px !important} .webcast-disclosure .row {display: flex; padding: 0px; border: 0px; } .webcast-disclosure .row p{ font-weight: normal; width: 50%; padding-left: 25px; } .webcast-disclosure .row:nth-child(even){ background-color: #E9EEEA} /* Break hide/show on mobile */ .break-show-onmobile{display: block} .break-hide-onmobile{display: none} @media (min-width: 768px) { .break-show-onmobile{display: none} .break-hide-onmobile{display: block} } .inlinebutton {background-color: #0081C5; color: #fff; text-decoration: none; padding: 5px; border-radius: 5px; border: solid 1px #00466C} .inlinebutton:hover {background-color: #079BF3; color: #fff; text-decoration: none; padding: 5px; border-radius: 5px; border: solid 1px #00466C} .tafter { display: none; } .tbefore { display: none; }