/*
 * Skin for Modified jPlayer Plugin for Caduceus International Publishing 
 * Skin Name: Caduceus
 *
 * Based on the Blue Monday skin by Silvia Benvenuti
 * Blue Monday is Copyright (c) 2010-2012 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Robert Merrill, Naranja Studio LLC
 * Skin Version: 1.0 (jPlayer 2.2.0)
 * Date: 1 December 2012
 */

div.jp-audio,
div.jp-audio-stream,
div.jp-video {
  /* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */
  /*font-size:1.25em;*/ /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */
  font-family: Verdana, Arial, sans-serif;
  /*line-height:1.6;*/
  color: #ededed;
  border: 0px solid #65af36;
  background-color: #ffffff;
  padding-left: 0;
  padding-right: 0;
}

div.jp-video-360p {
    /*width:940px;*/
    background-color: white;
    display: inline-block;
}

div.jp-video-full {
    /* Rules for IE6 (full-screen) */
    width: 480px;
    height: 100%;
    /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */
    /*position:static !important;
    position: relative;*/
}

    /* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */
    div.jp-video-full div div {
        z-index: 1000;
    }

    div.jp-video-full .jp-type-playlist {
        z-index: 10000;
        width: 100% !important;
        height: 100% !important;
    }

    div.jp-video-full div.jp-jplayer {
        top: 0;
        left: 0;
        position: fixed !important;
        position: relative; /* Rules for IE6 (full-screen) */
        overflow: hidden;
        width: 100% !important;
        height: 100% !important;
    }

    div.jp-video-full div.jp-gui {
        position: fixed !important;
        position: static; /* Rules for IE6 (full-screen) */
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1001; /* 1 layer above the others. */
    }

    div.jp-video-full div.jp-interface {
        position: absolute !important;
        position: relative; /* Rules for IE6 (full-screen) */
        bottom: 0;
        left: 0;
    }

div.jp-interface {
    position: relative;
    background-color: #414141;
    width: 100%;
}

div.cip-text-box {
  white-space: pre-wrap;
  border-radius: 10px;
  color: white;
  border: 0px;
  position: absolute;
  width: 20%;
  height: 270px;
  background-color: black;
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
  padding: 5px;
  font-size: 0.6em;
  text-align: left;
  overflow: scroll;
  overflow-x: hidden;
  left: calc(0% - 100vw);
  visibility: hidden;
  transition: visibility 5s ease-in-out, left .5s ease-in-out;
  -webkit-transition: visibility 5s ease-in-out, left .5s ease-in-out;
  z-index: 1001 !important;
  height: 100%;
}
  div.cip-text-box.active {
    visibility: visible;
    left: 0;
  }
  div.cip-text-box.active:focus {
    outline: 3px dotted #65af36;
  }
.jp-video-full div.cip-text-box {
	top:0;
	height:100%;
}

    /* Let's get this party started */
    div.cip-text-box::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    div.cip-text-box::-webkit-scrollbar-track {
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin-right: 3px;
    }

    /* Handle */
    div.cip-text-box::-webkit-scrollbar-thumb {
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: white;
    }

        div.cip-text-box::-webkit-scrollbar-thumb:window-inactive {
            background: white;
        }


