/* /webmd/PageBuilder_Assets/CSS/DynamicArticle/Harmony Article/Standard_091e9c5e80f2fc6e.css */

/* Standard CSS for Harmony Articles: DynamicArticle, TopicArticle, MiniCenterArticle, DynamicOutlineArticle */

.article {
	clear: both;
	position: relative;
	width: 100%;
}

.article header {
	clear: both;
	margin-bottom: 15px;
	width: 750px;
}

.article header h1,
article .page-header h1 {
	color: #333;
	font-family: Lato, Arial, sans-serif;
	font-size: 230%;
	font-weight: normal;
}

article .page-header {
	margin-bottom: 15px;
}

article .page-header h1 {
	margin: -2px;
	padding: 0;
}

.article header .attrib,
.article header .pub {
	color: #555;
	font-size: 130%;
	float: left;
	width: 50%;
}

.article header .auth {
	line-height: 120%;
	width: 97%;
}

.article header .reviewed {
	margin-top: 5px;
	width: 99%;
}

.article .article-content {
	background: #fff;
	border: 1px solid #eee;
	border-bottom: 0;
	clear: both;
	padding: 10px 15px;
}

.article .article-content h2 {
	font-size: 130%;
	font-weight: normal;
	margin-bottom: 15px;
}

.article .article-content .subhead {
	font-family: Lato, Arial, sans-serif;
	font-size: 150%;
	font-weight: 200;
	line-height: 122%;
	margin-bottom: 15px;
}

.article .article-content p {
	line-height: 182%;
	margin-bottom: 20px;
}

.article .article-content ul,
.article .article-content ol {
	padding: 0 0 20px 20px;
}

.article .article-content ul li,
.article .article-content ol li {
	font-size: 16px;
	line-height: 160%;
	list-style-type: disc;
	margin-bottom: 10px;
	text-align: left;
}

.article .article-content h3 {
	color: #222;
	font-family: Lato, Arial, sans-serif;
	padding: 10px 0 5px 0;
	width: 100%;
}

.article .article-content h4 {
	font-size: 140%;
	font-weight: normal;
	padding: 10px 0 5px 0;
	width: 100%;
}

.article .article-content .img_right {
	float: right;
	padding: 5px 0 25px 25px;
}

.article .article-content .img_left {
	float: left;
	padding: 5px 25px 25px 0;
}

.article .article-content a img {
	padding-left: 3px;
}

.article .article-content table {
	display: table;
	padding-bottom: 5px;
}

.article aside.pullquote {
	float: right;
	margin-left: .5em;
	min-width: 254px;
	padding: 0.5em 0 0.5em 0.8em;
	width: 45%;
}

.article aside.pullquote p {
	color: #1295cc;
	font-size: 1.5em;
	line-height: 1.5;
	font-style: italic;
	margin-bottom: 0;
}

area .article-content sup {
	padding-right: 5px;
}

.article .hero-image {
	clear: both;
	margin-bottom: 1em;
}

/* temporary workaround added to override css that's dropped on the page via js */
.ua_type_tablet .article footer .pagination {
	visibility: visible;
}

.article footer {
	background: #fff;
	border: 1px solid #eee;
	border-top: 0;
	clear: both;
	line-height: 2;
	padding: 10px 15px;
}

.article footer .pagination {
	margin: 60px 0 40px;
}

.article footer .pagination .previous,
.article footer .pagination .next {
	background: inherit;
	border: 1px solid #d7d7d7;
}
.article footer .pagination .previous,
.article footer .pagination .next {
	font-size: 120%;
	height: 19px;
	margin-top: -13px;
	position: absolute;
	text-align: center;
	top: 0;
}
.article footer .pagination .previous {
	left: 0;
	width: 100px;
}
.article footer .pagination .next {
	right: 0;
	width: 90px;
}
.article footer .pagination .next span {
	display: block;
	float: right;
	font-size: 175%;
	font-weight: bold;
	margin: -4px 6px 0 0;
}
.article footer .pagination .previous a,
.article footer .pagination .next a {
	color: #999;
	display: block;
	height: 100%;
	padding-top: 3px;
	width: 100%;
}
.article footer .pagination ul {
	list-style: none;
	text-align: center;
}

