html {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}

html,
body,
applet,
object,
iframe,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 12px;
    vertical-align: baseline;
    background: transparent;
}


/* body {
    line-height: 1;
} */

ol,
ul {
    list-style: none;
}

.transcriptDilog ul {
    list-style: outside;
}

.transcriptDilog ul li {
    margin: 10px 0;
}

.transcriptDilog p {
    margin: 5px 0;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.hideCnt {
    display: none;
}

#splashContainer {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1001;
}

.ui-dialog {
    background: #FFF;
}


/* .disableContent {
    cursor: default;
    background: #f00;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100% left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: none;
} */

.addVisiblity {
    visibility: hidden;
}

#player_audio_yes {
    background: #131f94;
    color: #fff;
    clear: both;
    margin: 0 auto;
    text-align: center;
    outline: none;
    border: none;
    border-radius: 5px;
    padding: 5px 0px;
    width: 30%;
}

.blank {
    position: absolute;
}

#player_bookmarkPopup_no {
    cursor: pointer;
}

#player_bookmarkPopup_yes {
    cursor: pointer;
}

.pointerNone {
    pointer-events: none!important;
}

.player_bookmarkPopup_BtnContainer {
    text-align: center;
}

.player_audioPopup_BtnContainer #player_audio_yes:active {
    background: #131f94;
}

.questButton {
    background: #BD141B;
    color: #fff;
    clear: both;
    width: 40%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0px;
    -webkit-box-shadow: 3px 3px 3px #000;
    -moz-box-shadow: 3px 3px 3px #000;
    box-shadow: 3px 3px 3px #000;
    position: relative;
    top: 17%;
}

.NoTouch .questButton:hover {
    background: #414143;
}

#splashContainer .video-js {
    height: 95%;
    width: 95%;
    float: left;
}

.btnHolder {
    margin-left: 44%;
    margin-top: 1%;
}

.hading {
    width: auto;
    position: absolute;
    top: 0;
    left: -20px;
    height: 31px;
    line-height: 31px;
    background: #131f94;
    padding: 0 20px 0 27px;
    color: #fff;
    z-index: 2;
    -ms-transform: skew(40deg, 0deg);
    -webkit-transform: skew(40deg, 0deg);
    transform: skew(40deg, 0deg);
}

.hading span {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #131f94;
}

.hading div {
    -ms-transform: skew(-40deg, 0deg);
    -webkit-transform: skew(-40deg, 0deg);
    transform: skew(-40deg, 0deg);
}

.skip {
    background: #131f94 none repeat scroll 0 0;
    border: 1px solid #abd2e7;
    color: #ffffff;
    cursor: pointer;
    font-size: 12px;
    padding: 5px;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 111;
    transition: all 0.5s ease-in-out 0s;
    display: none;
}

.skip:hover {
    background: #333333 none repeat scroll 0 0;
    color: #FFF;
}

#splashContainer .video-js.vjs-default-skin {
    height: 100% !important;
    width: 100% !important;
    float: left;
}

#splashContainer .startlevel {
    background: url('../images/pages/global/buttonImg.png') repeat scroll 0% 0% / 100% 100% transparent;
    text-align: center;
    width: 100px;
    color: #fff;
    font-size: 14px;
    border: medium none;
    outline: medium none;
    cursor: pointer;
    padding: 5% 1%;
}

.no-touch #splashContainer .startlevel:hover {
    background: url('../images/pages/global/buttonImgHver.png');
    background-size: 100% 100%;
}

#splashContainer .startlevel:disabled {
    background: #b0b8bd;
    background-image: -webkit-linear-gradient(top, #b0b8bd, #8c9194);
    background-image: -moz-linear-gradient(top, #b0b8bd, #8c9194);
    background-image: -ms-linear-gradient(top, #b0b8bd, #8c9194);
    background-image: -o-linear-gradient(top, #b0b8bd, #8c9194);
    background-image: linear-gradient(to bottom, #b0b8bd, #8c9194);
}

#splashContainer .startContainer {
    width: 100%;
    height: 10%;
    position: absolute;
    bottom: 19%;
    left: 0;
}

#splashContainer .startContainer2 {
    opacity: 0.8;
    width: 100%;
    height: 10%;
    position: absolute;
    top: 0%;
    left: 0;
    display: none;
}

.startContainer2 .inst {
    margin-top: -10px;
    width: 200px;
    float: right;
    margin-right: 150px;
}

#splashContainer .bgFill {
    opacity: 0.8;
    width: 100%;
    height: 100%;
}

.btnHolderContainer {
    position: relative;
}

#splashContainer .btnHolderContainer {
    display: table-cell;
    vertical-align: middle;
}

#splashContainer .txt {
    width: 100%;
    text-align: center;
    color: #000;
    background: #fff;
    top: 40%;
    transform: translateY(-50%);
    position: relative;
    padding: 5px 0px;
}

#splashContainer .startContainer {
    display: none;
}