div.jp-video div.jp-interface {
  border-top: 1px solid #65af36;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* @group CONTROLS */

div.jp-controls-holder {
    clear: both;
    width: 95% !important;
    margin: 0 auto;
    position: relative;
	padding: 5px 0;
}

div.jp-interface div.jp-controls {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0px solid red;
    float: left;
	position:absolute;
	width:100px;
	left:calc(50% - 50px);
	margin-top:5px;
}

div.jp-video div.jp-type-playlist div.jp-controls {
    width: 134px;
}

div.jp-video div.jp-controls,
div.jp-interface div.jp-controls div {
    display: inline;
}

div.jp-interface div.jp-controls a {
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
  color: #fff;
}
a.jp-play:focus,
a.jp-pause:focus {
  outline: 3px dotted #65af36;
}
a.jp-play,
a.jp-pause {
    width: 25px;
    height: 25px;
}

a.cip-print {
    margin: 0 !important;
    margin-left: -5px !important;
    background: url("player_print_icon.png") no-repeat 0 0;
}

a.jp-play {
    background: url("player_play_icon.png") 0 0 no-repeat;
}
    a.jp-play.disabled {
        opacity: .7;
    }

a.jp-pause {
		background: url("player_pause_icon.png") 0 0 no-repeat;
		display: none;
}
    a.jp-pause.disabled {
        opacity: .7;
    }
.jp-controls-holder.disabled {
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: .7;
}
	.jp-controls-holder.disabled *:focus {
		outline: 0;
	}
a.jp-stop:focus, a.jp-previous:focus, a.jp-next:focus, a.jp-speed:focus, a.jp-more:focus {
  outline: 3px dotted #65af36;
}
a.jp-stop, a.jp-previous, a.jp-next, a.jp-speed, a.jp-more {
	width: 24px;
	height: 24px;
}

a.cip-print, a.autoSlide {
    margin: 10px;
    text-decoration: none;
}

a.jp-previous {
    background: url("player_previous_icon.png") 0 0 no-repeat;
}

a.jp-next {
    background: url("player_next_icon.png") 0 0 no-repeat;
}

div.jp-progress {
    overflow: hidden;
    background-color: #ddd;
}

div.jp-video div.jp-progress {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 5px;
}

div.jp-seek-bar {
    background: url("jplayer.blue.monday.jpg") 0 -202px repeat-x;
    width: 0px;
    height: 100%;
    cursor: pointer;
}

div.jp-play-bar {
    background: url("controls.png") 0 -376px repeat-x;
    width: 0px;
    height: 100%;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
    background: url("jplayer.blue.monday.seeking.gif");
}

/* @end */


a.jp-backto {
    height: 25px;
    width: 25px;
}

a.jp-backto {
    background: url("controls.png") -8px -476px no-repeat;
}

    /*a.jp-backto:hover {
        background: url("controls.png") -41px -467px no-repeat;
    }*/



div.jp-volume-bar {
    position: absolute;
    overflow: hidden;
    background: url("jplayer.blue.monday.jpg") 0 -250px repeat-x;
    width: 46px;
    height: 5px;
    cursor: pointer;
}

div.jp-video div.jp-volume-bar {
    top: 17px;
    left: 72px;
}

div.jp-volume-bar-value {
    background: url("jplayer.blue.monday.jpg") 0 -256px repeat-x;
    width: 0px;
    height: 5px;
}

/* @end */

/* @group playlist */

div.jp-title {
    font-weight: bold;
    text-align: center;
}

div.jp-title,
div.jp-playlist {
  width: 100%;
  background-color: #ccc;
  border-top: 1px solid #65af36;
  
  width: 100%;
  z-index: 100;
  position: absolute;
  overflow-y: scroll;
  max-height: 420px;
  /*top: -486px;*/
  bottom: 66px;
}

div.jp-type-single div.jp-title,
div.jp-type-playlist div.jp-title,
div.jp-type-single div.jp-playlist {
    border-top: none;
}

div.jp-title ul,
div.jp-playlist ul {
    list-style-type: none;
    margin: 0;
    padding: 0 20px;
    font-size: .72em;
}

div.jp-title li {
    padding: 5px 0;
    font-weight: bold;
}

div.jp-playlist li {
    padding: 5px 0 4px 20px;
    border-bottom: 1px solid #eee;
}

    div.jp-playlist li div {
        display: inline;
    }

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */

div.jp-type-playlist div.jp-playlist li:last-child {
    padding: 5px 0 5px 20px;
    border-bottom: none;
}

li.jp-playlist-current {
  background-color: #005994;
}
.jp-playlist li:focus-within {
  outline: 2px dotted #005994;
}
.jp-playlist li a:focus {
  outline: none;
  text-decoration: none;
}
 li.jp-playlist-current a {
    color: #ffffff;
  }
div.jp-type-playlist div.jp-playlist a {
    color: #333;
    text-decoration: none;
}

    div.jp-type-playlist div.jp-playlist a:hover {
        color: #65af36;
    }

    div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
        color: #65af36;
    }

    div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
        float: right;
        display: inline;
        text-align: right;
        margin-right: 10px;
        font-weight: bold;
        color: #666;
    }

        div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
            color: #65af36;
        }

.jp-playlist-item { white-space: normal; }

div.jp-type-playlist div.jp-playlist span.jp-free-media {
    float: right;
    display: inline;
    text-align: right;
    margin-right: 10px;
}

    div.jp-type-playlist div.jp-playlist span.jp-free-media a {
        color: #666;
    }

        div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover {
            color: #65af36;
        }

span.jp-artist {
    font-size: .8em;
    color: #666;
}

/* @end */

div.jp-video-play {
    width: 100%;
    overflow: hidden; /* Important for nested negative margins to work in modern browsers */
    cursor: pointer;
    background-color: rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */
}