.article footer .pagination ul li {
	background: #fff;
	border: 1px solid #dcdcdc;
	color: #1295cc;
	display: inline-block;
	font-size: 115%;
	font-weight: bold;
	width: 35px;
	margin: 0px 8px;
	text-align: center;
}
.article footer .pagination ul li a {
	display: block;
}
.article footer .pagination ul .icon-arrow-left,
.article footer .pagination ul .icon-arrow-right {
	display: inline-block;
	font-size: 1.4em;
	line-height: 1.4em;
	padding: 0 8px;
	vertical-align: middle;
}
.article footer .pagination ul .icon-arrow-left.disabled,
.article footer .pagination ul .icon-arrow-right.disabled {
	color:#ccc;
}
.article footer .pagination ul li.currpage {
	background: #1295cc;
	color: #fff;
}
.article footer .pagination ul li.one_page {
	display: none;
	width: 115px;
	font-weight: normal;
}
.article footer .pagination ul li:last-child {
	border-right: none;
}

.article footer .pagination ul li.multi_page {
	font-weight: normal;
	width: 180px;
}

.article footer .footer_attrib,
.thin .article footer .footer_attrib {
	float: none;
	width: 100%;
}

.article footer .footer_attrib p {
	font-size: 100%;
	line-height: 140%;
	padding-bottom: 8px;
}

.article footer .footer_attrib p.disc {
	font-style: italic;
}

.article footer .reviewed_on,
.article footer .reviewed,
.article footer .copyright {
	color: #666;
	font-size: 90%;
}

.article footer .pub_src {
	font-size: 80%;
	font-weight: bold;
	padding-bottom: 8px;
}

.article footer .sources .source_intro {
	font-size: 100%;
	padding-bottom: 10px;
}

.article footer .sources #source_container {
	font-size: 80%;
	margin: 10px 0;
}

.article footer .sources #source_container p {
	color: #666;
	margin-bottom: 5px;
}

/* IMAGE-COLLECTION SPECIFIC */

.article.img-collection section.pic-title {
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
}

.article.img-collection section.pic-title .subhead {
	margin: 20px 0 0 0;
	color: #555;
	font-size: 18px;
}

.article.img-collection section.pic-title .subhead + p {
	font-size: 14px;
	color: #777;
}

.article.img-collection[data-currentpage="1"] .article-content section:first-child {
	text-align: center;
}

.article.img-collection[data-currentpage="1"] .article-content section:first-child img {
	margin-left: 10px;
	margin-right: 10px;
}

.thin .article.img-collection[data-currentpage="1"] .article-content section:first-child img {
	width: calc(100% - 80px);
}

.article.img-collection .article-content .no-nav, .article.multimedia-slideshow .article-content .no-nav {
	visibility: hidden;
}

.article.img-collection .article-content section>h3 {
	margin-bottom: 10px;
}

.article.img-collection .article-content .nav-arrow, .article.multimedia-slideshow .article-content .nav-arrow {
	vertical-align: middle;
	height: 70px;
	width: 40px;
	display: inline-block;
	font-size: 40px;
	line-height: 70px;
	background-color: #999999;
	color: #fff;
	text-align: center;
}

.thin .article.img-collection .article-content .nav-arrow {
	width: 30px;
}

/* multimedia-slideshow related */
.article.multimedia-slideshow .article-content section {
	padding: 20px 50px 15px 50px;
}

.article.multimedia-slideshow .article-content section>ol, .article.multimedia-slideshow .article-content section>ul {
	margin-top: 10px;
}

.article.multimedia-slideshow .article-content section h3{
	margin-top: 20px;
}

.article.multimedia-slideshow .article-content section .img-frame {
	display: inline-block;
	position: relative;
	width: calc(100% - 80px);
	border: 1px solid #EEEEEE;
	padding: 1px;
}

.article.multimedia-slideshow .article-content section .img-frame img {
	border: 0;
	max-width: 100%;
}

.article.multimedia-slideshow .article-content section .img-frame .nav-cnt {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #999999;
	color: #fff;
	padding: 5px 15px;
	font-size: 13px;
	opacity: 0.4;

}

/* section-base navigation related */

.article .article-footer .section-nav, .article .article-content.quiz>.section-nav {
	margin: 15px 0;
}

.article .article-footer .section-nav.align-to-pagination {
	margin-top: -82px;
}

.article .article-footer .section-nav div, .article .article-content.quiz>.section-nav div {
	font-size: 16px;
	font-weight: bold;
	background-color: #1295cc;
	color: white;
	text-align: center;
	width:130px;
	height:45px;
	line-height: 45px;
	display: inline-block;
	cursor: pointer;
	border-radius: 4px;
	vertical-align: top;
}