#splashContainer .inst {
    margin-top: 2px;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('opensans-bold-webfont.woff2') format('woff2'), url('opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('opensans-bolditalic-webfont.woff2') format('woff2'), url('opensans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('opensans-extrabold-webfont.woff2') format('woff2'), url('opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('opensans-extrabolditalic-webfont.woff2') format('woff2'), url('opensans-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('opensans-italic-webfont.woff2') format('woff2'), url('opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('opensans-light-webfont.woff2') format('woff2'), url('opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('opensans-lightitalic-webfont.woff2') format('woff2'), url('opensans-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.woff2') format('woff2'), url('opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('opensans-semibold-webfont.woff2') format('woff2'), url('opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('opensans-semibolditalic-webfont.woff2') format('woff2'), url('opensans-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    font-size: 100%;
    background: #828484;
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    font-family: 'open_sansregular';
    color: #202020;
}

#nextBtnText {
    background-color: #003399;
    color: #FFF;
    padding: 5px 10px;
    position: absolute;
    right: 0%;
    bottom: 0%;
    z-index: 1000;
    background-color:
}

.player_container_style {
    position: relative;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    max-height: 640px;
    max-width: 1024px;
    min-width: 440px;
    display: none;
    height: 100%;
    background-color: #A9AAAC;
}

header {
    width: 100%;
    height: 67px;
    float: left;
    background-color: #fff;
}

.player_logo_style {
    float: left;
    height: 100%;
     position: relative;
    text-align: center;
     width: 73%;
}

#player_logo {
    left: 0;
    float: left;
}

.tagline {
    vertical-align: middle;
    padding: 0;
    width: 75.9%;
    text-align: center;
    float: left;
    font-weight: bold;
    color: #ffffff;
    background: #003399;
    position: relative;
    height: 100%;
   /* line-height: 67px;*/
    font-size: 16px;
    -webkit-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg);
}


.tagline_text .titleText {
    -webkit-transform: skew(10deg, 0deg);
    -ms-transform: skew(10deg, 0deg);
    -o-transform: skew(10deg, 0deg);
    transform: skew(10deg, 0deg);
    font-size: 16px;
}


#player_logo_border {
    height: 100%;
    left: 0;
    bottom: 6%;
    position: relative;
}

#player_logo_border2 {
    bottom: 6%;
    height: 100%;
    left: 12%;
    position: relative;
}

#player_logo2 {
    height: 46px;
    left: 8%;
    position: relative;
    top: -15px;
    width: 124px;
}

.player_title_style {
    height: 100%;
    float: left;
    position: relative;
    padding-left: 2%;
    line-height: 350%;
    margin: 0px;
}


/*================== Css Menu Icon ==================*/

.player_menuBtn_style {
    border-radius: 5px;
    color: #2d2d2d;
    cursor: pointer;
    width: 15%;
    display: table-cell;
    vertical-align: middle;
}

.player_menuBtn_style .playericonBg {
    background: url("../images/shell/ui_sprite_new.png") no-repeat scroll 0px 4px;
    display: table;
    float: left;
    height: 85%;
    width: 34px;
}

.player_menuBtn_style .playericonBg:hover {
    background: url("../images/shell/ui_sprite_new.png") no-repeat scroll 0px -49px;
}

.icon-menu:before {
    display: table-cell !important;
    vertical-align: middle;
}

.player_menuBtn_style .playericonBg .playerIconMinus {
    width: 100%;
    height: 10%;
    margin-bottom: 13%;
}

.playericonText {
    display: table;
    float: left;
    height: 85%;
    padding: 0;
    text-align: center;
    width: 47px;
}

.playericonText div {
    vertical-align: middle;
    display: table-cell;
}


/*================== Css Menu Icon End ==================*/

.player_couresExitBtn_style {
    background: rgba(54, 95, 54, 1);
    width: 30px;
    height: 20px;
    float: right;
    margin-right: 9px;
    margin-top: 11px;
    padding: 10px;
    color: #FFF;
    cursor: pointer;
}

.player_couresExitBtn_style:hover {
    background: rgba(52, 104, 52, 1);
}

.player_couresExitBtn_style:active {
    background: rgba(44, 77, 44, 1);
}

.player_pageNumber_style {
    border: medium none;
    border-radius: 3px;
    display: table-cell;
    font-weight: bold;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    width: 70px;
    margin-right: 5px;
    margin-left: 5px;
}

.player_pageNumber_style input {
    border: 2px solid #ccc;
    border-radius: 12px;
    float: left;
    text-align: center;
    width: 100%;
}

.player_moduleTitleBg_style {
    margin-top: 0%;
    background: #e30613;
    width: 100%;
    height: 28px;
    float: left;
}

.player_moduleTitle_style:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.player_moduleTitle_style {
    height: 100%;
    width: 90%;
    overflow: hidden;
    float: left;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 28px;
    margin: 0px 0 0 10px;
    font-size: 14px;
}

.player_contentArea_style {
    position: relative;
    width: 100%;
    /*margin: 5px;*/
    overflow: hidden;
    height: 100%;
    max-height: 488px;
    float: left;
    -webkit-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.4);
}

.player_backBtn_style {
    cursor: default;
    width: 8px;
    background: url(../images/shell/ui_sprite_new.png) -344px 5px;
    height: 70px;
    left: 0;
    z-index: 100;
    position: fixed;
}

.player_backBtnDisabled_style {
    cursor: default;
    width: 8px;
    background: url(../images/shell/ui_sprite_new.png) -344px -103px;
    height: 70px;
    left: 0;
    z-index: 100;
    position: fixed;
}

.player_backBtn_style:hover {
    background: url(../images/shell/ui_sprite_new.png) -344px -49px;
}

footer.player_middleNav .player_backBtn_style:hover {
    color: #009999;
    background: url(../images/shell/ui_sprite_new.png) -344px -47px;
}

.player_nextBtn_style {
    cursor: default;
    background: url(../images/shell/ui_sprite_new.png) -280px 5px;
    width: 12px;
    height: 70px;
    right: 0;
    z-index: 96;
}

.menu_line {
    height: 25px;
    width: 9px;
    background: url(../images/shell/divider.png) no-repeat;
    top: -7px;
}

.player_nextBtn_style:hover {
    background: url(../images/shell/ui_sprite_new.png) -280px -49px;
}

footer.player_middleNav .player_nextBtn_style:hover {
    color: #009999;
    background: url(../images/shell/ui_sprite_new.png) -280px -47px;
}

