/* 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 */ /* ----------------------------- GLOBAL RESET ----------------------------- */ body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #474a51; background: #DFEFF8;} html { font-size:100%;} 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;} a.more { font-weight: bold; padding-right: 1.5em; background: url("/images/elements/grayarrow.jpg") no-repeat 100% .05em; display: inline-block;} a:hover.more { background-image: url("/images/elements/grayarrow_down.jpg");} /* ----------------------------- WRAPPERS & SHADOWS ----------------------------- */ #wrapper-page { width: 935px; padding: 0; margin: 0 auto 3em auto; background-color: #ffffff;} #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; border-left: 1px solid #af9faa; border-right: 1px solid #af9faa; background: #FFF; overflow: auto; } #header-inner { height: 113px; width: 935px; margin: auto; padding: 10px 0 0 10px;} #logo { float:left; margin: 0; padding: 0;} #logo img {width: 100%;} #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;} #nav-top li a { display: inherit; margin: 0 5px; text-decoration: underline; color: #4b4a49; font: 1em Arial, Helvetica, sans-serif; white-space: nowrap;} #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 { color:#1e702e;} /* section headers */ #section_medpubs { top: 114px; background-image: url(/images/section/section_publications.jpg); background-repeat: repeat-x; height: 45px; margin: 0;} #section_live { top: 114px; 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; width: 935px; 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;} #gasMini { float: right; width: 460px; top: 75px; padding-top: 35px;} #printHeading { display: none;} /* left side nav styles */ /* green */ #nav-page-live { padding: 0; margin-left: 12px; width: 212px; background: #d2e2d5; font-size: .8em;} #nav-page-live ul { display: block; list-style: none; margin: 0; padding: 30px; 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: 20px; 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; margin-left: 12px; width: 212px; background: #ded9dd; font-size: .8em;} #nav-page ul { display: block; list-style: none; margin: 0; padding: 30px; 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: 20px; 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: 12px; width: 212px; background: #cdeff2; font-size: .8em;} #nav-page-online ul { display: block; list-style: none; margin: 0; padding: 30px; 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: 30px; border-top: 8px solid #7DABD2;} #nav-page-specialties ul li { display: inline; 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:visited.current { font-style: italic; color: #434241; text-decoration: underline; padding:5px 5px 5px 0;} /* 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: 30px; 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.jpg") 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_down.jpg");} #sectionBrand { position: absolute; float: right; z-index: auto; margin: 0; padding: 0; top: 0; right: 0;} .topImageBrand { position: relative; float: right; top: 0; right: -16px; } #left_column { top: 0; margin: 0; float: left; width: 230px; height: 100%; overflow: auto; 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; font: 1.125em Georgia, "Times New Roman", Times, serif; 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 .9em/.78em "News Gothic Std", Arial, Helvetica, Sans-serif; margin: 0; padding: 1em 0 0 0; color: #434241;} h5 {font: bold .8em/.5em 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;} #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; } /* 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; margin-bottom: 0; width: 340px;} 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: 1px;} 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:#666;} #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 publish date of DMP chapters */ .masthead { padding: 0; margin-left: 12px; width: 212px; background: #fff; font: bold .9em;} #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; } img.img-left { float:left; margin:.25em .625em .25em 0; padding: 8px; 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-bottom: .5em;} 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 */ /* ----------------------------- FOOTER =footer ----------------------------- */ #footer { margin: 20px 0; padding: 0; background-color: #FFF; border-top: solid 1pt #af9faa; border-bottom: 1pt solid #af9faa; clear: both;} #upperFooterContainer { width: 934px;} /*#upperFooterContainer { }*/ #footerPad { top: 0; margin: 0; float: left; display: inline; width: 190px; background-color: #fff;} #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 { width: 906px; background-color: #4a4948; padding: 8px 15px;} /*#lowerFooterContainer { background-color: #4a4948; padding: 8px 15px;}*/ #pageTools { float: left; display: inline;} #copyStatement { float: right; width: 689px; 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;} /* (4) - Basic Layout Classes */ .cleared_both { clear:both;} .cleared_left { clear:left;} .cleared_right { clear:right;} .float_none { float:none;} .float_left { float:left; padding-right: .5em;} .float_right { float:right; margin-left: 1em;} .center { margin:0 auto;} img.img-left { float:left; margin:.25em .625em .25em 0;} img.img-right { /*float:right;*/ margin:.25em 0 .25em .625em; padding: 10px; border: solid 1pt #ccc;} .img-print { float:right; margin:.15em 0 .15em .45em; padding: 10px; border: 0;} /* ----------------------------- SELF-CLEARING FLOATS =selfclearing ----------------------------- */ .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;}*/