.thin .article .article-footer .section-nav div, .thin .article .article-content.quiz>.section-nav div {
	width: 108px;
}

.article .article-content.quiz>.section-nav div.middle-button {
	position: absolute;
	width: 180px;
	left: calc((100% - 180px) / 2);
	background-color: rgb(244,127,24);
	display: none;
}

.article .article-footer .section-nav .navbutton-hide {
	visibility: hidden;
}

.article .article-content.quiz>.section-nav .navbutton-hide {
	background-color: #CACACA;
}

.article .article-footer .section-nav .nav-prev, .article .article-content.quiz>.section-nav .nav-prev {
	float:left;
}

.article .article-footer .section-nav .nav-next, .article .article-content.quiz>.section-nav .nav-next {
	float:right;
}

.article .article-footer .section-nav .icon-arrow-left:before, .article .article-footer .section-nav .icon-arrow-right:before,
.article .article-content.quiz>.section-nav .icon-arrow-left:before, .article .article-content.quiz>.section-nav .icon-arrow-right:before
{
	line-height: 43px;
	font-size: 20px;
}

/* HEALTHWISE - SYMPTOM-QUIZ RELATED */

.article.symptomquiz .article-content.preface {
	margin-bottom: 15px;
}

.article.symptomquiz .article-content.preface p {
	margin-bottom: 0;
}

.article.symptomquiz .article-content .quiz-tabs {
	height: 50px;
	margin: -10px -15px 0 -15px;
	background-color: #EBEBEB;
}

.article.symptomquiz .article-content .quiz-tabs .quiz-tab.tab-selected {
	background-color: #1295cc;
	color: #fff;
}

.article.symptomquiz .article-content .quiz-tabs div {
	display: inline-block;
	line-height:50px;
	text-align: center;
}

.article.symptomquiz .article-content .quiz-tabs .quiz-tab {
	cursor: pointer;
	width: calc((100% - 200px) / 3);
}

.article.symptomquiz .article-content .quiz-tabs.cnt_2 .quiz-tab {
	width: calc((100% - 200px) / 2);
}

.article.symptomquiz .article-content .quiz-tabs.cnt_4 .quiz-tab {
	width: calc((100% - 200px) / 4);
}

.article.symptomquiz .article-content .quiz-tabs div:last-child {
	width: 200px;
}

.article.symptomquiz .article-content.quiz {
	padding-bottom: 20px;
}

.article.symptomquiz .article-content.quiz section {
	min-height: 250px;
	padding: 20px 15px 15px 15px;
	display: none;
}

.article.symptomquiz .article-content.quiz section.tab-visible {
	display: block;
}

.article.symptomquiz .article-content.quiz section ul {
	padding: 0;
}

.article.symptomquiz .article-content.quiz section ul li {
	list-style-type: none;
	font-size: 18px;
	margin-bottom: 15px;
}

.article.symptomquiz .article-content.quiz section ul li p {
	font-size: 18px;
	margin: 0;
	padding: 0;
}

.article.symptomquiz .article-content.quiz section ul li span {
	display: inline-block;
	vertical-align: top;
}

.article.symptomquiz .article-content.quiz section ul li span:first-child {
	padding-right: 5px;
	width: calc(100% - 70px);
}

.article.symptomquiz .article-content.quiz section ul li .quiz-yes {
	width: 70px;
	background-color: #EBEBEB;
	text-align: center;
	cursor: pointer;
}

.article.symptomquiz .article-content.quiz section ul li .quiz-yes.checked {
	background-color: #1295cc;
	color: #fff;
}

.article.symptomquiz .article-content.quiz section ul li span:last-child:before {
	content: "YES";
	font-size: 16px;
}

.article.symptomquiz .article-content.quiz section.level-1 {
	padding-top: 25px;
}

.article.symptomquiz .article-content.quiz section .level-2 {
	padding: 0;
}

.article.symptomquiz .article-content.quiz section .level-2 .quiz-note{
	font-size: 14px;
	font-style: italic;
	line-height: 120%;
	margin-top: 15px;
}

.article.symptomquiz .article-content.quiz section .level-2 div:first-child div {
	display: inline-block;
	float: left;
	margin-right: 10px;
	min-height: 40px;
}

.article.symptomquiz .article-content.quiz section .level-2 div:first-child>p {
	line-height: 120%;
	font-weight: bold;
	margin-top: 3px;
}

