/* /webmd/PageBuilder_Assets/CSS/EditorialModule/Harmony Slideshow Last Slide/Last Slide_091e9c5e810a11b6.css */

.harmony .relContent {
	min-height: 355px;
}

.harmony .lastslide-tiles .module {
	border: none;
}

.harmony .related .lastslide-tiles ul li img {
    height: 79px;
    width: 79px;
}

.harmony .lastslide-tiles h3 {
	color: #333;
    font-family: Lato,Arial,sans-serif;
    margin: 0;
    text-align: left;
}

.harmony .lastslide-tiles p {
	padding-bottom: 10px;
	text-align: left;
}

/* thin version */
.harmony.thin .related {
    margin-left: -32%;
}

.harmony.thin .relContent {
    min-height: 650px;
}

.harmony.thin .lastslide-tiles ul li {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 295px;
}

.harmony.thin #s3 > div .thumb img, .harmony.thin #s5 > div .thumb img {
    width: 79px;
}



/* /webmd/PageBuilder_Assets/CSS/DynamicSlideshow/Dynamic Slideshow with Filmstrip - Harmony/standard_091e9c5e80efaddb.css */

.ss_filmstrip {
	outline: 1px solid #eee;
	background: #fff;
	padding: .8em;
	position: relative;
	width: 650px;
	margin: 0 0 1em;
}
.toggleCaption {
	display: none;
	position: absolute;
	right: 0px;
	top: 342px;
	width: 41px;
	height: 34px;
	font-size: 1.8em;
	text-align: center;
	color: #222 !important;
	background-color: #d2d2d2;
	opacity: .7;
	filter: alpha(opacity=70);
}
.sources.addOn {
	background: #fff;
	width: 650px;
	margin: -1em 0 1em;
	outline: 1px solid #eee;
	padding: .8em;
}
.sources.addOn p {
	padding-bottom: 5px;
}
.ss_middle {
	position: relative;
	overflow: hidden;
}
.ss_filmstrip .hide {
	display: none;
}
.ss_filmstrip .slide_container {
	min-height: 335px;
	overflow: hidden;
	width: 100%;
}
.ss_filmstrip .slide_container>.slide {
	display: none;
}
.ss_filmstrip .rsSlide {
	text-align: center;
}
.ss_filmstrip .rsImg {
	height: auto;
	margin-top: 50px;
	width: 79%
}
.ss_filmstrip .rsThumbsHor {
	height: 71px;
	position: relative;
	padding: 0 10px;
	margin-top: 20px;
	width: 100%
}
.ss_filmstrip .rsThumbsHor .rsThumb {
	display: inline-block;
	height: 71px;
	width: 121px;
	overflow: hidden;
	padding: 0 8px;
}
.ss_filmstrip .rsThumbsHor img {
	border: 3px solid #fff;
	opacity: .35;
	filter: alpha(opacity=35);
	height: 70px;
	width: 105px;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
.ss_filmstrip .rsThumbsHor img:hover {
	opacity: .65;
	filter: alpha(opacity=65);
}
.ss_filmstrip .rsThumbsHor .rsNavSelected img {
	border: 3px solid #1295cc;
	opacity: 1;
	filter: alpha(opacity=100);
}
.ss_filmstrip .rsGCaption {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85);
	position: relative;
	text-align: left;
	width: 100%;
	overflow: hidden;
	height: 100%;
	padding: 1em 1em 0 1em;
	color: #555;
}
.ss_filmstrip .rsCaption h3 {
	font-family: inherit;
	color: #222;
}
.ss_filmstrip .rsGCaption .slideIndex {
	font-size: .7em;
	line-height: 1em;
	margin-bottom: 0;
	text-transform: uppercase;
}
.ss_filmstrip .rsCaption p {
	color: #222;
	margin-bottom: .8em;
}
.ss_filmstrip .rsCaption ul {
	margin-bottom: 0.8em;
}
.ss_filmstrip .rsCaption ul li {
	color: #222;
	list-style: inside disc;
}
.ss_filmstrip .slide_container .slideIndex {
    bottom: -23px;
    font-size: 0.75em;
    line-height: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    position: relative;
    text-transform: uppercase;
    width: 85px;
}
.ss_filmstrip .rsArrow {
    color: #1295cc;
    font-size: 1.5em;
    height: 33px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 113px;
}

.ss_filmstrip  .rsArrowLeft .rsArrowIcn {
	float: right;
	font-size: 0.85em;
}

.ss_filmstrip .rsArrowLeft .rsArrowIcn::after {
	content: 'Previous';
}

.ss_filmstrip .rsArrowRight .rsArrowIcn {
	float: left;
	font-size: 0.85em;
}

.ss_filmstrip .rsArrowRight .rsArrowIcn::after {
	content: 'Next';
	margin-left: 37px;
}
.ss_filmstrip .rsArrowDisabled, .ss_filmstrip .rsThumbsArrowDisabled {
	display: none!important;
}
.ss_filmstrip .rsArrowLeft, .ss_filmstrip .rsThumbsArrowLeft {
	left: 0;
}
.ss_filmstrip .rsArrowRight, .ss_filmstrip .rsThumbsArrowRight {
	right: 0;
}
.ss_filmstrip .rsThumbsArrow {
	background: #fff;
	color: #1295cc;
	position: absolute;
	height: 100%;
	padding-top: 22px;
	text-align: center;
	top: 0;
	width: 20px;
}
.sources li {
	max-width: 48%
}
.dContent, .sContent {
    margin-bottom: 0.5em;
}
.seamless {
	overflow: hidden;
	padding-top: 77px;
	text-align: center;
	width: 78%;
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	margin-left: -39%;
	padding-top: 55px;
}
.seamless h1, .seamless h3 {
	color: #fff;
	margin: .5em 0;
}
.relContent .rsImg {
	opacity: 0;
}
.relContent {
	min-height: 335px;
}
.related {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 78%;
	margin-left: -39%;
}
.related h3 {
	margin: 1.3em 0 1.35em;
}
.related .lastslide-tiles ul {
	overflow: hidden;
}
.related .lastslide-tiles ul li {
	vertical-align: top;
	width: 230px;
	text-align: left;
	display: inline-block;
}
.related .lastslide-tiles ul li.last {
	margin-left: 22px;
}
.related .lastslide-tiles ul li img {
	width: 230px;
	height: 155px;
}
.related .lastslide-tiles ul li .content span {
	display: block;
	font-size: 1.15em;
	line-height: 1.2em;
	padding: .2em 0 0;
}
.related .lastslide-tiles ul li .content a {
	font-size: 0.83em;
}
.thin .related h3 {
	margin: 1.6em 0 1.55em;
}
.thin .related .lastslide-tiles ul li.last {
	margin-left: 50px;
}

/* fix height bug in Ipad*/
.rsThumbsContainer {
	border: 1px solid transparent;
}

.navigation_pane {
    height: 335px;
    margin: 50px auto 0;
    position: relative;
    width: 493px;
}

.thin .navigation_pane {
    height: 230px;
    width: 340px;
}

/* Thin Mode */
.thin .ss_filmstrip,
.thin .sources.addOn {
	width: 455px;
}
.thin .ss_filmstrip .slide_container {
	min-height: 395px;
}
.thin .ss_filmstrip .rsArrow {
	top: 0;
}
.thin .ss_filmstrip .rsGCaption {
	min-height: 63px;
	margin-top: 0;
}
.thin .toggleCaption {
	top: 368px;
}
.thin .relContent {
	min-height: 398px;
}
.thin .seamless {
	padding-top: 72px;
}





