/* PsO COLORS */
/* PsA COLORS */
/*! Helper classes */
/* Image replacement */
.ir { border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }

/* Hide visually and from screen readers: */
.hidden { display: none !important; }

/* Hide only visually, but have it available for screen readers: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: https://www.drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screen readers, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix: contain floats  For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `cf` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.cf:before, #relatedvids .slick-prev:before, #relatedvids .slick-next:before, #relatedvids #relatedvids-slider-top:before { content: " "; /* 1 */ display: table; /* 2 */ }
.cf:after, #relatedvids .slick-prev:after, #relatedvids .slick-next:after, #relatedvids #relatedvids-slider-top:after { content: " "; /* 1 */ display: table; /* 2 */ clear: both; }

/* Prevent text from breaking over two lines. */
.nobr { white-space: nowrap; }

/* Float rules */
.left { float: left; }

.right { float: right; }

/*
* positioning rules
*/
.relative { position: relative; }

#relatedvids { width: 300px; padding: 0px; background-color: #004165; margin-top: 20px; }
#relatedvids .slick-track { /*width: 670px !important;*/ padding-bottom: 45px; }
#relatedvids .slick-track div { background-repeat: no-repeat; background-size: 148px; background-position: 0 0; cursor: pointer; width: 148px; outline: 0px solid red; position: relative; height: 83px; }
#relatedvids .slick-track div:last-child { margin-right: 0; }
#relatedvids .slick-track div:nth-child(1) { /*background-position: 0 100%;*/ }
#relatedvids .slick-track div.relatedvids-thumb-jennifer { background-image: url("../../../assets/img/new/related-video/video-thumb-jennifer.png"); }
#relatedvids .slick-track div.relatedvids-thumb-jennifer:hover { background-image: url("../../../assets/img/new/related-video/video-thumb-jennifer-hover.png"); }
#relatedvids .slick-track div.relatedvids-thumb-jennifer.playing { background-image: url("../../../assets/img/new/related-video/video-thumb-jennifer-playing.png"); }
#relatedvids .slick-track div.relatedvids-thumb-advocate { background-image: url("../../../assets/img/new/related-video/video-thumb-advocate.png"); }
#relatedvids .slick-track div.relatedvids-thumb-advocate:hover { background-image: url("../../../assets/img/new/related-video/video-thumb-advocate-hover.png"); }
#relatedvids .slick-track div.relatedvids-thumb-advocate.playing { background-image: url("../../../assets/img/new/related-video/video-thumb-advocate-playing.png"); }
#relatedvids .slick-track div.relatedvids-thumb-tme { background-image: url("../../../assets/img/new/related-video/video-thumb-tme.png"); }
#relatedvids .slick-track div.relatedvids-thumb-tme:hover { background-image: url("../../../assets/img/new/related-video/video-thumb-tme-hover.png"); }
#relatedvids .slick-track div.relatedvids-thumb-tme.playing { background-image: url("../../../assets/img/new/related-video/video-thumb-tme-playing.png"); }
#relatedvids .slick-track div.relatedvids-thumb-starter { background-image: url("../../../assets/img/new/related-video/video-thumb-started.png"); }
#relatedvids .slick-track div.relatedvids-thumb-starter:hover { background-image: url("../../../assets/img/new/related-video/video-thumb-started-hover.png"); }
#relatedvids .slick-track div.relatedvids-thumb-starter.playing { background-image: url("../../../assets/img/new/related-video/video-thumb-started-playing.png"); }
#relatedvids .slick-track div.relatedvids-thumb-choosing { background-image: url("../../../assets/img/new/related-video/video-thumb-choosing.png"); }
#relatedvids .slick-track div.relatedvids-thumb-choosing:hover { background-image: url("../../../assets/img/new/related-video/video-thumb-choosing-hover.png"); }
#relatedvids .slick-track div.relatedvids-thumb-choosing.playing { background-image: url("../../../assets/img/new/related-video/video-thumb-choosing-playing.png"); }
#relatedvids .slick-track div.relatedvids-thumb-raising { background-image: url("../../../assets/img/new/related-video/video-thumb-raising.png"); }
#relatedvids .slick-track div.relatedvids-thumb-raising:hover { background-image: url("../../../assets/img/new/related-video/video-thumb-raising-hover.png"); }
#relatedvids .slick-track div.relatedvids-thumb-raising.playing { background-image: url("../../../assets/img/new/related-video/video-thumb-raising-playing.png"); }
#relatedvids .slick-track div.relatedvids-thumb-moa { background-image: url("../../../assets/img/new/related-video/video-thumb-moa.png"); }
#relatedvids .slick-track div.relatedvids-thumb-moa:hover { background-image: url("../../../assets/img/new/related-video/video-thumb-moa-hover.png"); }
#relatedvids .slick-track div.relatedvids-thumb-moa.playing { background-image: url("../../../assets/img/new/related-video/video-thumb-moa-playing.png"); }
#relatedvids .slick-track div.relatedvids-thumb-gotezla { background-image: url("../../../assets/img/new/related-video/video-thumb-gotezla.png"); }
#relatedvids .slick-track div.relatedvids-thumb-gotezla:hover { background-image: url("../../../assets/img/new/related-video/video-thumb-gotezla-hover.png"); }
#relatedvids .slick-track div.relatedvids-thumb-gotezla.playing { background-image: url("../../../assets/img/new/related-video/video-thumb-gotezla-playing.png"); }
#relatedvids .slick-track div.relatedvids-thumb-experience { background-image: url("../../../assets/img/new/related-video/video-thumb-experience.png"); }
#relatedvids .slick-track div.relatedvids-thumb-experience:hover { background-image: url("../../../assets/img/new/related-video/video-thumb-experience-hover.png"); }
#relatedvids .slick-track div.relatedvids-thumb-experience.playing { background-image: url("../../../assets/img/new/related-video/video-thumb-experience-playing.png"); }
#relatedvids .slick-track div.playing:before { content: 'Now Playing'; display: block; width: 100%; height: 100%; border: 0px solid red; position: absolute; bottom: 0; left: 0; /* height: 20px; */ text-align: center; line-height: 83px; color: #ffffff; background: url("assets/img/new/related-video/now-playing-bg.png") repeat transparent 0 0; font-family: "source_sans_probold"; }
#relatedvids .slick-track div span.relatedvids-title { position: absolute; top: 100%; left: 0; color: #ffffff; font-size: 13px; font-size: 0.8125rem; text-align: center; padding-left: 10px; margin-top: 5px; width: 100%; }
#relatedvids .slick-track div:focus { outline-width: 0; }
#relatedvids .slick-track div:hover span.relatedvids-title { color: #d47600; }
#relatedvids .slick-prev, #relatedvids .slick-next { margin: 0; background-repeat: repeat; background-position: 0 0; background-image: url("../../../assets/img/new/related-video/arrow-bg.png"); opacity: .7; width: 20px; z-index: 1; height: 128px; top: 0px; -moz-transform: translateX(0px) translateY(0px); -webkit-transform: translateX(0px) translateY(0px); -o-transform: translateX(0px) translateY(0px); -ms-transform: translateX(0px) translateY(0px); transform: translateX(0px) translateY(0px); }
#relatedvids .slick-prev:before, #relatedvids .slick-next:before { display: none; }
#relatedvids .slick-prev:after, #relatedvids .slick-next:after { display: block; position: absolute; top: 0; height: inherit; width: 20px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 10px; }
#relatedvids .slick-prev:hover, #relatedvids .slick-next:hover { opacity: 1; }
#relatedvids .slick-prev { left: 0; }
#relatedvids .slick-prev:after { background-image: url("../../../assets/img/new/related-video/left-arrow.png"); }
#relatedvids .slick-next { right: 0px; }
#relatedvids .slick-next:after { background-image: url("../../../assets/img/new/related-video/right-arrow.png"); }
#relatedvids #relatedvids-slider { margin-bottom: 0; }
#relatedvids #relatedvids-slider-container.hide { height: 0; visibility: hidden; }
#relatedvids #relatedvids-slider-top { font-family: "source_sans_probold"; color: #ffffff; margin: 0px auto 5px; display: none; text-align: center; font-size: 14px; font-size: 0.875rem; }
#relatedvids div.relatedvids-copy { margin-top: 10px; display: none; }
#relatedvids div.relatedvids-copy a { text-transform: none; text-decoration: underline; font-family: "source_sans_probold"; color: #ffffff; }
#relatedvids div.relatedvids-copy a:hover { color: #658ba2; }