.player_content_style {
    z-index: 0;
    height: 100%;
    padding-top: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background: -moz-linear-gradient(90deg, #ffffff 0%, #cccccc 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #ffffff));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, #ffffff 0%, #cccccc 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, #ffffff 0%, #cccccc 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, #ffffff 0%, #cccccc 100%);
    /* ie10+ */
    background: linear-gradient(0deg, #ffffff 0%, #cccccc 100%);
    /* w3c */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff', GradientType=0);
    /* ie6-9 */
}

footer {
    position: absolute;
    height: 47px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    margin-bottom: 0;
    overflow: hidden;
    z-index: 900;
    background: #333333;
    background: -moz-linear-gradient(left, #333333 0%, #333333 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #333333), color-stop(100%, #004b34));
    background: -webkit-linear-gradient(left, #333333 0%, #333333 100%);
    background: -o-linear-gradient(left, #333333 0%, #333333 100%);
    background: -ms-linear-gradient(left, #333333 0%, #333333 100%);
    background: linear-gradient(to right, #333333 0%, #333333 100%);
    /* W3C */
    width: 100%;
}

.copyright_text {
    position: absolute;
    bottom: 0;
    left: 390px;
}

.copyright_text_2 {
    position: absolute;
    left: 20px;
    bottom: 17px;
    color: #ffffff;
}

.player_sliderCloseBtn {
    background: url(../images/shell/ui_sprite.png) -162px 0;
    width: 54px;
    height: 44px;
    float: left;
    cursor: pointer;
}

.player_sliderOpenBtn {
    background: url(../images/shell/ui_sprite.png) -226px 0;
    width: 54px;
    height: 44px;
    float: left;
    cursor: pointer;
}

.player_playBtn_style {
    background: url(../images/shell/ply_paus.png) 0px 7px;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 39px;
}

.player_playBtn_style:hover {
    background: url(../images/shell/ply_paus_rollover.png) 0px 7px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.player_pauseBtn_style {
    background: url(../images/shell/pas_icon.png) 0px 7px;
    background-repeat: no-repeat;
    height: 39px;
}

.player_pauseBtn_style:hover {
    background: url(../images/shell/pas_icon_rollover.png) 0px 7px;
    background-repeat: no-repeat;
}


/* .player_pauseBtnDisabled_style {
    background: rgba(0, 0, 0, 0) url("../images/shell/pas_icon.png") no-repeat scroll 0 7px;
    opacity: 0.4;
    cursor: default;
    height: 39px;
} */

.player_pauseBtnDisabled_style {
    cursor: default;
}

.player_audioText_container {
    display: table;
    height: 100%;
    text-align: center;
    width: 13%;
    float: left;
    margin-right: 1%;
}

.player_audio_btn {
    display: table;
    height: 100%;
    text-align: center;
    width: 7%;
    float: left;
    margin-left: -3%;
}

.audio_txt {
    vertical-align: middle;
}

.player_audioBtn_class {
    background: url(../images/shell/ui_sprite_new.png) -147px 9px;
    width: 30px;
    cursor: pointer;
}

.player_audioBtn_class:hover {
    background: url(../images/shell/ui_sprite_new.png) -147px -45px;
}

.player_audioDisableBtn_class {
    background: url(../images/shell/ui_sprite_new.png) -210px 9px;
    width: 30px;
    cursor: pointer;
}

.player_audioDisableBtn_class:hover {
    background: url(../images/shell/ui_sprite_new.png) -210px -45px;
}

#transcriptDilogWrapper {
    display: none;
    height: 157px !important;
}

.transcriptPosition {
    height: 200px !important;
}

#player_transcriptPrintBtn {
    background: url(../images/shell/ui_sprite.png) -674px 0;
    width: 54px;
    height: 44px;
    float: left;
    cursor: pointer;
}

#player_transcriptPrintBtn.clicked {
    background: url(../images/shell/ui_sprite.png) -674px -108px;
}

#player_transcriptPrintBtn:hover {
    background: url(../images/shell/ui_sprite.png) -674px -54px;
}


/*-------- Player Middle Controls Start ---------*/

footer.player_middleNav .player_middleControls {
    height: 95%;
    width: 100%;
    background: #003399;
}

footer.player_middleNav .footer_nav_center {
    height: 100%;
    margin: 0 auto;
    text-align: center;
    width: 80%;
    display: table;
}

footer.player_middleNav .player_pauseBtn_style {
    cursor: pointer;
}

footer.player_middleNav .player_audioBtn_class:hover {
    background: url(../images/shell/ui_sprite_new.png) -147px -45px;
}

footer.player_middleNav .player_audioDisableBtn_class {
    background: url(../images/shell/ui_sprite_new.png) -211px 8px;
    width: 30px;
    display: table-cell;
    vertical-align: middle;
}

footer.player_middleNav .player_audioGreyBtn_class {
    background: url(../images/shell/audio_disabled.png) no-repeat;
    width: 25px;
}

footer.player_middleNav .player_audioDisableBtn_class:hover {
    background: url(../images/shell/ui_sprite_new.png) -211px -45px;
}

footer.player_middleNav #transcriptDilogWrapper {
    display: none;
    height: 157px !important;
}

footer.player_middleNav .transcriptPosition {
    bottom: 10% !important;
    height: 200px !important;
    top: auto !important;
}

footer.player_middleNav #player_transcriptPrintBtn {
    background: url(../images/shell/ui_sprite.png) -674px 0;
    width: 54px;
    height: 44px;
    float: left;
    cursor: pointer;
}

footer.player_middleNav #player_transcriptPrintBtn.clicked {
    background: url(../images/shell/ui_sprite.png) -674px -108px;
}

footer.player_middleNav #player_transcriptPrintBtn:hover {
    background: url(../images/shell/ui_sprite.png) -674px -54px;
}

footer.player_middleNav .player_backBtn_style {
    color: #716f6f;
    cursor: pointer;
    display: table-cell;
    font-weight: bold;
    height: 16px;
    position: inherit;
    vertical-align: middle;
    width: 8px;
    background: url(../images/shell/ui_sprite_new.png) -344px 7px;
}