div.jp-video-270p div.jp-video-play {
    margin-top: -270px;
    height: 270px;
}

div.jp-video-360p div.jp-video-play {
    margin-top: -360px;
    height: 360px;
}

div.jp-video-full div.jp-video-play {
    height: 100%;
}

a.jp-video-play-icon {
    display: none;
}

div.jp-video-play:hover a.jp-video-play-icon {
    background: url("jplayer.blue.monday.video.play.png") 0 -100px no-repeat;
}


div.jp-video-360p div.jp-gui, div.jp-video-270p div.jp-gui {
  position: relative;
}


div.jp-jplayer audio,
div.jp-jplayer {
    width: 0;
    height: 0;
}

div.jp-jplayer {
    background-color: #fff;
}





/* @group TOGGLES */

/* The audio toggles are nested inside jp-time-holder */

ul.jp-toggles {
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
}

.clear {
    clear: both;
}

div.jp-audio .jp-type-single ul.jp-toggles {
    width: 25px;
}

div.jp-audio .jp-type-playlist ul.jp-toggles {
    width: 55px;
    margin: 0;
    position: absolute;
    left: 325px;
    top: 50px;
}

div.jp-video ul.jp-toggles {
    margin-top: 5px;
    float: right;
    border: 0px solid red;
}
div.jp-video ul.jp-toggles.jp-toggles-left {
    float: left;
    border: 0px solid red;
}

ul.jp-toggles li {
    display: block;
    float: left;
}

  ul.jp-toggles li a {
    display: block;
    width: 27px;
    height: 27px;
    text-indent: -9999px;
    line-height: 100%; /* need this for IE6 */
    color: #fff;
  }
    ul.jp-toggles li a:focus {
      outline: 3px dotted #65af36;
    }

    a.cip-chapter {
      background: url("player_bookmarks_icon.png") 0 0 no-repeat;
    }

    /*a.cip-chapter:hover {
        background: url("controls.png") -41px -320px no-repeat;
    }*/

a.cip-text {
    background: url("player_cc_icon.png") 0 0 no-repeat;
}

    /*a.cip-text:hover {
        background: url("controls.png") -40px -160px no-repeat;
    }*/

a.jp-full-screen {
    background: url("player_fullscreen_icon.png") 0 0 no-repeat;
}

    /*a.jp-full-screen:hover {
        background: url("controls.png") -40px -240px no-repeat;
    }*/

a.jp-restore-screen-cip { 
	background: url("player_escape_fullscreen_icon.png") 0px 0 no-repeat; 
}

    /*a.jp-restore-screen:hover {
        background: url("controls.png") -40px -200px no-repeat;
    }*/

a.jp-repeat {
    background: url("jplayer.blue.monday.jpg") 0 -290px no-repeat;
}

    a.jp-repeat:hover {
        background: url("jplayer.blue.monday.jpg") -30px -290px no-repeat;
    }

a.jp-repeat-off {
    background: url("jplayer.blue.monday.jpg") -60px -290px no-repeat;
}

    a.jp-repeat-off:hover {
        background: url("jplayer.blue.monday.jpg") -90px -290px no-repeat;
    }

a.jp-shuffle {
    background: url("jplayer.blue.monday.jpg") 0 -270px no-repeat;
    margin-left: 5px;
}

    a.jp-shuffle:hover {
        background: url("jplayer.blue.monday.jpg") -30px -270px no-repeat;
    }

a.jp-shuffle-off {
    background: url("jplayer.blue.monday.jpg") -60px -270px no-repeat;
    margin-left: 5px;
}

    a.jp-shuffle-off:hover {
        background: url("jplayer.blue.monday.jpg") -90px -270px no-repeat;
    }


/* @end */

/* @group NO SOLUTION error feedback */

.jp-no-solution {
    padding: 5px;
    font-size: .8em;
    background-color: #eee;
    border: 2px solid #65af36;
    color: #000;
    display: none;
}

    .jp-no-solution a {
        color: #000;
    }

    .jp-no-solution span {
        font-size: 1em;
        display: block;
        text-align: center;
        font-weight: bold;
    }

/* @end */
.jp-jplayer > img {
    height: 95% !important;
    margin: 0 auto;
}

#Slide_Container:not(.jp-video-full) #Slide_Player {
  width: 665px !important;
  min-height: 500px !important;
  position: relative;
}