html.b_ie.b_v9 #relatedvids-slider { outline: 1px solid red; }
html.b_ie.b_v9 #relatedvids .slick-next { border: 1px solid green; }

body.pso.youAndYourDoctor div.relatedvids-copy#copy2, body.pso.patientStories div.relatedvids-copy#copy3, body.pso.science div.relatedvids-copy#copy4, body.pso.gotezlaApp div.relatedvids-copy#copy6, body.psa.youAndYourDoctor div.relatedvids-copy#copy1, body.psa.science div.relatedvids-copy#copy5, body.psa.otezlaPrescription div.relatedvids-copy#copy1, body.psa.gotezlaApp div.relatedvids-copy#copy6 { display: block; }

@media only screen and (min-width: 48em) { #relatedvids { width: 500px; }
  #relatedvids .slick-track { /*width: 840px !important;*/ }
  #relatedvids .slick-track div { background-size: 124px; width: 124px; height: 69px; }
  #relatedvids .slick-track div.playing:before { width: 124px; line-height: 69px; }
  #relatedvids .slick-next, #relatedvids .slick-prev { height: 114px; width: 26px; }
  #relatedvids .slick-next:after, #relatedvids .slick-prev:after { width: 26px; } }
@media only screen and (min-width: 62.5em) { #relatedvids { width: 576px; }
  #relatedvids .slick-track div { background-size: 142px; width: 142px; height: 78px; margin-right: 2px; }
  #relatedvids .slick-track div.playing:before { width: 142px; line-height: 78px; }
  #relatedvids .slick-next, #relatedvids .slick-prev { height: 123px; }
  #relatedvids .slick-next { right: 0px; }
  #relatedvids #relatedvids-slider-top { display: block; }
  #relatedvids #relatedvids-slider-top.show { display: block; } }
#starter-video { width: 100%; margin: 25px auto; }

#starter-video { position: relative; }

.hotspotpanel { display: none; position: absolute; width: 640px; height: 315px; /* be sure not to cover controls */ top: 0; left: 0; /*border:1px solid #0f0;*/ z-index: 10; }

.hotspot { position: absolute; border-radius: 32px; cursor: pointer; /*border:1px solid #00f;*/ background-color: transparent; }

#hotspot1 { left: 245px; top: 45px; width: 365px; height: 119px; }

#hotspot2 { left: 34px; top: 180px; width: 433px; height: 145px; }

#hotspot3 { left: 84px; top: 43px; width: 478px; height: 125px; }

#hotspot4 { left: 395px; top: 180px; width: 223px; height: 125px; z-index: 12; }

#hotspot5 { left: 15px; top: 177px; width: 375px; height: 129px; z-index: 11; }

#skip1, #skip2 { /*left: 549px;*/ /*top: 317px;*/ /*width: 60px;*/ /*height: 32px;*/ right: 0px; top: 0; width: 125px; height: 27px; border-radius: 0px; }

#hotspotpanel3, #hotspotpanel4 { height: 30px; }

#faqClose1, #faqClose2 { right: 0px; top: 0; width: 105px; height: 27px; border-radius: 0px; /*border:1px solid red;*/ }

.jw-skin-starter .jw-display-icon-container, .jw-skin-starter:hover .jw-display-icon-container { background-color: transparent !important; border: none; font-size: 2.5em; }

.jw-skin-starter .jw-icon-playback, .jw-skin-starter .jw-icon-volume, .jw-skin-starter .jw-icon-fullscreen, .jw-skin-starter.jw-state-complete .jw-icon-display, .jw-skin-starter.jw-state-idle .jw-icon-display { opacity: .5; }

.jw-skin-starter .jw-icon-display { padding: 20px; border: 0px solid #000; border-radius: 2.5em; }

.jw-skin-starter .jw-icon-display:before { color: #333333; }

.jw-skin-starter:hover .jw-icon-display, .jw-state-complete .jw-icon-display:hover, .jw-skin-starter.jw-state-idle .jw-icon-display:hover { color: #000; opacity: .85; }

.jw-skin-starter .jw-controlbar { background: transparent; /*bottom: -.4em;*/ bottom: 0; padding: 0; height: .4em; display: block; }

.jw-skin-starter .jw-controlbar-center-group { padding: 0; line-height: .4em; display: block; }

.jw-skin-starter .jw-controlbar-center-group .jw-slider-container { height: .4em; display: block; }

.jw-skin-starter .jw-slider-time { height: .4em; line-height: .4em; vertical-align: top; }

.jw-skin-starter .jw-rail { background: #aaa; }

.jw-skin-starter .jw-progress { background: #666; }

.jw-skin-starter .jw-buffer { background: #ccc; }

.jw-skin-starter .jw-slider-horizontal .jw-knob { background: #fff; margin-left: 0; }

.jw-skin-starter .jw-time-tip { border: 0; padding: .125em .25em; bottom: 0; background-color: #aaa; }

.jw-skin-starter .jw-slider-vertical .jw-knob { background: #fff; width: 100%; }

.jw-skin-starter .jw-icon-playback { position: absolute; top: -2em; z-index: 1; }

.jw-skin-starter .jw-icon-volume { position: absolute; top: -2em; right: 20px; }

.jw-skin-starter .jw-icon-fullscreen { position: absolute; top: -2em; right: 0px; }

.jw-skin-starter .jw-icon-playback:hover, .jw-skin-starter .jw-icon-volume:hover, .jw-skin-starter .jw-icon-fullscreen:hover { color: #000; opacity: .85; }

.jw-skin-starter .jw-text-elapsed, .jw-skin-starter .jw-text-duration { display: none; }

.jw-slider-vertical .jw-slider-container, .jw-slider-vertical .jw-rail, .jw-slider-vertical .jw-progress { width: .68em; }

.jw-skin-starter .jw-icon-volume .jw-overlay { position: absolute; left: 3px; bottom: 1.5em; }

.jw-skin-starter .jw-icon-volume .jw-slider-vertical { background: transparent; border: 0; padding: 0; left: 0; }

/* If using playlists, extra controls to style/hide */
.jw-skin-starter .jw-icon-prev, .jw-skin-starter .jw-icon-next, .jw-skin-starter .jw-icon-playlist { display: none; }

.jw-tab-focus:focus { outline: 0px !important; }

@media only screen and (min-width: 48em) { #starter-video { /*width:728px;*/ margin-left: auto; margin-right: auto; }
  .jwplayer { /*width:728px !important;
height:410px  !important;*/ margin-left: auto; margin-right: auto; } }
@media only screen and (min-width: 62.5em) { #starter-video { position: relative; width: 576px; margin-left: 0; margin-right: auto; }
  .hotspotpanel { display: none; position: absolute; width: 576px; height: 290px; /* be sure not to cover controls */ top: 0; left: 0; z-index: 10; }
  .hotspot { position: absolute; border-radius: 32px; cursor: pointer; background-color: rgba(0, 0, 0, 0.01); }
  #hotspot1 { left: 225px; top: 35px; width: 325px; height: 113px; }
  #hotspot2 { left: 32px; top: 160px; width: 393px; height: 135px; }
  #hotspot3 { left: 74px; top: 39px; width: 436px; height: 115px; }
  #hotspot4 { left: 358px; top: 160px; width: 203px; height: 118px; z-index: 12; }
  #hotspot5 { left: 13px; top: 159px; width: 339px; height: 120px; z-index: 11; }
  #skip1, #skip2 { /*left: 549px;*/ /*top: 317px;*/ /*width: 60px;*/ /*height: 32px;*/ right: 0px; top: 0; width: 125px; height: 27px; border-radius: 0px; }
  #hotspotpanel3, #hotspotpanel4 { height: 30px; }
  #faqClose1, #faqClose2 { right: 0px; top: 0; width: 105px; height: 27px; border-radius: 0px; /*border:1px solid red;*/ }
  #myElement { margin-left: 0; }
  .jw-skin-starter .jw-display-icon-container, .jw-skin-starter:hover .jw-display-icon-container { background-color: transparent; border: none; font-size: 2.5em; }
  .jw-skin-starter .jw-icon-playback, .jw-skin-starter .jw-icon-volume, .jw-skin-starter.jw-state-complete .jw-icon-display, .jw-skin-starter.jw-state-idle .jw-icon-display { opacity: .5; }
  .jw-skin-starter .jw-icon-display { padding: 20px; border: 0px solid #000; border-radius: 2.5em; }
  .jw-skin-starter:hover .jw-icon-display, .jw-state-complete .jw-icon-display:hover, .jw-skin-starter.jw-state-idle .jw-icon-display:hover { color: #000; opacity: .85; }
  .jw-skin-starter .jw-controlbar { background: transparent; /*bottom: -.4em;*/ bottom: 0; padding: 0; height: .4em; display: block; }
  .jw-skin-starter .jw-controlbar-center-group { padding: 0; line-height: .4em; display: block; }
  .jw-skin-starter .jw-controlbar-center-group .jw-slider-container { height: .4em; display: block; }
  .jw-skin-starter .jw-slider-time { height: .4em; line-height: .4em; vertical-align: top; }
  .jw-skin-starter .jw-rail { background: #aaa; }
  .jw-skin-starter .jw-progress { background: #666; }
  .jw-skin-starter .jw-buffer { background: #ccc; }
  .jw-skin-starter .jw-slider-horizontal .jw-knob { background: #fff; margin-left: 0; }
  .jw-skin-starter .jw-time-tip { border: 0; padding: .125em .25em; bottom: 0; background-color: #aaa; }
  .jw-skin-starter .jw-slider-vertical .jw-knob { background: #fff; width: 100%; }
  .jw-skin-starter .jw-icon-playback { position: absolute; top: -2em; z-index: 1; }
  .jw-skin-starter .jw-icon-volume { position: absolute; top: -2em; right: 0; }
  .jw-skin-starter .jw-icon-playback:hover, .jw-skin-starter .jw-icon-volume:hover { color: #000; opacity: .85; }
  .jw-skin-starter .jw-text-elapsed, .jw-skin-starter .jw-icon-fullscreen, .jw-skin-starter .jw-text-duration { display: none; }
  .jw-slider-vertical .jw-slider-container, .jw-slider-vertical .jw-rail, .jw-slider-vertical .jw-progress { width: .68em; }
  .jw-skin-starter .jw-icon-volume .jw-overlay { position: absolute; left: 3px; bottom: 1.5em; }
  .jw-skin-starter .jw-icon-volume .jw-slider-vertical { background: transparent; border: 0; padding: 0; left: 0; }
  /* If using playlists, extra controls to style/hide */
  .jw-skin-starter .jw-icon-prev, .jw-skin-starter .jw-icon-next, .jw-skin-starter .jw-icon-playlist { display: none; } }

/*# sourceMappingURL=related-videos.css.map */