/*
    Created on : Dec 18, 2014, 2:33:55 PM
    Author     : Nishant
*/
html, body{
    width: 100%;
    height: 100%;
}
body{
    font-family: karbonregular, Arial;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    -webkit-text-size-adjust: 100%;
    color:#FFF;
    background: #FFF;       
}
video, object {
    left:0;
    position:absolute;
    top:0;
    background-color: #EBEBEB;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:focus {
    outline: 0;
}
*{
    -webkit-overflow-scrolling: touch;
    /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
}
*:not(input){
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
.clearfix[class] {
    display: block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
a,
a *
a *:before{
    text-decoration: none;
    color:#FFF;
}

a:not(.disabled),
a:not(.disabled) *,
a:not(.disabled) *:before{
    cursor: pointer;
}
.course-player{
    width: 100%;
    height: 100%;
    position: relative;
	display:none;
}

.course-player .bold{    
    font-family: karbonmedium;    
}
.course-player .top-bar{
    top: 0;
    left: 0;    
    position: absolute;
    height: 78px;
    width: 100%;
    z-index: 3;
    background-color: #000000;
}

.course-player .top-bar .title{
    display: inline-block;
    font-size: 1.2em;
    height: 100%;
    position: relative;
}

.course-player .top-bar .title div{
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    height: 78px;
}


.course-player .top-bar .title .title-saparetor span{
    height: 10px;
    width: 10px;
    border-radius: 10px;
    background-color: #fff;
    display: block;

}


.course-player .top-bar .title .course-title{

}

.course-player .top-bar .title .module-title{

}


.course-player .top-bar .logo-container{
    display: inline-block;
    height: 78px;
    position: absolute;
    right: 0;
    width: 287px;
}

.course-player .top-bar .logo-container .logo{
    background-image: url("../../content/images/janssen_logo_white.png");    
    background-repeat: no-repeat;
    height:100%;
    width: 100%;
}



.course-player .video-container{
    position: absolute;
    left: 0;
    top: 78px;
    /*height: -webkit-calc(100% - 140px);
    height: calc(100% - 140px);   */ 
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    width:100%;
    height:100%;    
}

.course-player .video-container .video-player{
    background-color: #FFFFFF;
    display: block;
}

.course-player .video-container .play-pause-button-anim{
    /*background-image: url(../../content/images/buttons.png);
    background-repeat: no-repeat;
    background-position: -196px 3px;*/
    width: 100px;
    height: 100px;   
    display: none;
    background-size: cover;
}
.course-player .video-container .play-pause-button-anim.pause{
    /*background-position: -275px 3px;*/
}

.course-player .video-container .play-pause-button-anim.play{
    /*background-position: -196px 3px;*/
}

.course-player .video-container .play-pause-button-anim img{
    width: 100%;
    height: 100%;
}


.jp-gui {
    margin: 0 auto;
    position: relative;
    top: 55%;
    width: 50%;
}

.course-player .content-container{
    height: 100%;
    position: absolute;
    width: 100%;    
}

.course-player .bottom-bar{    
    position: absolute;
    bottom: 10px;   
    left: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 80%; 
    text-align: center;
    display: none; 
    z-index: 2;
}


.course-player .bottom-bar .buttons-holder{    
    border-radius: 0 27px 27px 0;
    display: table;
    /*padding: 5px;
    padding-right: 10px;*/

    width: auto;
    position: relative;
    display: inline-block;
}

.course-player .bottom-bar .button-box{
    display: table-cell;
    vertical-align: middle;
}

.course-player .bottom-bar .bottom-button{
    position: relative;
    height: 44px;
    width: 44px;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 22px;    
    display: table; 
}

.course-player .bottom-bar .bottom-button span{
    position: relative;
    display: table-cell;
    vertical-align: middle;   
}
.course-player .bottom-bar .bottom-button .circle-image{
    background-color: #00AAE7;
    border-radius: 22px; 
    background-image: url(../../content/images/buttons.png);
    background-repeat: no-repeat;
}

.course-player .bottom-bar .bottom-button .button-label{
    font-size: 1em;
}

.course-player .bottom-bar .button-box:first-child .bottom-button{
    margin-right: 19px;
}

.course-player .bottom-bar .home-button{   
    height: 44px;
    width: 108px;
    margin-left: 19px;
}

.course-player .bottom-bar .home-button .circle-image{   
    background-position: -8px -44px;   
    height: 44px;
    width: 44px;   
}


.course-player .bottom-bar .home-button.hover .circle-image{
    background-color: #fbb040;
}


.course-player .bottom-bar .resource-button{
    visibility: visible;
    height: 44px;
    width: 140px;
}

.course-player .bottom-bar .resource-button .circle-image{   
    background-position: -80px -46px;
    height: 44px;
    width: 44px;   
}
.course-player .bottom-bar .resource-button.hover .circle-image{
    background-color: #fbb040;
}

.course-player .bottom-bar .resource-button.selected{
    background-color: #fbb040;
}

.course-player .bottom-bar .resource-button.disabled,
.course-player .bottom-bar .resource-button.disabled.hover
{
    background-color: #999;
    visibility: hidden;
    display: none;
}


.course-player .bottom-bar .button-box.play-pause{
    /*padding-top: 35px;*/
}
.course-player .bottom-bar .play-pause-button{  
    height: 83px;
    width: 44px;
    top: 17px;
}

.course-player .bottom-bar .play-pause-button.disabled{
    opacity: .5;
	filter: alpha(opacity = 50);
}

.course-player .bottom-bar .play-pause-button span{
    display: block;
}
.course-player .bottom-bar .play-pause-button .button-label{    
    margin-top: 6px;    
}

.course-player .bottom-bar .play-pause-button .circle-image{    
    height: 44px;
    width: 44px;   
}

.course-player .bottom-bar .play-pause-button.pause .circle-image{
    background-position: -397px -149px;
}

.course-player .bottom-bar .play-pause-button.play .circle-image{
    background-position: -364px -149px;
}

.course-player .bottom-bar .play-pause-button.hover .circle-image{
    background-color: #fbb040;
}

.course-player .bottom-bar .button-box.play-pause.flipped{
    padding-top: 0px;
}

.course-player .bottom-bar .button-box.play-pause.flipped .play-pause-button{
    height: 44px;
    width: 108px;
    top: auto;
}

.course-player .bottom-bar .button-box.play-pause.flipped .play-pause-button .circle-image {    
    float: right;
}

.course-player .bottom-bar .button-box.play-pause.flipped .play-pause-button .button-label {
    margin-top: 12px;
}

.course-player .bottom-bar .slider-container{
    width: 100%;
    height: 20px;
    margin-top: 30px;

}

.course-player .bottom-bar .slider{
    width: 100%;
    height: 20px;
    position: relative;
    /*background-color: #fbb040; */       
}

.course-player .bottom-bar .slider-container .slider-track{
    position: relative;
    top: 18px;
    width: 100%;
    height: 2px;
    background-color: #ccc;
    
}

.course-player .bottom-bar .slider-container .slider-fill{
    position: relative;
    top:0px;
    /*width: 100%;*/
    height: 2px;
    background-color: #FBB040;     
}

.course-player .bottom-bar .slider-container .activity-mark{
    background-image: url("../../content/images/buttons.png");
    background-position: -377px -98px;
    background-repeat: no-repeat;
    height: 24px;
    position: absolute;
    top: -7px;
    width: 18px;
}

.course-player .bottom-bar .slider-container .activity-mark.visited{
    background-position: -406px -98px;
}



.course-player .home-container{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    left: 0px;
    top: 0px;
    display: none; 
}

.course-player .bookmark-container{
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CC000000',endColorstr='#CC000000');
    background-color: rgba(0, 0, 0, 0.8);    
    height: 100%;
    position: absolute;
    width: 100%;
    display: none;
    z-index: 101;
}
.course-player .bookmark-container .bookmark{
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF',endColorstr='#FFFFFFFF');
    background-color: rgba(255, 255, 255, 1);
    font-size: 1.5em;
    height: 130px;
    left: 50%;
    margin: -75px auto 0 -240px;
    padding: 20px;
    position: relative;
    top: 50%;
    width: 480px;

}
.course-player .bookmark-container .bookmark p{
    color: #f4901d;
    text-align: center;
}
.course-player .bookmark-container .yes-no-holder{
    margin-top: 30px;
    position: relative;
    text-align: center;
}
.course-player .bookmark-container a{
    background-color: #f4901d;
    border-radius: 18px;
    display: inline-block;
    height: 30px;
    padding: 0 15px;
    position: relative;
    text-align: center;
    width: 110px;

}
.course-player .bookmark-container a:first-child{
    margin-right: 15px;
}
.course-player .bookmark-container a.disabled{
    color: #CCC;
    background-color: #999;
}
.course-player .bookmark-container a.disabled.hover{    
    background-color: #999;
}
.course-player .bookmark-container a.hover{    
    background-color: #00aae7;
}
.course-player .bookmark-container a span{}




.course-player .further-reading-container{
    background-color: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CC000000',endColorstr='#CC000000');    
    display: none;
    font-size: 1.3em;
    height: auto;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 78px;
    width: 100%;
    z-index: 3;
}


.close-f-reading {
    background: url("../../content/images/buttons.png") no-repeat scroll -530px -20px transparent;
    top: 8px;
    color: #fff;
    height: 37px;
    position: absolute;
    right: 8px;
    width: 37px;
}
.close-f-reading.hover{background-position:-585px -20px}
.further-reading-bg{
	background-color: rgba(0, 0, 0, 0.6);   
    display: none;  
    height: 100%;   
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
}

.course-player .further-reading-container .furter-reading{

}
.course-player .further-reading-container .furter-reading p{
    font-family: karbonbold;
    font-size: 22px;
    color: #fbb040;
    padding-left: 10px;
}
.course-player .further-reading-container .furter-reading .further-reading-link{
    display: table;
    margin: 5px;
}
.course-player .further-reading-container .furter-reading .further-reading-link.hover{
    text-decoration: underline;
}

.course-player .further-reading-container .furter-reading .further-reading-link:visited{
    color: #CCC;
}

.course-player .jp-audio, 
.course-player .jp-audio-stream, 
.course-player .jp-video
{
    background-color: transparent;
    border: none;
}

.course-player .jp-seek-bar {
    background: transparent;  
    background-color: rgba(0, 0, 0, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#CC000000',endColorstr='#CC000000');
}
.course-player div.jp-video .jp-progress {
    background-image: none;
    border-bottom: none;
    border-top: none;    
}

.course-player .jp-interface {
    background-color: transparent;   
}

.course-player  .jp-play-bar {
    background: transparent;  
    background-color: rgba(255, 255, 255, .3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4DFFFFFF',endColorstr='#4DFFFFFF');
}
/** Preloader **/


#preloader{
    position:relative;
    z-index: 100;
}


#preloader span{
    display: block;
    bottom: 0px;
    width: 9px;
    height: 5px;
    background: #9b59b6;
    position: absolute;
    -webkit-animation: preloader_1 1.5s infinite ease-in-out;
    -moz-animation: preloader_1 1.5s infinite ease-in-out;
    -ms-animation: preloader_1 1.5s infinite ease-in-out;
    -o-animation: preloader_1 1.5s infinite ease-in-out;
    animation: preloader_1 1.5s	infinite ease-in-out;
}

#preloader span:nth-child(2){
    left: 11px;
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s

}
#preloader span:nth-child(3){
    left: 22px;
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s;
}
#preloader span:nth-child(4){
    left: 33px;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
}
#preloader span:nth-child(5){
    left: 44px;
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -ms-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s;
}
@keyframes preloader_1 {
    0% {height:5px;transform:translateY(0px);background:#9b59b6;}
    25% {height:30px;transform:translateY(15px);background:#3498db;}
    50% {height:5px;transform:translateY(0px);background:#9b59b6;}
    100% {height:5px;transform:translateY(0px);background:#9b59b6;}
}
@-webkit-keyframes preloader_1 {
    0% {height:5px;transform:translateY(0px);background:#9b59b6;}
    25% {height:30px;transform:translateY(15px);background:#3498db;}
    50% {height:5px;transform:translateY(0px);background:#9b59b6;}
    100% {height:5px;transform:translateY(0px);background:#9b59b6;}
}

/* Intro Screen */
.intro-screen{
    position: relative;
    width: 100%;
    height: 100%;
    color: #666666;
    font-size: 1.125em;
}


.intro-screen .data-container{
    background-image: url("../../content/images/content_bg_img.png");
    background-position: right bottom;
    background-repeat: no-repeat;    
    font-family: karbonregular;
    height: 100%;
    position: relative;
    width: 100%;
}

.intro-screen .data-container .text-data {
    background-color: #eeeeee;
    font-family: karbonlight;
    height: 250px;
    margin-left: 100px;
    margin-top: 0;
    padding: 15px;
    position: relative;
    top: 110px;
    width: 85%;
}

.intro-screen .data-container h1{   
    background-color: #fbb040;
    color: #FFFFFF;
    font-family: karbonbold;
    font-size: 1.4em;
    margin-left: 100px;
    padding: 10px;
    position: relative;
    top: 100px;
    width: 417px;
}

.intro-screen .data-container h1.large{
    background-color: transparent;
    color: #00467e;
    font-family: karbonthin;
    font-size: 2.3em;
    padding: 0;
    margin-top: 10px;
}

.intro-screen .data-container .text-data p{    
    margin-top: 15px;
}
.intro-screen .data-container .text-data.scrollbox p:first-child{
    margin-top: 0px;
}

.intro-screen .data-container .text-data.scrollbox p a.hover{
    text-decoration: underline;
}
.intro-screen .data-container .text-data.scrollbox p a:visited{
    color: #652D89 !important;
}
.intro-screen .data-container .home-link{
    color: #333333;
    display: table;    
    margin-left: 100px;    
    position: relative;
    top: 145px;
}

.intro-screen .data-container .home-link div{
    background-color: #fbb040;
    border-radius: 0 35px 35px 0;
    color: #ffffff;
    display: table-cell;
    font-family: karbonlight;
    font-size: 1.25em;
    padding: 0px;
    vertical-align: middle;
    width: 40px;
}
.intro-screen .data-container .home-link div:first-child{
    background-color: #717073;
    border-radius: 0;
    text-align: center;
    width: 230px;
}
.intro-screen .data-container .home-link.hover div{
    background-color: #00aae7;
}
.intro-screen .data-container .home-link.hover div:first-child{
    /*background-color: #fbb040;*/
    background-color: #717073;
}
.intro-screen .data-container .home-link div .arrow{
    background-image: url("../../content/images/buttons.png");
    background-position: -169px -53px;
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    margin-left: 11px;
    width: 20px;
}

.home-screen .logo-container,
.intro-screen .logo-container{
    display: inline-block;
    height: 97px;
    position: absolute;
    right: 0;
    width: 368px;
}

.home-screen .logo-container .logo,
.intro-screen .logo-container .logo{
    background-image: url("../../content/images/janssen_logo_blue.png");    
    background-repeat: no-repeat;
    height:100%;
    width: 100%;
}


/* Home Screen */
.home-screen{
    position: relative;
    width: 100%;
    height: 100%;
    color: #666666;
    font-size: 1em;

}

.home-screen .content-bg-container{
    /*background-image: url("../../content/images/content_bg_img.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    opacity: 0.2;
    position: fixed;
    width: 100%;
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";*/
}


.home-screen .data-container{

}

.home-screen .data-container .text-data{  
    margin: 0 auto;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 100px;
    position: relative;
    width: 100%;
    font-family: karbonlight;
}

.home-screen .data-container .text-data h1{
    background-color: #fbb040;
    color: #ffffff;
    display: inline-block;
    font-family: karbonbold;
    font-size: 1.5em;
    padding: 5px;
}

.home-screen .data-container .text-data p{
    font-size: 1.125em;
    margin-top: 15px;
}
.home-screen .data-container .text-data .thumbs-heading{
    color: #666666;
    font-family: karbonbold;
    font-size: 1.375em;
    margin-bottom: 15px;
}
.home-screen .thumbs-holder{
    background-color: #ececec;
    display: table;
    margin: 5px auto 0 auto;
    padding-bottom: 5px;
    padding-top: 10px;
    position: relative;
    width: 90%;
}

.home-screen .thumbs-holder .thumb{

    display: inline-block;
    height: 128px;
    position: relative;
    width: 180px;
    margin-bottom: 5px;
}

.home-screen .thumbs-holder .thumb .back-img{
    background-image: url("../../content/images/module_thumbs_bg.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.home-screen .thumbs-holder .thumb .back-img-1{

}

.home-screen .thumbs-holder .thumb .back-img-2{
    display: none;
}

.home-screen .thumbs-holder .thumb.thumb1 .back-img-1{
    background-position: -11px -10px;
}
.home-screen .thumbs-holder .thumb.thumb2 .back-img-1{
    background-position: -11px -145px;
}
.home-screen .thumbs-holder .thumb.thumb3 .back-img-1{
    background-position: -11px -280px;
}
.home-screen .thumbs-holder .thumb.thumb4 .back-img-1{
    background-position: -11px -415px;
}

.home-screen .thumbs-holder .thumb.thumb1 .back-img-2{
    background-position: -569px -10px;
}
.home-screen .thumbs-holder .thumb.thumb2 .back-img-2{
    background-position: -569px -145px;
}
.home-screen .thumbs-holder .thumb.thumb3 .back-img-2{
    background-position: -569px -280px;
}
.home-screen .thumbs-holder .thumb.thumb4 .back-img-2{
    background-position: -569px -415px;
}

.home-screen .scrollbox{
    background-color: #eeeeee;
    height: 125px;
    margin-top: 15px;
    padding: 15px;
}

.home-screen .scrollbox p:first-child{
    margin-top: 0px;
}

/*
.home-screen .thumbs-holder .thumb.thumb1.hover{
    background-position: -14px -223px;
}
.home-screen .thumbs-holder .thumb.thumb2.hover{
    background-position: -242px -223px;
}
.home-screen .thumbs-holder .thumb.thumb3.hover{
    background-position: -470px -223px;
}
.home-screen .thumbs-holder .thumb.thumb4.hover{
    background-position: -697px -223px;
}
*/

.home-screen .thumbs-holder .thumb .round{
    background-color:#FBB040;
    background-color: rgba(251, 176, 64, 0.6);   
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99FBB040',endColorstr='#99FBB040');*/
    border-radius: 50px;
    height: 70px;
    margin: 139px auto;
    width: 70px;    
}
.home-screen .thumbs-holder .thumb .round .arrow{
    background-image: url("../../content/images/buttons.png");    
    background-position: -171px -8px;
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    left: 28px;
    position: relative;
    top: 15px;
    width: 20px;    
}

.home-screen .thumb-cover{
    border-left: 1px solid #CCCCCC;
    display: table-cell;
    text-align: center;
    width: 25%;
}
.home-screen .thumb-cover:first-child{
    border: none;
}

.home-screen .thumbs-holder .discription-text{
    max-width: 180px;
    text-align: left;
    display: inline-block;
}
.home-screen .thumbs-holder h1{
    color: #1c75bc;
    font-family: karbonmedium;
    font-size: 1.25em;
    margin: 0 auto 5px;
    text-align: left;
    width: 180px;
}
.home-screen .thumbs-holder .discription-text p{
    color: #666666;
    font-family: karbonregular;
    font-size: 0.9375em;
}

.home-screen ul{
    font-size: 1.25em;
    margin-top: 20px;
}
.home-screen li {    
    list-style: inside none disc;
    margin-top: 5px;
}

/* MCQ Screen */

.question-screen {
    background-color: rgba(0, 0, 0, .6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000',endColorstr='#99000000');
    width: 650px;
    height: auto;
    padding: 10px 10px 10px 45px;
    position: relative;
	top:200px!important;
}

.question-screen .data-container{
    width: 100%;
    height: 100%;
    position: relative;

}
.question-screen .data-container .question-text-container{
    font-size: 2em;
    color: #fbb040;
    padding-left: 3px;
}
.question-screen .data-container .option-container{
    font-size: 1.5em;
}
.question-screen .data-container .option-container .option{
    display: table;
    margin-top: 10px;
}

.question-screen .data-container .option-container .option span{
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle;
    height: 30px;
}
.question-screen .data-container .option-container .option span:first-child{
    background-image: url(../../content/images/buttons.png);
    background-repeat: no-repeat;
    background-position: -13px -9px;
    width: 30px;
}
.question-screen .data-container .option-container .option.hover span:first-child{
    background-position: -50px -9px;
}
.question-screen .data-container .option-container .option.selected span:first-child{
    background-position: -87px -9px;
}
.question-screen .data-container .submit-container{
    font-size: 1.5em;
    text-align: right;

}




.question-screen .data-container .submit-container .submit{
    display: inline-table;
    font-family: karbonlight;
    height: 40px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 165px;
    color: #333333;
}
.question-screen .data-container .submit-container .submit.disabled{
    color: #bababa;    
}

.question-screen .data-container .submit-container .submit.hover .last{    
    background-color:#00aae7;
}

.question-screen .data-container .submit-container .submit.disabled.hover .last{    background-color:#fbb040;
}

.question-screen .data-container .submit-container .submit .first{
    background-color: #f2f2f2;
    border-radius: 25px 0 0 25px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    /*width: 146px;*/
}

.question-screen .data-container .submit-container .submit .last{
    background-color: #fbb040;
    border-radius: 0 25px 25px 0;    
    display: table-cell;
    height: 40px;    
    text-align: center;
    vertical-align: middle;
    width: 58px;
}

.question-screen .data-container .submit-container .submit .last .arrow{
    background-color: transparent;
    background-image: url("../../content/images/buttons.png");
    background-position: -171px -53px;
    background-repeat: no-repeat;
    border-radius: 0;
    display: block;
    height: 40px;
    margin-left: 20px;
    margin-right: 10px;
    width: 20px;
}


.question-screen .data-container .feedback-container{
    width: 100%;
    height: auto;
    position: relative;
    font-size: 1.2em;
    border-top: 1px solid gray;
    padding-top: 15px;
    margin-top: 15px;
}

.question-screen .data-container .feedback-container .feedback-text-container{
    padding-left: 5px;
    float: left;
}

.question-screen .data-container .proceed-container{
    font-size: 1.2em;
    text-align: right;
}
.question-screen .data-container .proceed-container .proceed{
    display: inline-table;
    font-family: karbonlight;
    height: 40px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 165px;
    color: #333333;
}

.question-screen .data-container .proceed-container .proceed.hover .last{    
    background-color:#00aae7;
}

.question-screen .data-container .proceed-container .proceed .first{
    background-color: #f2f2f2;
    border-radius: 25px 0 0 25px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    /*width: 146px;*/
}

.question-screen .data-container .proceed-container .proceed .last{
    background-color: #fbb040;
    border-radius: 0 25px 25px 0;    
    display: table-cell;
    height: 40px;    
    text-align: center;
    vertical-align: middle;
    width: 58px;
}

.question-screen .data-container .proceed-container .proceed .last .arrow{
    background-color: transparent;
    background-image: url("../../content/images/buttons.png");
    background-position: -171px -53px;
    background-repeat: no-repeat;
    border-radius: 0;
    display: block;
    height: 40px;
    margin-left: 20px;
    margin-right: 10px;
    width: 20px;
}



.video-container .bar
{
    position: absolute;
    background-color: #fdfdfd;
    top: 0;
    z-index: 1;
    display: none;
}

.video-container .bar-left
{
    left: 0;
}

.video-container .bar-right
{
    right: 0;
}

.video-end-instruction{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80FFFFFF',endColorstr='#80FFFFFF');
}

.video-end-instruction .end-instruction{    
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#B3000000',endColorstr='#B3000000');
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 25px;
    bottom: 155px;
    color: #ffffff;
    font-size: 1.125em;
    height: 47px;
    left: 0;
    padding-top: 13px;
    position: absolute;
    text-align: center;
    width: 425px;
    font-style: italic;


}

.video-overlay
{
    background-color: #ffffff;
    position: absolute;
    width:100%;
    height: 100%;
    left: 0;
    top:0;
    display: none;
}

.bottom-bar.hideMe, .video-end-instruction.hideMe{display:none!important;}

@media screen and (max-width:1024px){
    .home-screen .data-container .text-data p{        
        /*margin-top: 15px;*/
    }

    .home-screen .data-container .text-data {
        padding-top: 90px; 
    }
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    .course-player:after {
        background-color: rgba(0, 0, 0, 0.8);
        content: "Please see in landscape mode for best view.";
        height: 100%;
        left: 0;
        opacity: 1;
        padding-top: 48%;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
        z-index: 2000;
        font-family: karbonregular;
        font-size: 2em;
    }
}

@media (orientation:landscape) {
    html.ipad.ios7 > body {
        position: fixed;
        bottom: 0;
        width:100%;
        height: 672px !important;
    }
}