footer.player_middleNav .player_backBtnDisabled_style {
    color: #716f6f;
    cursor: pointer;
    display: table-cell;
    height: 16px;
    position: inherit;
    vertical-align: middle;
    width: 8px;
    background: url(../images/shell/ui_sprite_new.png) -344px -101px;
}

footer.player_middleNav .player_nextBtn_style {
    color: #716f6f;
    cursor: pointer;
    display: table-cell;
    font-weight: bold;
    height: 16px;
    position: inherit;
    text-align: center;
    vertical-align: middle;
    background: url(../images/shell/ui_sprite_new.png) -280px 7px;
    width: 12px;
}

footer.player_middleNav .player_nextBtnDisabled_style {
    color: #716f6f;
    cursor: pointer;
    display: table-cell;
    font-weight: bold;
    height: 16px;
    position: inherit;
    text-align: center;
    vertical-align: middle;
    background: url(../images/shell/ui_sprite_new.png) -280px -101px;
    width: 12px;
}


/*-------- Player Middle Controls End -----------*/


/* ========================================================================= */

.player_HelpGloccary {
    color: #fff;
    float: right;
    margin-right: 0;
    margin-top: 5%;
    width: 12%;
}

#player_glossaryBtn:hover {
    color: #00a3e2;
}

.player_glossaryBtnMain {
    padding: 14% 22%;
    width: 56%;
    height: 70%;
}

.player_glossaryBtnTopBg {
    width: 100%;
    height: 30%;
}

.player_glossaryBtnMiddelBg {
    width: 100%;
    height: 24%;
    margin: 7% 0px 7%;
}

.player_glossaryBtnBottomBg {
    width: 100%;
    height: 30%;
}

.player_glossaryBtnTopLeft {
    width: 50%;
    height: 100%;
    float: left;
}

.player_glossaryBtnTopLeftTopBorder {
    width: 100%;
    height: 40%;
    background-color: #066;
}

.player_glossaryBtnTopLeftBottomBorder {
    width: 100%;
    height: 34%;
    background-color: #066;
    margin-top: 20%
}

.player_glossaryBtnMiddelTopBorder {
    width: 100%;
    height: 40%;
    background-color: #066;
}

.player_glossaryBtnMiddelBottomBorder {
    width: 100%;
    height: 40%;
    background-color: #066;
    margin-top: 4%;
}

.player_glossaryBtnTopRight {
    color: #066;
    width: 50%;
    float: left;
    height: 100%;
    line-height: 67%;
    font-weight: bold;
    text-align: center;
}


/* ========================================================================= */

.player_btnDivider {
    background: url(../images/shell/sliding_nav_division.png) no-repeat;
    width: 2px;
    height: 44px;
    float: left;
}

.player_Divider {
    background: none repeat scroll 0 0 #004d6f;
    float: left;
    height: 14px;
    margin-left: 5%;
    margin-top: 3px;
    width: 2px;
}

#player_searchBtn {
    background: url(../images/shell/ui_sprite.png) -546px 0;
    width: 54px;
    height: 44px;
    float: left;
    cursor: pointer;
}

#player_searchBtn:hover {
    background: url(../images/shell/ui_sprite.png) -546px -54px;
}


/* ================= Paragraph Navigation - START ================= */

.player_paraNavigationButtonsText_style {
    border-radius: 3px;
    display: table;
    float: left;
    height: 100%;
    text-align: center;
    width: 9%;
    margin-left: 2%;
}

.player_paraNavigationButtons_style {
    border-radius: 3px;
    display: table;
    float: left;
    height: 100%;
    text-align: center;
    width: 7%;
    margin-left: 1%;
}

.player_paraBackBtn_style {
    background: url(../images/shell/ui_sprite.png) -543px -252px;
    -moz-user-select: none;
    float: right;
    margin-right: 6px;
    margin-top: 2.2%;
    width: 18px;
    height: 10px;
    cursor: pointer;
    padding: 5px;
}

.player_paraBackBtn_style:hover {
    background: url(../images/shell/ui_sprite.png) -593px -252px;
}

.player_paraBackBtn_style:active {
    background: url(../images/shell/ui_sprite.png) -593px -252px;
}

.player_paraBackBtnDisabled_style {
    background: url(../images/shell/ui_sprite.png) -493px -252px;
    -moz-user-select: none;
    float: right;
    margin-right: 6px;
    margin-top: 2.2%;
    width: 18px;
    height: 10px;
    cursor: default;
    padding: 5px;
}

.player_paraNextBtn_style {
    background: url(../images/shell/ui_sprite.png) -695px -252px;
    -moz-user-select: none;
    float: right;
    margin-right: 6px;
    margin-top: 2.2%;
    width: 18px;
    height: 10px;
    cursor: pointer;
    padding: 5px;
}

.itext_st {
    font-style: italic;
}

.player_paraNextBtn_style:hover {
    background: url(../images/shell/ui_sprite.png) -745px -252px;
}

.player_paraNextBtn_style:active {
    background: url(../images/shell/ui_sprite.png) -745px -252px;
}

.player_paraNextBtnDisabled_style {
    background: url(../images/shell/ui_sprite.png) -645px -252px;
    -moz-user-select: none;
    float: right;
    margin-right: 6px;
    margin-top: 2.2%;
    width: 18px;
    height: 10px;
    cursor: default;
    padding: 5px;
}

.player_replay_txt {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    height: 85%;
}

