html { display: none; }
.rlearn { display: block;-webkit-tap-highlight-color: transparent;  }
* { padding: 0; margin: 0; }
body { font-family: 'SegoeUI'; font-size: 13px; color: #333; background-color: rgb(102, 102, 102);-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */ }
#container { position: relative; margin: 0px auto; width: 1024px !important; height: 672px !important; text-align: left; background-color: rgb(255, 255, 255); overflow: hidden;display: none;}
#header { width: 1024px; height: 91px; background-image: url("../images/headerBg.png"); background-repeat: no-repeat; position: relative; z-index:66; }
#header #content_title { position: absolute; bottom: 1px; width: 1024px; height: 20px; font-size: 17px; line-height: 8px; padding-left: 23px; color:#060606; }
#header #content_title span { color: #894a12; }
#header #content_title .intro_color{color: #ff0000;}

#header #content_title span span { color: #2b8663; margin-left: 25px; margin-right: 25px; font-size: 22px; }
#header .btn { float: right; margin: 6px 0px 0px 5px; }
#header #exit { position: absolute; top: 4px; right: 16px; cursor: pointer; }
#header #glossary { position: absolute; left: 759px; top: 4px; cursor: pointer; height: 38px; width: 88px; background-image: url("../images/controls/btn1.png"); background-repeat: no-repeat; line-height: 36px; text-align: center; color: #ffffff; font-size: 13px;font-weight: bold; }

#header #glossary2 { position: absolute; left: 764px; top: 4px; cursor: pointer; height: 38px; width: 88px; background-image: url("../images/controls/btn1.png"); background-repeat: no-repeat; line-height: 36px; text-align: center; color: #ffffff; font-size: 13px;font-weight: bold; }

#header #help { position: absolute; left: 852px; top: 4px; cursor: pointer; height: 38px; width: 88px; background-image: url("../images/controls/btn1.png"); background-repeat: no-repeat; line-height: 36px; text-align: center; color: #ffffff; font-size: 13px; font-weight: bold;}
#header #home { position: absolute; left: 665px; top: 4px; cursor: pointer; height: 38px; width: 88px; background-image: url("../images/controls/btn1.png"); background-repeat: no-repeat; line-height: 36px; text-align: center; color: #ffffff; font-size: 13px;font-weight: bold; }

/*#_slide_wrapper { display: none; }*/
#header #resources { display:none;position: absolute; left: 665px; top: 4px; cursor: pointer; height: 38px; width: 88px; background-image: url("../images/controls/btn1.png"); background-repeat: no-repeat; line-height: 36px; text-align: center; color: #ffffff; font-size: 13px;font-weight: bold; }
#header #home:hover { background-image: url("../images/controls/btn1.png"); background-repeat: no-repeat; color: #F89D3B; }
#header #help:hover { background-image: url("../images/controls/btn1.png"); background-repeat: no-repeat; color: #F89D3B; }
#header #resources:hover { background-image: url("../images/controls/btn1.png"); background-repeat: no-repeat; color: #F89D3B; }
#header #glossary:hover { background-image: url("../images/controls/btn1.png"); background-repeat: no-repeat; color: #F89D3B; }
#header #glossary2:hover { background-image: url("../images/controls/btn1.png"); background-repeat: no-repeat; color: #F89D3B; }
#media .content { width: 1024px;
    height: 763px;
    overflow: hidden;
    top: -91px;
    position: absolute;background: #313131; }
#media { z-index: 50; width: 1024px; height: 473px; }
#media #video { z-index: 55; position: absolute; width: 1024px; height: 546px; }
#media #timeline { z-index: 60; position: absolute; width: 1024px; height: 546px; }
#media #html { z-index: 65; position: absolute; width: 1024px; height: 546px; }
#footer { background: url("../images/controls/footer_bg.png") no-repeat 0% 0% transparent; height: 108px; width: 1024px; z-index: 100; position: relative; overflow: hidden; }
/*#footer img { position: relative; float: right;  margin: 7px 5px 0px 0px;  cursor: pointer; }*/
#copyRight { float: left; clear: both; height: 35px; background-color: #313131; color: #888888; line-height: 35px; padding-left: 4px; width: 100%; position: absolute; bottom: 0px; text-align: center; font-size: 16px; font-family: "SegoeUI"; }
.button { /*height : 48px; width : 48px; border : 0; position:absolute; top: 6px; cursor : pointer; top: 31px;*/ }
.divider { padding-top: 24px; }
.right { /*float : right; margin-right : 5px;*/ }
#counter {     position: absolute;background: transparent url("../images/controls/toc-btn.png") no-repeat scroll 0% 0%; color: #ffffff; font-size: 15pt;  height: 33px; width: 109px; top: 22px; right: 435px; line-height: 29px; text-align: center; }
#topnav { display: none; height: 65px; left: 0; overflow: hidden; padding-right: 12px; position: absolute; top: 0; width: 1024px; z-index: 5; }
.clientLogo { position: absolute; line-height: 60px;left: -10px;top:5px; font-size: 13px; color: #999; }
.refLogo { display:block !important;position: absolute; font-size: 13px; color: #999; left: 394px; top: 10px;cursor:pointer }
.__timelineloader{top: 300px;left: 501px;position: absolute;}

#next{    position: absolute;cursor:pointer;
    right: 20px;
    top: 13px;}
	#playpause{    position: absolute;
    right: 106px;
    top: 13px;}
	#prev{    position: absolute;cursor:pointer;
    right: 188px;
    top: 13px;
}
#replay1{display:none}
#replay{    position: absolute;
    right: 269px;
    top: 13px;
}
#volume{    position: absolute;
    right: 350px;
    top: 13px;
	cursor:pointer;
}
.slider_mask {
    width: 1024px;
    height: 12px;
    position: absolute;
    background-color: transparent;
    z-index: 99999;
    top: -3px;
}
/*slide2*/
.slide2_btn1{
    position: absolute;
    top: 331px;
    left: 258px;
    width: 152px;
    height: 25px;
}

