﻿.article {
	padding-top: 1.5em;
	border-top: 1px solid #ccc;
}
				
/* SOCIAL MEDIA SHARE ICONS - PRINT FRIELDLY ICON */

.articleHead {
	margin-bottom: 2em;
}

.article .contacts,
.article .shareOuter {
	display: inline-block;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
}

.article .contacts {
	width: 65%;
	line-height: 125%;
}	
				
.article .shareOuter {
	width: 35%;
	text-align: right;
}
				
.article .shareOuter .shareLabel {
	display: inline-block;
	margin-top: .35em;
	margin-right: .25em;
	font-size: 110%;
	color: #999;
}
			
.article .shareOuter a {
	display: inline-block;
	vertical-align: top;
}
			
.article .shareOuter a .fa,
.article .shareOuter a .fa-brands {
	display: block;
	margin: 0;
	text-decoration: none;
	line-height: .9;
	color: #c0c0c0;
}
						
.article .shareOuter a {
	margin-right: .5em;
	text-decoration: none;
}

.article .shareOuter #shareOnFacebookLink .fa,
.article .shareOuter #shareOnTwitterLink .fa-brands,
.article .shareOuter #shareOnLinkedInLink .fa {
	color: #3b5998;
}

.article .shareOuter #printFriendlyLink  {
	margin-left: 1em;
	margin-right: 0;
	text-decoration: none;
}

.article .shareOuter #shareOnFacebookLink:hover .fa,
.article .shareOuter #shareOnTwitterLink:hover .fa-brands,
.article .shareOuter #shareOnLinkedInLink:hover .fa,
.article .shareOuter #printFriendlyLink:hover .fa {
	color: #000;
}

.articleBody .boxed {
	line-height: 1.5em;
}

#specialNote {
	font-style: italic;
}

#specialNote em,
#specialNote i {
	font-style: normal;
}
				
.articleBody h2#headline {
	font-size: 200%;
	margin: 0;
	color: #000;
}
				
.articleBody h3.subhead {
	font-size: 120%;
	margin: .5em 0 0 0;
	color: #1A5B7D;
}

.articleBody .dateLine {
	margin-top: 1.5em;
	font-size: 110%;
}

.pullquote p {
    margin-bottom: .25em;
    font-size: 160%;
    line-height: 1.5;
}

.pullquote p.small {
    font-size: 120%;
}


/* IMAGES */

.articleBody .image-100 {
	margin-bottom: 3em;
}

.articleBody [class^='image-'] p {
	font-family: Arial, Helvetica, sans-serif;
}

.articleBody .enlargeLink {
	position: relative;
	float: right;
	margin-top: -3.5em;
	margin-right: 1em;
	z-index: 10;
	padding: .25em .5em;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	background: rgba(255, 255, 255, 0.6);
}

.articleBody [class^='image-'] > a:hover + .enlargeLink,
.articleBody .enlargeLink:hover {
	color: #000;
	background: rgba(255, 255, 255, 1);
}

.articleBody .enlargeLink .fa {
	margin-right: .25em;
}

.articleBody .enlargeLink:hover .fa {
	color: #000;
}


/* SIDEBAR */

.articleBody .sidebar {
	width: 35%;
	float: right;
	margin-left: 2em;
	padding: .65em 2% 0 2%;
}
				
.articleBody .sidebar h1,
.articleBody .sidebar h2,
.articleBody .sidebar h3,
.articleBody .sidebar h4,
.articleBody .sidebar h5,
.articleBody .sidebar h6 {
	margin: 0 0 .65em 0;
}


.article span.code {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
			
.articleBody #keywords {
	margin: 0 0 3.5em 0;
	padding: .36em 0 .36em 0;
	font-size: 85%;
	line-height: 1.25;
	color: #777;
}

.articleBody #keywords .button {
	margin-right: .25em;
	margin-bottom: 1em;
}

.articleBody #MedComID {
	font-size: 90%;
}


/* AGENDA ICONS */

#labAgendaIconsOuter {
	margin: .36em 0 1em 0;
	padding: .36em 0 .36em 0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}
                
#labAgendaIconsOuter h5 {
	font-family: Arial, Helvetica, sans-serif;
}
                
#labAgendaIconsOuter #agenda-icons-bottom-note {
	margin: 0.6em 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
}                
            
#labAgendaIconList {
	list-style-type: none;
    margin: 0;
}
				
#labAgendaIconList li {
	display: inline-block;
	width: 8.4444444444444%;
	margin: 0 3% 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 80%;
	line-height: 1.25;
	vertical-align: top;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
                
#labAgendaIconList li:last-child {
	margin-right: 0;
}
                
#labAgendaIconList li.inactive {
	display: none;
}

#labAgendaIconList li a {
	display: block;
	text-decoration: none;
}

#labAgendaIconList li a div.agendaImageOuter img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}	

#labAgendaIconList li a div.agendaImageOuter img:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

            
/* VIDEO */
		
.articleBody [class^='flash-'] .flash-player {
	overflow: hidden;
	margin-bottom: .5em;
}