@media(min-width:1200px){
  #Slide_Container:not(.jp-video-full) #Slide_Player {
    width: 665px !important;
    min-height: 500px !important;
    position: relative;
  }
}
@media(max-width:600px) {
    #Slide_Container:not(.jp-video-full) #Slide_Player {
        width: 100% !important;
        position: relative;
    }
}

/* ==========================================================================
	 Base styles: Index CSS
	 ========================================================================== */


.jp-more-menu {
    position: relative;
}

    .jp-more-menu, .jp-more-menu ul {
        /*width: 80px;*/
        padding: 0;
    }

        .jp-more-menu:hover, .jp-more-menu ul {
            background: #fff;
        }

        .jp-more-menu a {
            color: gray;
            border: 0px solid red;
            text-indent: 0 !important;
        }

        .jp-more-menu ul {
            position: absolute;
            bottom: 40px;
            right: 0;
            margin-bottom: 0px;
            z-index: 100;
        }

ul.jp-toggles li.jp-more-menu a {
    width: auto;
    font-size: 10pt;
    height: 15px;
    padding-left: 0px;
}

ul.jp-toggles li.jp-more-menu > a {
    margin-top: 0px;
    margin-left: 4px;
}

.jp-more-menu img {
    background: url("/content/skin/controls.png") -5px -280px no-repeat;
}
.sliderButton {
  padding: 2px;
  position: relative;
}
.sliderButton:focus {
  outline: 2px dotted #65af36;
}
.lectureSlider {
  width: 70px;
  display: inline-block;
  position: relative;
  top: 1px;
  height: 9px;
  left: auto;
}
.noaudio{
	position:absolute;
	z-index: 1040;
	top:9px;
	left:50px;
	width:calc(95% / 2 - 75px);
	height:22px;
	display:none;
}
#sliderVolumeText {
  position: absolute;
  left: calc(50% + 50px - (50% + 240px) / 2);
  font-size: 11px;
  color: white;
  text-align: right;
  display: inline-block;
  top: 14px;
}
#sliderSpeedText{
	position:absolute;
	left:calc(50% + 50px + (50% - 240px) / 2);
	font-size:11px;
	color:white;
	text-align:right;
	display:inline-block;
	top:14px;
}

.ui-slider-tick {
  border: 1px solid #8d8d8d;
  position: absolute;
  height: 4px;
  top: 1px;
}
.jp-nav {
  display: inline-block !important;
}

div.jp-video div.jp-type-playlist div.jp-controls {
    width: 150px;
}

/*div.jp-video a.jp-mute, div.jp-video a.jp-unmute {
    left: 160px;
}*/
.ui-slider-handle:focus {
  outline: 2px dotted #65af36;
}
#sliderVolume .ui-slider-handle, #sliderSpeed .ui-slider-handle {
  height: 1.4em;
  width: 0.7em;
}

.backsummary {
    background-color: white;
    text-align: center;
    width: 100%;
    height:  100%;
    left: 0;
    position: absolute;
    z-index: 999;
    display: none;
}

.overlay {
    position: relative;
    top: -540px;
}

.backsummary div.blankspace {
    width: 640px;
    height: 33%;
}

.backsummary a {
    font-size: 16px;
}

.activity-completed-check {
  color: #4c9642;
  font-size: 80px;
}
.ui-slider:focus-within {
  outline: 2px dotted #65af36;
}
.ui-slider .ui-slider-range {
  background: #999 url(images/ui-bg_flat_100_2b3d63_40x100.png) 50% 50% repeat-x;
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.3em;
    background: #ffffff url(../themes/base/images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x;
}

.slider-radius {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.slider-background {
    border: 1px solid #999999;
    background: #ffffff url(../themes/base/images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x;
    color: #000000;
}

.number-current-playlist {
    font-size: 18px;
    margin-top: 6px;
}

.noaudio {
    font-size: 18px;
}




.videoPlayer {
    overflow: hidden;
    align-content: center;
}

@media (min-width:1200px) {
  div.jp-playlist {
    /*width: 665px;*/
    /*width: 665px;
    z-index: 100000;
    position: fixed;
    overflow-y: scroll;
    max-height: 300px;*/
  }
    div#Slide_Playlist, div.cip-text-box {
        max-height: 555px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
	div.jp-playlist { 
    /*width: 570px;*/
	}
    div#Slide_Playlist, div.cip-text-box {
        max-height: 550px !important;
    }
    div#Slide_Container {
        height: 100% !important;
    }
}


@media (min-width:768px) and (max-width:991px) {
  div.jp-playlist {
    /*width: 506px;*/
  }
    div#Slide_Playlist, div.cip-text-box {
        max-height: 550px;
    }
}