.slide2_btn2{
    position: absolute;
    top: 360px;
    left: 169px;
    width: 190px;
    height: 25px;
	
}

/*#_l3_plot_1
{
	z-index:999999!Important;
}*/

/*slide4*/
.slide4_btn1 {
    position: absolute;
    top: 11px;
    left: 120px;
    width: 72px;
    height: 25px;
}

.slide4_btn2 {
    position: absolute;
    top: 31px;
    left: 32px;
    width: 65px;
    height: 25px;
}
.slide4_btn3 {
    position: absolute;
    top: 34px;
    left: 110px;
    width: 106px;
    height: 25px;
}

sup {font-size: 10px;}
/*Glossary*/
.glossaryTable { height: 376px; left: 196px; overflow: hidden; padding: 10px; position: absolute; top: 69px; width: 655px; z-index: 67; background: url(../contents/images/glossaryBg.png) no-repeat top left; }
.glossaryClose { position: absolute; top: 1px; right: 51px; height: 44px; width: 44px; cursor: pointer; /*background: url(../contents/images/close.png) no-repeat top left;*/ }
.glossaryTable .grid300 { width: 250px; float: left; margin: 50px 0 0 20px; }
.scrollContainer1{width: 306px !important;}
.border01 { /*border: 1px solid #FFF;*/ }
.glossaryTable div:nth-child(2){overflow-y: auto;-webkit-overflow-scrolling: touch}
.scrollContainer { overflow: auto; height: 275px; }
.definition{overflow: hidden;}
ul.term_list { }
.term_list li { list-style: none; }
.term_list li { line-height: 22px; cursor: pointer; border-bottom: 1px solid #b5afa2; padding: 2px 6px; }
.term_list li.active { color: #2e2e2e; background: #b5afa2; font-weight: bold; }
.left_arrow { background: url(../contents/images/arrowLeft1.png) no-repeat 0 0; width: 47px; height: 47px; position: absolute; top: 10px; left: 5px; cursor: pointer;    z-index: 9; }
.right_arrow { background: url(../contents/images/arrowRight.png) no-repeat 0 0; width: 51px; height: 46px; position: absolute; top: 10px; left: 0px; cursor: pointer;    z-index: 9; }
#transcript_container { position: absolute; top: 97px; right: 0px; z-index: 67; width: 363px; height: 385px; overflow: hidden; }
#transcript_content { color: #333333; font-size: 12px; height: 385px; left: 50px; line-height: 15px; position: absolute; top: 0px; width: 313px; padding: 7px; background: url(../contents/images/transcriptBody_new1.png) no-repeat; }
.definition a {word-break: break-all;}
.transcript_text { display: block; height: 324px; overflow: auto; position: relative; top: 35px; width: 270px; left: 21px;font-family: 'SegoeUI';
    font-weight: normal;
    font-size: 14px; -webkit-overflow-scrolling: touch;}
.transcript_text p { margin-bottom: 10px; }
@font-face { font-family: 'futura_ltregular'; src: url('../font/futuralt-webfont.eot'); src: url('../font/futuralt-webfont.eot?#iefix') format('embedded-opentype'), url('../font/futuralt-webfont.woff') format('woff'), url('../font/futuralt-webfont.ttf') format('truetype'), url('../font/futuralt-webfont.svg#futura_ltregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaNeueLTStd-Cn'; src: url('../font/HelveticaNeueLTStd-Cn.otf'); }
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
  body { position: fixed; top: 0; width: 100%; height: 672px !important; }

}
.flashMsg { display: block; padding: 270px 400px; color: red; font-size: 23px; }
.loaderText { position: absolute; left: 425px; top: 194px; font-size: 23px; }
.refTable { display: none; height: 376px; left: 185px; overflow: hidden; padding: 10px; position: absolute; top: 113px; width: 674px; z-index: 67; background: url(../contents/images/refBg.png) no-repeat top left; }
.refClose { position: absolute; top: 15px; right: 37px; background-color: #00C; height: 24px; width: 24px; cursor: pointer; background: url(../contents/images/close.png) no-repeat top left; }
/*.refLogo {width: 58px; height: 57px; float: left !important; margin-top: 3px !important; margin-left: 394px !important; cursor: pointer; display:block !important;}*/
.fg { color: #2c8562; }
.button_logo { float: left; margin-left: 34px; margin-top: 9px;     padding-top: 9px; }
.controlsmar { margin-right: 40px; }
.ref_bg_color { background-color: #040000; position: absolute; top: 91px; left: 0px; width: 1024px; height: 469px;opacity: 0.99; z-index: 70; }
.ref_bg { position: absolute; left: 196px; top: 151px; z-index: 71; background: url("../images/Ref_BG.png") no-repeat scroll left top transparent; height: 344px; width: 629px; }
#reference_container { display: none;; }
.ref_content { position: absolute; top: 63px; left: 22px; height: 250px; width: 557px; overflow-x: hidden; padding-right: 7px;-webkit-overflow-scrolling: touch; }
.ref_content ol { margin-left: 35px; }
.ref_content ol li { padding-bottom: 7px; }
.refrenceclose { width: 33px; height: 33px; position: absolute; top: 158px; right: 208px; z-index: 72; cursor: pointer;border-radius: 25px;    border: 1px solid #E9E9E9; }

/********resource****************/
.resource_bg_color { background-color: rgba(245, 249, 245, 0.6); position: absolute; top: 98px; left: 0px; width: 1024px; height: 469px; z-index: 70; }
.resource_bg { position: absolute; left: 213px; top: 145px; z-index: 71; background: url("../images/Resources_BG.png") no-repeat scroll left top transparent; height: 376px; width: 674px; list-style: disc; }
#resource_container { display: none; }
.resource_content { position: absolute; top: 63px; left: 22px; height: 277px; width: 630px; overflow-y: scroll; overflow-x: hidden; padding-right: 7px; }
.resource_content h2 { font-size: 16px; line-height: 22px; padding-bottom: 10px; }
.resource_content li { margin-left: 20px; padding-bottom: 7px; }
.resource_content li a { text-decoration: none; color: #333; }
.resourceClose { width: 44px; height: 44px; position: absolute; top: 156px; right: 149px; z-index: 72; cursor: pointer; }
.navMsgContainer { width: 275px; position: absolute; top: 732px; right: -275px; z-index: 60; text-align: center; background-color: #ccc; color: #000; padding: 5px 0; border-top-left-radius: 7px; border-bottom-left-radius: 7px; z-index: 70;/* border-color: #22A7F0; */ }
.blinking { -webkit-animation: blink 2s infinite; -moz-animation: blink 2s infinite; animation: blink 2s infinite; }
@-webkit-keyframes blink {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes blink {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes blink {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.glossary_term { cursor: pointer; }

#trigger { }
/*#glossary { display: none; }*/
.sform { width: 250px; margin: 0px auto; position: absolute; top: 15px; left: 542px; }
.search { padding: 6px 15px 6px 14px; margin: 3px; }
.rounded { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
.lighter input[type=text] { color: #616161; width: 183px; font-size: 14px; }
.button1 { position: relative; left: -8px; background-color: transparent; border: none; outline: none; top: 3px; }
.lighter, .light, .dark { width: 245px; height: 34px; }
.lighter { background: url('../images/controls/search_bg.png') no-repeat; display: none; }
.lighter input[type=text] { border: none; background-color: transparent; }

/*search_res*/
.search_res { width: 995px; height: 440px; position: absolute; top: 105px; left: 15px; background: #FFF none repeat scroll 0% 0%; border-radius: 10px; overflow-y: auto; z-index: 67; display: none; }
.search_res table { margin: 25px; width: 90%; border-collapse: collapse; }
.tab_header { font-size: 18px; color: #008fd1; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; }
.tab_content { font-size: 15px; color: #3f3939; }
.tab_content span { font-size: 15px; color: #4B4B4B; font-weight: normal; }
.search_res table tr td { padding-bottom: 10px; border-bottom: 1pt solid #bbbbbb; }
#forscroll::-webkit-scrollbar { width: 16px; background-color: transparent; margin-right: 50px; border: none; }
#forscroll::-webkit-scrollbar-thumb { background-color: #d7d7d7; border-radius: 10px; }
#forscroll::-webkit-scrollbar-thumb:hover { background-color: #d7d7d7; }
#forscroll::-webkit-scrollbar-thumb:active { background-color: #d7d7d7; border: 1px solid #333333; }
#forscroll::-webkit-scrollbar-track { border: 1px gray solid; border-radius: 10px; -webkit-box-shadow: 0 0 6px gray inset; background: none; }
.clse_search { position: absolute;
top: 10px;
right: 10px;
font-size: 20px;
width: 34px;
height: 34px;
text-align: center;
line-height: 36px;
cursor: pointer;
background: #008fd1;
border-radius: 40px;
color: #fff; }

#glossary_container{background-color: #040000;
    position: absolute;
    top: 91px;
    left: 0px;
    width: 1024px;
    height: 473px;
    opacity: 0.99;
    z-index: 70;}
    .__timelineloader{top: 300px;left: 501px;position: absolute;}