.articleBody .flash-left {
	display: block;
	float: left;
	margin: 0 1.5em .8em 0;
}

.articleBody .flash-center {
	margin: 2em auto .8em auto;
}

.articleBody .flash-right {
	float: right;
	margin: 0 0 .8 1.5em;
}

.socialMediaIcons a .fa,
.socialMediaIcons a .fa-brands {
    color: #00addc;
}

.socialMediaIcons a:hover .fa,
.socialMediaIcons a:hover .fa-brands {
    color: #a0d033;
}


/*	------------------------------------------------------------------------------------------	*/
/*	 	READER DISCUSSION / COMMENT STYLES														*/
/*	------------------------------------------------------------------------------------------	*/

#comments {
	margin-bottom: 2em;
}
	
.commentsHead {
	margin-bottom: .25em;
	padding: .25em 1em;
	background: #f1f2f6;
}

.commentsSettings {
	float: right;
	text-align: right;
	vertical-align: middle;
	font-size: 90%;
}

.commentsSettings a {
	text-decoration: none;
}

.commentsSettings a:hover {
	text-decoration: underline;
}

.commentCount {
	display: inline-block;
}

.commentsList,
.commentFormOuter {
	margin-bottom: 0;
	list-style: none;
}

.commentsList li,
.commentFormOuter li {
	margin: 0 0 .25em 0;
	padding: .75em 1em .75em 0;
	background: #f1f2f6;
}

.commentsList li.smeComment {
	background: #d9dce8;
}

.commentsList li div,
.commentFormOuter li div {
	display: inline-block;
	vertical-align: top;
}

.commentsList li > div:first-child,
.commentFormOuter li > div:first-child {
	width: 12%;
	text-align: center;
	color: #c0c0c0;
}

.commentsList li > div:last-child,
.commentFormOuter li > div:last-child {
	width: 88%;
}

.commentsList li div p {
	margin-bottom: 0;
}

.commentsList .moderationNote {
	margin-bottom: .5em;
	padding-bottom: .5em;
	border-bottom: 1px solid #c0c0c0;
}

.commentsList .name,
.commentsList .commenterName {
	font-weight: 600;
}

.commentsList .time {
	font-size: 90%;
	color: #999;
}

.commentsList .SMEnote {
	font-size: 90%;
	line-height: 1.25;
	margin-top: .5em;
	padding-top: .5em;
	border-top: 1px solid #c0c0c0;
}


/* New Comment Form */

.commentsList .fa-user-circle,
.commentFormOuter .fa-user-circle {
	color: #c0c0c0;
}

#newComment {
	display: block;
	width: 100%;
	margin: 0;
	border: 0px;
	height: auto;
	min-height: 4em;
	font-size: 100%;
}

#limitOuter {
	position:relative;
	top: -2px;
	display: block;
	width: 100%;
	background-color: #fff;
	border: 0px;
}

#limitInner {
	display: block;
	width: 0%;
	height: 2px;
	background-color: #177617;
}

.additionalCommentFields {
	display: none;
	margin-top: .5em;
}

#fNameField,
#lNameField,
#emailField,
#allowAnonymousOuter {
	display: inline-block;
	width: 23%;
	margin-right: 2%;
}

#allowAnonymousOuter {
	font-size: 75%;
}

#fNameField,
#lNameField,
#emailField {
	font-size: 100%;
	border: 0px;
}

#allowAnonymousOuter {
	width: 25%;
	margin-right: 0;
	line-height: 2;
}

.additionalCommentFields {
	margin-bottom: 0;
}

.commentingClosed {
	margin: 0;
	padding: .5em 1em .5em 12%;
	background: #f1f2f6;
}



@media only screen and (max-width: 768px) {

	.article .contacts,
	.article .shareOuter {
	    display: block;
	    width: 100%;
	    text-align: center;
	}
	
	.article .contacts {
		margin-bottom: 2em;
		font-size: 90%;
	}
		
	.article .shareOuter .shareLabel {
		display: none;
	}
	
	.article .shareOuter a {
		margin-right: 2em;
	}
	
	.article .shareOuter a:nth-last-child(2) {
		margin-right: 0;
	}
	
	.article .shareOuter a .fa,
	.article .shareOuter a .fa-brands {
		font-size: 300%;
	}
	
	.article .shareOuter #printFriendlyLink {
	    display: none;
	}

	.articleBody .pullquote {
		width: 100%;
		float: none;
	}
	
	.articleBody .sidebar {
	    width: 50%;
	    float: right;
	    margin-left: 2em;
	    padding: 0 2% 0 2%;
	}
	
	.articleBody .image-50 {
	    width: 100%;
	}
	
	.articleBody .image-30 {
	    width: 50%;
	}	
	
	.relatedLinksList {
	    font-size: 90%;
	    line-height: 1.25;
	}	
	
	#labAgendaIconsOuter {
		font-size: 80%;
	}
	
	#labAgendaIconList li {
		width: 20%;
	}
	
}












