.ui-progress-bar {
    /* Usual setup stuff */
    position: relative;
    /* Pad right so we don't cover the borders when fully progressed */
    padding-right: 2px;
    /* For browser that don't support gradients, we'll set a blanket background colour */
    background-color: #abb2bc;
    /* Rounds the ends, we specify an excessive amount to make sure they are completely rounded */
    /* Adjust to your liking, and don't forget to adjust to the same amount in .ui-progress */
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    background: #dfdfdf;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #dfdfdf 0%, #f5f5f5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfdfdf), color-stop(100%, #f5f5f5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dfdfdf 0%, #f5f5f5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dfdfdf 0%, #f5f5f5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dfdfdf 0%, #f5f5f5 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #dfdfdf 0%, #f5f5f5 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#f5f5f5', GradientType=0);
    /* IE6-8 */
    /* Give it the inset look by adding some shadows and highlights */
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
    height: 14px;
    width: 100px;
    float: right;
    margin-left: 5px;
    margin-top: 1.5%;
    right: 5px;
}

.ui-progress {
    transition: width 1s;
    -webkit-transition: width 1s;
    margin-left: 3px;
    position: relative;
    display: block;
    height: 6px;
    margin-top: 3px;
    /* Rounds the ends, we specify an excessive amount to make sure they are completely rounded */
    /* Adjust to your liking, and don't forget to adjust to the same amount in .ui-progress-bar */
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
    background: #99ff99;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5ZmY5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDgwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #99ff99 0%, #008040 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99ff99), color-stop(100%, #008040));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #99ff99 0%, #008040 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #99ff99 0%, #008040 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #99ff99 0%, #008040 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #99ff99 0%, #008040 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#99ff99', endColorstr='#008040', GradientType=0);
    /* IE6-8 */
    border: solid 1px;
    border-top-color: #66cc66;
    border-bottom-color: #006633;
    border-left-color: #339966;
    border-right-color: #339966;
}


/* ================= Paragraph Navigation - END ================= */

#player_glossary_letterContainer {
    width: 100%;
}

.player_glossaryLetter_active_style {
    background: url(../images/shell/glossary-letter-bg.png) 0px -38px no-repeat;
    cursor: pointer;
}

.player_glossaryLetter_active_style:hover {
    background: url(../images/shell/glossary-letter-bg.png) 0px 0px no-repeat;
    cursor: pointer;
}

.player_glossaryLetter_selected_style {
    background: url(../images/shell/glossary-letter-bg.png) 0px -114px no-repeat;
    cursor: pointer;
}

.player_glossaryLetter_selected_style:hover {
    background: url(../images/shell/glossary-letter-bg.png) 0px -114px no-repeat;
    cursor: pointer;
}

.player_glossaryLetter_inactive_style {
    background: url(../images/shell/glossary-letter-bg.png) 0px -76px no-repeat;
    cursor: default;
}

#player_glossary_letterContainer .player_glossaryLetter_active_style,
.player_glossaryLetter_inactive_style {
    font-weight: bold;
    padding: 5px 5px 5px 12px;
    text-decoration: none;
    color: #fff;
    display: block;
    line-height: 28px;
    float: left;
    width: 27px;
    height: 28px;
}

#player_glossary_wordContainer {
    background: url(../images/shell/left-nav-bg.png) no-repeat;
    background-size: 100% 100%;
    float: left;
    width: 30%;
    height: 50%;
    margin: 2px 0px 0px 1%;
    clear: both;
    padding: 5px 0 0;
    font-size: 0.850em;
    min-height: 250px;
    max-width: 207px;
}

#player_glossary_definitionContainer {
    position: relative;
    background: url(../images/shell/glossary-content-bg.png) no-repeat;
    background-size: 100% 100%;
    float: right;
    width: 60%;
    height: 50%;
    margin: 2px 17px 0px 0px;
    padding: 5px 0 0 5px;
    font-size: 0.850em;
    min-height: 250px;
    max-width: 402px;
}

#player_glossary_wordContainer div {
    border-radius: 2px;
    color: #000;
    cursor: pointer;
    margin-top: 3px;
    padding-bottom: 1%;
    padding-left: 6%;
    padding-top: 1%;
    text-align: left;
    width: 94%;
}

.glossaryWordClicked {
    background: #00a3e2;
    color: #fff !important;
}

#player_glossary_definitionContainer div {
    width: 95%;
}

#player_searchPopupTop {
    margin: 5px auto;
}

#player_search_resultContainer {}

#player_search_resultContainer .search_txt {
    cursor: pointer;
    display: inline-block;
}

#player_audioPreloader {
    visibility: hidden;
    float: right;
    margin-right: 7px;
    height: 100%;
}

#player_audioPreloader span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#player_audioPreloader img {
    vertical-align: middle;
}


/*========= CSS Loader ========*/

.player_preLoader_style {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #FFF;
    z-index: 999;
}

.player_loaderImg_style {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0px 0px -30px;
}

.spinner_cube {
    width: 60px;
    height: 60px;
}

.spinner_cube > div {
    background-color: #131f94;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: cuberotate 1.8s infinite ease-in-out;
    animation: cuberotate 1.8s infinite ease-in-out;
}

.spinner_cube div:nth-child(2) {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

@-webkit-keyframes cuberotate {
    25% {
        -webkit-transform: translateX(22px) rotate(-90deg) scale(0.5)
    }
    50% {
        -webkit-transform: translateX(22px) translateY(22px) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0px) translateY(22px) rotate(-270deg) scale(0.5)
    }
    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes cuberotate {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
    }
    50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
    }
    50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
    }
    75% {
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    }
    100% {
        transform: rotate(-360deg);
    }
}


/*========= CSS Loader End ========*/

.player_noscriptmsg_style {
    font-weight: bold;
}

.player_chromeError_style {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

#player_debugger_wrapper {
    width: 400px;
    top: 100px;
    left: 10px;
    position: absolute;
    background: #ddd;
    border: 2px solid rgba(46, 161, 88, 1);
    z-index: 111;
    padding-bottom: 5px;
    display: none;
}

#logContainer {
    width: 96%;
    margin: 2%;
    height: 200px;
    text-align: left;
    color: #fff;
    padding-top: 10px;
    overflow: auto !important;
}