.article.symptomquiz .article-content.quiz section .level-2 div.comment {
	border-top: 1px solid #EBEBEB;
	margin-top: 5px;
	padding-top: 15px;
}

.article.symptomquiz .article-content.quiz section .level-2 div.comment p {
	line-height: 140%;
	margin-bottom: 10px;
}

.article.symptomquiz .article-content.quiz section .level-2 div.comment b {
	font-weight: normal;
}


/* HEALTHWISE SPECIFIC */

.article.hw .article-content .section.section-hide {
	display: none;
}

.article-content a img[alt="camera.gif"] {
	margin-right: 5px;
}

.article.hw.actionset .article-content .section>h2 {
	color: #1295cc;
	font-weight: bold;
	font-size: 16px;
	font-family: Lato, Arial, sans-serif;
	margin: 15px 0 0 0;
}

.article.hw.actionset .article-content .section>p {
	font-size: 18px;
}

.article.hw.actionset .article-content .section li p, .article.hw.actionset .article-content .section ul li:last-child, .article.hw.actionset .article-content .section ol li:last-child, .article.hw.actionset .article-content .section ul ol:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}

.article.hw.actionset .article-content .section li>ol {
	margin-top: 12px;
}

.article.hw.actionset section h4, .article.hw.actionset section h5 {
	color: #333;
	font-family: Lato, Arial, sans-serif;
	font-size: 21px;
	font-weight: normal;
	padding: 10px 0 5px 0;
	width: 100%;
}

.article.hw.actionset section h5 {
	font-size: 18px;
}

.article.hw .article-content a img[alt="actionset.gif"], .article.hw .article-content a img[alt="how.gif"]  {
	margin-right: 10px;
}

.article.hw .article-content .section img + p {
	font-weight: bold;
}

.article.hw.multimedia .article-content .section img:first-child  {
	margin-bottom: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.article.hw footer {
	border-top: 1px solid #eee;
	padding-top: 10px;
}

.article.hw.special footer {
	border-top: 0;
	padding-top: 0;
}

.article.hw footer .page-meta {
	margin-bottom: 5px;
}

.article.hw footer .page-meta * {
	font-size: 14px;
}

.article.hw footer .page-meta div {
	line-height: 22px;
}

.article.hw footer .page-meta>div:first-child span b {
	font-weight: normal;
}

.article.hw footer .page-meta div span {
	margin-right: 5px;
}

.article.hw footer .credits-detail>div {
	line-height: 16px;
	margin-top: 3px;
}

.article.hw footer .credits-detail span {
	display: inline-block;
	vertical-align: top;
	line-height:16px;
}

.article.hw footer .credits-detail span:first-child {
	width: 176px;
}

.article.hw footer .credits-detail span:nth-child(n+2) {
	width: calc(100% - 186px);
	margin-right: 0;
}

.article.hw footer .credits-detail, .article.hw footer .med_ref, .article.hw footer .footer_attrib p:not(:last-child), .article.hw footer .footer_attrib .hw_logo {
	display: none;
}

.article.hw footer.show-detail .credits-detail, .article.hw footer.show-detail .med_ref, .article.hw footer.show-detail .footer_attrib p:not(:last-child), .article.hw footer.show-detail .footer_attrib .hw_logo {
	display: inherit;
}

.article.hw footer .footer_attrib p.disc {
	padding-bottom: 2px;
}

.article.hw footer .pub_src,
.article.hw footer .footer_attrib p {
	color: #414141;
}

.article.hw footer .pub_src {
	float: left;
	padding-top: 5px;
	width: 35%;
}

.thin .article.hw footer .pub_src {
	width: 100%;
}

.article.hw footer .print_save_share {
	width: 65%;
}

.thin .article.hw footer .print_save_share {
	width: 100%;
}

.article.hw footer .footer_attrib {
	width: 100%;
}

.article.hw footer .footer_attrib .hw_logo {
	padding: 5px 0 5px 0;
}

.article.hw footer .topic_nav {
	background: inherit;
	border-top: 1px solid #dce4c3;
	clear: both;
	margin-top: 15px;
	padding: 25px 5px 15px 15px;
}

.article.hw footer .topic_nav h3 {
	color: #88a906;
	font-size: 200%;
	font-weight: normal;
	padding-bottom: 25px;
}
.article.hw footer .topic_nav ul {
	float: left;
	font-size: 130%;
	list-style: none;
	margin-left: 20px;
	text-indent: -20px;
	padding: 0;
	width: 30%;
}

.article.hw footer .topic_nav ul li {
	line-height: 140%;
	margin-bottom: 7px;
}
.article.hw footer .topic_nav ul li:before {
	color: #3789B9;
	content: "\25B6";
	font-size: 80%;
	padding-left: 7px;
}

.article.hw .article-footer>p, .article.hw .article-footer .footer_attrib {
	font-size: 14px;
}

/* contextual links from mini-guides */

.article .contextual-link {
	border: 2px solid;
	border-color: #93D1F7;
	border-left: 0px;
	border-right: 0px;
	padding: 6px 8px 8px 12px;
	margin-bottom: 10px;
}

.article .contextual-link a {
	clear: both;
	float: none;
	display: flex;
}

.article .contextual-link.community a:before{
	content: url("../../../consumer_assets/site_images/icons/12x12_checkmark_icon.gif");
	margin-right: 8px;
}

/* For inline icons */
a.Slideshows::after {
  display: inline;
  content: "\00a0";
  width: 15px;
  height: 19px;
  color: blue;
  background: url("../../../consumer_assets/site_images/modules/camera_gr.png") 0 0px no-repeat;
  margin-left: 5px;
  padding-left: 19px; 
}

a.Tools::after {
  display: inline;
  content: "\00a0";
  width: 15px;
  height: 19px;
  background: url("../../../consumer_assets/site_images/modules/quiz_gr.png") 0 2px no-repeat;
  margin-left: 5px;
  padding-left: 15px; 
}

a.Video::after {
  display: inline;
  content: "\00a0";
  width: 15px;
  height: 19px;
  background: url("../../../consumer_assets/site_images/modules/video_gr.png") 0 2px no-repeat;
  margin-left: 5px;
  padding-left: 19px; 
}

/* PRINT STYLES */

.print_only_logo,
.printView #s1,
.printView #s4,
.printView #s5,
.printView #s6,
.printView #s7,
.printView #s8,
.printView
.print_save_share,
.printView #ContentPane33,
.printView #ContentPane35,
.printView #content-header,
.printView .source_intro,
.printView .pagination,
.printView .page-header h2,
.printView .page-header h3,
.printView .article-content .archive header,
.printView #ContentPane20 ~ div {
	display: none;
}