@media (min-width:480px) and (max-width:767px) {
  div.jp-playlist {
    /*width:445px;*/
    max-height: 333px;
    /*top: -400px;*/
  }
    div#Slide_Playlist, div.cip-text-box {
        max-height: 540px;
    }
}


@media (min-width:320px) and (max-width:480px) {
  div.jp-playlist {
    /*width: 290px;*/
    max-height: 200px;
    /*top: -266px;*/
  }
    div#Slide_Playlist, div.cip-text-box {
        max-height: 430px;
    }
}
@media (min-width:100px) and (max-width:320px) {
  div.jp-playlist {
    /*width: 290px;*/
    max-height: 100px;
    /*top: -166px;*/
  }

  div#Slide_Playlist, div.cip-text-box {
    max-height: 200px;
  }
}


/* Unused styles */
div.jp-audio { width: 420px; }

div.jp-audio-stream { width: 182px; }

div.jp-audio div.jp-type-single div.jp-interface { height: 60px; }

div.jp-audio div.jp-type-playlist div.jp-interface { height: 60px; }

div.jp-audio-stream div.jp-type-single div.jp-interface { height: 60px; }

div.jp-audio div.jp-controls { width: 380px; padding: 20px 20px 0 20px; }

div.jp-audio-stream div.jp-controls { width: 142px; padding: 20px 20px 0 20px; }

div.jp-video div.jp-type-single div.jp-controls { width: 78px; /*margin-left: 200px;*/ }

a.jp-stop { background: url("jplayer.blue.monday.jpg") 0 -83px no-repeat; margin-left: 10px; }

	a.jp-stop:hover { background: url("jplayer.blue.monday.jpg") -29px -83px no-repeat; }

div.jp-audio div.jp-progress { position: absolute; top: 32px; height: 15px; }

div.jp-audio div.jp-type-playlist div.jp-progress { left: 166px; width: 130px; }

div.jp-audio div.jp-type-single div.jp-progress { left: 110px; width: 186px; }

/* @group volume controls */


a.jp-mute,
a.jp-unmute,
a.jp-volume-max { width: 18px; height: 15px; margin-top: 12px; }

div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute { margin-left: 210px; }

div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute { margin-left: 154px; }

div.jp-audio-stream div.jp-type-single a.jp-mute,
div.jp-audio-stream div.jp-type-single a.jp-unmute { margin-left: 10px; }

div.jp-audio a.jp-volume-max,
div.jp-audio-stream a.jp-volume-max { margin-left: 56px; }

div.jp-video a.jp-mute,
div.jp-video a.jp-unmute,
div.jp-video a.jp-volume-max { position: absolute; top: 12px; margin-top: 0; }

/*div.jp-video a.jp-mute,
div.jp-video a.jp-unmute {
    left: 50px;
}

div.jp-video a.jp-volume-max {
    left: 134px;
}*/
a.jp-unmute { background: url("player_sound_icon.png") 0 0 no-repeat; opacity: 0.7; }

/*a.jp-unmute:hover {
        background: url("controls.png") -99px 0 no-repeat;
        opacity: 1;
    }*/

a.jp-mute { background: url("player_sound_icon.png") 0 0 no-repeat; opacity: 0.7; }

/*a.jp-mute:hover {
        background: url("controls.png") -99px -16px no-repeat;
        opacity: 1;
    }*/


a.jp-volume-max { background: url("jplayer.blue.monday.jpg") 0 -186px no-repeat; }

	a.jp-volume-max:hover { background: url("jplayer.blue.monday.jpg") -19px -186px no-repeat; }

div.jp-audio div.jp-volume-bar { top: 37px; left: 330px; }

div.jp-audio-stream div.jp-volume-bar { top: 37px; left: 92px; }

/* @group current time and duration */

div.jp-audio div.jp-time-holder { position: absolute; top: 50px; }

div.jp-audio div.jp-type-single div.jp-time-holder { left: 110px; width: 186px; }

div.jp-audio div.jp-type-playlist div.jp-time-holder { left: 166px; width: 130px; }

div.jp-current-time,
div.jp-duration { width: 60px; font-size: .64em; font-style: oblique; }

div.jp-current-time { float: left; display: inline; }

div.jp-duration { float: right; display: inline; text-align: right; }

div.jp-video div.jp-current-time { margin-left: 20px; }

div.jp-video div.jp-duration { margin-right: 20px; }

/* @end */