@font-face { font-family: 'KarbonRegularr'; src: url('../../font/Karbon-Regular.eot'); src: url('../../font/Karbon-Regular.eot?#iefix') format('embedded-opentype'), url('../../font/Karbon-Regular.ttf') format('truetype'), url('../../font/Karbon-Regular.svg#futura_ltregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'KarbonMedium'; src: url('../../font/Karbon-Medium.eot'); src: url('../../font/Karbon-Medium.eot?#iefix') format('embedded-opentype'), url('../../font/Karbon-Medium.otf') format('opentype'), url('../../font/Karbon-Medium.svg#Karbon-Medium') format('svg'); font-weight: normal; font-style: normal; }
@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.eot'); src: url('../../font/HelveticaNeueLTStd-Cn.eot?#iefix') format('embedded-opentype'), url('../../font/HelveticaNeueLTStd-Cn.woff') format('woff'), url('../../font/HelveticaNeueLTStd-Cn.otf') format('opentype'), url('../../font/HelveticaNeueLTStd-Cn.svg#HelveticaNeueLTStd-Cn') format('svg'); font-weight: normal; font-style: normal; }
small { font-size: 60%; }
body { padding: 0; margin: 0; }
input { outline: 0; }
.page0_wrapper { width: 1024px; height: 469px; overflow: hidden; position: relative; background: url("../images/html_data/page_0_bg.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.glossary_term { cursor: pointer; }

/*Slide14*/
.src14_wrapper { width: 1024px; height: 546px; overflow: hidden; position: relative; background: url("../images/html_data/scr14bg.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src14_1box { width: 238px; height: 53px; position: absolute; top: 133px; left: 171px; }
.src14_2box { width: 238px; height: 53px; position: absolute; top: 121px; left: 439px; }
.src14_3box { width: 238px; height: 53px; position: absolute; top: 367px; left: 131px; }
.src14_4box { width: 238px; height: 53px; position: absolute; top: 355px; left: 399px; }
.src14_1boxtxt { position: absolute; background: url("../images/html_data/src14Drg1.png") no-repeat scroll left top transparent; width: 240px; height: 55px; left: 770px; top: 95px; }
.src14_2boxtxt { position: absolute; background: url("../images/html_data/src14Drg2.png") no-repeat; width: 240px; height: 55px; top: 154px; right: 15px; }
.src14_3boxtxt { position: absolute; background: url("../images/html_data/src14Drg3.png") no-repeat; width: 240px; height: 55px; top: 214px; right: 15px; }
.src14_4boxtxt { position: absolute; background: url("../images/html_data/src14Drg4.png") no-repeat; width: 240px; height: 55px; top: 273px; right: 15px; }
.src14_5boxtxt { position: absolute; background: url("../images/html_data/src14Drg5.png") no-repeat; width: 240px; height: 55px; top: 333px; right: 15px; }
.src14_6boxtxt { position: absolute; background: url("../images/html_data/src14Drg6.png") no-repeat; width: 240px; height: 55px; top: 393px; right: 15px; }

/*#scr14_mcq_btn2_1 { position: absolute; background: url("../images/html_data/src14_Submit.png") no-repeat; width: 174px; height: 40px; bottom: 86px; right: 270px; border:none; display:none;}*/

/*.scr14_DD_Reset { position: absolute; background: url("../images/html_data/src14_Reset.png") no-repeat left top transparent; width: 135px; height: 38px; top: 76px; left: 20px; outline: none; border: none; display: none; background-size:100% 100%;}*/

.src14_Correct { position: absolute;
background: transparent url("../images/html_data/src14_MCQ_01_TryAgain1.png") no-repeat scroll left top / 100% auto;
width: 293px;
height: 52px;
top: 357px;
left: 715px;
display: none; }

/*.src14_inCorrect { position: absolute; background: url("../images/html_data/src14_MCQ_01_TryAgain.png") no-repeat scroll left top transparent; width: 320px; height: 52px; top: 259px; left: 22px; display: none; }*/
.count { background: url("../images/html_data/src14count.png") no-repeat left top transparent; font-family: HelveticaNeue-Light; position: absolute; bottom: 92px; left: 30px; color: #dadada; font-weight: bold; font-size: 15px; width: 39px; height: 15px; }
#demo { position: absolute; right: 41px; font-size: 19px; bottom: -4px; }

/*new css slide1*/
.src01_wrapper { width: 1024px; height: 546px; overflow: hidden; position: relative; background: url("../images/html_data/slide1_bg.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.slide_img1 { width: 593px; height: 348px; overflow: hidden; position: absolute; background: url("../images/html_data/slide1_img1.png") no-repeat scroll left top transparent; top: 60px; left: 380px; display: none; }

/* Css Slide 13*/

/* Css Slide 13
====*/
.src13_wrapper { width: 1024px; height: 546px; overflow: hidden; position: relative; background: url("../images/html_data/slide13_bg.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src13_MCQ_Blk1 { display: none; }
.src13_Blk_1 { width: 542px; height: 61px; background: transparent url("../images/html_data/src13_Blk_1.png") no-repeat scroll left top; position: absolute; left: 237px; top: 24px; }
.src13_MCQ_01 { width: 290px; height: 168px; background: transparent url("../images/html_data/src13_MCQ_01.png") no-repeat scroll left top; position: absolute; left: 417px; top: 181px; }
.src13_MCQ_01_A { width: 66px; height: 66px; position: absolute; left: 344px; top: 158px; }
.src13_MCQ_01_B { width: 66px; height: 66px; position: absolute; left: 344px; top: 208px; }
.src13_MCQ_01_C { width: 66px; height: 66px; position: absolute; left: 344px; top: 258px; }
.src13_MCQ_01_D { width: 66px; height: 66px; position: absolute; left: 344px; top: 308px; }
.src13_MCQ_01_Correct { width: 320px; height: 52px; background: url("../images/html_data/scr_13_alt_box2.png") no-repeat left top; position: absolute; left: 352px; top: 98px; display: none }
.src13_MCQ_01_Submit { width: 174px; height: 40px; background: transparent url("../images/html_data/src13_Submit.png") no-repeat scroll left top; position: absolute; left: 420px; top: 384px; z-index: 2; cursor: pointer; border: 0px; outline: none; }
.src13_MCQ_01_TryAgain { width: 320px; height: 52px; background: url("../images/html_data/src13_MCQ_01_TryAgain.png") no-repeat left top; position: absolute; left: 352px; top: 98px; z-index: 1; display: none; }
#scr_13_Ans { display: none; }
.src13_Ans_1 { width: 66px; height: 66px; position: absolute; left: 344px; top: 158px; background: transparent url("../images/html_data/scr_13_Incorr.png") no-repeat scroll left top; }
.src13_Ans_2 { width: 66px; height: 66px; position: absolute; left: 344px; top: 208px; background: transparent url("../images/html_data/scr_13_Cor.png") no-repeat scroll left top; }
.src13_Ans_3 { width: 66px; height: 66px; position: absolute; left: 344px; top: 258px; background: transparent url("../images/html_data/scr_13_Cor.png") no-repeat scroll left top; }
.src13_Ans_4 { width: 66px; height: 66px; position: absolute; left: 344px; top: 308px; background: transparent url("../images/html_data/scr_13_Cor.png") no-repeat scroll left top; }

/*chkbox css*/
.src13_MCQ_Blk1 input[type=checkbox] { display: none; }
.src13_MCQ_Blk1 input[type=checkbox] + label { background: url("../images/html_data/src13_CheckedOut.png"); height: 66px; width: 66px; display: inline-block; }
.src13_MCQ_Blk1 input[type=checkbox]:checked + label { background: url("../images/html_data/src13_CheckedIn.png"); height: 66px; width: 66px; display: inline-block; padding: 0 0 0 0px; }

/* Css Slide 10
====*/
.src10_wrapper { width: 1024px; height: 546px; overflow: hidden; position: relative; background: url("../images/html_data/slide10_bg.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }

/*scr10_page1*/
.scr10_page1, .scr10_page2, .scr10_page3 { position: absolute; left: 0px; top: 0px; }
.scr10_page1 div, .scr10_page2 div, .scr10_page3 div { display: none; }
.scr10_Img_1 { width: 513px; height: 66px; position: absolute; left: 276px; top: 25px; background: transparent url("../images/html_data/scr10_Img_1.png") no-repeat scroll left top; }
.scr10_Img_2 { width: 180px; height: 431px; position: absolute; left: 36px; top: 44px; background: transparent url("../images/html_data/scr10_Img_2.png") no-repeat scroll left top; }
.scr10_Img_3 { width: 237px; height: 296px; position: absolute; left: 198px; top: 148px; background: transparent url("../images/html_data/scr10_Img_3.png") no-repeat scroll left top; }
.scr10_Img_4 { width: 244px; height: 236px; position: absolute; left: 479px; top: 153px; background: transparent url("../images/html_data/scr10_Img_4.png") no-repeat scroll left top; }
.scr10_Img_5 { width: 244px; height: 236px; position: absolute; left: 745px; top: 167px; background: transparent url("../images/html_data/scr10_Img_5.png") no-repeat scroll left top; }

/*scr10_page2*/
.scr10_A_Img_1 { width: 513px; height: 66px; position: absolute; left: 276px; top: 25px; background: transparent url("../images/html_data/scr10_A_Img_1.png") no-repeat scroll left top; }
.scr10_A_Img_2 { width: 214px; height: 442px; position: absolute; left: 46px; top: 40px; background: transparent url("../images/html_data/scr10_A_Img_2.png") no-repeat scroll left top; }
.scr10_A_Img_3 { width: 469px; height: 263px; position: absolute; left: 301px; top: 144px; background: transparent url("../images/html_data/scr10_A_Img_3.png") no-repeat scroll left top; }
.scr10_A_Img_4 { width: 279px; height: 145px; position: absolute; left: 601px; top: 152px; background: transparent url("../images/html_data/scr10_A_Img_4.png") no-repeat scroll left top; }

/*scr10_page3*/
.scr10_B_Img_1 { width: 513px; height: 66px; position: absolute; left: 276px; top: 25px; background: transparent url("../images/html_data/scr10_B_Img_1.png") no-repeat scroll left top; }
.scr10_B_Img_2 { width: 321px; height: 442px; position: absolute; left: 14px; top: 32px; background: transparent url("../images/html_data/scr10_B_Img_2.png") no-repeat scroll left top; }
.scr10_B_Img_3 { width: 429px; height: 234px; position: absolute; left: 314px; top: 176px; background: transparent url("../images/html_data/scr10_B_Img_3.png") no-repeat scroll left top; }
.scr10_B_Img_4 { width: 227px; height: 137px; position: absolute; left: 644px; top: 176px; background: transparent url("../images/html_data/scr10_B_Img_4.png") no-repeat scroll left top; }

/*scr10_page3*/
.scr10_B_Img_1 { width: 513px; height: 66px; position: absolute; left: 276px; top: 25px; background: transparent url("../images/html_data/scr10_B_Img_1.png") no-repeat scroll left top; }
.scr10_B_Img_2 { width: 321px; height: 442px; position: absolute; left: 14px; top: 32px; background: transparent url("../images/html_data/scr10_B_Img_2.png") no-repeat scroll left top; }
.scr10_B_Img_3 { width: 429px; height: 234px; position: absolute; left: 314px; top: 176px; background: transparent url("../images/html_data/scr10_B_Img_3.png") no-repeat scroll left top; }
.scr10_B_Img_4 { width: 227px; height: 137px; position: absolute; left: 644px; top: 176px; background: transparent url("../images/html_data/scr10_B_Img_4.png") no-repeat scroll left top; }
.src01_text1 { width: 347px; height: 19px; position: absolute; background: url("../images/html_data/src01_text1.png") no-repeat left top; top: 139px; left: 407px; display: none; }
.src01_text2 { width: 527px; height: 41px; position: absolute; background: url("../images/html_data/src01_text2.png") no-repeat left top; top: 176px; left: 407px; display: none; }
.src01_text3 { width: 509px; height: 65px; position: absolute; background: url("../images/html_data/src01_text3.png") no-repeat left top; top: 235px; left: 407px; display: none; }
.src01_text4 { width: 462px; height: 65px; position: absolute; background: url("../images/html_data/src01_text4.png") no-repeat left top; top: 317px; left: 407px; display: none; }

/*css slide7*/
.src07_wrapper { width: 1024px; height: 546px; overflow: hidden; position: relative; background: url("../images/html_data/src07_bg.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src07_text1 { width: 223px; height: 20px; position: absolute; background: url("../images/html_data/src07_text1.png") no-repeat left top; top: 16px; left: 395px; display: none; }
.src07_img1 { width: 204px; height: 163px; position: absolute; background: url("../images/html_data/src07_img1.png") no-repeat left top; top: 179px; left: 410px; display: none; }
.src07_img2 { width: 137px; height: 126px; position: absolute; background: url("../images/html_data/src07_img2.png") no-repeat left top; top: 42px; left: 450px; display: none; }
.src07_img3 { width: 187px; height: 131px; position: absolute; background: url("../images/html_data/src07_img3.png") no-repeat left top; top: 67px; left: 559px; display: none; }
.src07_img4 { width: 218px; height: 121px; position: absolute; background: url("../images/html_data/src07_img4.png") no-repeat left top; top: 166px; left: 646px; display: none; }
.src07_img5 { width: 224px; height: 118px; position: absolute; background: url("../images/html_data/src07_img5.png") no-repeat left top; top: 286px; left: 612px; display: none; }
.src07_img6 { width: 222px; height: 123px; position: absolute; background: url("../images/html_data/src07_img6.png") no-repeat left top; top: 344px; left: 517px; display: none; }
.src07_img7 { width: 184px; height: 119px; position: absolute; background: url("../images/html_data/src07_img7.png") no-repeat left top; top: 347px; left: 329px; display: none; }
.src07_img8 { width: 185px; height: 119px; position: absolute; background: url("../images/html_data/src07_img8.png") no-repeat left top; top: 289px; left: 222px; display: none; }
.src07_img9 { width: 215px; height: 127px; position: absolute; background: url("../images/html_data/src07_img9.png") no-repeat left top; top: 160px; left: 163px; display: none; }
.src07_img10 { width: 177px; height: 126px; position: absolute; background: url("../images/html_data/src07_img10.png") no-repeat left top; top: 71px; left: 277px; display: none; }

/*css slide8*/
.src08_wrapper { width: 1024px; height: 546px; overflow: hidden; position: relative; background: url("../images/html_data/src08_bg.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src08_text1 { width: 473px; height: 25px; position: absolute; background: url("../images/html_data/src08_text1.png") no-repeat left top; top: 25px; left: 280px; display: none; }
.src08_img1 { width: 296px; height: 150px; position: absolute; background: url("../images/html_data/src08_img1.png") no-repeat left top; top: 305px; left: 40px; display: none; }
.src08_img2 { width: 296px; height: 150px; position: absolute; background: url("../images/html_data/src08_img2.png") no-repeat left top; top: 305px; left: 363px; display: none; }
.src08_img3 { width: 296px; height: 150px; position: absolute; background: url("../images/html_data/src08_img3.png") no-repeat left top; top: 305px; left: 688px; display: none; }
.src08_text2 { width: 331px; height: 45px; position: absolute; background: url("../images/html_data/src08_text2.png") no-repeat left top; top: 76px; left: 111px; display: none; }
.src08_text3 { width: 408px; height: 20px; position: absolute; background: url("../images/html_data/src08_text3.png") no-repeat left top; top: 76px; left: 524px; display: none; }
.src08_bullet1 { width: 152px; height: 17px; position: absolute; background: url("../images/html_data/src08_bullet1.png") no-repeat left top; top: 137px; left: 110px; display: none; }
.src08_bullet2 { width: 273px; height: 19px; position: absolute; background: url("../images/html_data/src08_bullet2.png") no-repeat left top; top: 166px; left: 110px; display: none; }
.src08_bullet3 { width: 242px; height: 18px; position: absolute; background: url("../images/html_data/src08_bullet3.png") no-repeat left top; top: 196px; left: 110px; display: none; }
.src08_arrow1 { width: 188px; height: 19px; position: absolute; background: url("../images/html_data/src08_arrow1.png") no-repeat left top; top: 110px; left: 525px; display: none; }
.src08_arrow2 { width: 372px; height: 19px; position: absolute; background: url("../images/html_data/src08_arrow2.png") no-repeat left top; top: 139px; left: 525px; display: none; }
.src08_arrow3 { width: 337px; height: 15px; position: absolute; background: url("../images/html_data/src08_arrow3.png") no-repeat left top; top: 168px; left: 525px; display: none; }
.src08_arrow4 { width: 153px; height: 18px; position: absolute; background: url("../images/html_data/src08_arrow4.png") no-repeat left top; top: 198px; left: 525px; display: none; }
.src08_arrow5 { width: 140px; height: 15px; position: absolute; background: url("../images/html_data/src08_arrow5.png") no-repeat left top; top: 227px; left: 525px; display: none; }
.src08_arrow6 { width: 149px; height: 18px; position: absolute; background: url("../images/html_data/src08_arrow6.png") no-repeat left top; top: 256px; left: 525px; display: none; }

/*css slide3*/
.src03_wrapper { width: 1024px; height: 546px; overflow: hidden; position: relative; background: url("../images/html_data/slide2_bg.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src3_tab1 { width: 670px; height: 46px; overflow: hidden; position: absolute; background: url("../images/html_data/slide3_tab1.png") no-repeat scroll left top transparent; top: 11px; left: 320px; display: none; }
.src3_img1 { width: 676px; height: 391px; overflow: hidden; position: absolute; background: url("../images/html_data/slide3_img1.png") no-repeat scroll left top transparent; top: 65px; left: 317px; display: none; }
.src3_tab2 { width: 670px; height: 46px; overflow: hidden; position: absolute; background: url("../images/html_data/slide3_tab2.png") no-repeat scroll left top transparent; top: 11px; left: 320px; display: none; }
.src3_img2 { width: 676px; height: 200px; overflow: hidden; position: absolute; background: url("../images/html_data/slide3_img2.png") no-repeat scroll left top transparent; top: 65px; left: 317px; display: none; }
.slide3_hit1 { width: 336px; height: 46px; overflow: hidden; position: absolute; top: 11px; left: 319px; border-top-left-radius: 28px; border-bottom-left-radius: 28px; }
.slide3_hit2 { width: 336px; height: 46px; overflow: hidden; position: absolute; red; top: 11px; left: 654px; border-top-right-radius: 28px; border-bottom-right-radius: 28px; }
.src11_wrapper { width: 1024px; height: 546px; overflow: hidden; position: relative; background: url("../images/html_data/slide11_bg.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.slide11_img1 { width: 801px; height: 287px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img1.png") no-repeat scroll left top transparent; top: 30px; left: 179px; display: none; }
.sld11_form input[type=radio] { display: none; }
.sld11_form input[type=radio] + label { background: url(../images/html_data/slide11_radio.png)no-repeat left center; height: 47px; width: 47px; display: inline-block; }
.sld11_form input[type=radio]:checked + label { background: url(../images/html_data/slide11_radioc.png); height: 47px; width: 47px; display: inline-block; padding: 0 0 0 0px; }
.sld11_radio1 { position: absolute; left: 841px; top: 125px; }
.sld11_radio2 { position: absolute; left: 841px; top: 213px; }
.sld11_form { display: none; }
.slide11_img2 { width: 273px; height: 20px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img2.png") no-repeat scroll left top transparent; top: 113px; left: 372px; display: none; }
.slide11_img3_1_1 { width: 78px; height: 78px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img3.png") no-repeat scroll left top transparent; top: 157px; left: 176px; display: none; }
.slide11_img3_1_2 { width: 78px; height: 78px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img3.png") no-repeat scroll left top transparent; top: 157px; left: 759px; display: none; }
.animated06 { -webkit-animation: flash 3s linear forwards; -moz-animation: flash 3s linear forwards; animation: flash 3s linear forwards; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes flash {
	0%, 50%, 100% { opacity: 1; }
	25%, 75% { opacity: 0.3; }
}
@-moz-keyframes flash {
	0%, 50%, 100% { opacity: 1; }
	25%, 75% { opacity: 0.3; }
}
@keyframes flash {
	0%, 50%, 100% { opacity: 1; }
	25%, 75% { opacity: 0.3; }
}
.slide11_1q { width: 45px; height: 29px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_1q.png") no-repeat scroll left top transparent; top: 186px; left: 193px; display: none; }
.slide11_img4 { width: 320px; height: 52px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img4.png") no-repeat scroll left top transparent; top: 92px; left: 339px; display: none; }
.slide11_img5 { width: 142px; height: 25px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img5.png") no-repeat scroll left top transparent; top: 292px; left: 352px; display: none; }
.slide11_img6 { width: 320px; height: 52px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img6.png") no-repeat scroll left top transparent; top: 92px; left: 339px; display: none; }
.slide11_img7 { width: 106px; height: 20px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img7.png") no-repeat scroll left top transparent; top: 184px; left: 131px; display: none; }
.slide11_img3_2_1 { width: 78px; height: 78px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img3.png") no-repeat scroll left top transparent; top: 157px; left: 239px; display: none; }
.slide11_img3_2_2 { width: 78px; height: 78px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img3.png") no-repeat scroll left top transparent; top: 157px; left: 294px; display: none; }
.slide11_img3_2_3 { width: 78px; height: 78px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img3.png") no-repeat scroll left top transparent; top: 157px; left: 349px; display: none; }
.slide11_img3_2_4 { width: 78px; height: 78px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img3.png") no-repeat scroll left top transparent; top: 157px; left: 409px; display: none; }
.slide11_img3_2_5 { width: 78px; height: 78px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img3.png") no-repeat scroll left top transparent; top: 157px; left: 468px; display: none; }
.slide11_img3_2_6 { width: 78px; height: 78px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img3.png") no-repeat scroll left top transparent; top: 157px; left: 529px; display: none; }
.slide11_img3_2_7 { width: 78px; height: 78px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img3.png") no-repeat scroll left top transparent; top: 157px; left: 587px; display: none; }
.slide11_img3_2_8 { width: 78px; height: 78px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img3.png") no-repeat scroll left top transparent; top: 157px; left: 644px; display: none; }
.slide11_img3_2_9 { width: 78px; height: 78px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img3.png") no-repeat scroll left top transparent; top: 157px; left: 700px; display: none; }
.slide11_img8 { width: 570px; height: 25px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img8.png") no-repeat scroll left top transparent; top: 110px; left: 226px; display: none; }
.slide11_img9 { width: 693px; height: 283px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img9.png") no-repeat scroll left top transparent; top: 159px; left: 132px; display: none; }
.slide11_img10 { width: 580px; height: 133px; overflow: hidden; position: absolute; background: url("../images/html_data/slide11_img10.png") no-repeat scroll left top transparent; top: 158px; left: 240px; display: none; }
.src01_wrapper { width: 1024px; height: 546px; overflow: hidden; position: relative; background: url("../images/html_data/src01_bg.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src01_img1 { width: 593px; height: 348px; overflow: hidden; position: absolute; background: url("../images/html_data/src01_img1.png") no-repeat scroll left top transparent; top: 60px; left: 380px; display: none; }

/* slide 12 css */
.src12_wrapper { width: 1024px; height: 546px; overflow: hidden; position: relative; background: url("../images/html_data/scr12_bg.jpg") no-repeat; top: 0px; left: 0px; }
.src12_txt { position: absolute; background: url("../images/html_data/scr12_txt.png") no-repeat; width: 954px; height: 49px; top: 29px; left: 33px; display: none; }
.scr12_slide { position: absolute; background: url("../images/html_data/scr12_slide.png") no-repeat; width: 484px; height: 110px; top: 184px; left: 279px; display: none; }
#scr12_slider { width: 365px; height: 0px; z-index: 1; position: absolute; left: 297px; top: 281px; }
.scr12_correct { position: absolute; background: url("../images/html_data/scr12_correct.png") no-repeat; width: 526px; height: 119px; top: 341px; left: 264px; display: none; }
.scr12_incorrect { position: absolute; background: url("../images/html_data/scr12_incorrect.png") no-repeat; width: 320px; height: 52px; top: 89px; left: 363px; display: none; }
.scr12_correct_mg { position: absolute; background: url("../images/html_data/scr12_correct_mg.png") no-repeat; width: 320px; height: 52px; top: 89px; left: 363px; display: none; }
.scr12_txt2 { position: absolute; background: url("../images/html_data/scr12_txt1.png") no-repeat; width: 308px; height: 33px; top: 299px; left: 371px; display: none; }

/* slide 7 css */
.src7_wrapper { width: 1024px; height: 546px; overflow: hidden; position: relative; background: url("../images/html_data/scr7.jpg") no-repeat; top: 0px; left: 0px; }
#scr7_slider { width: 901px; height: 0px; z-index: 1; position: absolute; left: 60px; top: 218px; }
.scr7_1970 { width: 1024px; height: 470px; overflow: hidden; position: absolute; background: url("../images/html_data/scr7_1970.png") no-repeat; top: 0px; left: 0px; display: none; }
.scr7_1900 { width: 1024px; height: 470px; overflow: hidden; position: absolute; background: url("../images/html_data/scr7_1900.png") no-repeat; top: 0px; left: 0px; }
.scr7_1910 { width: 1024px; height: 470px; overflow: hidden; position: absolute; background: url("../images/html_data/scr7_1910.png") no-repeat; top: 0px; left: 0px; display: none; }
.scr7_1920 { width: 1024px; height: 470px; overflow: hidden; position: absolute; /*background: url("../images/html_data/scr7_1920.png") no-repeat;*/ top: 0px; left: 0px; display: none; }
.scr7_1930 { width: 1024px; height: 470px; overflow: hidden; position: absolute; /*background: url("../images/html_data/scr7_1930.png") no-repeat;*/ top: 0px; left: 0px; display: none; }
.scr7_1940 { width: 1024px; height: 470px; overflow: hidden; position: absolute; /*background: url("../images/html_data/scr7_1940.png") no-repeat;*/ top: 0px; left: 0px; display: none; }
.scr7_1950 { width: 1024px; height: 470px; overflow: hidden; position: absolute; background: url("../images/html_data/scr7_1950.png") no-repeat; top: 0px; left: 0px; display: none; }
.scr7_1960 { width: 1024px; height: 470px; overflow: hidden; position: absolute; background: url("../images/html_data/scr7_1960.png") no-repeat; top: 0px; left: 0px; display: none; }
.scr7_1980 { width: 1024px; height: 470px; overflow: hidden; position: absolute; background: url("../images/html_data/scr7_1980.png") no-repeat; top: 0px; left: 0px; display: none; }
.scr7_1990 { width: 1024px; height: 470px; overflow: hidden; position: absolute; background: url("../images/html_data/scr7_1990.png") no-repeat; top: 0px; left: 0px; display: none; }
.scr7_2000 { width: 1024px; height: 470px; overflow: hidden; position: absolute; background: url("../images/html_data/scr7_2000.png") no-repeat; top: 0px; left: 0px; display: none; }
.scr7_slid { width: 1024px; height: 71px; overflow: hidden; position: absolute; background: url("../images/html_data/scr7_slid.png") no-repeat; top: 197px; background-size: 100%; left: 0px; }

/* slide 9 css */
.src9_wrapper { width: 1024px; height: 546px; overflow: hidden; position: relative; background: url("../images/html_data/scr9_bg.jpg") no-repeat; top: 0px; left: 0px; }
.scr9_txt { width: 954px; height: 49px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_txt.png") no-repeat; top: 17px; left: 179px; display: none; }
.scr9_grp { width: 325px; height: 314px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_grp.png") no-repeat; top: 66px; left: 547px; display: none; }
.scr9_grp2 { width: 157px; height: 123px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_grp2.png") no-repeat; top: 146px; left: 426px; display: none; }
.scr9_grp3 { width: 140px; height: 77px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_grp3.png") no-repeat; top: 216px; left: 201px; display: none; }
.scr9_hit1 { position: absolute; width: 145px; height: 79px; top: 215px; left: 198px; display: none; }
.scr9_hit2 { position: absolute; width: 78px; height: 118px; top: 149px; left: 503px; display: none; }
.scr9_hit3 { position: absolute; width: 120px; height: 118px; top: 148px; left: 638px; display: none; }
.scr9_over1bg { width: 1024px; height: 546px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1bg.png") no-repeat; top: 0px; left: 0px; display: none; }

/* overlay1 css */
.scr9_over1txt { width: 659px; height: 24px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1txt.png") no-repeat; top: 18px; left: 180px; display: none; }
.scr9_over1txt { width: 659px; height: 24px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1txt.png") no-repeat; top: 18px; left: 180px; display: none; }
.scr9_over1mg { width: 468px; height: 330px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1mg.png") no-repeat; top: 63px; left: 301px; display: none; }
.scr9_over1ref { width: 252px; height: 12px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1ref.png") no-repeat; top: 450px; left: 13px; display: none; }
.scr9_over1mg2 { width: 0px; height: 113px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1mg2.png") no-repeat; top: 147px; left: 473px; }
.scr9_over1mg3 { width: 134px; height: 128px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1mg3.png") no-repeat; top: 101px; left: 801px; display: none; }
.scr9_over1mg4 { width: 184px; height: 129px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1mg4.png") no-repeat; top: 256px; left: 801px; display: none; }
.scr9_over1mg5 { width: 605px; height: 38px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1mg5.png") no-repeat; top: 401px; left: 214px; display: none; }

/* overlay 2 css */
.scr9_over2bg { width: 1024px; height: 546px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1bg.png") no-repeat; top: 0px; left: 0px; display: none; }
.scr9_over2txt { width: 659px; height: 24px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1txt.png") no-repeat; top: 18px; left: 180px; display: none; }
.scr9_over2txt { width: 659px; height: 24px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1txt.png") no-repeat; top: 18px; left: 180px; display: none; }
.scr9_over2mg { width: 368px; height: 334px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over2mg.png") no-repeat; top: 63px; left: 301px; display: none; }
.scr9_over2ref { width: 252px; height: 12px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1ref.png") no-repeat; top: 450px; left: 13px; display: none; }
.scr9_over2mg2 { width: 0px; height: 157px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over2mg2.png") no-repeat; top: 240px; left: 524px; }
.scr9_over2mg3 { width: 134px; height: 128px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1mg3.png") no-repeat; top: 101px; left: 801px; display: none; }
.scr9_over2mg4 { width: 184px; height: 129px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1mg4.png") no-repeat; top: 256px; left: 801px; display: none; }
.scr9_over2mg5 { width: 605px; height: 38px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1mg5.png") no-repeat; top: 401px; left: 214px; display: none; }
.scr9_close1 { width: 44px; height: 44px; position: absolute; background: url("../images/html_data/scr9_close.png") no-repeat center center; top: 10px; right: 20px; }

/* overlay 2 css stops */

/* overlay 3 css */	
.scr9_over3bg { width: 1024px; height: 546px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1bg.png") no-repeat; top: 0px; left: 0px; display: none; }
.scr9_over3txt { width: 659px; height: 24px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1txt.png") no-repeat; top: 18px; left: 180px; display: none; }
.scr9_over3txt { width: 659px; height: 24px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1txt.png") no-repeat; top: 18px; left: 180px; display: none; }
.scr9_over3mg { width: 428px; height: 334px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over3mg.png") no-repeat; top: 63px; left: 301px; display: none; }
.scr9_over3ref { width: 250px; height: 11px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over3ref.png") no-repeat; top: 450px; left: 13px; display: none; }
.scr9_over3mg2 { width: 0px; height: 89px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over3mg2.png") no-repeat; top: 159px; left: 544px; }
.scr9_over3mg3 { width: 134px; height: 128px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1mg3.png") no-repeat; top: 101px; left: 801px; display: none; }
.scr9_over3mg4 { width: 184px; height: 129px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1mg4.png") no-repeat; top: 256px; left: 801px; display: none; }
.scr9_over3mg5 { width: 605px; height: 38px; overflow: hidden; position: absolute; background: url("../images/html_data/scr9_over1mg5.png") no-repeat; top: 401px; left: 214px; display: none; }
.scr9_close2 { width: 44px; height: 44px; position: absolute; background: url("../images/html_data/scr9_close.png") no-repeat center center; top: 10px; right: 20px; }

/* overlay 3 css stops */
.scr9_aover1anim { -webkit-animation: 300ms anima_scr9; -webkit-animation-fill-mode: both; -moz-animation: 300ms anima_scr9; -moz-animation-fill-mode: both; animation: 300ms anima_scr9; animation-fill-mode: both; display: block; }
.scr9_close { width: 44px; height: 44px; position: absolute; background: url("../images/html_data/scr9_close.png") no-repeat center center; top: 10px; right: 20px; }
@-webkit-keyframes anima_scr9 {
	from { -webkit-transform: scale(0); }
	to { -webkit-transform: scale(1); }
}
@-moz-keyframes anima_scr9 {
	from { -moz-transform: scale(0); }
	to { -moz-transform: scale(1); }
}
@keyframes anima_scr9 {
	from { transform: scale(0); }
	to { transform: scale(1); }
}
.bottom_but { position: absolute; top: 412px; left: 464px; background: transparent url("../images/html_data/bottom_butt12.png") no-repeat scroll center center; width: 106px; height: 71px; background-size: 100%; }
.bottom_but_hit1 { width: 33px;
height: 56px;
top: 0px;
position: absolute;
cursor: pointer; }
.bottom_but_hit2 {width: 32px;
height: 56px;
top: 0px;
left: 35px;
position: absolute;
cursor: pointer; }
.bottom_but_hit3 { width: 34px;
height: 56px;
top: 0px;
left: 69px;
position: absolute;
cursor: pointer; }
.button1, .slide3_hit1, .slide3_hit2, .scr9_hit1, .scr9_hit2, .scr9_hit3, .sld11_radio1, .sld11_radio2, .src13_MCQ_01_A, .src13_MCQ_01_B, .src13_MCQ_01_C, .src13_MCQ_01_D, .ui-draggable { cursor: pointer; }
#scr7_slider .ui-state-default { cursor: pointer; }
#scr12_slider .ui-state-default { cursor: pointer; }
.toc_head { width: 460px;/*height: 270px;*/ height: 0px; position: absolute; bottom: 112px; right: 0px; z-index: 68; border-top-left-radius: 22px; border-top-right-radius: 22px; overflow: hidden; background-color: rgba(255, 255, 255, 0.95); padding-left: 23px; }
.toc_head_top { position: absolute; background: #0695d7; top: 0; left: 0; width: 100%; height: 40px; color: #fff; font-size: 20px; padding-left: 30px; line-height: 43px; }
.toc_content { width: 100%; margin-top: 45px; color: #000; font-size: 16px; margin-left: 7px; }
.toc_content ul li { cursor: pointer; }
.toc_close { position: absolute; right: 40px; top: 5px; line-height: 32px; width: 30px; height: 30px; background: #fff; color: #0173a8; border-radius: 22px; text-align: center; }

/*
slider imoa*/
section.iMOA { position: absolute; width: 700px; left: 153px; -webkit-font-smoothing: antialiased; font-stretch: normal; font-variant: normal; font-weight: normal; top: 21px; z-index: 5; }
#imoa-popup-bg { background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

/* this is placeholder image you click on to show the popup */
.showPopup { position: relative; width: 740px; left: 269px; top: 23px; height: 458px; background-size: contain; background-repeat: no-repeat; background-image: url("../images/html_data/popup_image.jpg"); }
.closeiMOApop { width: 31px; height: 31px; display: block; background: gray; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; right: -13px; top: -12px; }
.closeiMOApop:before, .closeiMOApop:after { height: 23px; width: 3px; display: block; position: relative; content: ""; }
.closeiMOApop:before { top: 4px; right: -14px; -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg); transform: rotate(45deg); }
.closeiMOApop:after { left: 14px; bottom: 19px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(45deg); transform: rotate(-45deg); }
.closeiMOApop:before, .closeiMOApop:after { background: #fff; }
.closeiMOApop:hover, .closeiMOApop:active { background-color: #000; cursor: pointer; }
section.iMOA * { -webkit-box-sizing: border-box; box-sizing: border-box; }

/*******************************************
 * the 2 tabs at the top of the video
 */
section.iMOA nav.tabs { z-index: 10; position: absolute; display: none; top: -1px; }
section.iMOA nav.tabs button { position: absolute; border: none; background-color: transparent; width: 143px; height: 48px; }
section.iMOA nav.tabs button.diabetic { left: 373px; }
section.iMOA nav.tabs button.normal { left: 216px; }
section.iMOA nav.tabs button.selected label { color: #333333; }
section.iMOA nav.tabs button label { display: block; position: absolute; top: 5px; left: 0px; width: 100%; font-family: 'KarbonMedium'; font-size: 14px; color: white; }
section.iMOA.tab_normal nav.tabs button.normal { background-image: url("../images/html_data/btn_background.png"); }
section.iMOA.tab_diabetic nav.tabs button.diabetic { background-image: url("../images/html_data/btn_background.png"); }

/*************************************************
 * holds the static background image of the video
 */
section.iMOA article { width: 701px; height: 0px;/* background-image: url("../images/html_data/background_poster.jpg"); */ }

/*************************************************
 * Initial Start Button
 */
section.iMOA button.start { position: absolute; border: none; background: url("../images/html_data/75x75_PlayBtn.png") no-repeat; z-index: 200; top: 206px;
left: 320px; width: 75px; height: 75px; -webkit-transition: opacity .5s ease-in-out; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; opacity: 0; }
section.iMOA button.start.visible { opacity: 1; }

/**********************************************************************
 * text / arrow / marker that show up over the slider at certain points
 */
section.iMOA figcaption { z-index: 10; position: absolute; display: none; }

/*
 * This caption shows up on the sldier when either tab reaches 180+
 */
.approximateRenalThreshold { top: 52px; left: 228px; width: 188px; height: 51px; background-image: url("../images/html_data/ptr_approximate-renal-threshold.png"); }

/**
 * This caption shows up on the slider
 * only on the diabetic tab at 240+
 */
.approximateRenalThresholdForDiabetics { top: 49px; left: 344px; width: 194px; height: 53px; background-image: url("../images/html_data/ptr_approximate-renal-threshold-for-diabetics.png"); }

/**
 * The litle arrows on the slider at 180 and 240
 */
section.iMOA .arrow { width: 15px; height: 16px; top: -7px; }
section.iMOA .arrow.gray { background-image: url("../images/html_data/ptr_arrow-gray.png"); }
section.iMOA .arrow.red { background-image: url("../images/html_data/ptr_arrow-red.png"); }
section.iMOA .arrow.one-eighty { left: 315px; }
section.iMOA .arrow.two-forty { left: 434px; }

/**
 * The little white marker lines on the slider at 180 and 240 
 */
section.iMOA .marker { top: 34px; width: 1px; height: 11px; background-color: white; }
section.iMOA .marker.one-eighty { left: 322px; }
section.iMOA .marker.two-forty { left: 441px; }

/**************************************************
 * When swtiching to diabetic tab 
 * this is the invokana text next to dragdrop icon
 */
section.iMOA .invokana.label { position: absolute; left: 121px; top: 44px; font-family: 'KarbonMedium'; font-size: 26px; color: white; text-shadow: 1px -1px 1px #1F1F1F; opacity: 0; }
section.iMOA .invokana.label.visible { -webkit-animation-name: fadeIn; -webkit-animation-duration: 500ms; -webkit-animation-delay: 250ms; -webkit-animation-fill-mode: both; }
section.iMOA .invokana.pointer { left: 225px; top: 127px; width: 120px; height: 61px; background-image: url("../images/html_data/ptr_invokana.png"); }

/***********************************************************
 * Descriptions are the labels with the lines pointing to 
 * certain sections of the video
 */
section.iMOA .description { z-index: 100; position: absolute; background-color: transparent; }
section.iMOA .description div { position: absolute; text-align: center; font-family: 'KarbonMedium'; font-size: 22px; color: #dedede; letter-spacing: .5px; text-shadow: 1px 2px black; top: -14px; }
section.iMOA .description hr { position: absolute; height: 1.5px; border: none; background-color: white; }

/*****************************************
 * the following descriptions always show  
 */
section.iMOA .description.glomerulus { top: 301px; left: 45px; }
section.iMOA .description.glomerulus div { left: 10px; }
section.iMOA .description.glomerulus hr { top: 40px; width: 70px; -webkit-transform: rotate(113deg);  -moz-transform: rotate(113deg);  transform: rotate(113deg); }
section.iMOA .description.glucose { top: 32px; left: 542px; }
section.iMOA .description.glucose div { left: 10px; }
section.iMOA .description.glucose hr { left: 4px; top: 20px; width: 43px; -webkit-transform: rotate(146deg); -moz-transform: rotate(146deg); transform: rotate(146deg); }
section.iMOA .description.SGLT2 { top: 100px; left: 572px; }
section.iMOA .description.SGLT2 div { left: -12px; }
section.iMOA .description.SGLT2 hr { left: -70px; top: 26px; width: 79px; -webkit-transform: rotate(-25deg);  -moz-transform: rotate(-25deg);  transform: rotate(-25deg);}

/*****************************************
 * Glucose and Urine only show when:
 * at 180+ for normal tab
 * at 240+ for diabetic tab
 */
section.iMOA figcaption.description.glucoseInUrine { top: 382px; left: 424px; }
section.iMOA figcaption.description.glucoseInUrine div { top: -37px; left: 94px; }
section.iMOA figcaption.description.glucoseInUrine hr.left { left: -13px; top: -58px; width: 111px; -webkit-transform: rotate(50deg); -moz-transform: rotate(50deg); transform: rotate(50deg); }
section.iMOA figcaption.description.glucoseInUrine hr.right { left: 126px; top: -83px; width: 85px; -webkit-transform: rotate(103deg); -moz-transform: rotate(103deg); transform: rotate(103deg); }

/*********************************************************************
 * Invokana description that only shows after dragging onto glomerulus
 */
section.iMOA figcaption.description.invokana { top: 17px; left: 242px; }
section.iMOA figcaption.description.invokana div { left: 9px; }
section.iMOA figcaption.description.invokana hr { left: 49px; top: 31px; width: 67px; -webkit-transform: rotate(46deg);  -moz-transform: rotate(46deg);  transform: rotate(46deg); }

/***************************************************************
 * tubule descriptions are always there but are a special case 
 * 
 * "regular" on Normal Tab 
 * - show for everyony slider position in normal tab
 * 
 * "special" on diabetic tab  
 * - it disapppears at 240 and above slider position to make room for a highlight
 *
 * "shweta" on Invokana DragDrop
 * - shows only when in this mode
 */
section.iMOA figcaption.description.tubule { left: 82px; width: 200px; }
section.iMOA figcaption.description.tubule.regular, section.iMOA figcaption.description.tubule.shweta { top: 88px; }
section.iMOA figcaption.description.tubule.special { top: 147px; }
section.iMOA figcaption.description.tubule.special hr { top: -1px; width: 37px; }
section.iMOA figcaption.description.tubule.shweta hr { left: 165px; top: 9px; width: 53px; -webkit-transform: rotate(12deg);   -moz-transform: rotate(12deg);  transform: rotate(12deg);  }
section.iMOA figcaption.description.tubule div { text-align: center; left: 10px; }
section.iMOA figcaption.description.tubule hr { left: 165px; top: -6px; width: 77px; -webkit-transform: rotate(-12deg); }

/*********************************************************************
 * Invokana DragDrop icon on Diabetic tab
 */
section.iMOA figure.message { z-index: 10; position: absolute; display: none; }

/*
 * the close button when dropped
 */
section.iMOA figure.message.closeButton { top: 13px; left: 602px; width: 71px; height: 71px; background-image: url("../images/html_data/icon_close-blue.png"); }

/* this looks like it's not being used and I can't find where it was used
on the origial presentation.  Leaving it here just in case */
section.iMOA figure.message.glomerulus { top: 258px; left: 16px; width: 233px; height: 129px; background-image: url("../images/html_data/msg_glucose-released-by-glomerulus.png"); }

/*
 * The Invokana icon thingy
 */
section.iMOA figure.message.invokana { z-index: 100; top: 2px; left: 15px; width: 111px; height: 111px; background-image: url("../images/html_data/invokana_sprite.png"); background-repeat: no-repeat; background-position: left center; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite;  -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-timing-function: linear; animation-iteration-count: infinite;}
section.iMOA figure.message.invokana.snappingIntoPlaceFromFarAway { -webkit-animation-duration: 2s; -webkit-animation: mymove 2s infinite; }
section.iMOA figure.message.invokana.snappingBack { -webkit-transition-property: top, left; -webkit-transition-duration: 500ms, 500ms; -webkit-transition-timing-function: ease-out; }
section.iMOA figure.message.invokana.snappingIntoPlace { -webkit-transition-property: top, left; -webkit-transition-duration: 1000ms, 1000ms; -webkit-transition-timing-function: cubic-bezier(0.05, 0.33, 0.23, 1); }
section.iMOA figure.message.invokana.dissolving { -webkit-animation: play 0.8s steps(6); }
section.iMOA .dropTargetRegion { z-index: 2; position: absolute; left: -20px; top: 296px; bottom: 0; width: 300px; text-align: center; }

/*************************************************************
 * This the text in the white squares in each tab
 *
 * on Normal Tab
 * - Glomerulus highlight shows first
 * - at 180 glucoseBeginsToExcrete shows 
 * 
 * on Diabetic Tab
 * - begins with renalGlucoseAltered
 * - at 240 changes to glucoseExceeds240mg
 * 
 * on DragDrop
 * - invokanaInhibitsSGLT2
 */
section.iMOA div.highlight { z-index: 100; position: absolute; display: none; background-color: rgba(255, 255, 255, 0.7); -webkit-border-radius: 10px; border-radius: 10px; padding-left: 11px; padding-top: 16px; color: #005b7f; font-family: 'KarbonMedium'; font-size: 20px; line-height: 20px; letter-spacing: .4px; }
section.iMOA div.highlight sup { font-size: 11px; line-height: 0; }
section.iMOA div.highlight.glomerulus { top: 150px; left: 76px; width: 234px; height: 129px; display: block; font-family: 'KarbonMedium'; }
section.iMOA div.highlight.glucoseExceeds240mg { top: 124px; left: 31px; width: 248px; height: 187px; }
section.iMOA div.highlight.glucoseBeginsToExcrete { top: 148px; left: 31px; width: 248px; height: 129px; }
section.iMOA div.highlight.invokanaInhibitsSGLT2 { top: 132px; left: 31px; width: 220px; height: 165px; padding-right: 5px; padding-top: 11px; line-height: 15px; font-family: 'KarbonMedium'; }
section.iMOA div.highlight.renalGlucoseAltered { top: 202px; left: 31px; width: 233px; height: 81px; }
section.iMOA .page-content h1 { margin-top: 13px; }

/**************************************************
  Slider styles
*/
.uberSliderTicks { z-index: 1; position: absolute; width: 496px; height: 28px; top: 2px; left: 75px; font-family: Helvetica; font-size: 13px; color: #fff; text-shadow: 0 1px 4px rgba(0, 0, 0, .88); text-align: center; }
.uberSliderTicks .tickLabel { position: absolute; width: 40px; height: 28px; padding-top: 12px; cursor: pointer; }
.uberSliderTicks .tickLabel.first { left: 4px; }
.uberSliderTicks .tickLabel.second { left: 47px; }
.uberSliderTicks .tickLabel.third { left: 110px; }
.uberSliderTicks .tickLabel.fourth { left: 168px; }
.uberSliderTicks .tickLabel.fifth { left: 227px; }
.uberSliderTicks .tickLabel.sixth { left: 286px; }
.uberSliderTicks .tickLabel.seventh { left: 347px; }
.uberSliderTicks .tickLabel.eighth { left: 410px; }
.uberSliderTicks .tickLabel.ninth { left: 471px; }
section.iMOA .slider { z-index: 10; position: absolute; visibility: hidden; top: 498px; left: 50px; width: 600px; height: 61px;	/*  background-image: url("../images/html_data/slider_background_empty.png");*/ display: none; }
section.iMOA .slider .horizontalSlider { position: absolute; left: 73px; top: 0px; height: 24px; width: 517px; padding: 0 18px 0 14px; }
section.iMOA .slider .horizontalSlider .sliderTrack { position: relative; z-index: 1; top: 36px; left: 0px; width: 100%; height: 8px; background: -webkit-linear-gradient(left, #c60b46 0, #c60b46 18px, #cacaca 18px, #cacaca 100%); }
section.iMOA .slider .horizontalSlider .sliderTicks { position: absolute; width: 496px; height: 33px; }
section.iMOA .slider .horizontalSlider .sliderTicks .tickMark { position: absolute; height: 75px; width: 1px; background-color: black; }
section.iMOA .slider .horizontalSlider .sliderThumb { position: absolute; top: 13px; left: 1px; background: url("../images/html_data/slider_thumb.png") no-repeat; background-position: center center; width: 50px; height: 54px; z-index: 2; }
.sliderThumb:hover { cursor: -webkit-grab; }
.sliderThumb:active { cursor: -webkit-grabbing; }
section.iMOA video { width: 700px; height: 478px; }

/*******************************************************************************
  The following classes are dynamically added to section.iMOA to hide/show the
  different states of the content over the video.  This way you can easily 
  change states by adding classes to one element
 */
section.iMOA.tab_normal .slider, section.iMOA.tab_diabetic .slider { visibility: visible; }
section.iMOA.tab_normal nav.tabs, section.iMOA.tab_diabetic nav.tabs { display: block; }
section.iMOA.tab_normal .regular.tubule, section.iMOA.tab_normal .glucose.description, section.iMOA.tab_normal .SGLT2.description, section.iMOA.tab_normal .glomerulus.description { display: block; opacity: 1; }
section.iMOA.normal_70-150 .glomerulus.highlight { display: block; opacity: 1; }
section.iMOA.normal_180 .red.one-eighty, section.iMOA.normal_180 .approximateRenalThreshold, section.iMOA.normal_180 .glucoseInUrine.description, section.iMOA.normal_180 .glucoseBeginsToExcrete.highlight { display: block; opacity: 1; }
section.iMOA.normal_210-300 .gray.one-eighty, section.iMOA.normal_210-300 .one-eighty.marker, section.iMOA.normal_210-300 .glucoseInUrine.description, section.iMOA.normal_210-300 .glucoseBeginsToExcrete.highlight, section.iMOA.normal_210-300 .approximateRenalThreshold { display: block; opacity: 1; }
section.iMOA.tab_diabetic .glucose.description, section.iMOA.tab_diabetic .SGLT2.description, section.iMOA.tab_diabetic .invokana.message, section.iMOA.tab_diabetic .invokana.label.visible { display: block; opacity: 1; }
section.iMOA.diabetic_70-150 .special.tubule, section.iMOA.diabetic_70-150 .renalGlucoseAltered, section.iMOA.diabetic_70-150 .glomerulus.description { display: block; opacity: 1; }
section.iMOA.diabetic_180 .red.one-eighty, section.iMOA.diabetic_180 .approximateRenalThreshold, section.iMOA.diabetic_180 .glomerulus.description, section.iMOA.diabetic_180 .renalGlucoseAltered, section.iMOA.diabetic_180 .special.tubule { display: block; opacity: 1; }
section.iMOA.diabetic_210 .gray.one-eighty, section.iMOA.diabetic_210 .one-eighty.marker, section.iMOA.diabetic_210 .glomerulus.description, section.iMOA.diabetic_210 .renalGlucoseAltered, section.iMOA.diabetic_210 .special.tubule { display: block; opacity: 1; }
section.iMOA.diabetic_240 .red.two-forty, section.iMOA.diabetic_240 .one-eighty.marker, section.iMOA.diabetic_240 .gray.one-eighty, section.iMOA.diabetic_240 .glucoseExceeds240mg, section.iMOA.diabetic_240 .glucoseInUrine, section.iMOA.diabetic_240 .approximateRenalThresholdForDiabetics { display: block; opacity: 1; }
section.iMOA.diabetic_270-300 .gray.two-forty, section.iMOA.diabetic_270-300 .gray.one-eighty, section.iMOA.diabetic_270-300 .two-forty.marker, section.iMOA.diabetic_270-300 .one-eighty.marker, section.iMOA.diabetic_270-300 .glucoseExceeds240mg, section.iMOA.diabetic_270-300 .glucoseInUrine, section.iMOA.diabetic_270-300 .approximateRenalThresholdForDiabetics { display: block; opacity: 1; }
section.iMOA.tab_invokana .shweta.tubule, section.iMOA.tab_invokana .invokana.description, section.iMOA.tab_invokana .closeButton.message, section.iMOA.tab_invokana .glucoseInUrine, section.iMOA.tab_invokana .invokanaInhibitsSGLT2, section.iMOA.tab_invokana .glomerulus.description { display: block; opacity: 1; }
.slider_g { position: absolute; top: 630px; left: 432px; z-index: 10;/* height: 30px; */    /* background-color: #000; */

/* display: block; */ }
.SGLT2 { display: block !important; }
.glucoseInUrine { display: block !important; }
.wrapper { position: relative; top: 0; left: 0; width: 1024px; height: 546px; overflow: hidden; font-family: Helvetica; background: url(../images/html_data/bg.jpg) no-repeat top left; background-size: 100% 100%; font-family: 'KarbonMedium'; }
#video1 { position: absolute; top: 137px; left: 72px; width: 869px; height: auto; }
.section video { width: 100%; }
.iMOA { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); }

/* slider css */
.sliderr_back { background: #000000; opacity: 0.4; position: absolute; top: 387px; left: 409px; width: 201px; border-radius: 16px; z-index: 8; height: 46px; display: none; }
#sc_slider { width: 130px; height: 0px; z-index: 11; position: absolute; left: 440px; border: 3px solid #ffffff; top: 407px; display: none; }
.navp { position: absolute; top: 365px; color: #ffffff; left: 415px; z-index: 8; font-family: 'KarbonMedium'; display: none; }
.navpw { position: absolute; top: 355px; color: #ffffff; left: 542px; text-align: center; z-index: 8; font-family: 'KarbonMedium'; display: none; }
.section.iMOA video { width: 700px; height: 478px; }
#HomeBtnCong { cursor: pointer; color: #000; font-size: 16px;    /* padding: 10px; */ width: 60px; border-radius: 7px; text-align: center; background: #e9af31; position: absolute; height: 35px; line-height: 35px; top: 400px; left: 482px; }

.animated06{ cursor:pointer}