html {display:none;}
.rlearn {display: block;}
* { padding : 0; margin : 0; }
body { font-family: 'futura_ltregular'; font-size: 13px; color: #333; background-color: rgb(102, 102, 102); }
#container { position: relative; margin: 0px auto; width: 1024px!important; height: 672px!important; text-align: left; background-color: rgb(255, 255, 255); overflow: hidden; }
#header { width: 1024px; height: 65px; background-image: url("../images/headerBg.jpg"); background-repeat: no-repeat; position: relative; }
#header #content_title { position : absolute; bottom : 2px; width: 1024px; height : 20px; font-size: 13px; padding-left: 10px; }
#header .btn { float: right; margin: 6px 0px 0px 5px; }
#header #exit { position: absolute; top: 0px; right: 2px; cursor: pointer;}
#header #glossary { position: absolute; left: 807px; top: 0px; cursor: pointer; }
#header #help { position: absolute; left: 897px; top: 0px; cursor: pointer; }
#header #home { position: absolute; left: 715px; top: 0px; cursor: pointer;}
#media .content { width: 1024px; height: 514px; overflow: hidden; }
#media { z-index: 50; width: 1024px; height: 514px; }
#media #video { z-index: 55; position : absolute; width: 1024px; height: 514px; }
#media #timeline { z-index: 60; position : absolute; width: 1024px; height: 514px; }
#media #html { z-index: 65; position : absolute; width: 1024px; height: 514px; }
#footer { background: #E9E9E9; height: 93px; width: 1024px; z-index: 100; position: relative; overflow: hidden; }
#footer img { position: relative; float: right; margin: 3px 5px 0 5px; cursor : pointer; }
#copyRight { float: left; clear: both; height: 30px; background-color: #A50D12; color: #fff; line-height: 30px; padding-left: 10px; width: 100%; position: absolute; bottom: 0; text-align: center; }
.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 { float : right; background: url("../images/controls/toc-btn.png") no-repeat scroll rgba(0, 0, 0, 0); color: #840053; font-size: 11pt; position : relative; height: 29px; width: 95px; cursor : pointer; top: 15px; padding : 6px 0 0 25px; }
#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; padding-left: 20px; font-size: 13px; color: #999; }
/*Glossary*/
.glossaryTable { height: 376px; left: 185px; overflow: hidden; padding: 10px; position: absolute; top: 113px; width: 674px; z-index: 67; background: url(../contents/images/glossaryBg.png) no-repeat top left; }
.glossaryClose { 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; }
.glossaryTable .grid300 { width: 300px; float: left; margin: 50px 0 0 20px; }
.border01 { border: 1px solid #FFF; }
.scrollContainer { overflow: auto; height: 275px; }
ul.term_list { }
.term_list li { list-style: none; }
.term_list li { line-height: 22px; cursor: pointer; border-bottom: 1px dotted #FFF; padding: 2px 6px; }
.term_list li.active { color : #FFFFFF; background: #A50D12; font-weight: bold; }
.left_arrow { background: url(../contents/images/arrowLeft.png) no-repeat 0 0; width: 32px; height: 34px; position: absolute; top: 0px; left: 0px; cursor: pointer; }
.right_arrow { background: url(../contents/images/arrowRight.png) no-repeat 0 0; width: 32px; height: 34px; position: absolute; top: 0px; left: 0px; cursor: pointer; }
#transcript_container { position: absolute; top: 120px; right: 0px; z-index: 70; width: 355px; height: 414px; overflow: hidden; }
#transcript_content { color: #333333; font-size: 12px; height: 414px; left: 32px; line-height: 15px; position: absolute; top: 0px; width: 323px; padding: 7px; background: url(../contents/images/transcriptBody.jpg) no-repeat; }
.transcript_text { display: block; height: 374px; overflow: auto; position: relative; top: 30px; width: 316px; }
.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;

}
@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; }
#volume{display:none!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; }
#info{width:32px;height:32px;float:left !important;margin-top:12px !important;margin-left:80px !important;cursor:pointer;}