#dragHandle {
    background: url('../images/shell/moduletitlebg.png') repeat-x scroll 0% 0% transparent;
    color: #063;
    padding: 5px;
}

#player_debugger_container {
    padding: 0px 0px 5px 0px;
}

.player_debugger_btns_container {
    padding: 0px 5px;
    margin-top: 5px;
}

.minimize {
    background: url('images/ui-icons_ef8c08_256x240.png') repeat scroll -62px -126px transparent;
    float: right;
    cursor: pointer;
    height: 20px;
    width: 20px;
}

.minimize:hover {
    background-color: #fff;
}

#player_debugger_close_btn {
    background: url('images/ui-icons_ef8c08_256x240.png') repeat scroll -95px -126px transparent;
    float: right;
    cursor: pointer;
    height: 20px;
    width: 20px;
}

#player_debugger_close_btn:hover {
    background-color: #fff;
}

.minimize.maximize {
    background: url('images/ui-icons_ef8c08_256x240.png') repeat scroll -46px -77px transparent;
    float: right;
    cursor: pointer;
    height: 20px;
    width: 20px;
}

.minimize.maximize:hover {
    background-color: #fff;
}

.show_Hide_Trace,
.clear_Trace,
.debuggrerNext,
.debuggrerBack,
.debuggrer_menu_btn,
.debuggrer_btns {
    text-decoration: none;
    /*color:#696;*/
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0px;
    line-height: 20px;
    color: #333;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFF, #E6E6E6);
}

.debuggrer_btns {
    float: left;
    margin-left: 10px;
}

.show_Hide_Trace:hover,
.clear_Trace:hover,
.debuggrerNext:hover,
.debuggrerBack:hover,
.debuggrer_btns:hover,
.debuggrer_menu_btn:hover {
    color: rgba(143, 167, 26, 1);
}

.show_Hide_Trace,
.debuggrer_menu_btn {
    float: left;
}

.clear_Trace,
.debuggrerNext,
.debuggrerBack {
    float: right;
}

.debuggrerNext {
    margin-right: 5px;
}

.player_debugger_dropdown_Bg {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
}

#player_debugger_dropdown {
    min-width: 150px;
    height: 30px;
    margin: 0px 0px 0px 5px;
}

#player_debugger_effect_dropdown {
    min-width: 100px;
    height: 30px;
    margin: 0px 0px 3px 5px;
}

.f_l {
    float: left;
}

.f_r {
    float: right;
}

.debugger_settings_radio_Bg {
    /*float: left;*/
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
    padding: 3px 5px;
}

.player_debugger_input {
    height: 19px;
    width: 75px;
    margin-left: 3px;
}

.player_debugger_dely_audio {
    padding: 1px 2px;
    border: 1px solid #FFF;
    margin-bottom: 5px;
}

.imgLeft {
    float: left;
    margin: 10px;
}

.imgCenterHor {
    margin: 0px auto;
}

.imgRight {
    float: right;
}

.vidLeft {
    float: left;
}

.vidCenterHor {
    margin: 0px auto;
}

.vidRight {
    float: right;
}

.instruction {
    color: #2d2d2d;
    font-style: italic;
    width: 80%;
}