.printView #s2,
.printView #s3 {
	display: block;
}

.printView .webmd-btn {
	float: none;
	font-size: 14px;
	margin: 20px 5px 0 10px;
	padding: 8px 16px;
}

.printView .print_only_logo {
	display: block;
	float: left;
	margin: 0  50px 15px 0;
}

.printView .print_notes,
.printView .art_lnk,
.printView .notes_area label,
.printView .notes_area textarea {
	clear: both;
	color: #555;
	padding-bottom: 15px;
}
.printView .notes_area label {
	font-weight: bold;
	display: inline-block;
}
.printView .notes_area textarea {
	display: inline-block;
	margin-bottom: 25px;
	width: 100%;
}
.printView .print_notes a {
	color: #555;
}
.printView .art_lnk span,
.printView .print_notes strong {
	color: #4883a5;
}

.printView article {
	border-top: 1px solid #e7eece;
	border-bottom: 1px solid #e7eece;
	margin: 10px 0;
}

.printView .footer_attrib {
	width: 100%;
}

.printView #source_container {
	display: block !important;
	visibility: visible !important;
	width: 100%;
}

.printView #lln-tdrelcon {
	visibility: hidden;
}

.printView .auth {
	display:none;
}

.printView .byline .auth {
	display:block;
	padding-top: 10px;
}


@media print {
	.article header .attrib a:link:after {
		content: "";
	}
	.print_only_logo {
		display: block;
		float: left;
	}
	#s1,
	#s2,
	#s3,
	#s5,
	#s7,
	.font_sizer,
	.print_save_share,
	.print_notes,
	#close-button,
	#print-button {
		display: none;
	}
	#s4 {
		width: 90%;
	}
	.source_intro {
		display: none;
	}
	#source_container {
		display: block !important;
		visibility: visible !important;
		width: 100%;
	}
}

aside.archive-wrapper {
	clear: both; }

.archive-tag {
	background: #DFF1F8;
	color: #1894CC;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	margin: 1em 0;
	padding: 8px 35px 8px 8px;
	position: relative; }
.archive-tag::after {
	content: '\e62a';
	font-family: icons;
	font-size: 1.4em;
	position: absolute;
	right: 7px;
	top: 8px; }