#pageDiv {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: normal;
    font-size: 14px;
    /*padding: 20px;*/
    box-sizing: border-box;
    position: relative;
    background: -moz-linear-gradient(90deg, #ffffff 0%, #cccccc 100%);
    /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #ffffff));
    /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, #ffffff 0%, #cccccc 100%);
    /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, #ffffff 0%, #cccccc 100%);
    /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, #ffffff 0%, #cccccc 100%);
    /* ie10+ */
    background: linear-gradient(0deg, #ffffff 0%, #cccccc 100%);
    /* w3c */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff', GradientType=0);
    /* ie6-9 */
}

.playerSubmitBtn {
    border-radius: 3px;
    border: 1px solid #000;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px 1px 0px #333;
    text-align: center;
    font-size: 1.7vmin;
    cursor: pointer;
    padding: 1% 1.5%;
    outline: none;
}

.playerSubmitBtn[disabled],
.playerSubmitBtn[disabled]:hover,
.playerSubmitBtn.disabled,
.playerSubmitBtn.disabled:hover {
    color: #CCC;
    cursor: initial;
}

.playerSubmitBtn:hover {}

.playerCloseBtn {
    text-decoration: none;
    font-size: 2vmin;
    text-shadow: 0px 1px 0px #FFF;
}

.playerCloseBtn:after {
    content: '✖';
}

.hederBg {
    position: fixed;
    width: 100%;
    height: 10%;
    z-index: 101;
    background-color: #fff;
}


/*case study 1 css*/

.case_question {
    min-height: 100px;
    width: 70%;
    position: relative;
}

.q_icon {
    float: left;
    font-size: 9vmin;
    font-size: 6vmax;
    height: 100%;
    text-align: center;
    width: 10%;
    position: absolute;
}

.q_txt {
    float: right;
    height: 90%;
    padding: 10px;
    width: 87%;
}

.player_nav {
    display: table;
    height: 100%;
    width: 53%;
    position: relative;
    left: 4%;
}

.player_backBtnContainer_style {
    display: table;
    height: 100%;
    width: 53%;
    position: relative;
    left: 4%;
}

.module_band {
    width: 100%;
    height: 100%;
    background: #e30613;
    color: #191919;
}

.shadow_main_box {
    margin: 0px;
    float: left;
    background: #999;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 5px;

    max-height: 545px;
        box-sizing:border-box;

}

.clearfix:after {
    content: "";
    width: 0;
    height: 0;
    clear: both;
    float: left;
}

.player_courseTitle {
    float: right;
    margin-top: 9px;
    width: 184px;
    margin-right: 2%;
    text-align: right;
}

.player_courseTitle img {
    top: 50%;
    margin-top: -6px;
    position: relative;
    float: right;
}

.copyright {
    color: #fff;
    display: table;
    float: left;
    height: 100%;
    margin-left: 1%;
    width: 10%;
}

.copyright_txt {
    display: table-cell;
    vertical-align: middle;
    height: 20px;
    width: 100%;
}

.back_txt {
    color: #2d2d2d;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 10px;
    left: 5px;
    right: 5px;
    height: 85%;
}

.next_txt {
    color: #2d2d2d;
    display: table-cell;
    padding-left: 10px;
    vertical-align: middle;
    width: 5px;
}


/*==========================Player Custom Menu Start==============*/

.player_custom_menu {
    text-align: right;
    margin-right: 5px;
    margin-top: 0px;
}

.player_custom_menu ul {
    text-align: right;
    margin: 0;
    padding: 0 0 0 10px;
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    float: right;
    display: none;
}

.player_custom_menu ul li {
    display: inline-block;
    padding: 0;
    cursor: pointer;
    color: #202020;
    background: url(../images/shell/divider.png) right center no-repeat;
    position: relative;
    float: left;
    line-height: 10px;
}

.player_custom_menu ul li:last-child {
    margin-right: 10px;
}

.player_audioPopup_BtnContainer {
    text-align: center;
}

.player_custom_menu ul li:nth-child(2) {
    background: url(../images/shell/top_divider.png) right center no-repeat;
    cursor: default;
    height: 30px;
    margin: 0 10px;
    padding: 0;
    width: 9px;
}

.player_custom_menu ul li:nth-child(4) {
    background: url(../images/shell/top_divider.png) right center no-repeat;
    cursor: default;
    height: 30px;
    margin: 0 10px;
    padding: 0;
    width: 9px;
}


/* #player_helpBtn {
    cursor: default;
    opacity: 1;
    pointer-events: none;
    opacity: 0.6;
} */

.player_custom_menu li p {
    height: 100%;
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

.menu_Inactive {
    display: none;
}

.player_custom_menu li span {
    height: 21px;
    padding-top: 8px;
    margin-left: 10px;
    display: inline-block;
    background: #666 none repeat scroll 0% 0%;
}

.player_custom_menu li span.men {
    width: 28px;
    background: transparent url("../images/shell/menu_up.png") no-repeat scroll 0% 0%;
    cursor: pointer;
}

.NoTouch .player_custom_menu li span.men:hover,
.NoTouch .player_custom_menu li p:hover + span.men {
    background: rgba(0, 0, 0, 0) url("../images/shell/menu_over.png") no-repeat scroll 0 0;
}

.player_custom_menu li span.hel {
    width: 28px;
    background: transparent url("../images/shell/help_up.png") no-repeat scroll 0% 0%;
    cursor: pointer;
}

.NoTouch .player_custom_menu li span.hel:hover,
.NoTouch .player_custom_menu li p:hover + span.hel {
    background: rgba(0, 0, 0, 0) url("../images/shell/help_over.png") no-repeat scroll 0 0;
}

.player_custom_menu li span.res {
    width: 13px;
    height: 13px;
    background: url("../images/shell/resources_icon.png") no-repeat;
    cursor: pointer;
}

.player_custom_menu li span.ext {
    width: 28px;
    background: url("../images/shell/exit_up.png") no-repeat;
    cursor: pointer;
    /*line-height: 3px;*/
}

.NoTouch .player_custom_menu li span.ext:hover,
.NoTouch .player_custom_menu li p:hover + span.ext {
    background: url("../images/shell/exit_over.png") no-repeat;
}

.player_custom_footer {
    padding: 3px 10px;
    color: #fff !important;
    margin: 0;
    position: absolute;
    text-align: right;
    right: 0px;
    text-align: right;
    padding-left: 0px;
}

ul.list_1 {}

.player_custom_footer li {
    display: inline-block;
    margin: 0 2.5px;
    overflow: hidden;
    position: relative;
    line-height: 15px;
}

.player_custom_footer li:last-child:after {
    height: 0px;
    width: 0px;
}

.player_custom_footer li p {
    height: 100%;
    display: inline-block;
    cursor: pointer;
    margin-top: 5px;
}

.crsr_2 {
    margin-top: 12px !important;
}

.itext_st {
    font-style: italic;
}

.player_custom_footer li span {
    height: 32px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 25px;
}

.player_custom_footer li span#player_nextBtn {
    float: right;
    margin-left: 7px;
    margin-right: 0;
}

.player_custom_footer li span.men {
    width: 25px;
    background: url("../images/shell/menu_up.png") no-repeat;
    cursor: pointer;
}

.NoTouch .player_custom_footer li span.men:hover,
.NoTouch .player_custom_footer li p:hover + span.men {
    background: url("../images/shell/menu_over.png") no-repeat;
}

.player_custom_footer li span.icon_notes {
    width: 25px;
    background: url("../images/shell/transcript_up.png") no-repeat;
    cursor: pointer;
}

.NoTouch .player_custom_footer li span.icon_notes:hover,
.NoTouch .player_custom_footer li p:hover + span.icon_notes {
    background: url("../images/shell/transcript_over.png") no-repeat;
}


/*==========================Player Custom Menu End==============*/


/*==========================Player Custom Footer End==============*/

.player_custom_footer li span.icon_audio {
    width: 25px;
    background: url("../images/shell/audio_up.png") no-repeat;
    cursor: pointer;
}

.NoTouch .player_custom_footer li span.icon_audio:hover,
.NoTouch .player_custom_footer li p:hover + span.icon_audio {
    background: url("../images/shell/audio_over.png") no-repeat;
}

.player_custom_footer li span.icon_audio_disable {
    width: 25px;
    background: url("../images/shell/audio_off_over.png") no-repeat;
    cursor: pointer;
}

.NoTouch .player_custom_footer li span.icon_audio_disable:hover,
.NoTouch .player_custom_footer li p:hover + span.icon_audio_disable {
    background: url("../images/shell/audio_off_up.png") no-repeat;
}

.player_custom_footer li span.icon_replay {
    width: 25px;
    background: url("../images/shell/replay_up.png") no-repeat;
    cursor: pointer;
}

.NoTouch .player_custom_footer li span.icon_replay:hover,
.NoTouch .player_custom_footer li p:hover + span.icon_replay {
    background: url("../images/shell/replay_over.png") no-repeat;
}

.player_custom_footer li span.icon_back {
    width: 28px;
    margin-left: 0 !important;
    margin-right: 7px;
    background: url("../images/shell/back_up.png") no-repeat;
    cursor: pointer;
}

.player_custom_footer li span.icon_back_disable {
    width: 28px;
    margin-left: 0 !important;
    margin-right: 7px;
    /*   margin-top: 7px; */
    background: url("../images/shell/back_disabled.png") no-repeat;
}

.NoTouch .player_custom_footer li span.icon_next:hover,
.NoTouch .player_custom_footer li p:hover + span.icon_next {
    background: url("../images/shell/back_over.png") no-repeat;
}

.icon_back.back_btn_hover_p {
    background: url("../images/shell/back_over.png") no-repeat !important;
}

.player_custom_footer li span.icon_next {
    width: 28px;
    background: url("../images/shell/next_up.png") no-repeat;
    cursor: pointer;
}

.player_custom_footer li span.icon_next_blinkar {
    width: 28px;
    background: url("../images/shell/Next_blinker_down.png") no-repeat;
    cursor: pointer;
    border-radius: 270px;
    height: 27px;
}

.player_custom_footer li span.icon_next_blinkar.up {
    background: url("../images/shell/Next_blinker_up.png") no-repeat;
}

.NoTouch .player_custom_footer li span.icon_next:hover,
.NoTouch .player_custom_footer li p:hover + span.icon_next {
    background: url("../images/shell/next_over.png") no-repeat;
}

.player_custom_footer li span.icon_next_disable {
    width: 28px;
    background: url("../images/shell/next_disabled.png") no-repeat;
}

.player_custom_footer .icon_pageNumber {
    padding:7.5px 0px;
}

.player_custom_footer .icon_pageNumber input {
    height: 19px;
    width: 90px;
    text-align: center;
    border: 1px solid #c1c6cc;
    border-radius: 10px;
    cursor: default;
}

.footerText {
    color: #f5821f;
    font-style: italic;
    margin-top: 2%;
    padding-left: 12px;
}

.call_out_box {
    background: #fff;
    padding: 10px;
    width: 150px !important;
    height: auto !important;
    border-radius: 6px;
    z-index: 10;
    position: relative;
}

.call_out_box2 {
    background: #fff;
    padding: 10px;
    width: 150px !important;
    height: auto !important;
    border-radius: 6px;
    z-index: 10;
    position: relative;
}

.call_out_box3,
.call_out_box4,
.call_out_box5,
.call_out_box22 {
    background: #fff;
    padding: 10px;
    width: 150px !important;
    height: auto !important;
    border-radius: 6px;
    z-index: 10;
    position: relative;
}

.arrow-down:after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 15px solid white;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    margin: 0 auto;
    right: 0;
    width: 0;
    left: 0;
    bottom: -28px;
}

.arrow-left:after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid white;
    margin: 0 auto;
    left: -14px;
    width: 0;
    bottom: 21%;
}

.arrow-right:after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid white;
    margin: 0 auto;
    right: -13px;
    width: 0;
    bottom: 25%;
}

.player_custom_footer li:first-child {
    /* height: 33px; */
    position: relative;
    /*   bottom: 3px; */
}

#nextBtnText {
    display: none;
}

.instraText {
    padding: 20px;
    text-align: left;
}

.nextBtn1 {
    background: #0f436b none repeat scroll 0 0;
    bottom: 60px;
    color: #FFF;
    cursor: pointer;
    line-height: 25px;
    padding: 0 20px 0px;
    position: absolute;
    right: 30px;
    z-index: 2;
    border: none;
    font-weight: bold;
}

.butn_bx ul {
    padding: 0;
    margin: 0 0 0 42px;
    text-align: left;
}

.nextText2 {
    bottom: 54px;
    height: 30px;
    position: absolute;
    right: 60px;
    text-align: center;
    width: 320px;
    z-index: 1;
    color: #000;
}

.best_txt {
    margin-left: 22px;
    text-align: left;
    font-weight: bold;
}

.instraText p {
    margin: 0 0 15px 0;
    padding: 0;
}


/*================================= Globle css ==============================*/

.page_heding {
    font-size: 20px;
    color: #003399;
}

.i_text {
    background: rgba(0, 0, 0, 0) url("../images/pages/global/Mouse.png") no-repeat scroll 0 0;
    color: #202020;
    font-size: 13px;
    font-style: italic;
    height: 35px;
    line-height: 35px;
    padding-left: 30px;
}

.mar_t {
    margin-top: 15px;
}

.mar_b {
    margin-bottom: 15px;
}

.clear {
    clear: both;
}

#transcriptDilogWrapper,
#player_bookmarkPopupWrapper {
    padding: .5em 1em;
}


/*.ui-dialog {
    width: 61% !important;
}
*/

#player_helpWrapper {
    height: auto !important;
    overflow: auto;
}

#player_helpWrapper img {
    width: 99% !important;
    margin-left: 0.5%;
}
.footerMobileBtn{
    visibility: hidden;
}

@media only screen and (max-width:1024px) {
    /*.menu_line {
        top: 8px;
    }*/
    .player_custom_footer li p {
        color: #ffffff !important;
    }
}

@media only screen and (min-width:960px) and (orientation:landscape) {

.player_middleNav{
    transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

}