/*TOEIC CONTENT*/ Body { font-family:Verdana; width:100%; height:auto; overflow:auto; margin:0px auto; padding:0px; text-align:center} iframe { vertical-align:top} a { font-family:Verdana; outline: none;} a:active {outline: none;} select { font-family:Verdana;} .marginCenter{ margin:0px auto; width:auto; height:auto; overflow:hidden} .highlight { font-weight:bold} .font20 { font-size:20px} /***segments****/ .segment{ cursor:default} .segment.selected{background-color: #f2f50b; color:#000000} .segment.over{background-color: #f7f3d3;} .kw.active{background-color: #f2f50b; color:#000000} .kw.selected{background-color #f2f50b; color:#000000} .kw.over{background-color: #e9d104; cursor: pointer; } .pf.active{background-color: #f2f50b; color:#000000} .pf.selected{background-color: #f2f50b;} .pf.over{background-color: #e9d104;;cursor: pointer; } .mi.active{background-color: #f2f50b; color:#000000} .mi.active h3{background-color: #f2f50b; color:#372669} .uw.active {background-color: #f2f50b; color:#000000} .uw.over, uw.selected{background-color: #e9d104;} .hlgrammar{background-color: #f2f50b; color:#000000} .hl{background-color:#d4f7fb; color:#000000} /*uses for the speaking panel highlight*/ .ref.active {background-color: #f2f50b; color:#000000} .ref.over, .ref.selected{background-color: #e9d104;} .group1.active{background-color: #decdfe !important;} .group2.active{background-color: #fc7fe0 !important;} .group3.active{background-color: #a4ec57 !important;} /****/ .lightboxWrapper {width:100%; height:100%; text-align:left; margin:0px auto; font-size:13px;} .smallLightboxWrapper {width:100%; height:100%; text-align:left; margin:0px auto; font-size:13px;} .lightBoxContent{ width:80%; max-width:350px; height:auto; overflow:hidden; margin:100px auto;background-color:#ffffff; border:1px solid #dddddd; padding:15px; border-radius:10px} .myProgressLightBoxContent {width:100%; height:auto; max-height:400px;overflow-x:hidden; overflow-y:auto; margin:0px auto; padding:0px; border-radius:2px; border:1px solid #dddddd; z-index:1; margin-top:15px } .lightBoxClose {width:auto; height:auto; overflow:hidden; text-align:right; vertical-align:middle; } .lightBoxClose a{float:right; width:20px; height:20px;line-height:20px; margin-top:3px; font-size:12px; display:block; text-align:center; text-decoration:none; color:#ffffff; border-radius:30px; border:2px solid #ffffff;} .lightBoxBottomBar {width:auto; height:auto; overflow:hidden; border-top:3px solid #00664f; border-radius: 0px 0px 8px 8px; margin:20px auto 0px; padding-top:15px;} .smallLightboxWrapper h1.greenBigTitle { margin-bottom:0px} .smallLightboxText{width:100%; height:auto; overflow:hidden; text-align:left; margin:20px auto; font-size:13px;} .smallLightboxWrapper .blueSmallBt{ width:100px; float:right} /*********buttons**********/ .redSmallBt {width:auto; height:auto; overflow:hidden; background-color:#b85647; border:1px solid #ffffff; margin:3px 5px; border-radius:4px} .redSmallBt a{width: auto; height:auto; overflow:hidden; padding:3px 10px; display:block; color:#ffffff; font-size:12px; cursor:pointer; text-align:center; text-decoration:none} .redSmallBt:hover { border:1px solid #ab3827; background-color:#ab3827;} .greySmallBt {width:auto; height:auto; overflow:hidden; background-color:#eeeeee; border:1px solid #cac8c8; margin:3px 5px; border-radius:4px} .greySmallBt a{width:auto; height:auto; overflow:hidden; padding:3px 10px; display:block; color:#132977; font-size:12px; cursor:pointer; text-align:center;} .greySmallBt:hover {background-color:#ffffff; border:1px solid #b0aeae;} .greySmallBt a:hover {color:#010157;} .blueSmallBt {width:auto; height:auto; overflow:hidden; background-color:#004a8d; border:1px solid #ffffff; margin:3px 5px; border-radius:4px} .blueSmallBt a{width: auto; height:auto; overflow:hidden; padding:3px 10px; display:block; color:#ffffff; font-size:12px; cursor:pointer; text-align:center; text-decoration:none} .blueSmallBt:hover { border:1px solid #0b2273; background-color:#0b2273;} .greenBigBT {float:none; width:150px;height:42px; text-align:center; color:#ffffff; margin-top:20px; margin-left:auto; margin-right:auto ; padding:0px 20px;background-color:#0b2273 ; -webkit-border-radius: 5px;border-radius: 5px; border:1px solid #ffffff; background-image:url('../homepage/bigGreenBtbg.png'); background-repeat:repeat-x; background-position:50%; cursor:pointer} .greenBigBT a{ width:auto; height:100%; display:block; margin:0px auto; color:#ffffff; text-decoration:none; line-height:42px; text-align:center; font-size:19px; font-weight:normal } .greenBigBT:hover {/*background-image:url('../homepage/startBtnBg_over.gif');*/ background-image:none; background-color:#045845; } .blueBigBt {width:205px;height:auto; overflow:hidden; background-color:#132977; border:1px solid #ffffff; margin:0px auto; margin-top:10px; border-radius:4px; -moz-box-shadow: 0px 0px 6px 1px #8d8c81; -webkit-box-shadow: 0px 0px 6px 1px #8d8c81; box-shadow: 0px 0px 6px 1px #8d8c81;} .blueBigBt a{width: auto; height:auto; overflow:hidden; padding:10px 10px; display:block; color:#ffffff; font-size:23px; cursor:pointer; text-align:center; text-decoration:none} .blueBigBt:hover { border:1px solid #0b2273; background-color:#0b2273;} /*********titles**********/ h1.greenBigTitle{width:100%; color:#00664f; font-size:24px; font-weight:bold; padding:0px; margin:0px; margin-bottom:40px;} .blueBigTitle{width:100%; height:auto; overflow:hidden;border-bottom:3px solid #00664f; padding:10px 0px; margin:0px; margin-bottom:40px; } .blueBigTitle h1{width:auto; height:auto; overflow:hidden; font-size:24px; font-weight:normal; padding:0px; margin:0px; color:#004a8d; float:left} .blueBigTitle .lightBoxClose{width:30px; height:30px; float:right; } .blueBigTitle .lightBoxClose a{width:20px; height:auto; overflow:hidden; line-height:20px; font-size:12px; display:block; text-align:center; text-decoration:none; color:#004a8d; border-radius:80px; border:2px solid #004a8d; font-weight:bold} /*********Arrows**********/ .rightArrow, .leftArrow{width:0px; height:0px; margin:0p; border: none; border-left:10px solid; padding:0px; cursor:pointer; display:block; border-top:7px solid transparent;border-bottom:7px solid transparent;} .leftArrow {border-right:10px solid; border-left:none; } .downArrow {width:0px; height:0px; margin:0p; border-bottom: none; border-top:10px solid red; padding:0px; cursor:pointer; display:inline-block; border-right:7px solid transparent;border-left:7px solid transparent; line-height:0px} .upArrow {width:0px; height:0px; margin:0p; border: none; border-bottom:10px solid; padding:0px; cursor:pointer; display:inline-block; border-right:7px solid transparent;border-left:7px solid transparent;} .rightArrowSmall{width:0px; height:0px; margin:0p; border: none; border-left:7px solid #004a8d; padding:0px; cursor:pointer; display:block; border-top:5px solid transparent;border-bottom:5px solid transparent;} .arrow-down{ position: absolute; width: 0; height: 0; padding-top:6px; z-index: 1; } .arrow-down:before{ position: absolute; content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 12px solid #ffffff; z-index: 1; margin-top:-1px; display: block; } .arrow-down:after{ content: ""; position: absolute; display: block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 13px solid #b9b9cf; z-index: -1; } .arrow-left{ position: absolute; width: 0; height: 0; z-index: 1; padding-bottom:5px } .arrow-left:before{ position: absolute; content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 12px solid #ffffff; z-index: 3; margin-left:2px; display: block; } .arrow-left:after{ content: ""; position: absolute; display: block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 13px solid #cccccc; z-index: -1; } .arrow-right{ position: absolute; width: 0; height: 0; z-index: 1; padding-bottom:5px } .arrow-right:before{ position: absolute; content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 12px solid #ffffff; z-index: 3; margin-left:-1px; display: block; } .arrow-right:after{ content: ""; position: absolute; display: block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 13px solid #cccccc; z-index: -1; } /*********general**********/ .left {float:left} .right {float:right} .hide { display:none} .bold { font-weight:bold} .italic { font-style:italic} .alignRight { text-align:right} .alignCenter { text-align:center} .alignLeft{ text-align:left} .wrapper {width:100%; height:auto; overflow:hidden;} .center { margin-right:auto; margin-left:auto; text-align:center} .clear{clear: both;overflow: hidden;height: 0} .width100 {width:100%} input[type="radio"] { width:15px; height:15px; border-radius:1em; float:left; background-color:transparent; border:none; margin:0px; padding:0px; margin-top:3px;} a.link{color:#132977; font-weight:normal; font-size:11px} /*********** Footer *************/ .footerWrapper { width:988px; height:auto; overflow:hidden; margin:0px auto; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; background-color:#ededed; border-bottom:3px solid #00664f; /*padding-bottom:10px*/} .upper0footer0bg{ width:auto; /*height:70px;*/ overflow:hidden; text-align:center; margin-left:auto; margin-right:auto; background-position: 0px 15px;} table.upper0footer0bg {background:none;background-repeat:repeat-x; margin:10px auto } table.upper0footer0bg td{color:#666666; font-size:11px} .footerContent{text-align:center;color:#042144;font-size:11px; height:auto; text-align:center; /*padding-top:20px;*/ } .footerContentImg {margin-top:10px; margin-bottom:5px} .footerContent ul{list-style:none; width:auto; height:auto; overflow:hidden ; margin:0px auto; float:none; margin-top:15px; padding:0px; margin-bottom:15px} .footerContent ul li{ float:left; margin:0px 0px 0px 10px; border-right:1px solid #666666; padding-right:10px; } .footerContent ul li a{ float:left ; text-decoration:underline; color:#132977} .footerContent ul li a:hover{ color:#004a8d;} .footerContent ul li.lastItem {border-right:none} .BackLink { font-weight:bold; line-height:30px} /**********ICONS****************/ .Listening{ background-image:url('../homepage/slider/listening_icon.png');} .visited .Listening{ background-image:url('../homepage/slider/listening_icon_vis.png');} .done .Listening{ background-image:url('../homepage/slider/listening_icon_done.png');} .Grammar{ background-image:url('../homepage/slider/grammar_icon.png');} .visited .Grammar{ background-image:url('../homepage/slider/grammar_icon_vis.png');} .done .Grammar{ background-image:url('../homepage/slider/grammar_icon_done.png');} .Speaking{ background-image:url('../homepage/slider/speaking_icon.png');} .visited .Speaking{ background-image:url('../homepage/slider/speaking_icon_vis.png');} .done .Speaking{ background-image:url('../homepage/slider/speaking_icon_done.png');} .Reading { background-image:url('../homepage/slider/reading_icon.png');} .visited .Reading{ background-image:url('../homepage/slider/reading_icon_vis.png');} .done .Reading{ background-image:url('../homepage/slider/reading_icon_done.png');} .TOEIC{ background-image:url('../homepage/slider/gtk_icon.png');} .visited .TOEIC{ background-image:url('../homepage/slider/gtk_icon_vis.png');} .done .TOEIC{ background-image:url('../homepage/slider/gtk_icon_done.png');} .Test{ background-image:url('../homepage/slider/test_icon.png');} ul.chooseLevelUl li div.Test{height:28px !important;} td a.Test{ background-image:url('../homepage/slider/test_icon.png'); height:28px !important; background-position:2px 50% !important;} .visited .Test, td.visited .Test{ background-image:url('../homepage/slider/test_icon_vis.png');} .done .Test, td.done .Test{ background-image:url('../homepage/slider/test_icon_done.png'); background-position:0px 50% !important;} /*----------------------Log In styles---------------------------------------------------*/ .loginWrapper{width: 990px; height:705px; margin: 0px auto; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf;} .loginWrapper .generalWrapper{overflow: visible; border: none;} .loginWrapper .footerWrapper{position:relative; top: -421px; border-left: none; border-right: none;} .mainContent{background-color:#ffffff; width:990px; height:auto; overflow:hidden; min-height:450px; margin-left:auto; margin-right:auto;} /* for Internet Explorer */* html .mainContent {height:450px;}/**/ .mainContent table{font-size:12px;} .login{ font-size:13px; color:#000000; text-align:left;border:solid 1px #00664f; width:55%; height:auto; overflow:hidden; margin:70px auto 0px; padding:15px 20px 10px 20px;background-color:#fbf8f8; border-radius: 5px;-moz-box-shadow:0px 0px 25px 0px #c8c6c6; ;-webkit-box-shadow:0px 0px 25px 0px #c8c6c6; ;box-shadow:0px 0px 15px 0px #c8c6c6; background-image:url('../login/Login_bg.gif'); background-position:bottom center; background-repeat:repeat-x } .loginContent, .cantAccess {width:100%; height:auto; overflow:hidden} .loginDiv { width:80%; height:auto; overflow:hidden; text-align:center; font-size:13px; color:#000000; padding:0px;margin:0px auto; margin-bottom:15px} .login form.passwordForm {text-align:left; width:100%;height:auto; overflow:hidden; padding:0px; margin:0px auto; margin-bottom:20px} .login .loginTd {width:25%; height:auto; overflow:hidden; font-size:13px; color:#000000; text-align:left;} .login .loginTd div {width:auto; height:auto; overflow:hidden;text-align:right;line-height:26px; padding-right:5px} .login input[type="text"], .login input[type="password"]{width:auto; min-width:300px;border:1px solid #042144;padding:2px; margin:0px; height:20px; line-height:20px /*; margin-left:10px*/; font-family:Verdana; color:#004a8d} .login input[type="radio"] { width:15px; height:15px; border-radius:1em; float:left; background-color:transparent; border:none; margin:0px; padding:0px; margin-top:3px; margin-right:5px} .login .loginLinks { color:#132977; text-decoration:underline; line-height:20px; width:auto; height:auto; overflow:hidden;} .login .loginLinks a{color:#132977; font-weight:normal; font-size:11px} /* .loginDiv { width:100%;} .login .loginTd {width:38%;} .login .right { float:left}*/ .login .cantAccess .loginLinks { margin-bottom:15px} .login .cantAccess .loginLinks label{color:#132977; text-align:left; float:left; display:block; text-decoration:underline} .login h2{ font-size:15px; color:#00664f; padding-bottom:5px; border-bottom:1px solid #00664f; margin-bottom:40px} .login .cantAccessContent .instructions{font-size:11px; color:#042144; text-align:left; width:80%;height:auto; overflow:hidden; padding:0px; margin:0px auto; margin-bottom:10px; } .login .cantAccessContent .loginTd { width:auto; line-height:25px; margin-right:7px} .login .cantAccess .loginDiv .loginLinks { margin-left:7px} .loginLinksHand { cursor:hand; text-align:right; color:#5e99d9; text-decoration:underline; line-height:20px; } .login .submitBT {width:auto; padding:0px 15px;} .login .StartBtnWrapper {height:44px; margin-bottom:15px; padding-top: 2px;} /* applet buttons */ .appletManagerWrapper{overflow:hidden;width:auto; height:auto; margin:0px auto; padding:0px} .AppletBtnLink { COLOR: #555555; TEXT-DECORATION: none; } .AppletBtnLinkR { COLOR: #ff6600; TEXT-DECORATION: none; } .AppletBtnLinkD { COLOR: #cccccc; TEXT-DECORATION: none; } .AppletBtnLinkPR { COLOR: #ff6600; TEXT-DECORATION: none; } .AppletBtnLines { background: #cccccc; } .MarketingTextBig { padding-left: 5px; text-decoration: none; padding-top: 5px; } .courseunderline { background: #81bcc8; } /*Toeic Homepage 28.5.2012*/ .generalWrapper, .homepageWrapper{ width:988px; height:auto; overflow:hidden; margin:0px auto; padding:0px;border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf } .homepageWrapper {} /*header*/ .topAreaWrapper {width:100%; height:96px; text-align:center} .generalWrapper .topAreaWrapper{position:absolute; z-index:2; left:0; top:0} .topAreaWrapper .headerWrapper{width:990px; height:28px; background-color:#044933; margin:0px auto; } .topAreaWrapper .logoWrapper { /*width:100%;*/ width:auto; height:66px; overflow:hidden; text-align:left; /*position:absolute; z-index:5000; left:0;*/} .topAreaWrapper .logo { /*width:990px; */ width:auto; margin:0px auto; height:auto; overflow:hidden; text-align:left; padding:0px; margin-top:12px} .topAreaWrapper .logo img{width:auto; height:auto; overflow:hidden; vertical-align:middle; margin-left:15px} .topAreaWrapper .banner { width:990px; margin:0px auto; height:66px; background-image:url('../banner.jpg'); background-repeat:no-repeat; background-position:right 50%; background-color:#00664f; text-align:left} .topAreaWrapper .banner h1{ width:auto; height:66px; line-height:66px; color:#ffffff; font-family:Verdana; /* font-style:italic;*/ font-size:22px;margin:0px; padding:0px; font-weight:normal; margin-left:20px} /*------nav bar------------*/ .topNavBar {width:990px;height:auto; margin:65px auto 0px; text-align:right;} #jsddm{ width:auto; /*height:150px;*/height:auto; text-align:left; list-style:none; padding:0px; float:right; margin:0px; margin-top:2px} #jsddm li{width:auto;height:auto; overflow:hidden; float:left; font-size:11px; line-height:16px; padding:0px; color:#d0d4e4; list-style-type: none; list-style-position:outside; list-style-image:none; display:inline-block } #jsddm li a span.navMenuLiWrapper {width:auto; height:auto; display:block; position:relative; cursor:pointer; white-space:nowrap} #jsddm li a{width:auto; height:auto; display:inline-block;color:#d0d4e4; text-decoration:none; float:none; padding:5px 12px; border-right:1px solid #7aa099; cursor:pointer} #jsddm li a span.downArrow{display:none;} #jsddm li a:hover{color:#ffffff; background-color:#26659e} #jsddm li a.active, #jsddm li a.active:hover{color:#ffffff; background-color:transparent; cursor:default} #jsddm li a span.navMenuLiText {width:auto; height:auto; font-weight:bold; float:left; white-space:nowrap; cursor:pointer; display:inline-block} #jsddm li a.active span.navMenuLiText {cursor: default; } #jsddm li.disable{cursor:default} #jsddm li.disable a {color:#ffffff;cursor:default} #jsddm li.disable a span.downArrow{display:none; cursor:default;} #jsddm li.disable a span.navMenuLiText {cursor:default;} #jsddm li.disable a:hover{color:#ffffff; background-color: Transparent} #jsddm li a.openMenuLink{cursor:pointer; padding: 5px 7px 5px 7px} #jsddm li a.openMenuLink span.navMenuLiText {padding-right:3px;} #jsddm li a.openMenuLink span.downArrow { display:block; border-top:5px solid; border-right:4px solid transparent; border-left:4px solid transparent; position:relative; left:0px; top:6px; float:left; border-bottom:none} #jsddm li a.openMenuLink.active{color:#006495; background-color:#ffffff;} #jsddm li ul{ width:auto; max-width:200px; max-height:120px; overflow:hidden; overflow-y:auto; float:right; position:absolute; margin: 0px;padding: 0px;background-color:#ffffff; visibility: hidden; border:1px solid #004a8d; border-top: 1px solid #ffffff; border-bottom-width:2px; margin-left:-1px; margin-top:-4px; z-index:2} #jsddm li ul li{ float: none; display: inline; color:#435594; display:block;} #jsddm li ul li a{width:auto; border: none; margin:0px; display:block; font-size:12px; color:#010157; padding: 5px 7px; border-top:1px dashed #bfbfbf;} *+html #jsddm li ul li a{width:100%;}/*IE-7 ONLY*/ #jsddm li ul li div{width:auto; border: none; margin:0px; display:block; font-size:11px; color:#435594; padding: 5px 7px;} #jsddm li ul li div .highlighted { color:#010157;} #jsddm li ul li a:hover { } #jsddm li ul.langSelection { /*overflow-y:scroll*/overflow-y:auto} #jsddm li ul.langSelection li{ margin-bottom:2px } #jsddm li ul.langSelection li a{color:#435594; padding:1px 7px; font-size:11px; padding-right:35px; border-top:none;} #jsddm li ul.langSelection li a:hover{color:#ffffff} .homepageMainContentWrapper, .componentsWrapper{width:860px; height:auto; overflow:hidden; padding:0px; /*min-width:970px*/ margin:0px;} .homepageMainContentWrapper h4{text-align:left;width:auto; height:auto; overflow:hidden; color:#132977; font-size:11px; margin:0px; padding:0px; margin-bottom:5px} .topContentArea{width:100%; height:auto; overflow:hidden; margin:0px auto; float:left; position:relative; z-index:10; left:0; top:0; } /*task area*/ .tasksArea {width:850px; height:auto; overflow:hidden; float:left;padding:0px; margin:15px 0px 25px;} .tabsWrapper {height:auto; width:95%; margin:0px auto; border-bottom:1px solid #dddddd; z-index:5; border-width:3px; -webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(rgba(0, 0, 0, 0))) 1 100%; -webkit-border-image: -webkit-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%; -o-border-image: -o-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%; -moz-border-image: -moz-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%; } .tabsWrapper ul { float:left; height:auto; width:auto; margin:0px; list-style:none; padding:0px; overflow:hidden;/*-webkit-box-shadow: inset 0px -10px 10px 0px rgba(255, 255, 255, 0.3); box-shadow: inset 0px -10px 10px 0px rgba(255, 255, 255, 0.3); */ } .tabsWrapper ul li{ float:left; margin:0px; margin-right:1px; background-color:#dddddd; border-top:2px solid #ffffff; height:26px; line-height:26px; width:auto } .tabsWrapper ul li:hover { background-color:#d9e4ef;/* border-top:2px solid #8ac6b1;*/} .tabsWrapper ul li.pressed{border-top:3px solid #3c79bc; background-color:#ffffff; /*-webkit-box-shadow: inset 0px 10px 10px 0px rgba(197, 246, 222, 0.6);box-shadow: inset 0px 10px 10px 0px rgba(197, 246, 222, 0.6);*/ } .tabsWrapper ul li a{ width:auto; height:100%; text-decoration:none; color:#ffffff; padding:0px 25px; display:block; font-size:13px; font-weight:normal ; border-right:1px solid #dddddd; border-left:1px solid #dddddd; cursor:pointer} .tabsWrapper ul li.pressed a{ color:#010157} .tabsWrapper ul li:hover a {height:26px; color:#004a8e} .tasksArea .tabsWrapper {height:32px; width:810px; margin:5px auto; border:none; border-bottom:1px solid #ab3827; background-color: transparent; } .tasksArea .tabsWrapper ul { margin-left:25px} .tasksArea .tabsWrapper ul li {margin-right:6px; border:1px solid #cfdded; border-bottom:none; height:31px; line-height:31px; background-color:#f7fbfe; border-radius:5px 5px 0px 0px } .tasksArea .tabsWrapper ul li a{border:none;color:#2f4388; font-weight:normal ; border-radius:5px 5px 0px 0px} .tasksArea .tabsWrapper ul li:hover {border-color:#a6bcd5; background-image:url('../homepage/module_over.gif'); background-position:top; background-repeat:repeat-x;} .tasksArea .tabsWrapper ul li:hover a{color:#273a7c} .tasksArea .tabsWrapper ul li.pressed, .tasksArea .tabsWrapper ul li.pressed:hover{border:1px solid #ab3827; border-radius:5px 5px 0px 0px ; height:32px; border-bottom:none; background-image:url('../homepage/module_active.gif'); background-position:top; background-repeat:repeat-x; background-color:#ffffff} .tasksArea .tabsWrapper ul li.pressed a, .tasksArea .tabsWrapper ul li.pressed:hover a{color:#132977; font-weight:bold} .tasksArea .tabsWrapper ul li.notPurchased{border-top-color:#d3d2d2; background-color:#e9e8e8; } .tasksArea .tabsWrapper ul li.notPurchased:hover{border-top-color:#d3d2d2; background-color:#e2e2e2; } .tasksArea .tabsWrapper ul li.notPurchased a{color:#b0aeae} .tasksArea .tabsWrapper ul li.notPurchased a:hover{ color:#aaaaaa} /*module graphs*/ .moduleContent {height:auto; overflow:hidden; width:100%; vertical-align:middle; min-height:480px} /*.tasksArea .moduleContent img{ margin-top:20px; border-bottom:3px solid #00664f; padding-bottom:100px}*/ .moduleContent .moduleDetails {height:auto; width:755px; margin:0px auto; overflow:hidden; padding:0px; min-height:100px } .moduleContent .timeInvested { text-align:left; float:left ;width:180px; height:45px; background-repeat:no-repeat; background-position:left top; padding-left:46px; margin-left:2px; background-image:url('../homepage/timeHeader.png'); margin-right:30px; margin-top:25px} .moduleContent .moduleDetails .testScoreAvg {float:left ;width:auto; height:45px; background-repeat:no-repeat; background-position:left top; padding-left:63px; margin-left:2px; margin-bottom:7px; background-image:url('../homepage/testAvgHeader.png'); margin-right:20px; margin-top:25px} .moduleContent .timeInvested table{width:auto; height:auto; overflow:hidden; margin:0px; padding:0px; margin-top:1px} .moduleContent .timeInvested table th{width:auto; height:auto; overflow:hidden; margin:0px; padding:0px; font-size:10px; color:#4b4a4a; vertical-align:bottom; padding-right:10px; line-height:normal; text-indent:0px} .moduleContent .timeInvested table td{width:auto; height:auto; overflow:hidden; margin:0px; padding:0px; font-size:12px; color:#4b4a4a; font-weight:bold; vertical-align:bottom; line-height:normal; text-indent:0px} .timeInvestTooltip { font-size:11px; color:#4b4a4a}/*time invested tooltip*/ .graphBar { width:100%; background-color:#cac8c8; height:12px; margin:0px; padding:0px; float:left; margin-top:0px; border-radius:6px} .graphBlock{ height:8px; margin:0px; padding: 0px; float:left; text-align:right; font-size:10px; background-color:#57a1d5; border-radius:6px; border:2px solid #cac8c8; max-width:98%} .graphScore{width:auto; height:auto; /*overflow:hidden;*/ color:#808081; position:relative; z-index:50; top:-12px;left:0;} .graphRange{ width:auto; height:auto; font-size:10px; color:#b0aeae; margin:0px 6px; padding:0px; font-weight:bold; float:right } .graphScoreCircle {color:#010157; float:right; font-size:10px;font-weight:bold; -webkit-border-radius: 20px;border-radius:20px; background-color:#ffffff; border:2px solid #57a1d5; text-align:center; line-height:20px;width:20px; height:20px;} .tasksArea .moduleContent .moduleDetails div .testScoreAvgGraph {height:30px; width:200px; margin:0px; margin-top:5px; padding:0px; vertical-align:top;/* margin-top:10px;*/ float:left; margin-left:12px} .tasksArea .moduleContent .moduleDetails div .testScoreAvgGraph .graphBar{} .testScoreAvg .graphScore {top:-18px; left:2px } .testScoreAvg .graphRange {height:20px; line-height:20px;} .myProgressTab{width:auto; height:30px; float:right; margin:0px; padding:0px; border:1px solid #bcd5f2; border-radius:5px; margin-top:35px;background-color:#75b8f3 } .myProgressTab a {width:auto; height:auto; overflow:hidden;background-image:url('../homepage/tools/progressBT_icon.gif');cursor:pointer; text-decoration:none; padding:0px 8px; margin:0px; display:block; background-position:6px 0px; background-repeat:no-repeat; padding-left:35px; line-height:30px ; } .myProgressTab:hover { /*background-color:#004a8d*/background-color:#4896da; } .myProgressTab a span { width:auto; height:auto; float:left; font-size:12px; color:#04185f; min-width:13px} .myProgressTab a:hover span{color:#000d3a} .myProgressTab a span.right{background-image:url('../homepage/HPtestArrow.png'); background-repeat:no-repeat; background-position:95% 50%; float:right; padding-left:7px} /*unit content*/ .tasksArea .unitsWrapper {height:348px; overflow:hidden; width:840px; margin:13px auto 15px auto;padding:0px; padding-bottom:8px; background-image:url('../homepage/mainBoxShade.png'); background-position:bottom center; background-repeat:no-repeat} .tasksArea .unitsWrapper .unitsArrowBt {width:40px; height:auto; margin-top:150px; float:left;} .tasksArea .unitsWrapper .unitsArrowBt a { cursor:pointer; display:block;width:40px; height:77px; background-repeat:no-repeat;} .tasksArea .unitsWrapper .left {} .tasksArea .unitsWrapper .left a.arrow-left {background-image:url('../homepage/slider/slider_leftArrow.png');} .tasksArea .unitsWrapper .left a.arrow-left:before, .tasksArea .unitsWrapper .left a.arrow-left:after, .tasksArea .unitsWrapper .right a.arrow-right:before, .tasksArea .unitsWrapper .right a.arrow-right:after {border:none;} .tasksArea .unitsWrapper .unitsArrowBt:hover a.arrow-left {background-image:url('../homepage/slider/slider_leftArrow_over.png');} .tasksArea .unitsWrapper .right {border:none} .tasksArea .unitsWrapper .right a.arrow-right{background-image:url('../homepage/slider/slider_rightArrow.png');} .tasksArea .unitsWrapper .unitsArrowBt:hover a.arrow-right {background-image:url('../homepage/slider/slider_rightArrow_over.png');} .tasksArea .unitsWrapper .UnitSliderWrapper {width:755px; height:300px; margin:0px; float:left;/* -webkit-box-shadow: inset 0px 0px 1px 1px rgba(100, 100, 100, 0.3);box-shadow: inset 0px 0px 1px 1px rgba(150, 150, 150, 0.3);*/ } /*unit number*/ .tasksArea .unitsWrapper .chooseUnitSlider { width:100%; height:165px; overflow:hidden; background-color:#ffffff; /*border-bottom:#4d82bd 1px solid;*/ height:auto} .tasksArea .unitsWrapper .chooseUnitSlider:hover{ /*background-color:#c4ddf9;*/ } .chooseUnitSlider .unitInfoWrapper {width:100%; height:100%; float:left; /*-webkit-box-shadow: inset 0px -8px 8px 0px rgba(189, 189, 189, 0.3);box-shadow: inset 0px -8px 8px 0px rgba(189, 189, 189, 0.3); */} .chooseUnitSlider .unitInfoWrapper .unitNumber{float:left; width:40px; margin:0px 10px; text-align:center; color:#ffffff; height:80px; position: absolute; z-index: 1000; /*cursor:pointer;*/ top:-8px} .chooseUnitSlider .unitInfoWrapper .unitNumber .topRibbonPiece {width:40px; height:32px; line-height:40px;background-color: #004a8d; font-size: 11px;padding:0px; margin:0px; text-align:center; margin-bottom:1px } .chooseUnitSlider .unitInfoWrapper .unitNumber .bottomRibbonPiece {font-size:25px; font-weight:bold; background-color: #004a8d;width:40px; height:auto; position: relative; margin:0px auto; padding:0px; padding-top:5px } .chooseUnitSlider .unitInfoWrapper .unitNumber .bottomRibbonPiece:after{content: "";position: absolute;display: block;border: 20px solid #004a8d; z-index: -1; border-top-width:4px; border-bottom: 10px solid transparent; } *+html .chooseUnitSlider .unitInfoWrapper .unitNumber .bottomRibbonPiece { padding-bottom:15px}/*IE-7 ONLY*/ /*single unit*/ .chooseUnitSlider .unitInfoWrapper .unitTitleWrapper {width:100%;/*height:auto; overflow:hidden;*/ height:100px;text-align:left; background-image:url('../homepage/slider/slider_tit_bg.gif'); background-position:bottom center; background-repeat:repeat-x; /*border-top:7px solid #ab3827*/} .chooseUnitSlider:hover .unitInfoWrapper .unitTitleWrapper{ /*background-color:#c4ddf9; background-image:none*/} .chooseUnitSlider .unitInfoWrapper .unitTitleWrapper .unitName{ width:auto; height:30px; text-align:left; margin-top:25px; float:left; margin-left:60px} .chooseUnitSlider .unitInfoWrapper .unitTitleWrapper .unitName a{ color:#004b8e; /*font-weight:bold*/ text-decoration:none; cursor:pointer; font-size:25px} .chooseUnitSlider .unitInfoWrapper .unitTitleWrapper .unitName a:hover{color:#000d3a; text-decoration:underline;} /*levels*/ .chooseLevel, .chooseLevel2{ width:auto; height:auto; padding-top:16px; background-color:#dcecfd;border-bottom:1px solid #4d82bd;} .tasksArea .unitsWrapper .chooseUnitSlider:hover .chooseLevel, .tasksArea .unitsWrapper .chooseUnitSlider:hover .chooseLevel2{border-bottom:1px solid #235893; /*background-color:#c4ddf9*/} ul.chooseLevelUl{ width:auto; height:36px; margin:0px; list-style:none; padding:0px ; margin-left:10px; } ul.chooseLevelUl li{ width:auto; height:31px; float:left;border:1px solid transparent; border-bottom:none/*border-bottom-color:#ffffff;*/ vertical-align:bottom; text-align:left; margin:0px; padding:0px 1px; padding-top:6px;/* margin-right:9px;*/margin-right:6px; margin-top:-2px; cursor:pointer } ul.chooseLevelUl li.pressed, ul.chooseLevelUl li.pressed:hover{ background-color:#ffffff; border:1px solid #4d82bd; border-bottom-color:#ffffff; -webkit-border-radius: 8px 8px 0px 0px;border-radius: 8px 8px 0px 0px;} ul.chooseLevelUl li:hover{ background-color:#eaf4fe; border:1px solid #bbd4f0;border-bottom:none; -webkit-border-radius: 8px 8px 0px 0px;border-radius: 8px 8px 0px 0px; } ul.chooseLevelUl li a{ width:auto;/*min-width:33px;*/ min-width:33px; max-width:165px; height:34px; display:block; margin:0px; padding:0px; text-decoration:none;} ul.chooseLevelUl li div.skillIcon{width:auto; height:26px; background-repeat:no-repeat; margin:0px; padding:0px;background-position:50% 50%;min-width:31px; float:left} ul.chooseLevelUl li a div.skillName, ul.chooseLevelUl li a div.skillName:hover{ display:none; /*float:left;*/ visibility:hidden; font-size:11px; color:#235c8d; font-weight:bold; background-color:#ffffff !important; width:auto; max-width:120px; height:auto; overflow:hidden; /*line-height:19px;*/ line-height:normal; margin-right:4px;/* padding-top:6px*/} ul.chooseLevelUl li.pressed a div.skillName, ul.chooseLevelUl li.pressed:hover a div.skillName{width:auto; display: inline-block;visibility:visible; background-color:#ffffff !important;} /**********************/ /*info button*/ /*.tasksArea .unitsWrapper .chooseUnitSlider .unitInfoWrapper .unitInfoButton { width:53px; height:56px; float:right; position:relative; z-index:20; right:-1px; top:-8px; } .tasksArea .unitsWrapper .chooseUnitSlider .active .unitInfoButton, .tasksArea .unitsWrapper .chooseUnitSlider .unitInfoWrapper:hover .unitInfoButton{} .tasksArea .unitsWrapper .chooseUnitSlider .unitInfoWrapper .unitInfoButton a{ width:auto; height:56px; display:block; text-align:center; text-decoration:none; background-image:url('../homepage/slider/info_icon.png'); background-position:top right; background-repeat:no-repeat} .tasksArea .unitsWrapper .chooseUnitSlider .active .unitInfoButton a:active, .tasksArea .unitsWrapper .chooseUnitSlider .unitInfoWrapper .unitInfoButton a:hover {background-image:url('../homepage/slider/info_icon_over.png');} */ .chooseUnitSlider .unitInfoWrapper .unitInfoButton {/*display:none; */width:auto; height:19px; float:left; margin-top:32px; margin-left:12px; border-bottom-width:2px} .chooseUnitSlider:focus .unitInfoWrapper .unitInfoButton, .chooseUnitSlider:hover .unitInfoWrapper .unitInfoButton{ display:block} .chooseUnitSlider .unitInfoWrapper .unitInfoButton a{ width:auto; height:19px; display:block; text-align:left; text-decoration:none; background-image:url('../homepage/slider/info_icon.gif'); background-position:5px 1px; background-repeat:no-repeat; font-size:70%; padding:0px 10px; color:#010157; line-height:19px;background-color:#c4ddf9; border:1px solid #c4ddf9; border-radius:2px; padding-left:20px} .chooseUnitSlider .unitInfoWrapper .unitInfoButton a:hover {border:1px solid #004a8d; background-color:#004a8d; color:#ffffff; background-image:url('../homepage/slider/info_icon_over.gif');} /**/ .tasksArea .lessonWrapper {/*height:230px;*/ height:170px;width:auto; margin:0px; padding:0px; /*border-right:1px solid #dddddd; border-left:1px solid #dddddd;*/ ;-webkit-box-shadow: inset 0px 0px 8px 2px rgba(201, 199, 199, .8);box-shadow: inset 0px 0px 8px 2px rgba(201, 199, 199, .8); } .tasksArea .lessonWrapper .lessonDetails1,.tasksArea .lessonWrapper .lessonDetails2 {width:100%; height:auto;/*overflow:hidden;*/ text-align:center;} .tasksArea .lessonWrapper .lessonDetails1 .lessonTitle, .tasksArea .lessonWrapper .lessonDetails2 .lessonTitle { width:auto; height:auto; overflow:hidden; padding-top:15px; } .tooltipWrapper { width:auto; height:auto; overflow:hidden; z-index:100; position:absolute;margin:10px; margin-top:-8px; float:left; } .tooltipSlider{color:#004a8d; margin:0px; width:auto; height:auto; overflow:hidden; padding:10px; text-align:right; float:none; border:1px solid; background-color:#ffffff; padding-left:5px } .tooltipTailWrapper {width:auto; height:auto; margin:0px; padding:0px; margin-top:-7px; text-align:left; padding-left:22px} .tooltipTail, .graphTooltipTail {width:auto; height:0px; margin:0px; border: none; border-top:10px solid #004a8d; padding:0px; display:inline-block; border-right:7px solid transparent;border-left:7px solid transparent; line-height:0px; } .tooltipTail .downArrow {border-top:10px solid red; margin-top:-10px; display:inline-block;} .tooltipGraph {margin:0px; width:auto; height:auto; overflow:hidden; padding:10px; text-align:right; float:none; border:1px solid #78a8da; background-color:#ffffff; } .graphTooltipTail{border-top:10px solid #78a8da} /*componentIcon*/ .componentIcon {float:left; width:auto; height:auto; overflow:hidden; margin:0px; padding:0px; margin-right:0px} .tasksArea .lessonWrapper .lessonDetails1 .componentIcon { margin-left:4px; width:47px;} .tasksArea .lessonWrapper .lessonDetails2 .componentIcon { margin-left:4px; width:47px;} .componentIcon div { width:44px; height:47px; background-repeat:no-repeat; background-position:0px 0px} .tasksArea .componentIcon div.Reading {background-image:url('../homepage/readingLargeIcon.gif');} .tasksArea .componentIcon div.Listening {background-image:url('../homepage/listeningLargeIcon.gif');} .tasksArea .componentIcon div.Grammar {background-image:url('../homepage/grammarLargeIcon.gif');} .tasksArea .componentIcon div.TOEIC, .tasksArea .componentIcon div.toeic{background-image:url('../homepage/toeicLargeIcon.gif');} .tasksArea .componentIcon div.Speaking {background-image:url('../homepage/speakingLargeIcon.gif');} .tasksArea .componentIcon div.test, .tasksArea .componentIcon div.Test {background-image:url('../homepage/testLargeIcon.gif'); width:47px } .componentIcon div.Reading {background-image:url('../content/readingPractice_icon.png');} .componentIcon div.Listening {background-image:url('../content/listeningPractice_icon.png');} .componentIcon div.Grammar {background-image:url('../content/GrammarPractice_icon.png');} .componentIcon div.TOEIC, .componentIcon div.Gettingtoknow {background-image:url('../content/gtkPractice_icon.png');} .componentIcon div.Speaking {background-image:url('../content/speakingPractice_icon.png');} .componentIcon div.Test {background-image:url('../homepage/testLargeIcon.png'); width:35px;} tasksArea .lessonWrapper .componentIcon div.Test {background-image:url('../homepage/testLargeIcon.png'); width:47px;} .lessonInfo {height:auto; overflow:hidden; margin:0px; padding:0px; text-align:left; float:left; }/*for the tooltip*/ .tasksArea .lessonWrapper .lessonDetails .lessonInfo { width:455px; float:left; max-width: 455px}/*for the slider information*/ .tasksArea .lessonWrapper .lessonDetails1 .lessonInfo {margin-top:5px} .tasksArea .lessonWrapper .lessonDetails2 .lessonInfo {margin-top:5px} .lessonType {width:auto; height:auto; overflow:hidden; color:#004a8e; font-size:11px;padding:0px; margin-bottom:0px; margin-left:3px; } .lessonTitle .lessonPath {width:100%; border:none }/*for the slider information*/ .lessonPath {width:auto; height:auto; overflow:hidden; color:#004a8e; } .lessonPath span{ float:left; margin-left:3px; font-size:11px;}/*for the tooltip*/ .tasksArea .lessonWrapper .lessonDetails1 .lessonInfo .lessonPath span, .tasksArea .lessonWrapper .lessonDetails2 .lessonInfo .lessonPath span{margin-left:5px; font-size:12px;} .lessonPath span.unitName{ /*border-right:1px solid #435594; padding-right:5px;*/ } .lessonPath span h2{ font-size:11px;/*for the tooltip*/ float:left; clear:left; margin:0px; padding:0px; font-weight:normal; background-image:url('../homepage/slider/arrowUnitName.gif'); background-repeat:no-repeat; background-position:right; padding-right:12px; margin-left:1px } .tasksArea .lessonWrapper .lessonDetails1 .lessonInfo .lessonPath span h2{font-size:12px;}/*for the slider information*/ .lessonPath span.lessonNumber{color:#010157; } .lessonInfo .lessonName {width:auto; color:#004a8d; height:auto; overflow:hidden; margin:0px; } .lessonInfo .lessonName h3 {width:auto; height:auto; overflow:hidden; font-size:13px; float:left; clear:left; margin:0px; padding:0px; margin-left:3px; min-height:20px} .tasksArea .lessonWrapper .lessonDetails1 .lessonInfo .lessonName {margin-bottom:0px; width:100%; }/*for the slider information*/ .tasksArea .lessonWrapper .lessonDetails1 .lessonInfo .lessonName h3 {font-size:17px; height:50px; } .lessonProgressWrapper {width:100%; height:auto; margin-top:25px; text-align:center; float:none; } .lessonProgress {width:430px; height:60px; margin:0px auto; float:none; text-align:center; display:none} .lessonProgress div {width:auto; height:auto; overflow:hidden; float:left;} .lessonProgress div a{ font-size:12px; width:138px; height:20px; text-align:center; line-height:20px; display:block; border:1px solid #3c79bc; color:#0d095d; padding:0px; cursor:pointer; margin-bottom:3px; margin-right:2px ; text-decoration:none} .lessonProgress div a:hover { background-color:#d9e4ef; border-color:#132977} .tasksArea .lessonWrapper .lessonDetails2 .lessonInfo .lessonName {margin-bottom:0px; width:100%; } .tasksArea .lessonWrapper .lessonDetails2 .lessonInfo .lessonName h3 {font-size:17px; height:50px;} /*.tasksArea .lessonWrapper .lessonDetails .lessonProgress div.done{ background-color:#00664f; color:#ffffff; border:1px solid #07433b;}*/ .unitImg{width:214px; height:auto; /*overflow:hidden;*/ position:absolute; top:0px; left:510px; margin:0px; padding:0px; z-index:10; text-align:right} .unitImg img{width:214px; height:142px; border:3px solid #ffffff; margin:0px; padding:0px;-webkit-box-shadow: 0px 3px 5px 1px rgba(1, 1, 1, 0.3);box-shadow: 0px 3px 5px 1px rgba(1, 1, 1, 0.3); } .StartBtnWrapper{width:100%; height:auto; overflow:hidden;margin:0px auto;} /*red BT***.StartBtn { width:150px;height:49px; text-align:center; margin:0px auto; padding:0px 55px; -webkit-border-radius:5px;border-radius:5px; border:1px solid #ffffff; background-image:url('../homepage/startBtnBg.gif'); background-repeat:repeat-x; cursor:pointer; background-position:top} .StartBtn:hover {background-image:none; background-color:#8e2212} */ .StartBtn {background-color:#0b2273; width:150px;height:49px; text-align:center; margin:0px auto; padding:0px; -webkit-border-radius:5px;border-radius:5px; border:1px solid #ffffff; background-image:url('../homepage/HPblue_bt.gif'); background-repeat:repeat-x; cursor:pointer; background-position:top; font-weight:normal} .StartBtn a{ width:100%; height:100%; display:block; margin:0px; padding:0px; color:#eeeeee; text-decoration:none; line-height:49px; text-align:center; font-size:19px; -webkit-border-radius:5px;border-radius:5px;} .StartBtn a:hover{background-image:none; background-color:#0a1e66; color:#ffffff;} .StartBtn a:visited { color:#ffffff} /*blue BT*/ .lessonWrapper .StartBtnWrapper { background-image:url('../homepage/homeBtShade.png'); background-position:bottom; background-repeat:no-repeat; padding-bottom:16px;} .lessonWrapper .StartBtn ,.login .StartBtn{width:255px; background-image:url('../homepage/HPblue_bt.gif'); padding:0px; background-position:50% } .lessonWrapper .StartBtn:hover, .login .StartBtn:hover {} .login .StartBtn{ height:39px;} .login .StartBtn a{line-height:39px} /*test BT*/ .testBtnWrapper {width:506px; height:auto; overflow:hidden;margin:0px; float:left; background-image:url('../homepage/homeBtShade.png'); background-position:bottom right; background-repeat:no-repeat; padding-bottom:16px;} .testBtnWrapper .StartBtn {margin:0px; float:right;} .startTestWrapper .left { width:auto; height:auto; overflow:hidden;} .startTestWrapper .left ul.viewResultsLink { margin-top:18px; margin-left:10px} .startTestWrapper .left ul.viewResultsLink li{ background-position:left} /*Pagination*/ ul.pagination { display:none} .unitPaging {height:25px; width:755px; margin:0px; padding:0px; background-color:#ab3827; line-height:25px; margin-left:40px} *+html .unitPaging {margin:0px auto}/*IE-7 ONLY*/ .unitPaging div {/*width:350px;*/width:320px; height:100%; margin:0px auto; padding:0px; text-align:center} .unitPaging span{height:100%; width:auto;font-size:12px; color:#ffffff; float:left; margin:0px; padding:0px; line-height:25px; margin-right:5px} .unitPaging ul{height:25px; width:auto; margin:0px auto; padding:0px;} .unitPaging ul li, ul.pagination li {height:auto; width:25px; float:left; list-style:none; overflow:hidden;margin:0px; margin-left:2px;/* margin-top:-1px;*/ text-align:center; padding:0px} .unitPaging ul li a, ul.pagination li a {height:auto; width:auto; color:#f7ebea; cursor:pointer; display:block; margin:0px;padding:0px; font-size:13px; overflow:hidden; text-decoration:none} .unitPaging ul li a:hover{background-color:#760303; color:#ffffff;} ul.pagination li.current a, .unitPaging ul li a.active{ background-color:#ffffff; background-image:url('../homepage/slider/unit_pager_tail.png'); background-position:bottom; background-repeat:no-repeat; padding-bottom:9px; color:#0d095d} .unitPaging ul li a.done{color:#219d7e} .unitPaging ul li a.done:hover{color:#035d46} .rightNav{width:120px; height:250px; float:right; margin-top:0px} .rightSideImgwrapper {width:120px; height:250px; /*top:250px; position:absolute; z-index:1*/} *+html .rightSideImgwrapper{margin-left:-60px}/*IE-7 ONLY*/ /*tools*/ .toolsLight { width:120px; height:auto; font-size:11px; overflow:hidden; margin:0px; background-color:#f0f7fe; margin-top:15px;/* position:absolute; z-index:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";*/ } *+html .toolsLight{margin-left:-60px}/*IE-7 ONLY*/ .toolsLightTitle {width:100%; height:24px; text-align:left; margin:0px;background-color:#c4ddf9;border-top:#004a8d solid 2px ; border-right:none } .toolsLightTitle h3 { width:auto; height:100%; line-height:24px; padding:0px; margin:0px; padding-left:8px; font-size:11px ; color:#132977; background-image:url('../homepage/tools/tools_icon.png'); background-repeat:no-repeat; background-position:95px 50%;} .toolsLightContent {border-left:1px solid #e4e4e4;} .toolsLight .opptionalTools{width:100%; /*height:294px;*/ text-align:center; /*position: relative; z-index:5; top:0px; right:0px;*/ } .toolsLight ul{ width:auto; height:auto; margin:0px auto; list-style:none; padding:0px; float:none; text-align:left;} .toolsLight ul li { height:auto; overflow:hidden; width:auto; /*min-height:45px*/} .toolsLight ul li a { border-top:dotted 1px #bdbdbd; cursor:pointer; font-size:11px;color:#0d095d; text-decoration:none;margin:0px; padding:10px 0px; width:auto; height:auto; display:block; background-position:3px 50%; background-repeat:no-repeat; padding-left:25px; line-height:20px } .toolsLight ul li a:hover{ background-color:#e3eef9; color:#060347; border-top: #aebed1 dotted 1px } .toolsLight .opptionalTools ul li a.GrammarBook {background-image:url('../homepage/tools/GrammarBook_icon.gif'); background-position:5px 50%;} .toolsLight .opptionalTools ul li a.myProgress {background-image:url('../homepage/tools/progress_icon.gif');} .toolsLight .opptionalTools ul li a.systemCheck {background-image:url('../homepage/tools/systemCheck_icon.gif');} .toolsLight .opptionalTools ul li a.guidedTour {background-image:url('../homepage/tools/gt_icon.gif'); background-position:2px 50%;} .toolsLight .closeToolsPanel, .toolsLight .openToolsPanel {width:auto; /*height:15px;*/ text-align:right; padding-right:6px ; border-bottom:#004a8d solid 2px ; border-top:solid 1px transparent; background-color:#e9e8e8 } .toolsLight .closeToolsPanel:hover, .toolsLight .openToolsPanel:hover{ background-color:#e2e3e6; } .toolsLight .closeToolsPanel { /*margin-top:167px;*/ } .toolsLight .closeToolsPanel a, .toolsLight .openToolsPanel a{font-size:10px; width:auto; height:15px; text-decoration:none; color:#0d095d; background-image:url('../homepage/tools/arrow_close.gif'); background-repeat:no-repeat; background-position:right 8px; display:block; padding-right:12px; line-height:15px; position:relative; text-decoration:underline; cursor:pointer;display:none;} .toolsLight .openToolsPanel a {background-image:url('../homepage/tools/arrow_open.png'); } .dictionaryWrapper {width:auto; height:auto;overflow:hidden; text-align:left; /* border-bottom:solid 1px #e2e3e6; */} .dictionaryWrapper:hover{ background-color:#e3eef9;border-color: #a0acb9; } .dictionaryWrapper h4{ font-size:11px; color:#0d095d; font-weight:normal; margin:12px 0px 8px; padding-left:24px; background-image:url('../homepage/tools/kdictionary_icon.gif'); background-repeat:no-repeat; background-position: 4px 50%} .dictionaryWrapper .dictionarySearch {width:auto; height:auto; overflow:hidden; margin-bottom:20px} .dictionaryWrapper input { width:81px; height:21px; line-height:21px; border:1px solid #bdbdbd; margin:0px; margin-left:8px; float:left; padding:0px 3px} .dictionaryWrapper .dictionaryBtn {width:17px; height:21px; border:1px solid #bdbdbd; float:left; border-left:none; background-color:#ffffff; cursor:pointer; } .dictionaryWrapper .dictionaryBtn .rightArrowSmall { margin-left:6px; margin-top:5px;} .dictionaryWrapper .dictionaryBtn:hover{background-color:#26659e} .dictionaryWrapper .dictionaryBtn:hover .rightArrowSmall {border-left-color:#ffffff;} /*****TEST AREA******/ .personalContent {width:755px; height:auto; overflow:hidden; margin:0px 0px 35px 45px; background-color:#ffffff; border-top:1px solid #176db8; /*border-bottom:1px solid #176db8;*/ text-align:left; padding-bottom:10px } *+html .personalContent {margin:0px auto 35px}/*IE-7 ONLY*/ .personalContent .left {width:420px; margin-left:8px} .personalContentTitle { width:auto; height:auto; overflow:hidden; margin:20px 0px 0px; padding:0;} .personalContentTitle ul {width:auto; height:auto; margin:0px; padding:0px; float:none; text-align:left; overflow:hidden;} .personalContentTitle ul li{height:auto;min-height:15px; overflow:hidden; width:auto; max-width:153px;list-style:none; float:left; /*border-radius:5px;*/ margin:0px; padding:0px; /*border:1px solid #a9b7c4;*/ cursor:pointer; margin-right:10px; border-bottom:#ffffff solid 3px} .personalContentTitle ul li.active, .personalContentTitle ul li:hover{/*background-color:#024c8d*/border-bottom-color:#024c8d} .personalContentTitle ul li h4{width:auto; height:auto;padding:0px 15px; margin:0px; display:block; color:#cac8c8 } .personalContentTitle ul li h4:hover, .personalContentTitle ul li.active h4{ color:#2f4388 } /*singleTest*/ .singleTest .personalContentTitle ul li{ max-width:100%; border-bottom:none; min-height:18px } .singleTest .personalContentTitle ul li.active, .singleTest .personalContentTitle ul li:hover {border-bottom:none} .singleTest .personalContentTitle ul li h4 { padding-left:0px; color:#132977} .cubesWrapper{width:230px; height:auto; overflow:hidden; margin:0px auto; padding:0px} .cubesWrapper .CubeTitle {width:auto; height:24px; overflow:hidden; margin:0px; background-color:#598dc6; background-repeat:no-repeat; background-position:right bottom; vertical-align:bottom} .cubesWrapper .CubeTitle h3{width:auto; height:24px; overflow:hidden; margin:0px; font-size:12px; color:#ffffff; line-height:24px; padding-left:8px; font-weight:normal} .left .CubeTitle {background-image:url('../homepage/timeHeader.png');} .right .CubeTitle {background-image:url('../homepage/testAvgHeader.png');} .cubesWrapper .CubeContent {width:auto; height:80px; overflow:hidden; margin:0px auto; border-bottom:3px solid #598dc6; text-align:center; vertical-align:middle} .TestScoreReportBoxWrapper{width:auto; height:auto; overflow:hidden; float:left; margin:0px ;} .testScoreReportBox {width:auto; max-width:465px; height:auto;overflow:hidden; margin:0px; background-color:#ffffff; border-top:1px dotted #a8b6c7; } *+html .testScoreReportBox {width:440px;}/*IE-7 ONLY*/ .testScoreReportBoxTitle h4{ margin:0px; padding:0px; font-size:11px; line-height:24px; margin-left:15px} .TestScoreReports {width:auto; height:auto;overflow:hidden; margin-top:10px } .TestScoreReports .readingScoreReportWrapper, .TestScoreReports .listeningScoreReportWrapper{ height:auto; overflow:hidden } .TestScoreReports h5 {/*width:90px; float:left; padding-left:36px;*/width:auto; color:#666565;padding:0px; margin:0px; margin-left:0px; background-repeat:no-repeat; height:36px; line-height:36px; text-align:left; font-size:11px; margin-bottom:4px} .TestScoreReports .readingScoreReportWrapper h5{/*background-image:url('../homepage/HPtestReading_icon.png');*/} .TestScoreReports .listeningScoreReportWrapper h5{/*background-image:url('../homepage/HPtestListening_icon.png');*/} .TestScoreReports .testScoreAvgGraph{ margin:0px} .scoreReportBtn {width:auto; text-align:center; margin:0px; height:auto; overflow:hidden; text-align:right; float:right } .scoreReportBtn a{ width:auto; margin:0px auto; font-size:11px; padding: 0px 10px;line-height:19px; /*background-image:url('../homepage/scoreReport_icon_blue.png'); background-repeat:no-repeat; padding-left:55px;padding-right:20px;height:30px;*/ background-position:28px 55%; display:block ; /*text-align:left; */ cursor:pointer; text-decoration:underline} .scoreReportBtn a:hover { /* color:#0b2273;background-image:url('../homepage/scoreReport_icon_blue_over.png');*/ background-color:#132974;color:#FFF;text-decoration:none; -moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;} .testScoreAvgGraph {width:300px; height:auto; /*overflow:hidden; float:left;*/ margin-top:0px; margin-left:15px;} .TestScoreReports .graphBar{width:230px;} .TestScoreReports .graphBlock{ background-color:#2b6aa2; width:20%; border:none; margin-top:2px} .TestScoreReports .graphScore{ padding-top:16px;background-color:transparent; font-weight:normal; line-height:normal; text-align:right; font-size:11px; float:left; left:-58px; color:#004a8d } .TestScoreReports .graphRange{float:left; color:#363738} .scheduleBannerWrapper {text-align:center; width:320px; height:auto;overflow:hidden;height:134px; margin:0px; border:1px solid #a8b6c7; background-color:#ffffff; border:1px solid #84abd7; border-radius:5px; background-image:url('../homepage/schedual_banner.png'); background-repeat:no-repeat; background-position:right bottom;} .scheduleBannerWrapper h4{color:#024c8d; font-size:25px; padding:0px; margin:10px 0px 0px 15px; font-weight:normal; font-family:Georgia; width:80%; font-weight:500} .scheduleBannerWrapper .blueSmallBt { float:left; margin-top:30px; margin-left:15px} .scheduleBannerWrapper .blueSmallBt a{ padding:5px 20px} /*buttons*/ .testBtnsWrapper { height:auto; overflow:hidden; margin:0px auto; width:385px; float:left; margin-right:25px; border-top:#a9b7c4 1px dotted; font-size:11px;} .homeTestBtn{width:auto; height:45px; background-color: transparent; margin:0px; margin-top:1px; padding:0px; text-align:center; background-image:url('../my_progress/icoFinalTest.png'); background-repeat:no-repeat; background-position:2px 40%; padding-left:30px; padding-top:11px; display:block; cursor: default; text-decoration:none; border-bottom:#a9b7c4 1px dotted} .homeTestBtn:hover { background-color:#d2e8fb} .homeTestBtn span{width:auto; float:left; height:31px; line-height:31px; vertical-align:middle; margin:0px; padding:0px; color:#153094; text-align:left; /* font-weight:bold*/} .homeTestBtn:hover span{color:#152779} .homeTestBtn ul.viewResultsLink {float:right; margin-top:6px} .homeTestBtn ul.viewResultsLink li a, .scoreReportBtn a {color:#133ac5} /*.homeTestBtn ul.viewResultsLink li a.startTestBT { background-color:#143094; color:#ffffff; display:block; border-radius:5px; text-decoration:none }*/ /*unit info light box*/ .unitInfoLightboxWrapper .left { float:left; width:auto;height:100%; /*background-color:#e7e7e7; -webkit-border-radius: 6px 0px 6px 0px;*/ } .unitInfoLightboxWrapper .right { width:auto; height:100%; max-width:600px} .unitInfoHeader{width:100%; height:auto; overflow:hidden; padding:0; margin:0; background-color:#004a8d; -webkit-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; } .unitInfoHeader .lightBoxClose { margin:5px; float:right; } .unitInfoHeader .lightBoxClose a{width:20px; height:20px; background-color:#004a8d; line-height:20px; margin-top:3px; font-size:12px} .unitInfoTitle{width:520px; height:auto; overflow:hidden; padding:0; margin:0; float:left; } .unitInfoTitle h2{width:100%; height:40px; line-height:40px; color:#ffffff; font-size:16px; font-weight:normal; background-image:url('../homepage/unitInfo/I.gif'); background-repeat:no-repeat; background-position:8px 50%; padding:0; margin:0px; padding-left:35px} .unitInfoContent{width:100%; height:455px; background-color:#ffffff; margin:0px; padding:10px 0px; margin-bottom:5px; overflow-y:auto} .unitInfoContent .left{ width:380px;height:455px; font-size:12px; color:#000000; padding-left:5px; background-color:#ffffff; } .unitInfoContentText {width:auto;height:auto; overflow-y:auto; min-height:400px} .unitInfoContent .left h3{color:#004a8d; font-size:12px; font-weight:normal; padding:0; margin:0; font-weight:bold } .unitInfoContent .right{ width:111px} .unitInfoBottom{content: "";width:100%; height:5px; padding:0; margin:0; background-color:#004a8d; -webkit-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px;} .unitInfoContent .unitImg {top:0px; margin-right:2px; width:auto; height:auto; overflow:hidden; right:5px; padding:0px 5px; padding-bottom:10px; position:static; left:0px } .unitInfoContent .unitImg img {width:120px; height:250px; border:none; -webkit-box-shadow:none;box-shadow: none;} .unitInfoLightboxWrapper .left h1{width:auto; height:auto; overflow:hidden; padding:0px; margin:0px; font-size:13px;margin-top:40px; margin-bottom:10px; font-weight:normal; color:#004a8d} .unitInfoLightboxWrapper .left ul{ border-bottom:solid 1px #dedede; width:auto; height:auto; margin:0px auto; list-style:none; padding:0px; float:none; text-align:left; position: relative; z-index: 1;} .unitInfoLightboxWrapper .left ul li { border-top:solid 1px #dedede;height:auto; overflow:hidden; width:auto; line-height:30px; margin:0px} .unitInfoLightboxWrapper .left ul li a {color:#8c8c8c; font-size:12px; display:block; padding:8px 0px; padding-right:10px; cursor:pointer; font-weight:bold} .unitInfoLightboxWrapper .left ul li a:hover{background-color:#f9f9f9; color:#636776} .unitInfoLightboxWrapper .left ul li.active a {color:#004a8d; font-size:12px; background-color:#ffffff} .unitInfoLightboxWrapper .left ul li a span.rightRibbon {font-size: 15px;width: 20px; position: relative;background-color: #3c79bc;color:#ffffff;text-align: center;padding: 0px; margin: 0px auto; float:left; margin-right:16px;} .unitInfoLightboxWrapper .left ul li a span.rightRibbon:after, .unitInfoLightboxWrapper .left ul li a:hover span.rightRibbon:after{content: "";position: absolute;display: block;bottom: 0px;border: 15px solid #3c79bc;right:-17px;border-left-width:7.5px; border-right-color: transparent;} .unitInfoLightboxWrapper .left ul li.active a span.rightRibbon, .unitInfoLightboxWrapper .left ul li.active a:hover span.rightRibbon{background-color: #004a8d;} .unitInfoLightboxWrapper .left ul li.active a span.rightRibbon:after, .unitInfoLightboxWrapper .left ul li.active a:hover span.rightRibbon:after{ border-color:#004a8d; border-right-color:transparent} .unitInfoLightboxWrapper .left ul li a:hover span.rightRibbon {background-color: #1f609c;} .unitInfoLightboxWrapper .left ul li a:hover span.rightRibbon:after{ border-color:#1f609c; border-right-color:transparent} /*--------test results links 16.03.2013-------*/ ul.viewResultsLink { list-style-type: none; overflow: auto; padding: 0; margin: 0; height:100%; width:auto; } ul.viewResultsLink li { float: left; padding: 0; margin: 0; height:auto; width:auto; overflow:hidden; } ul.viewResultsLink li a { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #132974; display: block; padding: 0px 10px; text-decoration: underline; height: 19px; line-height: 19px; margin: 0 4px; cursor:pointer; white-space:nowrap; } ul.viewResultsLink li a:hover { text-decoration: underline; background-color:#132974; color:#FFF; text-decoration:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; cursor:pointer; } * html ul.viewResultsLink li a { width: 1%; } ul.viewResultsLink li.liDivider{ background-image:url('../my_progress/sep.png'); background-repeat:no-repeat; background-position:right; } /*---------------------------------------------------------------*/ /*-----------------------ToeicSBCTest------------------*/ .toeicTestWrapper, #toeicTestWrapper { width:1020px; height:auto; margin:0px auto; overflow:hidden; font-family:Verdana; -webkit-box-shadow: 0px 0px 20px 0px rgba(200, 200, 200, 1);box-shadow: 0px 0px 20px 0px rgba(200, 200, 200, 1);background-image:url('../test/TSBC/left_side_img.png'); background-repeat:no-repeat; background-position:left 64px } .toeicTestHeader {width:100%; height:54px; margin:0px; padding:0px; background-color:#cac8c8; overflow:hidden; border-bottom:#e4e4e4 solid 1px;} .toeicTestHeader .toeicTestTitle {width:990px; height:100%; margin:0px; padding:0px; float:left; overflow:hidden; background-color:#ffffff; text-align:left; border-radius:0px 150px 0px 0px } .toeicTestHeader .toeicTestTitle H1{width:auto; height:auto; margin:0px; padding:0px 15px; color:#004a8d; line-height:55px; font-size:30px; /*font-style:italic; */font-weight:bold; float:left } .bridgeTest .toeicTestHeader .toeicTestTitle H1 { font-size: 22px; } .excellenceTitle { font-size:20px;} .toeicTestHeader .closingTest { width: 30px; height: 100%; margin: 0px; padding: 0px; padding-top: 17px; text-align: center; float: right } .toeicTestHeader .closingTest a {width:30px; height:auto; cursor:pointer; font-family:Verdana; font-size:15px; color:#ffffff; display:block} .toeicTestHeader .closingTest a:hover { color:#010157} .questionInfoContainer{width:100%; height:26px;overflow:hidden; margin:0px; padding:0px; background-color:#00664f; } .questionInfoContainer .partTitle{width:auto; height:26px; float:left; margin:0px; padding:0px; padding-left:20px; text-align:left; font-size:13px; color:#ffffff; font-weight:bold; vertical-align:middle; line-height:26px; padding-right:23px; background-image:url('../test/TSBC/white_arrow.gif'); background-repeat:no-repeat; background-position:right top; margin-right:6px} .questionInfoContainer .questionCounter{width:auto; height:26px; float:left; margin:0px; padding:0px; text-align:left; font-size:13px; color:#ffffff; vertical-align:middle; line-height:26px; } .questionInfoContainer .questionCounter span { font-weight:bold} .toeicTestWrapper .toeicTestInfo{width:100%; height:60px; margin:1px 0px 2px; padding:0px; background-color:transparent; overflow:hidden;border-bottom:#d5d5d5 solid 1px;} .toeicTestWrapper .toeicTestInfo .testInstructions{width:auto; height:50px;overflow-y:auto; margin:0px; padding:0px 20px; padding-top:10px; /*float:left;*/ text-align:left; overflow:auto; background-image:url('../test/TSBC/instruction_icon.gif'); background-repeat:no-repeat; background-position:10px 50%; padding-left:48px; line-height:normal; font-size:12px; vertical-align:middle; } .toeicTestWrapper .toeicTestInfo1 {display:none} .timer{width:auto; height:45px; margin:0px; padding:0px; float:right; text-align:right; margin-right:30px } .timer .clock {width:112px; height:27px; margin:0px; padding:0px; color:#004a8d; text-align:center; font-weight:bold; line-height:25px; margin-top:15px; background-color:#f9f9f9; -webkit-border-radius: 14px;border-radius: 14px; border:1px solid #acacac} .timer .negativeClock {width:112px; height:27px; margin:0px; padding:0px; color:#d73b24; text-align:center; font-weight:bold; line-height:25px; margin-top:15px; background-color:#f9f9f9; -webkit-border-radius: 14px;border-radius: 14px; border:1px solid #d73b24} .testContentWrapper { width:100%; height:auto; overflow:hidden; margin:0px; padding:0px; /*border-bottom:1px solid #cac8c8;*/ margin-top:1px; overflow:hidden; /*background-color:#ffffff; /*background-image:url('../test/TSBC/left_side_img.png');*/ background-repeat:no-repeat; background-position:left top} .testContentWrapper #testMedia{width:auto; height:465px; margin-right: 10px; padding:0px; margin-top:10px; margin-left:20px; float:left; text-align:left; vertical-align:top} .testContentWrapper #testMedia .divMedia, .testContentWrapper #testMedia .divMediaTest{width:553px; height:400px; margin:0px; padding:0px; border:1px solid #598dc6; background-color:#ffffff; text-align:center; overflow-y:auto; overflow-x:hidden;} .testContentWrapper #testMedia .divMedia img, .testContentWrapper #testMedia .divMediaTest img{width:auto; height:auto; overflow:hidden; margin:0px auto; padding:5px 1px 0px; } .toeicTestWrapper .testQuestionsArea{width:430px;height:465px; overflow:hidden; margin:10px 0px; margin-right:3px; padding:0px; float:right; vertical-align:middle; border:1px solid #598dc6} .toeicTestWrapper .testQuestionsAreaMarked {width:420px;height:465px; overflow:hidden; margin:10px 0px; margin-right:5px; padding:0px; float:right; vertical-align:middle; border:1px solid #142b79; background-image:url('../test/testReview/mark.png'); background-position:right top; background-repeat:no-repeat} .testContentWrapper .applet, .testContentWrapper .appletWithoutMark { margin:0px; width:auto; height:auto; overflow:hidden;/*height:430px; min-height:365px; max-height:405px;*/ height:425px; padding:0px; text-align:left; background-color:#ffffff; } .testContentWrapper .applet img {width:auto; height:auto; overflow:hidden; margin:0px auto; text-align:center} .testContentWrapper .appletWithoutMark {height:465px;} .toeicTestWrapper .testContentWrapper .modeSelection, .toeicTestWrapper .testContentWrapper .unitIntro, .toeicTestWrapper .testContentWrapper .buttonArea .welcomeText, .toeicTestWrapper .testContentWrapper .testQuestionsArea .buttonArea .submitTest, .toeicTestWrapper .testContentWrapper .testQuestionsArea .buttonArea .StartBT{ height:0px; visibility:hidden; margin:0px; padding:0px} .toeicTestWrapper .welcomeText{display:none;} .buttonArea { width:100%; height:auto;overflow:hidden; text-align:right ; margin:0px;padding:0px; alpha(opacity=75);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);-moz-opacity: 0.90; opacity:0.90; background-color: rgba(0, 0, 0, 0.90);/* Fallback for web browsers that doesn't support RGBa */} .buttonsArea { width:100%; height:52px; text-align:right ; margin:0px;padding:0px; border-bottom:#598dc6 1px solid;} .buttonsArea .nextBT, .buttonsArea .backBT{-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow: 0px 0px 5px 3px rgba(193, 193, 193, 0.5);box-shadow: 0px 0px 5px 3px rgba(193, 193, 193, 0.5); margin:1px 8px 0px 5px; background-color: #004a8d; cursor:pointer;padding-top:0px; width:100px; height:40px; color:#ffffff; font-weight:bold; background-image:url('../test/TSBC/next_bt_arrow.png'); background-repeat:no-repeat; background-position:65px 5px; font-size:12px; padding-bottom:0px; float:right; border:1px solid #ffffff } .buttonsArea .nextBT a, .buttonsArea .backBT a{ width:auto; height:auto; overflow:hidden; display:block; margin:0px; padding:0px; color:#ffffff; text-decoration:none; text-align:left; font-size:18px; font-weight:normal; line-height:40px; padding-left:10px} .buttonsArea .nextBT:hover, .buttonsArea .backBT:hover {background-color:#0d095d;} .buttonsArea .backBT { margin:0px 5px 0px 8px; background-image:url('../test/TSBC/back_bt_arrow.png'); background-position:5px 5px; float:left; padding-left:0px } .buttonsArea .backBT a{padding-left:45px} .buttonsArea .disable, .buttonsArea .disable:hover{ background-color:#c5c7cf; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(136, 137, 143, 0.5);box-shadow: inset 0px 1px 3px 0px rgba(136, 137, 143, 0.5); cursor:default; border:1px solid #b1b3ba; background-image:url('../test/TSBC/next_bt_arrow_dis.png'); } .buttonsArea .disable a {color:#ebe8e8; cursor:default} .buttonsArea .submitNextBT{-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow: 0px 0px 5px 3px rgba(193, 193, 193, 0.5);box-shadow: 0px 0px 5px 3px rgba(193, 193, 193, 0.5); margin:0px 8px 0px 5px; background-color: #004a8d; cursor:pointer;padding-top:0px; width:auto; height:40px; color:#ffffff; font-weight:bold; font-size:12px; padding-bottom:0px; float:right; border:1px solid #ffffff } .buttonsArea .submitNextBT a{ width:auto; height:auto; overflow:hidden; display:block; margin:0px; padding:0px; color:#ffffff; text-decoration:none; text-align:left; font-size:18px; font-weight:normal; line-height:40px; margin-left:10px; background-image:url('../test/TSBC/next_bt_arrow.png'); background-repeat:no-repeat; background-position:right 5px; margin-right:5px; padding-left:5px; padding-right:40px} .testContentWrapper .buttonArea { background-color:#ffffff; border-top:1px solid #daedff} /*.testContentWrapper .buttonArea div { display:none; visibility:hidden}*/ .testContentWrapper .buttonArea .StartBT { display:block; visibility: visible; float:none; width:auto; max-width:40%; height:auto; text-align:center; margin:0px auto; cursor:pointer;} /*.testContentWrapper .buttonArea .StartBT a {display:block; width:auto; height:25px; color:#142b79; line-height:25px; font-size:80%; text-decoration:none; font-weight:bold;padding:0px 20px;-webkit-box-shadow:inset 0px 0px 3px 3px rgba(149, 182, 219, 0.5);box-shadow:inset 0px 0px 3px 3px rgba(149, 182, 219, 0.5); -webkit-border-radius: 5px;border-radius: 5px; border:1px solid #7582b0;} .testContentWrapper .buttonArea .StartBT a:hover, */.testQuestionsAreaMarked .buttonArea .StartBT a{ background-color:#faf9a8; color:#203680; border-color:#142b79; -webkit-box-shadow:inset 0px 0px 3px 3px rgba(186, 186, 103, 0.5);box-shadow:inset 0px 0px 3px 3px rgba(186, 186, 103, 0.5);} .testContentWrapper .buttonArea .markBT, .testContentWrapper .buttonArea .markBTactive{ display:block; visibility: visible; float:none; width:auto; max-width:40%; height:auto; text-align:center; margin:0px auto; cursor:pointer; overflow:hidden; margin-top:5px} .testContentWrapper .buttonArea .markBT a, .testContentWrapper .buttonArea .markBTactive a, .testContentWrapper .buttonArea .markBTactive a:hover {display:block; width:auto; height:25px; color:#142b79; line-height:25px; font-size:70%; text-decoration:none; font-weight:bold;padding:0px 20px; -webkit-border-radius: 5px;border-radius: 5px; border:1px solid #518bc0; background-color:#e7f3fe; -webkit-box-shadow: inset 0px -2px 2px 0px rgba(168, 184, 217, 10); box-shadow: inset 0px -2px 2px 0px rgba(168, 184, 217, 10); background-image:url('../test/testReview/mark_dis.png'); background-repeat:no-repeat; background-position:right; } .testContentWrapper .buttonArea .markBT a:hover{ background-color:#cce4f9; border-color:#32699a} .testContentWrapper .buttonArea .markBTactive a, .testContentWrapper .buttonArea .markBTactive a:hover{background-color:#ecea6a; color:#203680; border-color:#9fa7af; -webkit-box-shadow: inset 0px 2px 2px 0px rgba(150, 149, 100, 0.8);box-shadow: inset 0px 2px 2px 0px rgba(150, 149, 100, 0.8); background-image:url('../test/testReview/mark.png'); } .testQuestionsAreaMarked .buttonArea .StartBT a{ background-color:#faf9a8; color:#203680; border-color:#142b79; -webkit-box-shadow:inset 0px 0px 3px 3px rgba(186, 186, 103, 0.5);box-shadow:inset 0px 0px 3px 3px rgba(186, 186, 103, 0.5);} .testContentWrapper .answersWrapper { margin-left:0px; margin-right:0px; padding-left:0px} .testContentWrapper .answersWrapper .qTextWrapper { margin-left:5px; padding-left:10px} .toeicTestfooter{width:100%; height:40px; margin:0px; padding:0px; background-color:#ebeaea; border-bottom:4px solid #00664f; text-align:center; padding-top:14px} .submitBT{background-color:#ffffff;width:auto; min-width:150px; display:inline-block; height:auto; overflow:hidden; margin:0px auto; -webkit-box-shadow: 0px 0px 3px 1px rgba(193, 193, 193, 0.5);box-shadow: 0px 0px 3px 1px rgba(193, 193, 193, 0.5); -webkit-border-radius:4px;border-radius:4px; border:1px solid #ffffff; text-align:center; background-image:url('../test/TSBC/submitBt_bg.gif'); background-repeat:repeat-x;} .submitBT:hover {background-color:#045845; background-image:none } .submitBT a{-webkit-box-shadow: 0px -14px 0px 0px rgba(33, 152, 121, 100);box-shadow: 0px -14px 0px 0px rgba(33, 152, 121, 100); /*width:130px;*/ width:auto; height:28px; line-height:27px; display:block; margin:0px auto;padding:0px; color:#ffffff; text-decoration:none; font-size:14px;/* font-weight:bold; background-image:url('../test/TSBC/submit_bt_arrow.gif'); background-position:right; background-repeat:no-repeat;*/ cursor:pointer; padding:0px 30px;} .submitBT a:hover {color:#ffffff;} .toeicTestfooterShade{ width:100%; height:9px; background-color:#ffffff;} .toeicTestfooterShade .left{ float:left} .toeicTestfooterShade .right{ float:right} #testMedia .toeicTestPlayer { border:1px solid #598dc6; border-bottom:none; width:553px; height:64px; /*-webkit-border-radius:15px 15px 0px 0px;border-radius:15px 15px 0px 0px;*/padding:0px; margin-left:auto; margin-right:auto; background: -moz-linear-gradient(top, rgba(240,247,254,1) 0%, rgba(240,247,254,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,247,254,1)), color-stop(100%,rgba(240,247,254,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(240,247,254,1) 0%,rgba(240,247,254,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(240,247,254,1) 0%,rgba(240,247,254,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(240,247,254,1) 0%,rgba(240,247,254,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(240,247,254,1) 0%,rgba(240,247,254,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f7fe', endColorstr='#00f0f7fe',GradientType=0 ); /* IE6-9 */ } #testMedia .toeicTestPlayer a{width:53px; height:64px; line-height:64px; margin:0px auto; padding:0px; background-image:url('../test/TSBC/sliderplaybtn.gif'); background-repeat:no-repeat; background-position:0px 50%; text-decoration:none; display:block} #testMedia .toeicTestPlayer a:hover, .toeicTestPlayer a:active{ background-image:url('../test/TSBC/sliderplaybtnh.gif');} #testMedia .toeicTestPlayer a span { display:none} #testMedia .playerOn {/*background-color:#ffbb9d;*/ background-color:#dbe7f6} #testMedia .playerOn a{background-image:url('../test/TSBC/sliderplaybtn_dis.png'); cursor:default} #testMedia .playerOn a:hover, #testMedia .playerOn a:active{ background-image:url('../test/TSBC/sliderplaybtn_dis.png');} #testMedia .playerOn a span{display:block; width:120px; height:64px; line-height:64px; color:#004a8d;text-decoration:none; font-size:18px; font-weight:normal; float:left; text-align:left; padding-left:60px} /*#testMedia .playerOn a span:hover{ color:#ab3827;}*/ #testMedia .playerOff a:hover, #testMedia .playerOff a{ background-image:url('../test/TSBC/sliderplaybtn_dis.png'); cursor:default} #testMedia .playerOff a span { display:none} #testMedia .playerLoading a, #testMedia .playerLoading a:hover{ background-image:url('../test/TSBC/loading_blue.gif')} img.mediaAreaListeningDefault { width:auto; height:auto; margin-left:auto; margin-right:auto; } /*listening*/ .testContentWrapper #testMedia.listeningWithoutImg {text-align:center; border:1px solid #598dc6; /*border-radius:15px 15px 0px 0px;*/ } #testMedia.listeningWithoutImg .toeicTestPlayer { margin-left:auto; margin-right:auto; float:none} #testMedia.listeningWithoutImg .divMedia, #testMedia.listeningWithoutImg .divMediaTest {border-bottom:none; border-left:none; border-right:none;background-image:url('../test/TSBC/listening.png'); background-position:50% 30px; background-repeat:no-repeat; background-color:transparent} #testMedia.listeningWithoutImg .toeicTestPlayer { border:none;} /*reading*/ #testMedia.readingWithImg .toeicTestPlayer{display:none} #testMedia.readingWithImg .divMedia, .testContentWrapper #testMedia.readingWithImg .divMediaTest { height:465px; border:1px solid #cac8c8; background-color:transparent; overflow-y:auto} .testContentWrapper #testMedia.readingWithImg .divMediaTest{height:464px ; width:553px;} #testMedia.readingWithImg .divMedia img, .testContentWrapper #testMedia.readingWithImg .divMediaTest img{ border:none; padding:0px } .testContentWrapper #testMedia.readingWithImg .divMediaTest img { margin-top:20px} #testMedia.readingWithoutImg .divMedia, .testContentWrapper #testMedia.readingWithoutImg .divMediaTest{ border:1px solid #cac8c8; background-color:transparent; height:465px;background-image:url('../test/TSBC/reading.png'); background-repeat:no-repeat; background-position:50%;} #testMedia.readingWithoutImg .divMedia img, .testContentWrapper #testMedia.readingWithoutImg .divMediaTest img{ border:none; } /*welcome page*/ .toeicTestWelcome { width:1020px; height:auto; margin:0px auto; overflow:hidden; font-family:Verdana; -webkit-box-shadow: 0px 0px 20px 0px rgba(200, 200, 200, 1);box-shadow: 0px 0px 20px 0px rgba(200, 200, 200, 1); } .toeicTestWelcome .toeicTestInfo, .toeicTestWelcome .testInstructions { display:none} .toeicTestWelcome .testContentWrapper{ background-image:url('../test/welcomePage/left_side_img.png'); background-repeat:no-repeat; min-height:600px; background-position:left bottom} .toeicTestWelcome .testContentWrapper #testMedia, .toeicTestIntro .testContentWrapper #testMedia{ display:none} .toeicTestWelcome .testQuestionsArea, .toeicTestIntro .testQuestionsArea{width:100%;height:570px;border:none; background-image:url('../test/welcomePage/right_side_img.png'); background-repeat:no-repeat; background-position:right bottom} .testQuestionsArea .answersWrapper { height:370px} .appletWithoutMark .answersWrapper{height:411px;} .toeicTestWelcome .testContentWrapper .testQuestionsArea applet { display:none} .toeicTestWelcome .welcomeText{ color:#010157; display:block; width:100%; height:260px; margin:0px auto; background-color:#ffffff; font-size:18px} .toeicTestWelcome .welcomeText h2{color:#00664f; font-size:24px; } .toeicTestWelcome .welcomeText .font20 { margin:20px auto;} .toeicTestWelcome .testContentWrapper .buttonArea {background-color: rgba(0, 0, 0, 0.6); width:70%; height:auto; min-height:200px; overflow:hidden; text-align:center ; float:none;-webkit-box-shadow: 0px 0px 15px 0px rgba(193, 193, 193, 1);box-shadow: 0px 0px 15px 0px rgba(193, 193, 193, 1); -webkit-border-radius: 5px;border-radius: 5px; border:1px solid #ffffff; margin:30px auto; padding:25px 10px } .toeicTestWelcome .buttonsArea {/*background-color:#ffffff; width:100%; margin:0px auto ; margin-top:-31px; border-top:1px solid #598dc6; padding-top:8px*/ display:none} .toeicTestWelcome .buttonsArea .nextBT { display:block; visibility: visible; margin-right:8px; margin-top:0px} .toeicTestWelcome .testContentWrapper .buttonArea { background-color:#ffffff; width:70%; height:auto; overflow:hidden; text-align:center ; float:none;-webkit-box-shadow: 0px 0px 15px 0px rgba(193, 193, 193, 1);box-shadow: 0px 0px 15px 0px rgba(193, 193, 193, 1); -webkit-border-radius: 5px;border-radius: 5px; border:1px solid #ffffff; margin:30px auto; padding:25px 10px } .toeicTestWelcome .testContentWrapper .buttonArea .StartBT { display:block; visibility: visible; float:none; width:150px;height:42px; text-align:center; color:#ffffff; margin-top:20px; margin-left:auto; margin-right:auto ;background-color:#0b2273 ;-webkit-box-shadow: 0px 0px 8px 5px rgba(193, 193, 193, 0.5);box-shadow: 0px 0px 8px 5px rgba(193, 193, 193, 0.5); -webkit-border-radius: 5px;border-radius: 5px; border:1px solid #ffffff; /*background-image:url('../homepage/startBtnBg.gif');*/ background-image:url('../homepage/HPblue_bt.gif'); background-repeat:repeat-x; background-position:50%; cursor:pointer} .toeicTestWelcome .testContentWrapper .buttonArea .StartBT a, .toeicTestWelcome .testContentWrapper .buttonArea .StartBT a:hover{ padding:0px 20px; width:auto; height:100%; display:block; margin:0px auto; background-color:transparent; color:#ffffff; border:none; -webkit-box-shadow:none;box-shadow:none; text-decoration:none; line-height:42px; text-align:center; font-size:19px; font-weight:normal } .toeicTestWelcome .testContentWrapper .buttonArea .StartBT:hover {background-image:none; background-color:#0a1e66; -webkit-box-shadow: 0px 0px 13px 8px rgba(203, 203, 203, 0.5);box-shadow: 0px 0px 13px 8px rgba(203, 203, 203, 0.5); } .toeicTestWelcome .questionInfoContainer { display:none} /*mode selection*/ .modeSelection {} .selectText{ margin:0px auto; color:#197560; font-weight:bold;} .styled-select select { background-color: transparent; cursor:pointer; width: 320px; font-size: 16px; line-height: normal; border: 0; border-radius: 0; height: 34px; color:#004a8d; border: 2px solid #233881; padding:0px 0px 0px 10px; margin-top:5px; text-align:left; } .toeicTestIntro .buttonArea .blueBigBt { display:block; visibility: visible; float:none; width:130px;height:42px; text-align:center; margin-top:20px; margin-left:auto; margin-right:auto ; padding:0px 20px;background-color:#233881 ;-webkit-box-shadow: 0px 0px 8px 5px rgba(193, 193, 193, 0.5);box-shadow: 0px 0px 8px 5px rgba(193, 193, 193, 0.5); -webkit-border-radius: 5px;border-radius: 5px; border:1px solid #ffffff; /*background-image:url('../homepage/startBtnBg.gif');*/ background-image:url('../homepage/HPblue_bt.gif'); background-repeat:repeat-x; background-position:50%; cursor:pointer; m} .toeicTestIntro .buttonArea .blueBigBt a{ width:auto; height:100%; display:block; margin:0px auto; background-color:transparent; color:#ffffff; border:none; -webkit-box-shadow:none;box-shadow:none; text-decoration:none; line-height:42px; text-align:center; font-size:19px; font-weight:normal } .toeicTestIntro .buttonArea .blueBigBt:hover {background-image:none; background-color:#0a1e66; -webkit-box-shadow: 0px 0px 13px 8px rgba(203, 203, 203, 0.5);box-shadow: 0px 0px 13px 8px rgba(203, 203, 203, 0.5); } /*part intro page*/ .toeicTestIntro { width:1020px; height:auto; margin:0px auto; overflow:hidden; font-family:Verdana; -webkit-box-shadow: 0px 0px 20px 0px rgba(200, 200, 200, 1);box-shadow: 0px 0px 20px 0px rgba(200, 200, 200, 1); } .toeicTestIntro .testContentWrapper{min-height:629px;background-image:url('../test/tsbc/left_side_img_welcome.png'); background-repeat:no-repeat; background-position:left bottom} .toeicTestIntro .toeicTestInfo1 { display:none} .toeicTestIntro .toeicTestInfo { width:70%; height:auto; border:none; overflow:hidden; text-align:left ; float:none; position:absolute; z-index:200; top:130px; left:15%; background-color:transparent ; margin-top:10px; margin-bottom:40px } .toeicTestIntro .toeicTestInfo .testInstructions {padding:0px; width:50%; height:auto; overflow:hidden; background-image:none; line-height:normal; font-size:14px; color:#010157; margin:5px auto; } .toeicTestIntro .buttonsArea{background-color: rgba(250, 250, 250, 0.6);width:100%; margin:0px auto ; margin-top:-61px; border-top:1px solid #598dc6; padding-top:8px} .toeicTestIntro .testContentWrapper .buttonArea {background-color:#ffffff; width:70%; height:auto; min-height:200px; overflow:hidden; text-align:center ; float:none;-webkit-box-shadow: 0px 0px 15px 0px rgba(193, 193, 193, 1);box-shadow: 0px 0px 15px 0px rgba(193, 193, 193, 1); -webkit-border-radius: 5px;border-radius: 5px; border:1px solid #ffffff; margin:30px auto; padding:25px 10px } .toeicTestIntro .testContentWrapper .buttonArea .StartBT {display:none;} .toeicTestIntro .buttonsArea .nextBT { display:block; visibility: visible; margin-right:8px; margin-top:0px} .toeicTestIntro .buttonsArea .backBT { display:block; visibility: visible; margin-left:8px} .toeicTestIntro .questionInfoContainer{ width:70%; height:auto; border:none; overflow:hidden; text-align:left ; float:none; position:absolute; z-index:200; top:90px; left:15%; background-color:transparent ; margin-top:10px; margin-bottom:40px; background-image:none; -webkit-box-shadow: none;box-shadow:none;} .toeicTestIntro .questionInfoContainer .partTitle{ background-image:none; width:50%; height:auto;overflow:hidden; font-size:20px; color:#028362; margin:15px auto; font-weight:bold } .toeicTestIntro .questionInfoContainer .questionCounter{background-color:red; color:#000000} .toeicTestWelcome .buttonArea .welcomeText, .toeicTestIntro .buttonArea div{ visibility:visible; display:block;width:auto; height:auto; margin:0px auto; margin-bottom:10px} .unitText{color:#010157;font-size:18px; text-align:left; margin-bottom:20px} .unitTitle, .toeicTestIntro .buttonArea div.unitTitle{color:#010157; font-size:18px; text-align:left; margin-bottom:5px; font-weight:bold; width:auto; height:auto;} .sectionText, .toeicTestIntro .buttonArea div.sectionText{color:#00664f; font-size:18px;text-align:left; margin-bottom:40px; width:auto; height:auto; } .unitIntro__startSoundBtn { display: none; visibility: visible; float: none; width: 150px; height: 42px; line-height: 42px; text-align: center; color: #ffffff; margin-top: 20px; margin-left: auto; margin-right: auto; padding: 0px 20px; background-color: #0d3783; -webkit-box-shadow: 0px 0px 8px 5px rgba(193, 193, 193, 0.5); box-shadow: 0px 0px 8px 5px rgba(193, 193, 193, 0.5); -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #ffffff; cursor: pointer; } /*end page*/ .testEnd { width:1020px; height:auto; margin:0px auto; overflow:hidden; font-family:Verdana; -webkit-box-shadow: 0px 0px 20px 0px rgba(200, 200, 200, 1);box-shadow: 0px 0px 20px 0px rgba(200, 200, 200, 1); } .testEnd .toeicTestInfo, .toeicTestWelcome .testInstructions { display:none} .testEnd .testContentWrapper{ background-image:url('../test/welcomePage/left_side_img.png'); background-repeat:no-repeat; min-height:600px; background-position:left bottom} .testEnd .testContentWrapper #testMedia, .toeicTestIntro .testContentWrapper #testMedia{ display:none} .testEnd .testQuestionsArea, .toeicTestIntro .testQuestionsArea{width:100%;height:570px;border:none; background-image:url('../test/welcomePage/right_side_img.png'); background-repeat:no-repeat; background-position:right bottom} .testEnd .testContentWrapper .testQuestionsArea applet { display:none} .testEnd .welcomeText{font-family:Verdana; color:#010157; display:block; background-image:url('../test/welcomePage/welcome_text.gif'); background-repeat:no-repeat; background-position:50% 50%; width:100%; height:260px; margin:0px auto} .testEnd .testContentWrapper .buttonArea { background-color:#ffffff; width:70%; height:auto; overflow:hidden; text-align:center ; float:none;-webkit-box-shadow: 0px 0px 15px 0px rgba(193, 193, 193, 1);box-shadow: 0px 0px 15px 0px rgba(193, 193, 193, 1); -webkit-border-radius: 5px;border-radius: 5px; border:1px solid #ffffff; margin:30px auto; padding:25px 10px } .testEnd .questionInfoContainer { display:none} .testResult { font-size:20px; color:#ab3827; font-weight:bold; clear:both} .finalTestComment { margin-top:20px; font-size:14px; /*font-style:italic;*/ color:#004a8d;} .finalTestComment .scoreComment{ font-style:normal; color:#ab3827;font-size:18px;} .finalTestComment .improvingComment{ font-style:normal; color:#010157;font-size:15px; margin-top:20px} .submitTest{color:#ab3827;font-size:18px; text-align:center; margin-bottom:40px} .finalGrade h3 {color:#010157; font-style:normal; font-size:18px;} .testEnd .buttonsArea {/*background-color:#ffffff; width:100%; margin:0px auto ; margin-top:-31px; border-top:1px solid #598dc6; padding-top:8px display:none*/} .testEnd .buttonsArea .nextBT { margin-right:8px;display:none; margin-top:0px} .testEnd .buttonsArea .submitNextBT { margin-right:8px;display:none;} .testEnd .buttonArea .StartBT { width:150px;height:42px; color:#ffffff; background-color:#0b2273 ;-webkit-box-shadow: 0px 0px 8px 5px rgba(193, 193, 193, 0.5);box-shadow: 0px 0px 8px 5px rgba(193, 193, 193, 0.5); -webkit-border-radius: 5px;border-radius: 5px; border:1px solid #ffffff; /*background-image:url('../homepage/startBtnBg.gif');*/ background-image:url('../homepage/HPblue_bt.gif'); background-repeat:repeat-x; background-position:50%;} .testEnd .buttonArea .StartBT a{ width:auto; height:100%; display:block; margin:0px auto; padding:0px 20px; color:#ffffff; text-decoration:none; line-height:42px; text-align:center; font-size:19px; font-weight:normal } .testEnd .buttonArea .StartBT:hover {/*background-image:url('../homepage/startBtnBg_over.gif');*/ background-image:none; background-color:#0a1e66; -webkit-box-shadow: 0px 0px 13px 8px rgba(203, 203, 203, 0.5);box-shadow: 0px 0px 13px 8px rgba(203, 203, 203, 0.5);} /*continue test Popup*/ .windowWrapper{ text-align:left; width:auto; height:auto; margin:0px auto; overflow:hidden; } .windowWrapper .redSmallBt , .windowWrapper .blueSmallBt{width:150px; margin:10px auto; height:30px; line-height:30px; margin-top:30px } .windowWrapper .redSmallBt a, .windowWrapper .blueSmallBt a{width:100%;font-weight:bold; font-size:14px; padding:0px} .windowWrapper table {width:100%; height:auto; padding:0px; margin:0px auto} .windowWrapper td {width:auto; height:60px; padding:0px} .windowWrapper td.instructions {width:100%; height:30px; overflow:hidden; background-color:#00664f; color:#ffffff; padding:5px;text-align:center } .windowWrapper td.radioBtTd, .windowWrapper td.radioBtTd div{width:20px; height:auto; overflow:hidden; margin-left:5px} .passwordChangeWrapper, .smallpopupWrapper{ text-align:left; width:auto; height:auto; margin:0px auto; overflow:hidden;} .passwordChangeWrapper td.instructions { background-color:#004a8d; color:#ffffff} .smallpopupWrapper {} /*-----------------------ProfileScreen------------------*/ .profileFormContainer, .lightBoxFormContainer, .sysCheck .lightboxWrapper{ padding:10px; margin:0px auto; text-align:left; width:auto; height:auto; overflow:hidden; background-color:#ffffff; font-size:13px; } .profileFormContainer .lightBoxBottomBar, .sysCheck .lightBoxBottomBar{ margin:0px; padding:0px} .profileFormContainer .lightBoxBottomBar .left, .sysCheck .lightBoxBottomBar .left{margin:0px} .profileFormContainer .lightBoxBottomBar .blueBtWrapper{float:right; width:380px;height:auto; overflow:hidden; text-align:left} .profileFormContainer .lightBoxBottomBar .blueBt{float:left;} .profileFormContainer .lightBoxBottomBar .blueBt a{margin:0px} .profileFormContainer{/*height:485px;overflow-y:auto;*/padding:0px} .profileFormContainer .blueBigTitle, .lightBoxFormContainer .blueBigTitle, .sysCheck .blueBigTitle{ margin:0px} .lightBoxHeader{padding:0px;margin:0px auto;text-align:left;width:100%; height:auto;overflow:hidden;background-color:#ffffff; } .lightBoxHeader h1{} .profileFormContainer .StartBtnWrapper{margin:0px; text-align:right} .profileFormContainer .StartBtnWrapper .StartBtn{ float:right; margin-right:95px; width:100px} .profileFormContent, .lightBoxFormContent{ width:auto; height:auto; overflow:hidden; padding:0px; margin:0px auto; } .profileFormContent {min-height:395px;/*for my profile right height*/overflow-y:auto;} .profileFormContent p, .lightBoxFormContent p { width:auto; height:auto; margin:0px; padding:0px; margin-bottom:30px; margin-top:10px; } .profileFormWrapper{ width:auto; height:370px; overflow:hidden; overflow-y:auto; margin:0px auto; } .profileFormWrapper table, .lightBoxFormWrapper table { width:530px; height:auto; overflow:hidden; margin:0px auto; padding:0px; padding-bottom:20px; } .profileFormWrapper #profileTable {width:100%} .profileFormWrapper table.gender {width:auto;margin-bottom:0px; padding:0px; float:left} .profileFormWrapper table.gender input{ margin-left:2px; margin-top:8px} .profileFormWrapper table.gender .mandatory{ margin-top:11px; margin-left:1px} .profileFormWrapper table td, .lightBoxFormWrapper table td{ border:none; height:auto; width:auto; vertical-align:middle; padding:0px; margin:0px; /*border:1px solid red;*/ white-space:nowrap; } .profileFormWrapper table tr.seperator td{ border-top:#dfdede 1px solid; padding-top:12px; } .profileFormWrapper table.gender td{border-top:none; padding:0px; width:80px;margin-bottom:0px; padding-right:20px;} .profileFormWrapper table td label{ margin:0px; padding:0px; padding-left:5px; width:auto; min-width:74px; height:auto; /*white-space:nowrap;*/ color:#353536; vertical-align:middle; float:left; line-height:18px; } .profileFormWrapper table td div.inputField{ margin:0px; padding:0px; width:100%; height:auto; overflow:hidden; float:left; margin-bottom:12px } table td .inputField input{ margin:0px; padding:0px 3px; width:90%; height:18px; color:#000000; line-height:18px; text-indent:0px; border:1px solid #bdbdbd; vertical-align:middle; font-family:Verdana; } .femaleInput { margin-left:20px} table td .inputField input:focus, .profileFormWrapper table td .inputField select:focus { border: 2px solid #00664f; } table td.wide div.inputField{ /*width:210px;*/ } table td.wide .inputField input{ /*width:400px;*/ } table td.short div.inputField{ width:100px; } table td.short .inputField input{ width:80px; margin-left:9px; } .profileFormWrapper table td .mandatory { background-image:url('../profileScreen/mandatory.gif'); background-repeat:no-repeat; margin-top:4px; margin-left:3px; margin-right:1px; width:8px; height:7px; float:left; } .profileFormWrapper table td img{ margin:0px; padding:0px; width:auto; height:auto; border:none; vertical-align:middle; } .profileFormWrapper table td a.passwordLink{ color:#044588; margin-left:6px; } .profileFormWrapper table td .inputField select{ margin:0px; padding:0px; width:93%; height:auto; color:#000000; line-height:normal; text-indent:0px; border:1px solid #adaeae; } .profileFormWrapper table td .inputField select.width100{width:97%;} /*------------------Button---------------*/ .profileFormContainer .blueBt{ width:auto; max-width:400px; min-width:200px; height:39px; cursor:pointer; padding:0px; margin:0px auto; background-image:url('../profileScreen/blue_bt_bg.gif'); background-repeat:repeat-x; display:block; border-radius:4px; border:#ffffff 1px solid; -moz-box-shadow: 0 0 10px #c6d5b4; -webkit-box-shadow: 0 0 10px #c6d5b4; box-shadow: 0 0 10px #c6d5b4; text-align:center; margin-top:10px; float:right; overflow:hidden; } .blueBt a{ width:auto; height:auto; color:#ffffff; text-decoration:none; vertical-align: middle; display:block; font-size:16px; line-height:39px; margin:0px auto; cursor:pointer; font-weight:normal; } /*--------------------Pop Up-----------------------------*/ .passwordPopupContainer { width:auto; height:auto; overflow:hidden; -moz-box-shadow: 0 0 15px #c5c6c3; -webkit-box-shadow: 0 0 15px #c5c6c3; box-shadow: 0 0 15px #c5c6c3; padding:10px 0px; margin:0px auto; border:#e6e7e5 1px solid; position:relative; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:left; } .passwordPopupContainer:after { } .popUpForm{ /*width:380px; */ width:350px; height:auto; overflow:hidden; background-color:#fdfefd; border-radius:4px; font-size:13px; padding:0px; margin:0px auto; font-size:13px; border:1px solid #004a8d; /*-webkit-box-shadow: 0px 0px 10px 5px rgba(193, 193, 193, 1);box-shadow: 0px 0px 10px 5px rgba(193, 193, 193, 1);*/ } .popUpFormContent{ width:auto; height:auto; overflow:hidden; padding:0px; margin:0px auto; font-size:13px; background-color:#fdfefd; } .popUpFormTop{ width:374px; height:44px; overflow:hidden; margin:0px auto; background-color:#3b77bd; border-top-left-radius:8px; border-top-right-radius:8px; margin-top:3px; } .popUpFormTitle { width:auto; height:44px; padding:0px; float:left; margin:0px; } .closeWindow{ float:right; width:45px; height:44px; padding:0px; margin:0px; } .closeWindow a img{ border:none; width:45px; height:44px; padding:0px; margin:0px; } .popUpFormTitle h4 { padding:0px; margin:0px; font-size:15px; font-style:normal; font-size:bold; color:#ffffff; width:auto; line-height:44px; background-image:url('../profileScreen/password_icon.gif'); background-repeat:no-repeat; background-position:5px 5px; padding-left:43px; } .passwordChangeWrapper table { width:100%; height:auto; overflow:hidden; margin:0px auto; padding:0px; } .passwordChangeWrapper table td{ border:none; height:40px; width:auto; vertical-align:middle; margin:0px; padding:0px 10px; /*border:1px solid red;*/ } .passwordChangeWrapper table td#cxtToChangeUserName{ text-align:center} .passwordChangeWrapper table td.instructions{ color:#666666; background-color:#e2f0f9 } .passwordChangeWrapper table tr.seperator td{ padding-top:12px } .passwordChangeWrapper table td a { color:#044588 } .blueBtSmall{ width:auto; height:31px; cursor:pointer; padding:0px; margin:0px auto; background-image:url('../profileScreen/blue_bt_small_bg.gif'); background-repeat:repeat-x; display:block; border-radius:4px; border:#ffffff 1px solid; -moz-box-shadow: 0 0 10px #c6d5b4; -webkit-box-shadow: 0 0 10px #c6d5b4; box-shadow: 0 0 10px #c6d5b4; text-align:center; float:right; margin-right:40px } .passwordChangeWrapper table td .width50{float:none;margin-right:auto;width:50%;} .passwordChangeWrapper table td .blueBtSmall a{ width:auto; height:auto; color:#ffffff; text-decoration:none; vertical-align: middle; display:block; font-size:13px; line-height:31px; margin:0px auto; cursor:pointer; font-weight: 500; margin-left:15px; margin-right:15px; border:none; } .logOut {width:auto; height:70px} .logOut table {width:90%; height:auto;} .logOut td{ /*border:1px solid red*/} .logOut td.instructions{width:100%; height:auto; overflow:hidden; background-color:#132977; color:#ffffff; padding:3px;} .logOut .redSmallBt { width:50%; height:20px; margin:0px; margin-top:20px; float:right} .logOut .redSmallBt a {width:100%; height:20px; line-height:20px; padding:0px} .logOut .link { margin-top:20px; float:right} /*------------------my progress----------------------*/ .myProgressLightBox{/*width:850px;*/ } .myProgressLightBoxHeader{width:100%; height:37px; padding:0px; margin:0px; background-color:#004a8d; border-radius: 8px 8px 0px 0px } .myProgressLightBoxHeader h1{width:auto; height:auto; overflow:hidden; font-size:16px; font-weight:normal; color:#ffffff; float:left; padding:0px; margin:0px; line-height:37px; background-image:url('../my_progress/progress_icon.png'); background-repeat:no-repeat; background-position:10px top; padding-left:50px} .myProgressLightBox .lightBoxClose a{background-color:#b0aeae; margin:5px 5px; background-color:transparent; border:none} /*top tabs*/ .myProgressLightBoxTabs {width:100%; height:auto; overflow:hidden;} .myProgressLightBoxTabs ul {width:auto; height:auto; overflow:hidden; float:right; margin:0px 15px; list-style:none; margin-right:0px} .myProgressLightBoxTabs ul li{width:auto; min-width:98px; height:42px; overflow:hidden; float:left; background-repeat:no-repeat; background-position:7px 50% ; background-color:#eef4f7; border:1px solid #c1c3d1; border-top:none; border-radius:0px 0px 5px 5px; margin-left:5px; } .myProgressLightBoxTabs ul li h2 {width:auto; height:42px; font-size:11px; margin:0px; padding:0px; line-height:normal} .myProgressLightBoxTabs ul li h2 a {width:auto; height:auto; color:#c1c3d1; text-decoration:none; cursor:pointer} .myProgressLightBoxTabs ul li.active h2 a {color:#132977; } .myProgressLightBoxTabs ul li.active, .myProgressLightBoxTabs ul li.active:hover{ background-image:url('../my_progress/tabsBg_over.gif'); background-repeat:repeat-x; background-position:top; border:1px solid #132977; border-top:none; background-color:#ffffff} .myProgressLightBoxTabs ul li:hover{ background-color:#ffffff; border-color:#246dae} .myProgressLightBoxTabs ul li:hover h2 a{ color:#246dae} .myProgressLightBoxTabs ul li h2 a span {float:left; text-align:left; width:50%; background-repeat:no-repeat; background-position:right 10px; height:100% } .myProgressLightBoxTabs ul li h2 a span.componentReport{ background-image:url('../my_progress/skillTab_icon.png'); margin-right:5px; width:35px;} .myProgressLightBoxTabs ul li.active h2 a span.componentReport{background-image:url('../my_progress/skillTab_icon_active.png'); } .myProgressLightBoxTabs ul li.active h2 a span.unitReport{background-image:url('../my_progress/reportTab_icon_active.png'); } .myProgressLightBoxTabs ul li h2 a span.unitReport{ background-image:url('../my_progress/reportTab_icon.png'); margin-right:5px; width:35px;} .myProgressLightBoxTabs ul li h2 a span.chooseReport{margin-top:8px; margin-left:5px } /*module tabs*/ .myProgressLightBox .tabsWrapper {height:26px; margin-bottom:0px; width:100%; border:none; z-index:100; margin-top:-10px; position:absolute} .myProgressLightBox .tabsWrapper ul.modules{height:26px; margin-top:0px} .myProgressLightBox .tabsWrapper ul.modules li{height:26px; line-height:19px; margin:0px; margin-right:1px;} .myProgressLightBox .tabsWrapper ul.modules li h3 { width:auto; height:26px; font-size:12px; background-color:#c1c3d1; border:none; border-top:3px solid #c1c3d1; margin:0px; padding:0px; margin-top:-2px } .myProgressLightBox .tabsWrapper ul.modules li h3 a{ width:auto ;height:100%; border:none; color:#ffffff; margin:0px} .myProgressLightBox .tabsWrapper ul.modules li h3 a:hover{ border:none; background-color:#004a8d; color:#ffffff; } .myProgressLightBox .tabsWrapper ul.modules li.pressed, .myProgressLightBox .tabsWrapper ul.modules li.pressed:hover, .myProgressLightBox .tabsWrapper ul.modules li.disabled, .myProgressLightBox .tabsWrapper ul.modules li.disabled:hover {border:none; border-right:1px solid #dddddd;border-left:1px solid #dddddd} .myProgressLightBox .tabsWrapper ul.modules li.pressed h3 a, .myProgressLightBox .tabsWrapper ul.modules li.pressed h3 a:hover{line-height:22px; height:26px; border:none; border-top:3px solid #004a8d; background-color:#fffdfd; color:#004a8d; margin:0px; margin-top:-1px} .myProgressLightBox .tabsWrapper ul.modules li.disabled h3 a, .myProgressLightBox .tabsWrapper ul.modules li.disabled h3 a:hover {line-height:22px;height:26px; font-size:12px; background-color:#e4e2e2; color:#d2d1d1; border:none; border-top:3px solid #e4e2e2;margin:0px; margin-top:-1px} .myProgressLightBox .tabsWrapper ul.modules li:hover h3{border:none; background-color:#004a8d; color:#ffffff; border-top:3px solid #004a8d;} .myProgressLightBox .moduleContent { background-color:#fffdfd; padding-top:25px;padding-bottom:25px; /*overflow-y:auto; max-height:440px*/ } /*graphs area*/ .myProgressLightBox .moduleContent .progressGraphsWrapper {height:auto; overflow:hidden; /*width:760px;*/ width:95%; margin:0px auto; margin-bottom:25px; padding:0px; padding-top:0px; border:1px solid #cfcfcf; background-color:#ffffff; border-radius:3px; clear:both; float:none} .testScoresGraphs {width:auto; min-width:300px; height:auto;} .myProgressLightBox .moduleContent .progressGraphsWrapper .left {width:450px;height:270px; border-right:1px solid #cfcfcf;} .myProgressLightBox .moduleContent .progressGraphsWrapper .right { width:395px;} .myProgressLightBox .moduleContent .progressGraphsWrapper .progressGraphBox {width:100%;height:auto;overflow:hidden; } #chart1 {width:180px; min-height:180px; margin:-25px auto 0px; overflow:hidden} .myProgressLightBox .moduleContent .progressGraphsWrapper .progressGraphBox h4 {width:auto;height:44px; overflow:hidden; color:#132775; font-size:11px; line-height:44px; padding:0px 10px; padding-left:50px; background-repeat:no-repeat; margin:0px } .myProgressLightBox .timeInvested{ float:none; background-color:transparent; background-image:none; margin:0px; padding:0px; padding-bottom:30px; } .myProgressLightBox .timeInvested table{margin-left:13px; } .myProgressLightBox .timeInvested h4{background-image:url('../my_progress/timeInvested_icon.png'); background-position:6px 7px;} .myProgressLightBox .moduleContent .progressGraphsWrapper .testScoresGraphs { height:239px;} .myProgressLightBox .testScoresGraphs h4{background-image:url('../my_progress/AvgTest_icon.png'); background-position:2px 7px;} .completionGraphWrapper {width:95px;height:95px; border:1px solid #3e85c5; border-radius:80px; text-align:center; margin:15px auto} .completionGraphData {width:95px;height:95px; border-radius:80px; text-align:center; margin:0px auto; background-color:#e4e2e2;} .completionGraphPrecentage {width:65px;height:65px; border-radius:65px; text-align:center; margin:0px auto; background-color:#ffffff; line-height:68px; position:relative; top:50px; left:0px; color:#132977; font-size:11px; font-weight:bold; z-index:3000 } .testScoresGraphs ul{ width:auto; height:auto; margin:10px; list-style:none; padding:0px; float:none; text-align:left; margin-bottom:0px; margin-left:10px } .testScoresGraphs ul li {height:auto; overflow:hidden; width:auto; line-height:30px; margin:0px; padding:0px; float:none; margin-top:10px; vertical-align:middle} .testScoresGraphs h5 { font-size:11px; font-weight:bold; color:#666666; float:left; height:auto; margin:0px; padding:0px; text-align:right; width:100px; /*line-height:normal; */ vertical-align:middle} .finalTestLink { width:100%;height:31px; border-color:transparent; vertical-align:bottom; background-color:#d7ecf5; border-top:#a9b7c4 1px dotted;} .finalTestLink:hover{background-color:#bbd5f2} .finalTestLink .finalTestBt { width:auto;height:auto; float:left; overflow:hidden} .myProgressLightBox .moduleContent .progressGraphsWrapper .finalTestLink .finalTestBt h4 { width:auto;height:31px; background-image:url('../my_progress/icoFinalTest_done.png'); background-position:8px 50%; line-height:31px; padding-left:40px} .myProgressLightBox .moduleCompletion h4 {background-image:url('../my_progress/mCompletion_icon.png'); background-position:7px 7px; border-top:1px solid #cac8c8 ;} .viewTestResultsBT { width:auto;height:auto; overflow:hidden; float:right; margin-right:5px;} .finalTestLink .viewTestResultsBT ul.viewResultsLink li {height:100%; line-height:30px } .finalTestLink .viewTestResultsBT ul.viewResultsLink li a { margin-top:6px} /*report table area*/ .reportTableWrapper {height:auto; overflow:hidden; width:95%; margin:0px auto; padding:0px;border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; background-color:#ffffff; clear:both; float:none} .unitsAllWrapper {height:auto; overflow-y:auto; width:100%;} .reportTableWrapper table { font-size:12px; text-align:center; width:100%} .reportTableWrapper table th.alignLeft { padding-left:5px} .reportTableWrapper table.unitsAll{ color:#4a4949;font-weight:bold; background-color:#fffdfd} .reportTableWrapper table.unitsAll th { background-color:#00664f; color:#ffffff; line-height:25px; padding:0px 5px; margin:0px; border-collapse:collapse} .reportTableWrapper table.unitsAll tr{cursor:pointer} .reportTableWrapper table.unitsAll tr.active td, table.unitsAll tr:hover{ background-color:#b1dfd3; color:#4a4949; } .reportTableWrapper table.unitsAll tr.darker{ background-color:#f2f0f0;} .reportTableWrapper tr:hover, .reportTableWrapper table.unitsAll tr.darker:hover { background-color:#b1dfd3; border-color:#cccccc} .reportTableWrapper table.unitsAll td{width:auto; border:1px solid #d7d7d7; line-height:30px; padding:0px 5px; font-size:11px; border-right:none; border-bottom:none; border-collapse:collapse} .reportTableWrapper table.unitsAll td.unitDetailsContainer {padding:0px; border:0px;} .reportTableWrapper table.unitsAll td.openUnitDetails { width:56px; padding-right:0px} .reportTableWrapper table.unitsAll td.closeUnitDetails { width:56px; padding:0px; padding-left:3px} .reportTableWrapper table.unitsAll td.componentIcon {width:60px; padding:0px} .reportTableWrapper table.unitsAll td.unitCompletionGraph{width:413px; padding:0px; font-size:11px; text-align:center;} .reportTableWrapper table.unitDetails{ color:#000000; font-weight:normal; width:100%; border-bottom:2px solid #06674e; background-color:#def8ef} .reportTableWrapper table.unitDetails tr:hover{background-color: transparent; } .reportTableWrapper table.unitDetails tr:hover td{ background-color:#00c48f; color:#000000} .reportTableWrapper table.unitDetails tr td div.lessonName{padding-left:5px; width:auto; height:auto; overflow:hidden; float:left; padding: 0px 7px;height: 19px;line-height: 19px; margin-left:3px } .reportTableWrapper table.unitDetails tr:hover td div.lessonName{ text-decoration:underline; } .reportTableWrapper table.unitDetails tr:hover td div.lessonName:hover{ color:#ffffff; background-color:#132974;color:#FFF;text-decoration:none;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;cursor:pointer;} .reportTableWrapper table.unitDetails tr td .viewTestResultsBT li{ float:none} .reportTableWrapper table.unitDetails tr.darker, .reportTableWrapper table.unitDetails tr.darker:hover{ background-color:#c8f5e6;} .reportTableWrapper table.unitDetails th{ background-color:#e4e2e2; font-size:11px; color:#132775; border:1px solid #bbd4dd; border-right:none; border-bottom:none; line-height:normal; padding-top:2px; padding-bottom:2px} .reportTableWrapper td.openUnitDetails .rightArrow { border-left:6px solid #a7a8a8; padding:0px; cursor:pointer; display:block; border-top:5px solid transparent;border-bottom:5px solid transparent; margin:0px auto; margin-top:1px;} .reportTableWrapper td.closeUnitDetails .rightArrow {border-top:6px solid; padding:0px; cursor:pointer; display:block; border-right:5px solid transparent;border-left:5px solid transparent; margin:0px auto; margin-top:8px} .reportTableWrapper tr:hover td.openUnitDetails .rightArrow {border-left-color:#252424;} .reportTableWrapper table.unitDetails td { width:auto ; height:auto; padding:4px 5px; float:none; border-color:#bbd4dd;} .reportTableWrapper table.unitDetails td.componentIcon a {min-width:25px; max-width:28px ; height:26px; background-repeat:no-repeat; display:block; margin:0px auto} .reportTableWrapper table.unitDetails td.componentIcon a span{ display:none;} .reportTableWrapper table.unitsAll th.width115{ width:33px; padding-left:70px} .reportTableWrapper table.unitDetails td.width90 { width:90px} .reportTableWrapper table.unitDetails td.width60 { width:60px} .reportTableWrapper table.unitsAll th.width52{ width:52px} .reportTableWrapper table.unitDetails td.width350 {width:306px; padding:0px; padding-right:5px} /*my progress bottom*/ .myProgressLightBoxBottom {width:100%; height:auto; overflow:hidden; background-color:#bbd5f2; border-top:3px solid #004a8d; border-radius: 0px 0px 8px 8px; } .myProgressLightBoxBottom ul {width:auto; height:auto; overflow:hidden; float:right; margin:8px 0px 5px} .myProgressLightBoxBottom ul li{width:auto; height:25px; overflow:hidden; float:left; background-repeat:no-repeat; background-position:7px 50% } .myProgressLightBoxBottom ul li a {color:#004a8d; text-decoration:underline; padding:0px 10px 0px 25px; font-size:11px; line-height:21px; display:block;cursor:pointer} .myProgressLightBoxBottom ul li.print {background-image:url('../my_progress/print_icon.png'); border-left:1px solid #7c93c2; cursor:pointer} .myProgressLightBoxBottom ul li.share {background-image:url('../my_progress/share_icon.png'); border-right:1px solid #dadbdd} /*top graphs*/ .myProgressLightBox .progressGraphs {width:auto;height:auto; float:left; margin-left:20px; margin-top:0px;} .myProgressLightBox .graphBar {width:210px; margin-top:10px;} .myProgressLightBox .testScoresGraphs .graphBlock { border:1px solid #ffffff; margin-top:1px; margin-left:1px} .testScoresGraphs li .graphRange{ float:left; height:30px; margin-left:3px; margin-right:0px; line-height:30px} .testScoresGraphs li .graphScore {left:6px; height:20px; top:-17px; } .testScoresGraphs li .graphScoreCircle { margin:0px; margin-top:0px; position:relative; top:0px; width:20px; height:20px; line-height:20px} /*empty*/ .myProgressLightBox li.progressGraphsEmpty .graphBlock { display:none} .myProgressLightBox li.progressGraphsEmpty h5 {color:#b0aeae} .myProgressLightBox li.progressGraphsEmpty .graphScore { display:none} /*full*/ .myProgressLightBox li.progressGraphsFull .graphScore{display:none} .myProgressLightBox li.progressGraphsFull .graphRange{color:#132775;} .reportTableWrapper table.unitsAll .progressGraphsFull .graphScore .graphScoreCircle{ float:left} /*table graphs*/ .reportTableWrapper table.unitsAll .progressGraphs{width:230px; margin:0px auto; float:none} .reportTableWrapper table.unitsAll .graphBar{background-color:#fffdfd; width:200px; margin-right:5px; border:1px solid #35826e; margin-top:4px} .reportTableWrapper table.unitsAll .graphBlock{ background-color:#11b98e; border:1px solid #35826e; margin-top:1px; margin-left:1px} .reportTableWrapper table.unitsAll .graphScore { top:0px; left:0px; margin-top:1px; width:100%!important; } .reportTableWrapper table.unitsAll .graphScore .graphScoreCircle{border:none; background-color:transparent; color:#4a4949;} .reportTableWrapper table.unitsAll .graphRange { display:none} .myProgressLightBox tr.active .graphBar { border-color:#4a4949} .myProgressLightBox tr.active .graphBlock { background-color:#06674e} /*full*/ /*Empty*/ .unitsAll div.progressGraphsEmpty, .unitsAll div.progressGraphsFull {width:230px; margin:0px auto; float:none } .unitsAll div.progressGraphsEmpty .graphBlock { display:none} .unitsAll div.progressGraphsEmpty .graphBar, .unitsAll div.progressGraphsFull .graphBar{ border:1px solid #cccccc; margin-right:5px; width:200px} .unitsAll div.progressGraphsEmpty .graphScore {top:0px; left:0px; margin-top:1px; width:100%!important;} .unitsAll div.progressGraphsEmpty .graphScore .graphScoreCircle{color:#cccccc; /*float:left; margin:0px margin-right:7px*/} .myProgressLightBox tr.active div.progressGraphsEmpty .graphBar { border-color:#aaaaaa} .myProgressLightBox tr.active div.progressGraphsEmpty .graphScore .graphScoreCircle{color:#888888;} /*--------------*components*---------------------*/ .breadcrumsWrapper {width:100%; height:auto; overflow:hidden; background-color:#f5f5f5; margin-top:15px} .breadcrumsWrapper .lessonPath { width:auto;height:auto; overflow:hidden; margin:8px 0px 0px 15px; padding:0px; float:left; cursor:pointer;} .breadcrumsWrapper .lessonPathNoUnderline { width:auto;height:auto; overflow:hidden; margin:0px 0px 20px 5px; padding:0px; float:left; } .breadcrumsWrapper .lessonPath h2, .breadcrumsWrapper .lessonPath h1{ font-size:11px; background-image: none; padding-right:3px; padding-left:3px; font-weight:normal; border-bottom:#010157 1px solid;} .breadcrumsWrapper .lessonPath h1 {padding:0px; margin:0px; padding-right:3px;} .breadcrumsWrapper .lessonPath span,.breadcrumsWrapper .lessonPathNoUnderline span, .breadcrumsWrapper .lessonPath span h2{ margin-left:0px; padding-left:3px; color:#010157} .breadcrumsWrapper .lessonPath .unitName{ border-bottom:#010157 1px solid;} .breadcrumsWrapper span.rightArrow { border-left:5px solid; padding:0px; cursor:pointer; display:block; border-top:4px solid transparent;border-bottom:4px solid transparent; margin-top:4px; margin-left:3px; margin-right:3px; float:left} .breadcrumsWrapper .lessonPathNoUnderline .lessonNumber { margin-left:0px; color:#435594; font-size:11px; float:left} .lessonPathNoUnderline span.rightArrow {border-left-color:#435594} .breadcrumsWrapper .lessonTitleContainer {width:auto; height:auto; overflow:hidden; float:left} .breadcrumsWrapper .lessonTitleContainer .lessonName {height:auto; font-size:11px; color:#ab3827} .breadcrumsWrapper .lessonTitleContainer .lessonInfo .lessonName h3 {font-size:11px;min-height:auto; font-weight:normal} .breadcrumsWrapper .lessonTitleContainer .componentIcon {width:auto; height:auto; overflow:hidden; } .breadcrumsWrapper .lessonTitleContainer .componentIcon div{width:0; height:0; background-image:none; display:none} .componentsContent{ width:850px;height:auto; overflow:hidden; margin:0px ; padding:0px; float:left } .componentsContent .tabsWrapper { width:auto; background-color:#e9e8e8; border:none; float:right} .componentsContent .tabsWrapper .ulSubCompM li{border-top:2px solid #e9e8e8; background-color:#cac8c8} .componentsContent .tabsWrapper .ulSubCompM li.active{border-color:#ab3827; background-color:#ffffff } .componentsContent .tabsWrapper .ulSubCompM li.active:hover{background-color:#ffffff} .componentsContent .tabsWrapper .ulSubCompM li.active a{color:#ab3827; border-left:none; border-right:none} .componentsContent .tabsWrapper .ulSubCompM li.active:hover a:hover{color:#004a8d} .componentsContent .tabsWrapper .ulSubCompM li:hover, .componentsContent .tabsWrapper .ulSubCompM li:focus{background-color:#aaa9a9; } .componentsContent .tabsWrapper .ulSubCompM li:hover a:hover, .componentsContent .tabsWrapper .ulSubCompM li:focus a:focus{color:#ffffff} .lessonInstructions {width:100%; height:auto; min-height:30px; overflow:hidden; text-align:left; padding-left:5px; margin-left:15px; margin-bottom:5px; margin-top:5px} .lessonInstructions p{width:98%; height:auto; overflow:hidden; margin:0px; text-align:left; color:#435594; font-size:12px; padding:2px 0px;line-height:15px; margin-top:5px;} .closeInstructionsPanel{width:100%; height:auto; text-align:right; border-top:1px dotted #c6c8ca} .closeInstructionsPanel a{height:auto; color:#5c5b5b; font-size:10px; text-decoration:underline; padding-right:16px; cursor:pointer; display:block; padding:3px 6px 6px} .closeInstructionsPanelText{margin-right:5px} .closeInstructionsPanel a span.upArrow, .closeInstructionsPanel a span.downArrow{ border-right:5px solid transparent; border-left:5px solid transparent; } .closeInstructionsPanel a span.downArrow{border-top:6px solid #132977;margin:0px; margin-top:4px; } .closeInstructionsPanel a span.upArrow{border-bottom:6px solid #132977; } .questionAreaWrapper{width:auto;height:auto; overflow:hidden; border-top:3px solid #132977; margin-bottom:20px; background-image:none!important} .stepTasksAndPmContainer{width:100%; text-align:right; height:auto; margin:0px; float:left; overflow:hidden; margin-right:5px} /*paging*/ .questionsPagingWrapper { width:100%; height:25px; overflow:hidden; background-color:#75aae5; color:#ffffff; padding:0px;} .tasksNav {width:100%; height:100%; line-height:21px; text-align:left; line-height:25px;} .tasksNav span.currentTask {font-weight:bold; font-size:13px;} .questionsCounter {width:87%; height:100%; line-height:21px; font-size:11px; text-align:center; line-height:25px; color:#ffffff; margin:0px auto} .ulTasks{display:block; float:left; width:auto; height:auto; padding:0; margin:0 ; list-style:none; margin-right:7px; display:none;} .ulTasks li{float:left; width:auto; height:auto; margin:0; padding:0px } .ulTasks li a{display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; text-decoration:none; color:#000033; font-size:12px;} .ulTasks li a:hover{color:#1d5da7;} .ulTasks li.visited a{color:#999999;} .ulTasks li.active a{color:#ffffff; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; background:#ffa72b;} .tasksNav div{float:left;} .tasksNav .tasksBtprev{float:left; width:16px; height:12px; margin:6px 0px 0 10px; font-size:0; border:none; background:none; line-height:0; cursor:pointer; background-image:url('../general/previous.png'); background-repeat:no-repeat} .tasksNav .tasksBtprev:hover {background-image:url('../general/previous_o.png');} .tasksNav .tasksBtprev[disabled]{cursor:default !important; background-image:url('../general/previous_d.png');} .tasksNav .tasksBtnext{float:right; width:16px; height:12px; margin:6px 10px 0 0; font-size:0; border:none; background:none; line-height:0; cursor:pointer; background-image:url('../general/next.png'); background-repeat:no-repeat } .tasksNav .tasksBtnext:hover{background-image:url('../general/next_o.png');} .tasksNav .tasksBtnext[disabled="disabled"]{background-image:url('../general/next_d.png'); cursor:default !important;} .questionsPagingArrows {width:75px;height:25px; line-height:25px; text-align:left; float:right; margin-right:15px} .questionsPagingArrows .rightArrow, .questionsPagingArrows .leftArrow{width:0px; height:0px; margin:0px auto; border: none; border-left:10px solid #d9ede8; padding:0px; cursor:pointer; display:block; border-top:6px solid transparent;border-bottom:6px solid transparent; float:left; margin-left:25px; margin-top:7px} .questionsPagingArrows .leftArrow {border-right:10px solid #d9ede8; border-left:none; } .questionsPagingArrows .rightArrow:hover{border-left-color:#ffffff} .questionsPagingArrows .leftArrow:hover{border-right-color:#ffffff} .questionsPagingArrows .disabled, .questionsPagingArrows .disabled:hover{/*border-color:#419f87*/border-color:#028967; cursor: default} /*/*/ .componentsToolsWrapper{width:auto;height:25px; overflow:hidden; background-color:#132977; } .fullScreen .componentsToolsWrapper{height:auto;} .componentsToolsWrapper ul {width:auto; height:auto; overflow:hidden; margin:3px 10px 5px; list-style:none; padding:0px; float:none; text-align:left; border-left:1px solid #52639c} .componentsToolsWrapper ul li {width:auto; height:auto; width:auto; margin:0px; padding:0px 2px ; float:left; /*margin-top:3px; /*background-image:url('../content/tools_seperator.gif'); background-repeat:no-repeat; background-position:right;*/ border-right:1px solid #52639c } .componentsToolsWrapper ul li a{width:auto; height:auto; color:#f1f1f1; text-decoration:none; font-size:11px; background-repeat:no-repeat; background-position:5px 50%;padding:0px 12px 0px 8px; display:block; line-height:19px; cursor:pointer; margin:0px 0px 0px 2px} .componentsToolsWrapper ul li:hover a{ background-color:#2f4388; border-radius:10px; color:#ffffff} .componentsToolsWrapper ul li.disabled a, .componentsToolsWrapper ul li.disabled a:hover{color:#67708f; background-color:#132977;} .componentsToolsWrapper ul li.selected a{color:#0b194a; background-color:#ffffff; border-radius:10px} .componentsToolsWrapper ul li#hear a, .componentsToolsWrapper ul li#hear:hover a#hear:hover, .componentsToolsWrapper ul li#part a, .componentsToolsWrapper ul li#part:hover a:hover, .componentsToolsWrapper ul li#all_ a, .componentsToolsWrapper ul li#all_:hover a:hover{background-image:url('../content/hear_icon.png'); padding-left:28px; } .componentsToolsWrapper ul li#hear.disabled a, .componentsToolsWrapper ul li#hear.disabled a:hover, .componentsToolsWrapper ul li#part.disabled a, .componentsToolsWrapper ul li#part.disabled a:hover, .componentsToolsWrapper ul li#all_.disabled a, .componentsToolsWrapper ul li#all_.disabled a:hover{background-image:url('../content/hear_icon_dis.png'); } .componentsToolsWrapper ul li#hear.selected a, .componentsToolsWrapper ul li#hear.selected a:hover, .componentsToolsWrapper ul li#part.selected a, .componentsToolsWrapper ul li#part.selected a:hover, .componentsToolsWrapper ul li#all_.selected a, .componentsToolsWrapper ul li#all_.selected a:hover{background-image:url('../content/hear_icon_active.png'); } .componentsToolsWrapper ul li#open_srp a, .componentsToolsWrapper ul li#open_srp:hover a:hover{background-image:url('../content/open_srp_icon.png'); padding-left:19px; background-position:5px 2px } .componentsToolsWrapper ul li#open_srp.disabled a, .componentsToolsWrapper ul li#open_srp.disabled a:hover{background-image:url('../content/open_srp_icon_dis.png'); } .componentsToolsWrapper ul li#open_srp.selected a, .componentsToolsWrapper ul li#open_srp.selected a:hover{background-image:url('../content/open_srp_icon_active.png'); } .componentsToolsWrapper ul li#CheckAnswer a, .componentsToolsWrapper ul li#CheckAnswer:hover a:hover{background-image:url('../content/CheckAnswer_icon.png'); padding-left:30px; } .componentsToolsWrapper ul li#CheckAnswer.disabled a, .componentsToolsWrapper ul li#CheckAnswer.disabled a:hover{background-image:url('../content/CheckAnswer_icon_dis.png'); } .componentsToolsWrapper ul li#SeeAnswer a, .componentsToolsWrapper ul li#SeeAnswer:hover a:hover{background-image:url('../content/SeeAns_icon.png'); padding-left:30px; background-position:5px 2px } .componentsToolsWrapper ul li#SeeAnswer.disabled a, .componentsToolsWrapper ul li#SeeAnswer.disabled a:hover{background-image:url('../content/SeeAns_icon_dis.png'); } .componentsToolsWrapper ul li#Restart a, .componentsToolsWrapper ul li#Restart:hover a:hover{background-image:url('../content/clear_icon.png'); padding-left:30px; background-position:6px 4px } .componentsToolsWrapper ul li#Restart.disabled a, .componentsToolsWrapper ul li#Restart.disabled a:hover{background-image:url('../content/clear_icon_dis.png'); } .componentsToolsWrapper ul li#SeeText a, .componentsToolsWrapper ul li#SeeText:hover a:hover{background-image:url('../content/script_icon.png'); padding-left:30px; } .componentsToolsWrapper ul li#SeeText.disabled a, .componentsToolsWrapper ul li#SeeText.disabled a:hover{background-image:url('../content/script_icon_dis.png'); } .componentsToolsWrapper ul li#seeExplanation a, .componentsToolsWrapper ul li#seeExplanation:hover a:hover{background-image:url('../content/seeExp_icon.png'); padding-left:30px; background-position:5px 0% } .componentsToolsWrapper ul li#seeExplanation.disabled a, .componentsToolsWrapper ul li#seeExplanation.disabled a:hover {background-image:url('../content/seeExp_icon_dis.png'); } .componentsToolsWrapper ul li a#Restart, .componentsToolsWrapper ul li:hover a#Restart:hover{background-image:url('../content/clear_icon.png'); padding-left:22px; background-position:5px 4px} .componentsToolsWrapper ul li.disabled a#Restart, .componentsToolsWrapper ul li.disabled a#Restart:hover{background-image:url('../content/clear_icon_dis.png'); } .componentsToolsWrapper ul li#printTxt a, .componentsToolsWrapper ul li#printTxt:hover a:hover{background-image:url('../content/print_icon.png'); padding-left:25px; background-position:5px 4px} .componentsToolsWrapper ul li#printTxt.disabled a, .componentsToolsWrapper ul li#printTxt.disabled a:hover {background-image:url('../content/print_icon_dis.png'); } .componentsToolsWrapper ul li#printTxt.selected a, .componentsToolsWrapper ul li#printTxt.selected ahover {background-image:url('../content/print_icon_active.png'); } .componentsToolsWrapper ul li#seeAll a, .componentsToolsWrapper ul li#seeAll:hover a:hover{background-image:url('../content/script_icon.png'); padding-left:30px; } .componentsToolsWrapper ul li#seeAll.disabled a, .componentsToolsWrapper ul li#seeAll.disabled a:hover{background-image:url('../content/script_icon_dis.png'); } .componentsToolsWrapper ul li#translate a,.componentsToolsWrapper ul li#translate:hover a:hover{background-image:url('../content/translate_icon.png'); padding-left:30px; background-position:5px 4px} .componentsToolsWrapper ul li#translate.disabled a, .componentsToolsWrapper ul li#translate.disabled a:hover{background-image:url('../content/translate_icon_dis.png'); padding-left:30px; background-position:5px 4px} .componentsToolsWrapper ul li#jshtm_SeeText a, .componentsToolsWrapper ul li#jshtm_SeeText:hover a:hover{background-image:url('../content/script_icon.png'); padding-left:30px; } .componentsToolsWrapper ul li#jshtm_SeeText.disabled a, .componentsToolsWrapper ul li#jshtm_SeeText.disabled a:hover{background-image:url('../content/script_icon_dis.png'); } .appletWrapper{width:auto; height:auto; overflow:hidden; border:1px solid #598dc6; min-height:470px; margin:0px auto; padding:0px; float:right; vertical-align:middle;} .questionContent applet { margin:0px auto; padding:0px; text-align:center; margin-top:10px; } .questionContent applet#ExploreLLM { width:340px; margin:0px 150px; border:1px solid #132977; border-top:none; border-bottom-width:3px; margin-bottom:10px} .questionContent applet#CTracker {width:170px; height:55px;} .questionContent applet#PracticeSpk {width:540px; } .fullpageContent {width:800px; border:1px solid #598dc6; height:auto; overflow:hidden; min-height:470px; margin:0px auto; padding:0px; float:none; text-align:center; margin-bottom:10px} .fullpageContentNoBorder { width:800px; height:auto; overflow:hidden; min-height:470px; margin:0px auto; padding:0px; text-align:center } .componentsBottom{width:100%;height:50px; } .componentsBottom .submitBT span { float:left} .componentsBottom .submitBT span.rightArrow{ float:right; margin-left:7px; margin-top:11px } .componentsBottom .right{ background-color:Transparent; background-image:none; border:none; padding:0px;-webkit-box-shadow: 0px; box-shadow: none; -webkit-border-radius:none;border-radius:0px; } .componentsBottom .right a{ background-color:Transparent; background-image:none; color:#00664f; text-decoration:underline; -webkit-box-shadow: 0px;box-shadow: 0px;} .componentsBottom .right span{ text-decoration:underline; font-size:13px; -webkit-box-shadow: 0px;box-shadow: 0px;} .componentsBottom .right a:hover{color:#132977} /*popups*/ .popups{font-size:12px; color:#000000} .OpenWindowBar{width:auto;height:auto; overflow:hidden; background-color:#132977;} h3.PopupTitle{width:auto;height:20px; color:#ffffff; text-align:left; line-height:20px; padding:5px; margin:0px} .popupContent {height:245px; overflow-y:auto; overflow-x:hidden; font-size:12px; color:#000000} .popupContentNoScroll {overflow:hidden;} .popupContentTable {width:100%; height:auto; overflow:hidden} .popupContent table td, .popupContentNoScroll table td {font-size:12px;} .popupClose {width:100%; height:30px; background-color:#dfdede} .popupClose td{font-size:11px;} .popupClose td a.closewindowLink{ padding:5px 15px; float:right} /*see explantion window*/ .iframeBorder{ padding:10px} .iframeBorder p{ line-height:17px} /*see text window*/ h2.PopupSubTitle { font-weight:bold; color:#132977} div.stext{ width:auto;height:auto; min-height:170px; overflow:hidden} /**************************************************************SUB COMPONENTS**************************************************************/ /*player*/ #bgContainer{width:100%; height:auto; overflow:hidden; margin:0px; padding:0px; } .playerWrapper, #manager{width:auto; height:64px;padding:0px; margin:0px 12px;} .CTrackerCtrl{width:auto; height:auto;padding:0px; margin:0px auto; overflow:hidden; display:inline-block } .CTrackerPlayBtnD, .CTrackerPlayBtnE, .CTrackerPlayBtnDisabled, .CTrackerStopBtnD, .CTrackerStopBtnE {width:53px; height:64px; line-height:64px; margin:0px; padding:0px; background-repeat:no-repeat; background-position:0px 50%; float:left; text-decoration:none; cursor:pointer} .CTrackerPlayBtnD {background-image:url('../test/TSBC/sliderplaybtn.gif');} .CTrackerPlayBtnE, .CTrackerPlayBtnD:hover, .CTrackerPlayBtnD:active{ background-image:url('../test/TSBC/sliderplaybtnh.gif');} .CTrackerPlayBtnDisabled, .CTrackerPlayBtnDisabled:hover{background-image:url('../test/TSBC/sliderplaybtn_dis.png'); cursor:default} .CTrackerStopBtnD{background-image:url('../test/TSBC/pauseBt.png'); } .CTrackerStopBtnE{background-image:url('../test/TSBC/pauseBt_over.png');} .playerOn {background-color:#dbe7f6;} .playerOn a span{display:block; width:120px; height:64px; line-height:64px; color:#004a8d;text-decoration:none; font-size:18px; font-weight:normal; float:left; text-align:left; padding-left:60px} .CTrackerSlideContainer{height:4px; width:130px; float:left; margin-left:5px; margin-top:27px; background-color:#e8e8e8 ; border:1px solid #c6c6c6;} .CTrackerSlide{height:2px; width:1px; float:left; margin:0px 15px 16px 0px; background-color:#e8e8e8 ; border:1px solid #ffffff;} .CTrackerSlider{height:19px; width:7px; margin:-9px 0px 0px 0px;position:relative; border:1px solid #c6c6c6; background-color:#ffffff ;} /*img*/ .skillImgWrapper {width:auto; height:auto; overflow:hidden } .skillImgWrapper .skillImgContainer {width:auto; height:auto; overflow:hidden; min-height:390px; background-color:#ffffff; max-height:490px; overflow-y:auto;} .skillImgWrapper .skillImgContainer img{max-width:410px; margin-top:8px; } /*text*/ .container{width: 100%;height:100%; overflow:hidden; margin:0px; padding:0px; font-size:80%; background-position:50%; background-repeat:no-repeat; text-align:center } #textContainer{width: 100%;height:auto; overflow:hidden; margin:0px; padding:0px; text-align:left} .seeTxtContainer {width:auto;height:auto; overflow:hidden; overflow-x:hidden; overflow-y:auto; padding-left:8px;font-size:13px;color:#0d095d;margin:0px 15px 40px;padding:0px; text-align:left; font-size:12px; } .seeTxtContainer td{vertical-align:top; padding:0px; margin:0px;} .seeTxtContainer td p{padding:0px; margin:0px; line-height:18px;} .seeTxtContainer td.speakerTotheTop{ color:#0089a5; white-space:nowrap; vertical-align:top; padding-top:2px} .seeTxtContainer td span.speaker{ padding-right:3px; color:#1472d9} .Listening .container { background-image:url('../../Context/content/listening_left.gif'); min-height:281px; width:auto; margin:0px 12px; height:410px;} .Listening .seeText .container {background-image:none; border-top:1px #598dc6 dashed;} .Listening .seeTxtContainer { margin:5px auto} .Listening.Explore #textContainer { overflow-y:auto; height:410px } .Listening.Practice #textContainer { overflow-y:auto; height:100%; } .Speaking .container { width:auto; margin:0px 12px; height:auto} .Speaking #textContainer{width:auto; margin:0px auto; line-height:22px; display:inline-table; padding:10px 0px; color:#0d095d; max-width:420px } .Speaking.Explore .seeText .container {border-top:1px #598dc6 dashed; overflow-y:auto; height:259px; /* background-color:#f0f7fe*/} .Speaking .questionContent { overflow-y:hidden} .Reading .container { overflow-y:auto; height:490px; float:left } .Reading .leftDiv .questionContent {overflow:hidden; background-image:url('../test/tsbc/reading.png');} .Reading.Practice .leftDiv.seeText .questionContent, .Reading.Test .leftDiv.seeText .questionContent{background-image:none} .Reading .translation {width:418px;height:490px; overflow:hidden; overflow-y:auto; margin:0px; padding:0px; font-size:80%; color: #312E37; text-align:center; float:right; background-image:none; background-color:#ffffff} .Grammar .container { width:auto; margin:0px 12px; height:auto} .Grammar .leftDiv .questionContent {overflow:hidden;} .Grammar.Practice .leftDiv .questionContent, .Grammar.Test .leftDiv .questionContent {background-image:url('../content/grammar_left.png');} .Grammar.Explore .seeText .container { border-top:1px #598dc6 dashed; overflow-y:auto; max-height:172px; /* background-color:#f0f7fe*/ width:98%; margin:0px auto} .Grammar #textContainer{width:auto; margin:0px auto; line-height:22px; display:inline-table; padding:10px 0px; color:#0d095d;} .Grammar.Explore .seeText #textContainer .segment{ display:block; height:auto; overflow:hidden; margin-bottom:10px; text-indent:5px;} .Grammar.Explore .seeText #textContainer .segment:before{ content:"-"; position:relative; left:-5px;} .Grammar .seeTxtContainer { margin:5px auto} .Grammar .playerWrapper {border-bottom:none} .Grammar .seeExplWrapper {width:100%; height:auto; background-color:#ffffff; overflow-y:auto; max-height:491px; color:#0d095d; line-height:22px} .Grammar .seeExplWrapper div#explContainer {width:auto; font-size:12px; text-align:left;margin:0px; height:auto; overflow:hidden; } .Grammar.Explore .seeExplWrapper { border-bottom:1px #598dc6 dashed; height:495px;} .Grammar.Explore .seeExplWrapper div#explContainer {margin:2px 12px; padding:5px 0px; } .Grammar.Practice .seeExplWrapper { height:480px; } .Grammar.Practice div#explContainer { padding:15px} .Toeic .seeTxtContainer {margin-bottom:0px} .Toeic.Test .leftDiv .questionContent, .Toeic.Practice .leftDiv .questionContent {overflow:hidden; background-image:url('../content/gtk_left.png');} /**************************EXPLORES**************************/ .Explore.Reading .questionContent {overflow:hidden; background-position:500px 50% } .Explore.Reading .container{width:50%; -webkit-box-shadow: 7px 0px 15px 0px rgba(227, 227, 227, 1);box-shadow:7px 0px 15px 0px rgba(227, 227, 227, 1); border-right:1px solid #ffffff} /*---------Grammar------------*/ .mediaWrapper{width:100%;height:auto; overflow:hidden; margin:0px; padding:0px; } .mediaContainer{width:100%;height:auto; margin:0px; padding:0px; } .questionContent .mediaContainer .leftSideImg{ margin-top:10px} #bgImgContainer{width:100%;height:auto; overflow:hidden; margin:0px auto; padding:0px; margin-top:40px ; } #bubblesContainer{width:224px;height:auto; /*overflow:hidden;*/ padding:0px; margin:0px auto; display:block; margin-top:0px; color:#372669; position:relative} #bubblesContainer .bubble{width:auto; height:auto; overflow:hidden; margin:0px; padding:5px 8px; border:1px solid #598dc6; border-radius:6px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; background-color:#ffffff; position: absolute; min-height: 30px; margin-top: 0px; margin-left: 0px; text-align: left; z-index: 1; font-size:80%; line-height:18px; } #bubblesContainer .arrow-down:before {margin-top:-36px} #bubblesContainer .arrow-down:after {border-top-color: #598dc6; margin-top:-35px} #bubblesContainer .arrow-left:after {border-right-color: #598dc6;} #bubblesContainer .arrow-right:after {border-left-color: #598dc6;} /*-----------Readings--------*/ .readingExploreTxtWrapper {width:auto; height:auto; overflow:hidden; } .questionContent .readingExploreTxtWrapper .left, .questionContent .readingExploreTxtWrapper .right{width:auto;height:auto;padding:0px; margin-left:0px; background-color:transparent; border:none; overflow:hidden } .link { text-decoration:underline; } .readingExploreWrapper {width:auto; height:490px; overflow:hidden; overflow-y:auto} /*letter*/ .letter { font-family:Bookman Old Style; font-size:16px; text-align:left;/*background-image:url('../../Runtime/Context/content/letter_bg.gif'); background-repeat:no-repeat; background-position:right top*/ background-color:#f4eee5; padding:10px 0px;width:100%; height:auto;min-height:470px; overflow:hidden;} .readingExploreTxtWrapper table{width:100%; height:auto;} .letter table {width:95%; margin:0px auto; margin-top:10px; margin-bottom:25px; height:auto; overflow:hidden;} .letter table td{width:50%; height:auto;} span.signature { font-family:Lucida Handwriting} .letter p{width:95%; margin:0px auto; height:auto; overflow:hidden;} /*email*/ .email {font-family:Arial; font-size:13px; text-align:left} table.emailDetails {width:100%; height:auto; background-color:#eaeae8; padding:12px; margin:0px;font-size:13px; } .emailBT {width:auto; height:auto; overflow:hidden; background-color:#f1f1f1; border:1px solid #8c8d8d; border-radius:2px; text-align:left; padding:1px; color:#262627; padding-left:4px} .emailDetailsField{width:auto; height:auto; overflow:hidden; background-color:#ffffff; border:1px solid #b9bbc0; padding:1px 5px; color:#000000; } .email .auto-style1{width:auto; height:auto; overflow:hidden; background-color:rgb(241, 241, 241); border:1px solid #8c8d8d; padding:1px 2px; color:#262627; border-radius:2px } table.emailDetails td {width:auto; height:auto; padding:2px; margin:5px} table.emailDetails td.fieldTitle {width:70px} .emailContent{width:100%; height:auto; overflow:hidden; border-top:1px solid #598dc6; margin:0px} .emailContent p{width:auto; height:auto; overflow:hidden; padding:12px; margin:0px} /*article*/ .article {width:100%; height:auto;min-height:490px; overflow:hidden; font-family: "Times New Roman", Times, serif; font-size:16px; background-color:#d5d4c2; text-align:center} .article h1{font-size:25px; margin:0px; margin-bottom:5px; padding:0px; line-height:normal} .article h2{font-size:13px; /*border-left:2px solid #000000;*/ padding:0px; /*padding-left:5px;*/margin:0px; margin-bottom:15px; line-height:normal} .articleContent {width:auto; height:auto; overflow:hidden;min-height:440px; background-color:#d5d4c2; margin:10px; padding:10px; border:2px solid #aca791; text-align:left; border-radius:3px; line-height:20px } .articleContent p {width:360px; height:auto; overflow:hidden; padding:0px; margin:0px} .articleContent span {width:100%; height:auto; overflow:hidden; padding:0px; margin:0px} /*ad*/ .Ad {width:95%; height:auto; overflow:hidden; font-family:Tahoma, Geneva, sans-serif; font-size:13px; text-align:left; /*border:1px solid #57a1d5;*/ margin:0px auto; padding:10px 5px} .Ad h2 { text-align:center; padding:0px; margin:0px} .Ad h3 { text-align:center; font-weight:normal;padding:0px; margin:0px} .Ad h3.alignLeft { text-align:left;} .Ad ul {padding:0px; margin:0px; /*margin-left:15px*/list-style-type:disc; margin-left:20px} .Ad li{list-style-type:disc; /*list-style-position:inside; padding-left:10px*/ margin-bottom:10px} .Ad .right {width:49%; height:auto; overflow:hidden; clear:right} .Ad img{ border-radius:20px} .Ad .left {width:50%; height:auto; overflow:hidden;} .Ad .wrapper { margin-top:10px; } /*invoice*/ .invoice {width:95%; height:auto; overflow:hidden; font-family: Tahoma, Geneva, sans-serif; font-size:13px; text-align:left; margin:0px auto; border-top:1px solid #cac8c8 } .invoice table.address{width:85%; margin:0px auto; margin:20px auto} .invoice table.address td{padding:10px; border:1px solid #cccccc;} .selectBox {width:auto; height:auto; overflow:hidden; border:1px solid #cccccc; padding:2px} .downArrow {width:0px; height:0px; margin:0p; border: none; padding:0px; cursor:pointer; display:block; float:right} .invoice .downArrow {border-top:7px solid #777777; margin-top:5px; margin-right:4px; border-right:5px solid transparent;border-left:5px solid transparent;} /*memo*/ .memo {width:95%; height:auto; overflow:hidden; font-family:Tahoma; font-size:15px; text-align:left; margin:0px auto; border:1px solid #cccccc; margin:0px auto; padding:10px} .memo table{width:auto; margin:0px; } .memo table td{padding:5px 2px;} .memo table td.fieldTitle{font-weight:bold} .memo p { margin-bottom:20px} .memo h2 { font-size:xx-large} .memoContent { margin:10px 0px 20px; border-top:3px solid #cccccc; } /*-----GettingToKnow------*/ /*tip box*/ .tipBox{ border:1px solid #7f99b6; width:96%; height:auto; padding:0px; padding-bottom:20px; margin:0px; margin-bottom:30px; margin-left:25px; border-radius: 0px 8px 0px 8px} .tipBoxTop { width:100%;height:42px;} .tipBoxTop h3{width:auto; height:42px; font-size:18px;color:#3c79bc;font-weight:normal;margin:0px;padding:0px; padding-left:45px; margin-bottom:24px; text-align:left; background-image:url('../content/tip_icon.png');background-repeat:no-repeat;background-position:top left; line-height:35px; margin-left:-28px; margin-top:-3px} .tipBoxMid {width:auto;height:auto; padding:0px;margin:0px;color:#444434;font-size:12px; padding:0px;margin:0px; margin-left:25px; margin-right:15px; text-align:left; } /**/ /*****************PRACTICES*****************/ .rightDiv, .leftDiv {width:50%; /*height:540px;*/ overflow:hidden} .fullScreen {width:100%;} .questionContent{overflow:hidden; min-height:490px; margin:0px auto; width:418px; height:473px;padding:0px; margin-top:16px ; margin-left:5px;background-color:#ffffff; border:1px solid #cac8c8; background-repeat:no-repeat; background-position:50% 50%; overflow-x:hidden; overflow-y:auto} /*.questionContent .left, .questionContent .right, .questionContent .leftNoSrc, .questionContent .grammarLeft {width:418px; height:473px;padding:0px; margin-top:16px ; margin-left:5px;background-color:#ffffff; border:1px solid #cac8c8; background-repeat:no-repeat; background-position:50% 50%; overflow-x:hidden; overflow-y:auto } */ .fullScreen .questionContent { width:842px;border-color: #598dc6; } .rightDiv .questionContent{ overflow:hidden; border:1px solid #598dc6; } .questionContent .leftNoSrc, .grammarLeft { background-color:#dfdede; float:left} .questionContent .leftSideImg {height:auto; padding:0px; margin:0px auto;/*margin-bottom:10px;*/ text-align:center; /*margin-top:30px*/} .leftSideImg img{padding:0px; margin:0px; height:auto; overflow:hidden;} /*.questionContent .right{overflow:hidden}*/ /*slider*/ #slides {width:100%; height:315px; overflow:hidden; margin:0px; } /* Slides container Important: Set the width of your slides container Set to display none, prevents content flash */ .slides_container {width:755px;/*height:391px;*/ height:100%;position:relative;display:none;float:left;clear:right;border-top:none; z-index:1; border-bottom:none; } #purchaseModuleContainer {width:auto; height:auto; overflow:hidden; display:none} .purchaseModule {width:755px; height:331px; margin-left:45px; background-image:url('../homepage/buyMoudle.png'); background-repeat:no-repeat; background-position:50% ; margin-top:0px} .purchaseModule .greenBigBT { margin-top:50px} /* Each slide Important: Set the width of your slides If height not specified height will be set by the slide content Set to display block */ .slides_container div.slide { width:570px; height:270px; display:block; } /* Caption */ .caption { z-index:500; position:absolute; bottom:-35px; left:0; height:30px; padding:5px 20px 0 20px; background:#000; background:rgba(0,0,0,.5); width:540px; font-size:1.3em; line-height:1.33; color:#fff; border-top:1px solid #000; text-shadow:none; } .generalContainer{ padding:0px; margin:0px auto; text-align:left; width:700px; height:auto; overflow:hidden; background-color:#ffffff; font-size:13px; } /*-----------------------score report--------------------------------*/ .scoreReportBody {} .finalScoreReport {width:100%} .testReportuserDetails {width:100%; height:34px; overflow:hidden; padding:0px;margin:0px auto; text-align:left; background-color:#cac8c8; margin-bottom:1px} .testReportuserDetails ul{width:97%; height:100%; overflow:hidden; margin:0px; list-style:none; padding:0px; float:left; text-align:left; background-color:#ffffff; border-radius:0px 150px 0px 0px } .testReportuserDetails ul li{ width:auto; height:auto; margin:3px 0px; padding:0px 5px ; float:left; list-style:none; line-height:20px } .testReportuserDetails ul li.userName{ border-right:1px solid #52639c; color:#004a8d; font-weight:bold} .testReportuserDetails .lightBoxClose{width:auto; height:100%; margin:0px; padding:0px; text-align:center; } .testReportuserDetails .lightBoxClose a {width:auto; height:auto; cursor:pointer; font-family:Verdana; font-size:15px; color:#ffffff; display:block; border:none; float:none; margin-top:6px} .testReportuserDetails .lightBoxClose a:hover { color:#010157} .finalTestReportContent .readingResultsContainer, .finalTestReportContent .listeningResultsContainer { width:48%; height:auto; overflow:hidden; padding:0px;margin:0px; margin-bottom:10px} .finalTestReportContent .readingResultsContainer { margin-left:10px; margin-right:10px; } .finalTestReportContent .listeningResultsContainer { margin-left:0px; margin-right:10px} .testReportTitle {width:auto; height:47px; padding:0px;margin:0px auto; text-align:left; /*background-color:#00664f;*/ background-color:#004a8d; /*border-radius: 8px 8px 0px 0px*/ padding-left:10px} .testReportTitle .right {margin-top:15px} .testReportTitle h2 {width:auto;height:40px; line-height:45px;color:#ffffff; margin:0px; padding:0px; font-weight:normal; float:left } .testReportTitle ul.viewResultsLink li{background-image:url('../my_progress/sep_on.png');background-repeat:no-repeat;background-position:left; } .testReportTitle ul.viewResultsLink li a {color:#f5f5f5; padding-left:30px; background-image:url('../homepage/scoreReport_icon_blue.png');background-repeat:no-repeat; height:23px; line-height:23px; padding-right:5px} .testReportTitle ul.viewResultsLink li a:hover {background-color:#e7f4fe; color:#004a8d} /*.finalScoreReport .lightBoxClose a{background-color:#b0aeae; margin:10px 5px; background-color:transparent; border:none}*/ .finalTestReportContent { width:100%; height:auto; overflow:hidden; padding:0px;margin:0px auto;} .finalTestReportContent h3{ border-radius:5px 5px 0px 0px; background-color:#c4ddf9; height:70px; line-height:50px; color:#004a8d; font-weight:bold; padding-left:45px; background-repeat:no-repeat; background-position:8px 8px} .finalTestReportContent .readingPartTitle h3{background-image:url('../homepage/HPtestReading_icon.png');} .finalTestReportContent .listeningPartTitle h3{background-image:url('../homepage/HPtestListening_icon.png');} .readingResultsContent, .listeningResultsContent { width:100%; height:auto; overflow:hidden; border-radius:8px;background-color:#ffffff; margin-top:-35px} .scoreRangeWrapper, .scoreRangeWrapperMore {width:95%; height:240px; overflow:hidden; overflow-y:auto; margin:0px auto;} .scoreRangeWrapperMore{height:auto; overflow:hidden;} .scoreRangeText {width:100%; height:auto; /*overflow:hidden;*/} .finalTestReportContent .abilitiesList {width:auto; height:auto; overflow:hidden; border-radius:5px; margin-top:25px; background-color:#f0eeee; padding:10px 12px 10px} .finalTestReportContent .abilitiesList h4 {color:#004a8d; margin:0px} .finalTestReportContent .abilitiesList ul{ margin:0px; padding:0px; margin-top:10px} .finalTestReportContent .abilitiesList li {width:100%; height:auto; overflow:hidden; border-top:1px solid #bcc8d4; list-style:none; margin:0px; padding:0px} .finalTestReportContent .abilitiesList li .left, .finalTestReportContent .abilitiesList li .right{width:auto; height:auto; overflow:hidden; margin:0px; border:none; } .finalTestReportContent .abilitiesList li .left { width:60%; margin-top:15px} .finalTestReportContent .abilitiesList li .right {} .btWrapper {width:100%; height:30px; overflow:hidden; padding:0px;margin:0px; text-align:right; /*display:none*/ /*margin-top:-15px*/} .btWrapper .redSmallBt {width:30%; float:right;} .viewMoreLink {text-align:right; /*clear:both;*/ width:auto} .viewMoreLink a{color:#132977; font-weight:normal; font-size:11px; text-decoration:underline; cursor:pointer} .viewMoreLink a:hover{color:rgb(171, 56, 39); } .finalTestReportContent ul { margin:15px 0px 0px; padding:0px; text-align:left;float:left; list-style:disc; padding-left:15px;} .finalTestReportContent ul li {margin-bottom:10px;} /*top graphs*/ .finalTestReportContent .testScoreAvg {/*clear:left;*/ width:95%; height:90px; overflow:hidden; padding:0px;margin:0px auto; } .finalTestReportContent .testScoreAvg .testScoreAvgGraph { margin:0px auto; float:none; overflow:hidden; width:360px} .finalTestReportContent .testScoreAvg h4{color:#004a8d} .finalTestReportContent .graphBar{/*width:220px;*/ width:300px} .finalTestReportContent .graphBlock{ background-color:#004a8d; width:20%; border:none; margin-top:2px} .finalTestReportContent .graphScore{ padding-top:16px;background-color:transparent; font-weight:normal; line-height:normal; text-align:right; font-size:11px; float:left; left:-15px; color:#004a8d } .finalTestReportContent .graphRange{float:left; color:#363738} /*inside graphs*/ .abilitiesList .right .testScoreAvg{ text-align:center; font-size:11px; color:#717171; clear:left; margin:0px; width:100%; height:auto; overflow:hidden; margin-top:5px } .testScoreReportGraph{width:auto; height:auto; overflow:hidden; margin-bottom:10px} .testScoreReportGraph .graphBar{width:100px; border-radius:0px; background-color:#ffffff; border:1px solid #87a4bf; height:8px} .testScoreReportGraph .graphBlock{border-radius:0px; max-width:100%; margin-top:0px} .estScoreReportGraph .graphScore{left:0px} .allImprovementLessonsContainer {width:840px; height:auto; overflow:hidden; padding:20px;margin:15px auto; text-align:center; background-color:#f0eeee} .allImprovementLessonsContainer .center, .above500{width:auto; height:auto; margin:0px auto} .allImprovementLessonsContainer label { float:left; margin-top:2px} .allImprovementLessonsContainer select { float:left;margin:0px; margin-left:10px;} .finalTestReportContent .allImprovementLessonsContainer .redSmallBt { float:left; margin-top:-1px; } .above500Text{width:auto; height:auto; margin:0px auto; float:left; margin-top:2px} .finalTestReportContent .allImprovementLessonsContainer .above500 .redSmallBt { float:left; margin-left:7px; width:100px; margin-bottom:0px} .redSmallBt .rightArrow { float:right; margin-left:7px; border-bottom-width:5px; border-top-width:5px; border-left-width:7px; margin-top:2px } .finalTestReportButtonArea {width:100%; height:auto; overflow:hidden; padding:20px 0px;margin:0px auto; text-align:center; background-color:#f0eeee; border-top:3px solid #004a8d} .finalTestReportButtonArea .left { margin-left:15px} .finalTestReportButtonArea .right { margin-right:15px} .finalTestReportButtonArea .blueSmallBt {min-width:40%; max-width:397px; -webkit-box-shadow: 0px 0px 1x 1x rgba(190, 190, 190, 20);box-shadow: 0px 0px 1px 1px rgba(190, 190, 190, 20); } .finalTestReportButtonArea .blueSmallBt a{padding:5px 10px} .finalTestReportContent .redSmallBt{-webkit-box-shadow: 0px 0px 1x 1x rgba(190, 190, 190, 20);box-shadow: 0px 0px 1px 1px rgba(190, 190, 190, 20); border:1px solid #ffffff; float:right} /* Final Report - Bridge*/ .scoreReportBody--bridge .testReportuserDetails { background-color:#fff;} .scoreReportBody--bridge .testReportTitle { background-color:#BB5725;} .scoreReportBody--bridge .testReportuserDetails ul li.userName { color: #A8562F; } .scoreReportBody--bridge .testReportTitle ul.viewResultsLink li a {background-image: url(../homepage/scoreReport_icon_bridge.png);background-position: 4px 3px; } .scoreReportBody--bridge .testReportTitle ul.viewResultsLink li a:hover {background-color:#ce9172;color:#fff; } .scoreReportBody--bridge .finalTestReportContent h3{color:#3B3B3B;background-color: #DFAD27;} .scoreReportBody--bridge .finalTestReportContent .readingPartTitle h3, .scoreReportBody--bridge .finalTestReportContent .listeningPartTitle h3 { border-radius:0;} .scoreReportBody--bridge .finalTestReportContent .readingPartTitle h3 { background-image: url(../homepage/testReading_icon_bridge.png);} .scoreReportBody--bridge .finalTestReportContent .listeningPartTitle h3 { background-image: url(../homepage/testListening_icon_brigde.png);} .scoreReportBody--bridge .readingResultsContent, .scoreReportBody--bridge .listeningResultsContent { border-radius:0;} .scoreReportBody--bridge .finalTestReportContent .testScoreAvg h4{color:#BB5725} .scoreReportBody--bridge .finalTestReportContent .graphScore { color: #000; } .scoreReportBody--bridge .finalTestReportContent .graphBlock { background-color: #BB5725; } .scoreReportBody--bridge .finalTestReportContent .abilitiesList h4 { color:#BB5725;} .scoreReportBody--bridge .finalTestReportContent .redSmallBt { border-radius: 2px;box-shadow:none;} /*system check*/ .lightBoxFormWrapper table.downloadsTable { width:100%; height:auto; margin:0px; padding:0px; } .lightBoxFormWrapper table.downloadsTable tr{ width:100%; height:70px; padding:0px; margin:0px; background-color:#ffffff; } .lightBoxFormWrapper table.downloadsTable td{ border-top:#dfdede 1px solid; height:70px; vertical-align:middle; padding:0px; margin:0px; } .lightBoxFormWrapper table.downloadsTable td#infoMacJVM p{color:Red; margin:0px; padding:0px} .lightBoxFormWrapper table.downloadsTable td.downloadIcon {width:60px; text-align:center} .lightBoxFormWrapper table.downloadsTable td.downloadIcon img {width:41px; height:41px;margin:0px; vertical-align:middle;} .lightBoxFormWrapper table.downloadsTable h4{padding:0px;margin:0px;font-size:13px;font-style:normal;color:#000000;} .lightBoxBottomBar .left{ float:left; width:auto; height:auto; vertical-align:middle; margin-top:15px; } .lightBoxBottomBar .alignRight{ width:auto; height:auto; overflow:hidden;} .lightBoxBottomBar .left a, .profileFormContainer .right a{ float:left; width:auto; height:47px; vertical-align:middle; font-size:13px; margin:20px 10px 0px } .lightBoxBottomBar .left a:hover, .profileFormContainer .right a:hover{ color:#0d095d; } .recheckBt{ float:right ; width:auto; max-width:300px; height:53px; background-color: transparent; margin:0px; margin-top:8px; padding:0px; text-align:center; background-image:url('../sysCheck/recheck_bt_left_over.png'); background-repeat:no-repeat; background-position:left top; padding-left:55px; padding-top:11px; margin-left:5px; cursor:pointer; display:block } .recheckBt a, .recheckBt span.right{background-color:#d8d7d7; color:#b2b2b2; background-image:url('../sysCheck/bt_arrow_dis.png'); -webkit-border-radius: 0px 15px 15px 0px;border-radius: 0px 15px 15px 0px ; width:auto; height:31px; line-height:31px; display:block; margin:0px;padding:0px; text-decoration:none; font-size:12px; cursor:pointer; text-align:left; padding-right:45px; background-repeat:no-repeat; background-position:95% 50%; padding-left:3px} .recheckBt#active{background-image:url('../sysCheck/recheck_bt_active_left.png');} .recheckBt#active a, .recheckBt#active span.right{background-color:#ab3827; background-image:url('../homepage/HPtestArrow.png'); color:#ffffff;} .recheckBt#active:hover{background-image:url('../sysCheck/recheck_bt_active_left_over.png');} .recheckBt#active:hover span.right{background-color:#8a2529;} /*------------------Buttons---------------*/ .downloadBt{width:auto; height:auto; overflow:hidden; background-color:#004a8d; border:1px solid #ffffff; margin:3px 5px; border-radius:4px; float:right; text-align:center; } .downloadBt .btText{ width: auto; height:auto; overflow:hidden; margin:0px auto; } .downloadBt .btText a{width: auto; height:auto; overflow:hidden; padding:7px 10px; margin:0px auto; display:block; color:#ffffff; font-size:12px; cursor:pointer; text-align:center; text-decoration:none} .downloadBt .btText a:hover { border:1px solid #0b2273; background-color:#0b2273; margin-right:-1px} /**active**/ .lightBoxFormWrapper table.downloadsTable tr.active{ background-color:#25ad8a; cursor: auto; } .lightBoxFormWrapper table.downloadsTable tr.active td{ border-color:#aab97b; } tr.active .downloadBt{width:auto; height:auto; overflow:hidden; background-color:#004a8d; border:1px solid #ffffff; margin:3px 5px; border-radius:4px} tr.active .downloadBt .btText a{ color:#dbeaf9; cursor: text; } /**installed**/ tr.installed .downloadBt{ background-color:Transparent; margin-left:20px; cursor: text; } tr.installed .downloadBt .btText a, tr.installed .downloadBt .btText a:hover{color:#08743b;cursor: text;background-color:Transparent;margin:0px;border:none;background-image:url('../homepage/scoreReport_icon.png'); background-repeat:no-repeat; background-position:3px 3px; padding-left:30px} td.detectionAnimation { text-align:center} /*.sysCheck { max-width:700px} .sysCheck .lightBoxFormContent { height:420px;} */ .sysCheck { max-width:500px} .sysCheck .lightBoxFormContent { height:220px;} .sysCheck .lightBoxFormContainer{ margin:0px auto} /*new speech recognition panel 28.5.2012*/ .hide {display:none; visibility:hidden} .srPanelWrapper{width:550px; height:333px; padding:1px; -webkit-border-radius:7px;border-radius:7px; margin:0px auto; margin-bottom:5px;border:1px solid #dbdbdb;-webkit-box-shadow: 0px 0px 4px 0px rgba(230, 230, 230, 20);box-shadow: 0px 0px 4px 0px rgba(230, 230, 230, 20); background-color:#ffffff } .srPanelWrapper .left{width:390px; height:100%; background-color:#ffffff; float:left; } .srPanelWrapper .right{width:150px; height:100%; background-color:#ededef; float:right; background: #ededef;border-radius: 0px 5px 5px 0px; } .srPanelWrapper .left .srPanelInstructions {width:auto; height:auto; max-height:110px; white-space:normal; overflow:auto; padding:5px; font-size:13px; background-color:#d8f0c1; margin:10px; text-align:left; -webkit-border-radius:3px;border-radius:3px;} .srPanelWrapper .left .srSentenceWrapper, .srPanelWrapper .left .srRecordingWrapper{width:auto; height:auto; overflow:hidden; padding-top:15px; margin-top:10px} #txtOriginal { text-align:center; color:#372669; font-size:13px } .srPanelWrapper .left .srPanelButton { background-repeat:no-repeat; width:63px; height:75px; text-align:center; float:left; cursor:pointer; } .srPanelWrapper .left .srPanelButton a, .srPanelWrapper .left .srPanelButton a:visited {color:#1c4b1c; font-size:11px; text-decoration:none; width:auto; height:auto; overflow:hidden; padding-top:60px; display:block; } .srSentence {width:310px;height:auto; min-height:60px; padding:5px; -webkit-border-radius: 3px;border-radius: 3px; margin:0px auto; border:1px solid #dbdbdb ; float:left} .srPanelWrapper .right h2 { font-size:13px; margin:5px; margin-left:8px; text-align:left; width:100%} .srPanelWrapper .right ul {width:95%; height:235px; padding:0px; margin:0px auto; text-indent:0px; list-style:none; margin-top:10px} .srPanelWrapper .right ul li {width:95%; height:auto; overflow:hidden; padding:0px; margin:0px 5px 6px; font-size:13px; vertical-align: middle; border-bottom:1px solid #ffffff} .srPanelWrapper .right ul li span { width:auto; height:22px; float:left; line-height:22px;} .srPanelWrapper .right ul li a {padding:0px; margin:0px; background-image:url('../SRAPanel/srphistbtnds.gif'); background-repeat:no-repeat; background-position:top left; text-decoration:none; width:auto; height:22px; display:block; cursor:pointer; float:left; color:#9e9e9e; font-size:11px; padding-left:28px; line-height:22px; padding-right:5px} .srPanelWrapper .right ul li a:hover { background-color:#d8f0c1; color:#000000;} .srPanelWrapper .right ul li.pressed a{ color:#699202; background-image:url('../SRAPanel/srphistbtnh.gif');} .srPanelWrapper .right ul li.pressed a:hover { color:#000000; background-image:url('../SRAPanel/srphistbtn.gif');} .srPanelWrapper .right ul li input { width:20px; height:22px; float:right; line-height:22px; padding:0px; margin:0px; padding-right:2px;} .srPanelSendButton {width:auto; height:50px; padding:0px; margin:0px; margin-top:10px; vertical-align:bottom} .srPanelSendButton a{ background-image:url('../SRAPanel/sendBt.gif'); background-position:50%; border:1px solid #7a8e64; padding:5px; width:auto; height:auto; min-height:20px; color:#7b6a6a; text-decoration:none; font-size:13px; margin:0px 8px; -webkit-border-radius: 3px;border-radius: 3px; font-weight:bold; background-color:#72d325; line-height:20px; display:block; cursor:pointer; text-align:center } .srPanelSendButton a:hover { border:1px solid #2c2c2c; color:#2c2c2c} /*speak panel*/ .recordingInstructions {width:310px; height:auto; min-height:30px; padding:5px; -webkit-border-radius: 3px;border-radius: 3px; margin:0px auto; border:1px solid #dbdbdb ; float:left; margin-top:12px; } .recordingInstructions div { width:auto; height:auto; font-weight:bold; background-position:2px 50%; background-repeat:no-repeat; min-height:17px} .recordingInstructions .status {color:#fcab03; line-height:30px; text-align:center; background-image: url('../SRAPanel/speaklight.gif'); } .recordingInstructions .instructions {color:#000000; line-height:normal; text-align:left; background-image: url('../SRAPanel/lightOff.gif'); padding-left:25px; padding-right:5px; font-size:13px} /*Hear Button*/ .srPanelWrapper .left .srSentenceWrapper .srPanelButton#btnHear { background-image:url('../SRAPanel/srplistenbtn.gif');} .srPanelWrapper .left .srSentenceWrapper .srPanelButton#btnHear:hover{ background-image:url('../SRAPanel/srplistenbtnh.gif');} .srPanelWrapper .left .srSentenceWrapper .srPanelButton#btnHear.pressed { background-image:url('../SRAPanel/srprecbtnp.gif');} .srPanelWrapper .left .srSentenceWrapper .srPanelButton#btnHear.pressed:hover { background-image:url('../SRAPanel/srprecbtnph.gif');} .srPanelWrapper .left .srSentenceWrapper .srPanelButton#btnHear.disabled, .srPanelWrapper .left .srSentenceWrapper .srPanelButton#btnHear.disabled:hover { background-image:url('../SRAPanel/srplistenbtnds.gif');} /*Record Button*/ .srPanelWrapper .left .srRecordingWrapper .srPanelButton#btnRecord { background-image:url('../SRAPanel/srprecbtnh.gif');} .srPanelWrapper .left .srRecordingWrapper .srPanelButton#btnRecord:hover { background-image:url('../SRAPanel/srprecbtn.gif')} .srPanelWrapper .left .srRecordingWrapper .srPanelButton#btnRecord.pressed { background-image:url('../SRAPanel/srprecbtnp.gif')} .srPanelWrapper .left .srRecordingWrapper .srPanelButton#btnRecord.pressed:hover { background-image:url('../SRAPanel/srprecbtnph.gif')} .srPanelWrapper .left .srRecordingWrapper .srPanelButton#btnRecord.disabled, .srPanelWrapper .left .srRecordingWrapper .srPanelButton#btnRecord.disabled:hover { background-image:url('../SRAPanel/srprecbtnds.gif')} /*Pronunciation Panel*/ .pronunciationPanel{width:550px; height:auto; overflow:hidden; padding:1px; -webkit-border-radius:7px;border-radius:7px; margin:0px auto; border:1px solid #dbdbdb;-webkit-box-shadow: 0px 0px 4px 0px rgba(230, 230, 230, 20);box-shadow: 0px 0px 4px 0px rgba(230, 230, 230, 20); background-color:#ffffff} .pronunciationText {width:auto; height:85px;overflow-x:hidden; overflow-y:auto; text-align:left; color:#372669; font-size:13px; padding:5px 15px; line-height:20px; } /*send to Teacher*/ .srPanelWrapper#step2 {height:150px; padding-top:20px} .sendToTeacherWrapper {width:auto; height:auto; overflow:hidden; } .waitWhileSending {width:auto; height:auto; min-height:50px; overflow:hidden; background-image:url('../SRAPanel/loading.gif'); background-repeat:no-repeat; background-position: 50% 0px; text-align:center; color:#699202; font-size:14px; padding-top:55px; font-weight:bold} .sendToTeacherWrapper .sendToTeacherText {width:94%; height:auto; overflow:hidden; padding:10px 5px; font-size:14px; margin:10px; font-weight:bold; text-align:left} .SRpanelButtonsArea{width:94%; height:auto; overflow:hidden; margin:0px auto } .SRpanelButtonsArea .left { width:50%; height:32px; text-align:left; vertical-align:bottom} .SRpanelButtonsArea .left a{ font-size:13px; padding-top:10px} .srPanelOKButton {width:50%; height:32px; padding:0px; margin:0px auto; float:right; } .srPanelOKButton a{ float:right; width:100px; height:auto; overflow:hidden; background-image:url('../SRAPanel/sendBt.gif'); border:1px solid #7a8e64; padding:0px 5px; color:#7b6a6a; text-decoration:none; font-size:14px; -webkit-border-radius: 3px;border-radius: 3px; font-weight:bold; background-color:#72d325; line-height:30px; display:block; cursor:pointer; text-align:center } .srPanelOKButton a:hover { border:1px solid #2c2c2c; color:#2c2c2c} /*interactions*/ .interactionTopWrapper{width:100%; height:auto; overflow:hidden; /*margin-left:auto; margin-right:auto; */ padding:0px; float:left} .interactionTopWrapper .left {width:171px; height:auto; overflow:hidden; margin:0px; padding:0px; margin-left:8px;} .interactionTopWrapper .right {width:340px; height:auto; overflow:hidden; background-color:#FFFFF7;border:1px solid #D2CECE;border-bottom:none; float:left; margin-left:9px; text-align:center; padding:0px} .interactionTopWrapper .bubble{ background-image:url('../Speaking/speakerBtn/bubbleRight.gif');background-repeat: no-repeat; background-position:50% top} .interactionTopWrapper .bubble .bubbleContent{margin:10px auto;text-align:left;overflow:hidden;width:310px;height:40px;font-family:arial;font-size:12px;color:#31246B; text-align:center} .interactionTopWrapper .bubble .bubbleContent span {float:left} .interactionTopWrapper .right table, .interactionTopWrapper .right table td div{width:auto; height:auto; overflow:hidden; margin-left:auto; margin-right:auto; margin:0px; padding:0px;} .interactionTopWrapper .right .arrow{width:46px; height:auto; overflow:hidden; margin-left:auto; margin-right:auto; text-align:center} .interactionTopWrapper .right .arrow input{margin-left:auto; margin-right:auto;} .sp_instructionTop{background-color:#F7F3EB;border:solid #EFE9E5;border-width:1px 1px 0px 1px;padding:5px;font-family:arial;font-size:12px;color:#666666;width:auto;height:auto; overflow:hidden; text-align:left} .sp_instructions {width:171px; height:auto; overflow:hidden;} .sp_instructions img{width:171px; height:auto; overflow:hidden; padding:0px; margin:0px;} .sp_instructions div{background-color:#ffffff;border-left:1px solid #D2CECE; border-right:1px solid #D2CECE; padding:0px 5px;font-family:arial;font-size:12px;color:#666666; width:auto; height:auto; overflow:hidden; text-align:left; margin:0px; vertical-align:top} .sp_instructions div span{font-family:arial;font-size:12px;color:#31246B} .interactionAppletWrapper{width:530px; height:auto; overflow:hidden; margin:0px; padding:0px; margin-left:8px; vertical-align:top; text-align:left; float:left;} .interactionAppletWrapper applet {width:530px; height:250px;overflow:hidden; margin:0px; padding:0px; float:left; } /*guided tour*/ .GTcontainer {width:770px; height:auto; overflow:auto; margin:10px auto; padding:0px; text-align:center; border:2px solid #FF9933} .GTcontainer object{width:770px; height:600px; overflow:auto; margin:0px; padding:0px; text-align:center;} /*lightbox-new*/ #myProfileCBox{min-height:550px; max-height:700px;}.black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content { display: none; position: absolute; top: 25%; left: 25%; width: 50%; height: 50%; padding: 16px; border: 16px solid orange; background-color: white; z-index:1002; overflow: auto; } .num0 { background-color: #a4ec57; color:#000000} .num1 { background-color: #f5b60b; color:#000000} .pad5 { padding-left: 5px} .left5 { padding-left: 5px} .left30 { padding-left: 50px} /*liesence info*/ .timeInvestedTbl { font-size:70%; color:#435594} /*segments design*/ .segsel{background-color:#4af1f7 ;} .segrin{background-color:#bafdff ;} .segrot{color:#000000; background-color:transparent ;} /*----------------------------------------item review for march 2013 release---------------------------------*/ /*itemreview tab*/ .itemReviewTab, .itemReviewTabTitle, .itemReviewTabTitle:hover{ background-color:#004b8e; width:auto; height:26px; text-align:left;/* min-width:240px*/} .itemReviewTab h2, .itemReviewTabTitle h2{ color:#ffffff; font-size:80%; line-height:26px; padding:0px; margin:0px 10px; } .itemReviewTabTitle{ background-color:#004b8e; border-left:1px solid #6ba498; cursor:pointer} .itemReviewTabTitle:hover {background-color:#142b79} /**/ .itemReviewWrapper {width:1020px; height:auto; overflow:hidden; position:absolute;top:56px; z-index:9999; margin:0px auto; background-color:transparent; background-image:url('../test/testReview/opacity65.png');} .itemReviewcontainer{ width:210px; height:auto; overflow:hidden; background-color:#dceaf7; float:right; -webkit-box-shadow: -5px 0px 15px 0px rgba(225, 225, 225, 20); border-left:1px solid #ffffff; box-shadow: -5px 0px 15px 0px rgba(225, 225, 225, 20); border-bottom:#bddbf7 solid 3px;} .itemReviewWrapper .itemReviewTab {background-color:#142b79; width:100%;} .itemReviewWrapper .itemReviewTab h2{float:left; background-image:url('../test/testReview/openLegend.gif'); background-repeat:no-repeat; background-position:0px 10px; padding-left:15px ; cursor:pointer} .itemReviewWrapper .itemReviewTab ul{width:auto; height:auto; overflow:hidden; font-size:80%; margin:0px; padding:0px;} .itemReviewWrapper .itemReviewTab ul li{ float:left; margin:0px; padding:0px; list-style:none} .itemReviewWrapper .itemReviewTab ul li span{ display:none} .itemReviewWrapper .itemReviewTab ul li a{ background-position:50% 50%; background-repeat:no-repeat; display:block; width:auto; min-width:11px; height:26px; padding:0px 6px; cursor:pointer} .itemReviewWrapper .itemReviewTab ul li a.close {background-image:url('../test/testReview/close.gif'); border-left:1px solid #4a6ba8} .topAreaWrapperReports .topAreaWrapper .banner{ background-image: none; background: #00664f; /* Old browsers */ background: -moz-linear-gradient(left, #00664f 68%, #7fb2a7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(68%,#00664f), color-stop(100%,#7fb2a7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #00664f 68%,#7fb2a7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #00664f 68%,#7fb2a7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #00664f 68%,#7fb2a7 100%); /* IE10+ */ background: linear-gradient(to right, #00664f 68%,#7fb2a7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00664f', endColorstr='#7fb2a7',GradientType=1 ); /* IE6-9 */ } .itemReviewNoResults {width:100%; height:auto; overflow:hidden} .itemReviewNoResults p {width:90%; height:auto; overflow:hidden; font-size:80%; margin:10px auto;} /*---------------UserProgressReportCss-----------------*/ .topBlueBorder { margin-top: 1px; color: #ffffff; background-color: #132977; text-align: left; width: 990px; margin: 0 auto; } .itemReviewWrapper .itemReviewTab ul li a.wide {background-image:url('../test/testReview/wide_screen_icon.gif');} .itemReviewWrapper .itemReviewTab ul li a.narrow {background-image:url('../test/testReview/narrow_screen_icon.gif');} /*filter*/ .itemReviewWrapper .itemReviewFilter { width:auto; height:auto; text-align:center; border-top:1px solid #ffffff; padding:0px 15px; overflow:hidden; background-color:#bddbf7;} .itemReviewWrapper .itemReviewFilter h3{ color:#2a2422; font-size:70%; line-height:26px;margin:0px; padding:0px; margin-left:0px; float:left; font-weight:normal} .itemReviewWrapper .itemReviewFilter select {margin:0px;padding:0px;width:auto;height:auto;color:#000000;line-height:normal;text-indent:0px;border:1px solid #adaeae; margin-left:5px; float:left; margin-top:4px; font-size:70%} /*questions*/ .itemReviewWrapper .itemReviewContent{ width:auto; height:625px; text-align:left; overflow-y:auto; overflow-x:hidden; margin:3px auto} .itemReviewWrapper .itemReviewContent table{width:auto; height:auto; overflow:hidden} .itemReviewWrapper .itemReviewContent table td{text-align:center; } .questionButtons {margin:0px auto; padding:0px; width:auto; height:auto; overflow:hidden;} .questionButtons .legendLeft {width:auto; max-width:120px; height:auto; overflow:hidden; font-size:70%; color:#ffffff} .questionButtons ul {padding:0px; width:115px; height:auto; overflow:hidden; margin:0px 10px; } .questionButtons li, .questionButtons td{ list-style:none; padding:0px; width:auto; height:auto; overflow:hidden; margin:15px 0px } .questionButtons td { padding-bottom:15px} .questionButtons .questionButtonWrapper{ padding:0px; max-width:110px; height:auto; overflow:hidden; width:auto; border-radius:2px; border:1px solid #cac8c8; background-color:#fcfdfe;} .questionButton { width:auto; height:auto; overflow:hidden; text-align:center; :hidden; margin:2px 3px; float:left;} .questionButton a{width:45px; height:18px; display:block; padding: 0px; margin:0px; cursor:pointer; border-radius:5px; border:1px solid #86a9c8; background: #dceaf7; /* Old browsers */ background: -moz-linear-gradient(top, #dceaf7 49%, #b2d9fe 50%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#dceaf7), color-stop(50%,#b2d9fe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dceaf7 49%,#b2d9fe 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dceaf7 49%,#b2d9fe 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dceaf7 49%,#b2d9fe 50%); /* IE10+ */ background: linear-gradient(to bottom, #b2d9fe 49%,#dceaf7 50%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d9fe', endColorstr='#dceaf7',GradientType=0 ); /* IE6-9 */} .questionButton a h4{width:auto; height:auto; overflow:hidden; color:#0d1c51; font-size:80%; margin:0px; padding:0px; font-weight:normal; line-height:18px; padding:0px 10px} .questionButton a:hover{background: #dceaf7; /* Old browsers */ background: -moz-linear-gradient(top, #dceaf7 49%, #bddbf7 50%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#dceaf7), color-stop(50%,#bddbf7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dceaf7 49%,#bddbf7 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dceaf7 49%,#bddbf7 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dceaf7 49%,#bddbf7 50%); /* IE10+ */ background: linear-gradient(to bottom, #dceaf7 49%,#bddbf7 50%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dceaf7', endColorstr='#bddbf7',GradientType=0 ); /* IE6-9 */ border-color:#638fb7} .questionButton a:hover h4{color:#000000; font-weight:bold} .questionButtonWrapper .answered, .notAnswered{ background-repeat:no-repeat; background-position:50% 50%; float:left; width:10px; height:10px; margin-left:5px; margin-top:7px} .questionButtonWrapper .answered {background-image:url('../test/testReview/answered.png');} .questionButtonWrapper .notAnswered {background-image:url('../test/testReview/non_answered.png');} .markedIcon {background-repeat:no-repeat; background-position:50% 50%; float:right; width:24px; height:26px; margin:-1px -1px 0px 0px; background-image:url('../test/testReview/mark.png');} .questionButtons .forReview .questionButtonWrapper{border:1px solid #919821; background: #fbe8e0; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNSUiIHN0b3AtY29sb3I9IiNmYWY5YTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjdmOGYyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(left, #f6f6a3 100%, #fcfdf9 30%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(100%,#f6f6a3), color-stop(30%,#fcfdf9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #f6f6a3 100%,#fcfdf9 30%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #f6f6a3 100%,#fcfdf9 30%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #f6f6a3 100%,#fcfdf9 30%); /* IE10+ */ background: linear-gradient(to right, #f6f6a3 30%,#fcfdf9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6a3', endColorstr='#fcfdf9',GradientType=1 ); /* IE6-8 */ } .questionButtons .forReview .questionButton a{border:1px solid #beb772; background: #f1dd32; /* Old browsers */ background: -moz-linear-gradient(top, #f1dd32 49%, #f4ed32 50%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#f1dd32), color-stop(50%,#f4ed32)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f1dd32 49%,#f4ed32 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f1dd32 49%,#f4ed32 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f1dd32 49%,#f4ed32 50%); /* IE10+ */ background: linear-gradient(to bottom, #f5ef43 49%,#f2e143 50%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5ef43', endColorstr='#f2e143',GradientType=0 ); /* IE6-9 */} .questionButtons .forReview .questionButton a:hover{background: #edd100; /* Old browsers */ background: -moz-linear-gradient(top, #edd100 49%, #f1e800 50%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#edd100), color-stop(50%,#f1e800)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #edd100 49%,#f1e800 50%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #edd100 49%,#f1e800 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #edd100 49%,#f1e800 50%); /* IE10+ */ background: linear-gradient(to bottom, #edd100 49%,#f1e800 50%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edd100', endColorstr='#f1e800',GradientType=0 ); /* IE6-9 */ border-color:#6d6311 } /*legend*/ .itemReviewWrapper .legend, .itemReviewWrapper .noLegend{ width:100%; height:auto; text-align:left; overflow:hidden; /*background-color:#bddbf7;*/ background-color:Transparent;} .itemReviewWrapper .noLegend{height:auto;} .legendHeader {width:auto; height:auto; overflow:hidden;text-align:left; overflow:hidden; border-top:3px solid #004b8e;margin-top:1px} .legendHeaderTab{width:auto; height:auto;overflow:hidden; border-radius: 0px 0px 4px 4px; background-color:#004b8e; margin-bottom:3px; float:left} .legendHeader h2{ float:left; width:auto; height:auto; overflow:hidden; font-size:80%; margin:0px; padding:4px 8px; color:#ffffff; float:left; font-weight:normal; text-decoration:underline; padding-left:0px} .legendHeader .openingArrow{width:20px; height:auto; overflow:hidden; float:left} .legendHeader .openingArrow a{width:20px; height:25px; display:block; background-image:url('../test/testReview/openLegend.gif'); background-repeat:no-repeat; background-position:50%; cursor:pointer} .legendHeader .openingArrow a span{ display:none} .legendWrapper {width:auto; height:auto; overflow:hidden; position:relative; z-index:10000; top:-7px; float:right; right:-10px; } .legendWrapper .tooltipTail { float:left; width: 0; height: 0; border-top: 7px solid transparent;border-bottom: 7px solid transparent; border-left:7px solid #004b8e; margin-top:15px} .legendContent{width:auto; height:auto; text-align:left; overflow:hidden; background-color:#004b8e;padding:10px 10px 0px; float:left; margin-top:3px} /*-----------------------------------------------------------------------------------------------------------*/ /*----------------------------------------view test results for march 2013 release---------------------------------*/ .testResultsWrapper{ width:850px; height:auto; margin:0px auto; position:absolute; float:left; clear:right} .questionsNavWrapper { background-color:#004a8d; width:100%; height:auto; border-bottom:3px solid #ffffff} .testResultsWrapper .toeicTestTitle { width:97%} .sliderContainer {width:990PX;height:auto; overflow:hidden; margin:0px auto; float:left} .sliderDiv {/*width:1000px;*/ height:auto; overflow:hidden; } .totalScoreWrapper{ width:100%; height:auto; overflow:hidden; margin:-25px auto 0px; text-align:center;} .totalScore { font-size:80%; color:#f0f7fe ; /* background-color:#2f4388;*/ background-color:rgb(19, 41, 119); border-radius:25px 25px 0px 0px ; width:200px; height:auto; overflow:hidden; margin:0px auto; padding:6px 0px 0px} .questionsBar { width:100%; height:auto; overflow:hidden; margin:0px auto 0px; } .questionsBar ul { width:auto; height:auto; /*overflow:hidden;*/ margin:0px auto; padding:0px 5px; border:none; text-align:center; margin-top:7px; display:inline-table} .questionsBar ul li {cursor:pointer; list-style:none; float:left; width:auto; height:auto; border-radius:5px 5px 0px 0px; border:none; padding:0px; margin-right:5px; background-color:#465ba4} .questionsBar ul li a {width:100%; height:21px; padding:0px 5px; display:block; text-decoration:none } .questionsBar ul li:hover{background-color:#2f4388;} .questionsBar ul li .questionNumber {margin:0px; margin-left:2px; margin-top:2px; /*border-radius:5px;*/ float:left; text-align:center; width:auto; height:auto; font-size:12px; color:#05123f;} .questionsBar ul li:hover .questionNumber {color:#889fcc; } .questionsBar ul li.active, .questionsBar ul li.active:hover { background-color:#ffffff; cursor:default } .questionsBar ul li.active .questionNumber, .questionsBar ul li.active:hover .questionNumber{ color:#142b79; } .wrongAnswer, .rightAnswer, .halfAnswer{background-position:5px center; float:left; width:21px; height:21px; overflow:hidden} .wrongAnswer{background-repeat:no-repeat; background-image:url('../general/xcheck.png');} .rightAnswer{background-repeat:no-repeat; background-image:url('../general/vcheck.png');} .halfAnswer{background-repeat:no-repeat; background-image:url('../general/hcheck.png');} .testResultsWrapper .questionInfoContainer{} .testResultsWrapper .questionInfoContainer ul{ width:auto; height:auto; overflow:hidden; margin:0px; margin-top:6px; padding:0px} .testResultsWrapper .questionInfoContainer ul li{padding:0px; cursor:pointer; list-style:none; float:left; width:auto; height:18px; border-radius:5px 5px 0px 0px; background-color:#95bdb3; margin:0px 3px 0px; border: 1px solid #768494; border-bottom:none} .testResultsWrapper .questionInfoContainer ul li a{color:#014c3b; font-size:70%; margin:0px 8px; line-height:18px; text-align:left; width:auto; height:auto; overflow:hidden; display:block; font-weight:bold} .testResultsWrapper .questionInfoContainer ul li a span { float:left; margin-left:4px; } .testResultsWrapper .questionInfoContainer ul li a span.langFlag { width:21px; height:14px; background-repeat:no-repeat; margin-top:1px} .testResultsWrapper .questionInfoContainer ul li#eng span.langFlag {background-image:url('../test/testResults/usa_flag.gif');} .testResultsWrapper .questionInfoContainer ul li#jpn span.langFlag {background-image:url('../test/testResults/japan_flag.gif');} .testResultsWrapper .questionInfoContainer ul li#chs span.langFlag, .testResultsWrapper .questionInfoContainer ul li#chi span.langFlag{background-image:url('../test/testResults/chinese_flag.gif');} .testResultsWrapper .questionInfoContainer ul li#spa span.langFlag {background-image:url('../test/testResults/spain_flag.gif');} .testResultsWrapper .questionInfoContainer ul li.active{height:24px; background-color:#d9e7f7; } .testResultsWrapper .questionInfoContainer ul li.active a{color:#004a8d;} .testResultsWrapper .questionInfoContainer ul li.active a span.langFlag{border: 1px solid #ecf3fb} .testResultsWrapper .testContentWrapper{background-color:#dceaf7; margin-top:-1px; border-top:1px solid #ffffff; overflow-y:auto } .testResultsWrapper .testContentWrapper #testMedia{width:570px; border:1px solid #598dc6; background-color:#ffffff ;margin:10px 0px; min-height:465px; height:auto; overflow:hidden; overflow-y:auto; } .testContentWrapper .listeningWithImg #testMedia { width:auto} .testContentWrapper .listeningWithImg #testMedia .toeicTestPlayer a:active{ background-image:url('../test/TSBC/pauseBt_over.png');} .testResultsWrapper .testContentWrapper .testQuestionsArea{width:430px; border:1px solid #598dc6; background-color:#ffffff; min-height:465px; height:auto; overflow:hidden; overflow-y:auto; margin:10px 1px; padding:0px; float:right; vertical-align:middle; } .testResultsWrapper .testContentWrapper .readingWithoutImg#testMedia { height:564px; background-color:transparent; background-image:url('../test/TSBC/reading.png'); background-repeat:no-repeat; background-position:50%;} .testResultsWrapper .testContentWrapper .listeningWithoutImg#testMedia .toeicTestPlayer{ margin-left:auto; float:none} .mCSB_buttonLeft, .mCSB_buttonRight{ background-image:url('../test/testResults/scroll_arrow_left.png'); background-repeat:no-repeat; background-position:50% bottom; width:38px; height:26px; display:block; float:left; cursor:pointer; } .mCSB_buttonRight{background-image:url('../test/testResults/scroll_arrow_right.png'); float:right} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ height:3px; border-radius:5px; background-color:#e1ecf9; border:1px solid #142b79} .mCSB_scrollTools .mCSB_draggerRail{ width:940px; margin:7px 0px; border:1px solid #ffffff; height:5px; border-radius:5px; background-color:#142b79;} .mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{/*width:100px;*/margin:0px; margin-left:1px;margin-top:8px;} .mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{ /*width:982px;*/ width:100%; height:auto; margin-top:5px; margin:0px auto; overflow:hidden; } .mCSB_scrollTools .mCSB_draggerContainer{ float:left; height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; width:942px; /*margin-left:10px*/ } .mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{padding-bottom:0;padding-right:3px;padding-top:3px;} .mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{ padding-bottom:40px; } .OriginalQuestion, .YourAnswerWrapper {width:auto; overflow:hidden; height:280px; text-align:left; padding:1px; background-color:#f3f3f3} /*.OriginalQuestion { /*height:auto; min-height:280px overflow-y:auto;}*/ .OriginalQuestionTextWrapper, .AnswerExplanationWrapper {width:auto; overflow:hidden; height:280px; text-align:left; padding:1px} .YourAnswerWrapper .screen{ width:412px; height:257px} .testResultsWrapper .YourAnswerWrapper #divQuestion {width:auto; overflow:hidden; height:100%; } .testResultsWrapper .YourAnswerWrapper .questionInstructions { background-color:#dfe5eb; border:none} .testResultsWrapper .YourAnswerWrapper .lessonAnswersWrapper .lessonMultipleAnswer .multipleImageseRadioIcon{margin-left:20px; } .testResultsWrapper .YourAnswerWrapper .answersWrapper { max-height:225px} .testResultsWrapper .YourAnswerWrapper .lessonMultipleAnswer:hover{background-color: transparent;} /*title*/ .sectionTitle {width:428px; height:25px; background-color:#598dc6} #testMedia .sectionTitle {width:568px;} .sectionTitle h2{width:100%; height:auto; overflow:hidden; color:#ffffff; font-size:80%; line-height:25px; margin:0px; padding:0px; margin-left:7px; text-align:left} /*OriginalQuestionContent*/ .OriginalQuestionContent {width:auto; overflow:hidden; height:255px; overflow-y:auto; } .readingWithImg .OriginalQuestion{ height:562px;} /*in case there is no OriginalQuestionTextWrapper section*/ .readingWithImg .OriginalQuestion .OriginalQuestionContent{ max-height:535px; height:auto} .testResultsWrapper #divMedia{ /*max-width:500px;*/ float:left; height:auto; overflow:hidden; width:100%; text-align:center } .testResultsWrapper #divMedia img{ width:335px; margin:5px; height:inherit} .testResultsWrapper .readingWithImg #divMedia img { width:auto}/*in case there is no OriginalQuestionTextWrapper section*/ .testResultsWrapper #divMediaReading{ width:auto; float:left; height:auto; overflow:hidden} .testResultsWrapper #divMediaReading img{ width:335px; margin:5px} .testResultsWrapper .listeningWithImg #divMedia {width:auto} .testResultsWrapper #testMedia .toeicTestPlayer { width:83px; float:left; height:83px; margin-left:45px; margin-right:auto; border:1px solid #c7d0d9; margin-top:75px; border-radius:10px} .testResultsWrapper #testMedia .toeicTestPlayer a{ width:53px; height:53px; margin:15px auto; display:block; min-width:53px; float:none;} .testResultsWrapper #testMedia .playerOn a { background-image:url('../test/TSBC/pauseBt.png');} .testResultsWrapper #testMedia .playerOn a:hover { background-image:url('../test/TSBC/pauseBt_over.png');} .testResultsWrapper .OriginalQuestionText { width:auto; height:256px; overflow:hidden; margin:0px auto; font-size:75%; text-align:left; overflow-y:auto;} .testResultsWrapper .OriginalQuestionText p {width:97%; height:auto; overflow:hidden; margin:5px auto; padding:0px; line-height:20px} .testResultsWrapper #testMedia .OriginalQuestionText { width:568px;} .OriginalQuestionText .testReviewAnswers {width:auto; height:auto; overflow:hidden; margin-bottom:15px; color:#000000} .OriginalQuestionText .testReviewAnswers .answersWrapper ul{ width:auto; height:auto; overflow:hidden; margin:0px; margin-top:6px; padding:0px; color:#000000} .OriginalQuestionText .testReviewAnswers .answersWrapper ul li{cursor:default; width:auto; height:auto; overflow:hidden; margin:0px; list-style: none; padding:5px 0px; min-height:20px} .OriginalQuestionText .testReviewAnswers .answersWrapper ul li div{ width:auto; height:auto; overflow:hidden; margin:0px; line-height:20px; background-repeat:no-repeat; background-position:5px 5px; background-image:url('../general/vcheck.png'); /*background-color:#fefe36; background-color:#e6f1fc*/ } #Japanese .OriginalQuestionText .testReviewAnswers .answersWrapper ul li div{ color:#f73f05 } .OriginalQuestionText .testReviewAnswers .answersWrapper ul li span{width:345px; height:auto; overflow:hidden; margin:0px; padding:0px; margin-left:5px; float:left; line-height:normal; padding-top:3px; padding-bottom:3px} .OriginalQuestionText .testReviewAnswers .answersWrapper ul li span.queNumber { height:auto; overflow:hidden; width:auto; margin-left:20px; line-height:20px; padding:0px; margin-right:0px} .OriginalQuestionText .testReviewAnswers .question {width:auto; height:auto; overflow:hidden; font-weight:bold; margin:0px 7px; color:#353535; margin-top:3px} .testResultsWrapper .readingExploreTxtWrapper{font-size:75%; color:#000000; width:98%; margin:2px auto; height:530px; overflow-y:auto; text-align:left }/*for test results reading translation*/ /*-----------------------------------------------------------------------------------------------------------*/ /*--------------------------------------march2013 upgrades----------------------------------------------*/ .qText, .fitb { width:auto; height:auto; overflow:hidden; padding:0px 5px; margin-top:10px} .qText {font-weight:bold} .qTextRound {background-color:#142b79; margin:0px; width:120px; height:auto; overflow:hidden; padding:2px 0px; background-image:url('../test/testResults/questionNumberEnd.gif'); background-repeat:no-repeat; background-position:right} .qTextRound div{background-color:#ffffff; width:40px; border:1px solid #94b9e3; height:18px; margin:0px 0px 0px 5px; border-radius:5px; text-align:center; line-height:18px; } .answers {width:auto; height:auto; overflow:hidden; padding:0px 5px; font-size:80%; padding-bottom:20px } .answers .answer {width:auto; height:auto; overflow:hidden; color:#142b79; margin-top:10px; padding:5px; padding-left:0px} .answers .answer input {overflow:hidden; line-height:15px; float:left;} .answers .answer div {width:auto; height:auto; line-height:18px; padding-left:7px} .answerNumber {width:auto; height:auto; margin:0px; padding:0px; float:left; line-height:normal} .answers .answer div#txt_div{max-width:315px; padding-left:0px; margin-left:5px; float:left} .testContentWrapper .answerNumber {margin-top:6px} .screen {background-image:url('../test/testReview/opacity100.png'); position: absolute;z-index: 9999; background-color: transparent; } .Practice .screen{width:395px!important} .vCheck {background-repeat:no-repeat; background-position:5px 3px; background-image:url('../general/vcheck.png');} .xCheck {background-repeat:no-repeat; background-position:5px 3px; background-image:url('../general/xcheck.png');} .testResultsWrapper .vCheck, .testResultsWrapper .xCheck {background-position:5px 7px;} /*fill in the blank .fillInBlank .fitb{line-height:29px; min-height:30px; padding:0px; margin:0px 5px; margin-top:10px} .fillInBlank .fitb span .questionText {float:left; color:#004b8e; height:23px;} .fillInBlank .fitb span .arrowWrapper .downArrow{ margin:8px auto 0px; float:none; border-top:6px solid #ffffff; border-right:4px solid transparent;border-left:4px solid transparent; } /*active .fillInBlank .fitb span.active{border-color:#598dc6} /*answered .fillInBlank .fitb span.answered .arrowWrapper .downArrow{ border-top-color:#eef0f2; } */ /*right .fillInBlank .fitb span.vCheck, .fillInBlank .fitb span.xCheck{border-color:#bccedd; background-color:#fdfdfd} .fillInBlank .fitb span.vCheck .arrowWrapper, .fillInBlank .fitb span.xCheck .arrowWrapper{ background-color: transparent; cursor:default; background-repeat:no-repeat; } .fillInBlank .fitb span.xCheck .arrowWrapper{ background-image:url('../test/testResults/wrongChossen.gif');} .fillInBlank .fitb span.vCheck .arrowWrapper .downArrow, .fillInBlank .fitb span.xCheck .arrowWrapper .downArrow{display:none} */ .optionsWrapper {width:auto; height:auto; overflow:hidden; position:absolute; z-index:1000; background-color:#ffffff; } .optionsWrapper table {width:100%; height:auto; overflow:hidden; font-size:13px; padding:0px; margin:0px; border:1px solid #59a7eb;} .optionsWrapper table td{width:100%; height:28px; overflow:hidden; border-bottom:#c5d8e8 solid 1px; padding:0px 5px; margin:0px; color:#1f74bf; cursor:pointer; text-align:left} .optionsWrapper table td:hover, .optionsWrapper table td.selected{ background-color:#ebf4fb; color:#004b8e} .choosenOption {float:left} /*-------------japanese icons-------------*/ .testResultsWrapper#Japanese .questionsBar ul li.active .v{ background-image:url('../general/vcheck_jap.png');} .testResultsWrapper#Japanese .questionsBar ul li.active .x, .testResultsWrapper#Japanese .questionsBar ul li .x{ background-image:url('../general/xcheck_jap.png'); } #Japanese .rightAnswer, #Japanese .vCheck, .testResultsWrapper#Japanese .OriginalQuestionText .testReviewAnswers .answersWrapper ul li div { background-image:url('../general/vcheck_jap.png'); color:#f73f05} #Japanese .wrongAnswer, #Japanese .xCheck{ background-image:url('../general/xcheck_jap.png'); color:#598dc6} .testResultsWrapper#Japanese .questionsBar ul li .v{ background-image:url('../general/vcheck_jap_dis.png'); } /*---------------------------------------*/ /*volume check*/ .volumeCheck { width:100%; height:auto; } .volumeCheck a {width:auto; max-width:200px;height:30px; margin:0px auto; border-radius:5px;border:1px solid #7582b0; padding:0px 20px; font-size:85%; line-height:30px; background-image:url('../test/TSBC/testSound.png'); background-repeat:no-repeat; background-position:9px 50%; display:block; font-weight:bold; -webkit-box-shadow: inset 0px 0px 5px 2px rgba(149, 182, 219, 0.5);box-shadow: inset 0px 0px 5px 2px rgba(149, 182, 219, 0.5); cursor:pointer; color:#33679f } .volumeCheck a.pressed{border:1px solid #ab3827; background-image:url('../test/TSBC/testSound.png'); background-position:6px 50%; color:#ab3827; -webkit-box-shadow: inset 0px 0px 5px 2px rgba(233, 200, 195, 0.5);box-shadow: inset 0px 0px 5px 2px rgba(233, 200, 195, 0.5);} .volumeCheck a:hover{background-image:url('../test/TSBC/volumeCheck.png'); border:1px solid #25216d; color:#25216d} .volumeCheck a.pressed:hover { background-position:9px 50%;} /*----------------------------Racheli28.5.2013-----------------------------*/ #translationDiv { width:100%; background-color: #DCE8F4; overflow:hidden; height: 100%; } .translationWrapper { width:100%; overflow-y: auto; overflow-x: hidden; height: 465px; padding-bottom:10px; } .translationTitle { width: 100%; height: 22px; overflow: hidden; background-color: #cadff4; } .translationTitle h3 { width: auto; height: auto; overflow:hidden; line-height: 22px; font-weight: bold; color: #132977; margin:0px; padding:0px; padding-left:25px; background-repeat:no-repeat; background-position:3px 50%; font-size:13px } .translationTitle h3.jap { background-image: url('/Runtime/Context/general/lang_ico_jap.png'); } /*.closeInnerWrapper blockquote { text-align:left; margin-left: 0px; }*/ .translationTitleText { padding-left: 7px; float: left; } .generalIcon { height: 100%; width: 9px; float: right; } .generalIcon a { height: 100%; width: 100%; background-repeat: no-repeat; } .generalIcon a.closeIcon { background-image: url(/Runtime/Context/general/close_bt.png); display: inline-block; margin-top: 5px; margin-left: -5px; } .generalIcon a span { display: none; } .multipleText, .fillBlank, .classification, .close, .matching, .markTheTruth { height: auto; width: 100%; overflow: hidden; padding-bottom: 10px; } .bold { font-weight: bold; } .questionInstructions { width: 100%; height: auto; overflow: hidden; color:#02081a; width:auto; height:auto; padding:5px 10px; font-size:12px; color:#372669; background-color:#f0f7fe; border-bottom:1px solid #daedff; } .qTextWrapper { width: auto; height: auto; overflow: hidden; margin-left: 13px; margin-top: 20px; margin-bottom: 3px; } .qText { font-size: 12px; width: 100%; height: auto; overflow: hidden; } .lessonMultipleAnswersWrapper { width: 100%; height: auto; overflow: hidden; } .radioTextWrapper { margin-left: 0px; width: auto; height: auto; overflow: hidden; } .multiRadio { width: auto; height: auto; float: left; padding-top: 3px; overflow: hidden; } .multiText { line-height: 20px; padding-top: 3px; float: left; width: 88%; padding-left: 3px; } /*-----------------------Yelena 29.05.13---------------------*/ /*---------------TopArea--------------------*/ .topAreaWrapperReports .topAreaWrapper .banner{ background-image: none; background: #00664f; /* Old browsers */ background: -moz-linear-gradient(left, #00664f 68%, #7fb2a7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(68%,#00664f), color-stop(100%,#7fb2a7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #00664f 68%,#7fb2a7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #00664f 68%,#7fb2a7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #00664f 68%,#7fb2a7 100%); /* IE10+ */ background: linear-gradient(to right, #00664f 68%,#7fb2a7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00664f', endColorstr='#7fb2a7',GradientType=1 ); /* IE6-9 */ } .topAreaWrapperReports .topAreaWrapper{ height: 66px; } /*---------------UserProgressReportCss-----------------*/ .topBlueBorder { margin-top: 1px; color: #ffffff; background-color: #132977; text-align: left; width: 990px; margin: 0 auto; } .topBlueBorder h5{ padding: 6px 0 6px 6px; margin: 0; } .reportsProgressTable{ width: 90%; margin: 0 auto; padding-top: 40px; } .reportsTableDesign{ border: 1px solid #00664f; font-size: 11px; border-collapse: collapse; } .reportsTableDesign th{ color: #ffffff; background-color: #00664f; font-weight: bold; padding: 7px 15px 7px 15px; width: 105px; border: 1px solid #00664f; } .reportsTableDesign td{ height: 40px; border: 1px solid #00664f; color: #132977; text-align: center; } .blueBtDiv{ float: right; margin-top: 35px; margin-bottom: 35px; } .blueSmallBtn a{ padding: 5px 40px 5px 40px; font-size: 13px; background-color: #132977; border-radius: 8px; color: #ffffff; } .generalWrapper .reportsTables table .whiteBorderRight{border-right: 1px solid #ffffff;} .topBlueBorder h5{ padding: 6px 0 6px 6px; margin: 0; } .reportsProgressTable{ width: 90%; margin: 0 auto; padding-top: 40px; } .reportsTableDesign{ border: 1px solid #00664f; font-size: 11px; border-collapse: collapse; } .reportsTableDesign th{ color: #ffffff; background-color: #00664f; font-weight: bold; padding: 7px 15px 7px 15px; width: 105px; border: 1px solid #00664f; } .reportsTableDesign td{ height: 40px; border: 1px solid #00664f; color: #132977; text-align: center; } .blueBtDiv{ float: right; margin-top: 35px; margin-bottom: 35px; } .generalWrapper .reportsTables table .whiteBorderRight{border-right: 1px solid #ffffff;} /*---------------ReportTables--------------------*/ .reportsTables{ width: 50%; margin: 25px auto 45px auto; } .reportsTables .reportsTableDesign td{ background-color: #fafbdc; font-weight: bold; color: #020111; text-align: left; padding-left: 15px; } .reportsTables .reportsTableDesign th{ font-size: 13px; width: 152px; text-align: left; } .reportsTables .reportsTableDesign{ margin: 0 auto 35px auto; } .overflowreportsBlueTableDesign { overflow-y: auto; overflow-x: hidden; width: 367px; height: 392px; margin: 0 auto; } .reportsBlueTableDesign { width: 367px; border: 1px solid #00664f; font-size: 11px; border-collapse: collapse; margin-left: auto; margin-right: auto; } .reportsTables .blueBtDiv { margin-right: -183px; } .reportsBlueTableDesign th{ font-size: 13px; width: 166px; background-color: #132977; border: 1px solid #132977; color: #ffffff; height: 31px; text-align: left; padding-left: 15px; } .reportsBlueTableDesign td{ height: 40px; border: 1px solid #00664f; color: #132977; text-align: left; font-weight: bold; padding-left: 15px; } /*---------------TopArea--------------------*/ .topAreaWrapperReports .topAreaWrapper .banner{ background-image: none; background: #00664f; /* Old browsers */ background: -moz-linear-gradient(left, #00664f 68%, #7fb2a7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(68%,#00664f), color-stop(100%,#7fb2a7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #00664f 68%,#7fb2a7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #00664f 68%,#7fb2a7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #00664f 68%,#7fb2a7 100%); /* IE10+ */ background: linear-gradient(to right, #00664f 68%,#7fb2a7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00664f', endColorstr='#7fb2a7',GradientType=1 ); /* IE6-9 */ } .topAreaWrapperReports .topAreaWrapper{ height: 66px; } /*---------------UserProgressReportCss-----------------*/ .topBlueBorder { margin-top: 1px; color: #ffffff; background-color: #132977; text-align: left; width: 990px; margin: 0 auto; } .topBlueBorder h5{ padding: 6px 0 6px 6px; margin: 0; } .reportsProgressTable{ width: 90%; margin: 0 auto; padding-top: 40px; } .reportsTableDesign{ border: 1px solid #00664f; font-size: 11px; border-collapse: collapse; } .reportsTableDesign th{ color: #ffffff; background-color: #00664f; font-weight: bold; padding: 7px 15px 7px 15px; width: 105px; border: 1px solid #00664f; } .reportsTableDesign td{ height: 40px; border: 1px solid #00664f; color: #132977; text-align: center; } .blueBtDiv{ float: right; margin-top: 35px; margin-bottom: 35px; } .blueSmallBtn input[type="button"]{border: none; margin-right: 50px;} .blueSmallBtn a, .blueSmallBtn input[type="button"] { font-family: Verdana; padding: 5px 40px 5px 40px; font-size: 13px; background-color: #132977; border-radius: 8px; color: #ffffff; text-decoration: none; cursor: pointer; } .generalWrapper .reportsTables table .whiteBorderRight{border-right: 1px solid #ffffff;} /*---------------GroupsCss-----------------*/ .errValidate { border: 2px solid red !important; } .reportsTable{ margin: 50px auto 30px auto; width: 50%; } .blueBtnWrapper{ width: 988px; margin: 0 auto; padding-bottom: 60px; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; margin-top: -20px; padding-top: 37px; } .blueBtnWrapper .blueBigBt { padding:0; font-size: 15px; width: 16%; } .blueBtnWrapper .blueBigBt a { font-size: 15px; font-weight: 500; } .profileTable{ border-collapse: collapse; } .profileTable .inputField input{ border: 1px solid #082447; width: 225px; } .profileTable td label{ font-weight: bold; } .profileTable td select{border: 1px solid #082447; width: 233px;} .profileTable td{ width: 47%; font-size: 13px; color: #082447; text-align: left; border-bottom: 8px solid #ffffff; padding: 11px; } .profileTable tr td.NewGroupWrapperUp { border-bottom: none; padding-bottom: 0px; } .profileTable tr td.NewGroupWrapperDn { padding-top: 0px; padding-bottom: 13px; } .profileTable tr{background-color: #e7eef7;} .innerTableYesNo td label{ font-weight: normal; padding: 0px 25px 0 7px; } .profileTable td .innerTableYesNo td{border-bottom: none; padding: 0px; width: 30%;} .innerTableYesNo td input[type="radio"]{ margin-top: 0; } /*---------------ReportTables--------------------*/ .reportsTables{ width: 50%; margin: 25px auto 45px auto; } .reportsTables .reportsTableDesign td{ background-color: #fafbdc; font-weight: bold; color: #020111; text-align: left; padding-left: 15px; } .reportsTables .reportsTableDesign th{ font-size: 13px; width: 152px; text-align: left; } .reportsTables .reportsTableDesign{ margin: 0 auto 35px auto; } .overflowreportsBlueTableDesign { overflow-y: auto; overflow-x: hidden; width: 367px; height: 392px; margin: 0 auto; } .reportsBlueTableDesign { width: 367px; border: 1px solid #00664f; font-size: 11px; border-collapse: collapse; margin-left: auto; margin-right: auto; } .reportsTables .blueBtDiv { margin-right: -183px; } .reportsBlueTableDesign th{ font-size: 13px; width: 166px; background-color: #132977; border: 1px solid #132977; color: #ffffff; height: 31px; text-align: left; padding-left: 15px; } .reportsBlueTableDesign td{ height: 40px; border: 1px solid #00664f; color: #132977; text-align: left; font-weight: bold; padding-left: 15px; } /*----------------------------Login------------------------------*/ .mainLoginContent{ width: 910px; height: 550px; overflow: hidden; min-height: 450px; margin-left: auto; margin-right: auto; } .mainLoginContent .login .loginContent{ margin-top: 31px; } .mainLoginContent .login input[type="text"],.mainLoginContent .login input[type="password"] { height: 26px; min-width: 250px; margin-right: 43px; } .mainLoginContent .login .loginTd { margin-top: 6px; color: #082447; } .reportImg{ float: right; position: relative; top: -498px; width: auto; height: auto; display: block; right: 33px; z-index:10; } .reportImg img{ width: 292px; height: 434px; } .loginWrapper .login .loginContent .StartBtnWrapper .blueBigBt a { padding: 5px 10px; } /* Quiz Review styles */ .quizResultsMode .questionContent{width:auto;height:auto; overflow: auto; padding-top:0px; min-height:0px; } .quizResultsMode .fullpageContent {height:auto; min-height:38px; background-color:#ffffff; border:none; padding-bottom:16px} .quizResultsMode .questionsNavWrapper {border:none;} .quizResultsMode .questionsBar ul li .questionNumberWrapper { margin-top:0px; margin-bottom:8px; border:none;} .quizResultsMode .questionsBar ul li .liWrapper {} .quizResultsMode .questionsBar ul li { height:31px; padding:0px; margin:0px} .quizResultsMode .questionsBar ul li.active .liWrapper{height:31px; padding-top:2px} .StartBtnWrapper#showQuizResultsBtn{ width:60%} .StartBtnWrapper#showQuizResultsBtn .StartBtn{ width:auto} .testResults .questionsBar ul li .questionNumberWrapper { margin-top:0px; margin-bottom:8px} .testResults .questionsBar ul li .questionNumber { height:20px} .testResultTools { font-size: 11px; background-color:#75aae5; height: 26px; width: 100%; } .testResultTools ul { width: auto; height: 100%; overflow: hidden; margin: 0px; padding: 0px; text-align:justify } .testResultTools ul li { height: auto; width: auto; list-style-type: none; display: inline-block; float: left; margin: 0px; margin-top: 2px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #FFFFFF; text-align: center; padding:0px; border-right:1px solid #acccef } .testResultTools ul li:after { background-color: #628fc0;content: ""; position:absolute; z-index:1; height:21px; width:1px; float:left; margin-left:1px } .testResultTools ul li a:hover, .testResultTools ul li.active a { background-color: #142b79; text-decoration: none; color: #ffffff; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; } .testResultTools ul li a { display: block; height: auto; width: auto; overflow: hidden; text-decoration: none; color: #FFFFFF; line-height: 15px; padding:3px 13px; margin:0px 5px; float: left; cursor:pointer } .quizResultsFlag { width: 393px; height: 22px; overflow: hidden; line-height: 22px; color: #132977; margin: 0px; padding: 0px; float: left; } .flag{ width: 21px; height: 14px; margin-right:3px; margin-top:3px; background-repeat: no-repeat; float: right;} .us { background-image: url('/Runtime/Context/general/lang_ico_us.png'); } /* End of Quiz Review styles */ /***********************************************PRCTICES*********************************************************/ .Practice .vCheck {background-image: url('../general/vcheck.png'); background-position:0 50%} .Practice .xCheck {background-image: url('../general/xcheck.png'); background-position:0 60%} .pmContainer{width:auto; height:465px; overflow:hidden; overflow-y:auto;padding:0px; margin:0px; text-align:left; z-index:5; } .Practice .pmContainer { overflow-y:hidden;} .answersWrapper{width:auto; height:auto; padding:10px; margin:5px 5px 0; overflow:hidden; font-size:12px; color:#0d095d; overflow-y:auto} .answersWrapper .qTextWrapper .qText{width:auto; height:auto; float:left; padding:3px 0 0 0; overflow:hidden; margin-bottom:10px} .answersWrapper .qTextWrapper{width:auto; height:auto; overflow:hidden; margin:0;} .answersWrapper .qTextWrapper .generalIcon{ margin-right:5px; margin-bottom:3px} .lessonAnswersWrapper{width:auto;height: auto;overflow: hidden;} .testResultsWrapper#Japanese .seeAnswers .questionsBar ul li .v, #Japanese .seeAnswers .rightAnswer, #Japanese .seeAnswers .vCheck{ background-image:none; } .testResultsWrapper#Japanese .seeAnswers .questionsBar ul li .x, #Japanese .seeAnswers .wrongAnswer{ background-image:none; } .seeAnswers .answered .questionText{color:#060d24} /*text table*/ .textTable{width:101%; height:auto; margin:0; margin-right:auto; margin-left:-1px; margin-bottom:-2px; border-collapse:collapse; } .textTable tr{min-height:20px;} .textTable th{width:auto; height:auto; background-color:#e5f2fe; border-right:1px solid #8bb4e1; color:#372669; font-size:12px; font-weight:normal; overflow:hidden; text-align:center; line-height:normal; padding:10px;}/*line-height:1.5;*/ .textTable td{width:50%!important; height:auto; overflow:hidden; padding:5px 0; vertical-align:top; text-align:left; border:1px solid #8bb4e1; font-size:12px; } .textTable td.full{background-color:#f8fbfe;} /*wordsBankWrapper*/ .wordsBankWrapper{width:auto; height:auto; overflow-x:hidden; overflow-y:auto; margin:20px auto 0 auto;} .wordsBankTable{width:100%; height:auto; overflow:hidden; margin:0px auto;} .wordsBankTable:after{content: "."; visibility: hidden; display:block; height:0; clear:both;} .wordsBankTable td{width:50%!important; height:auto; overflow:hidden; padding:4px;} .wordBankTile, .wordBankTileDragged, .draggable{height: auto; width:auto; padding:2px 5px 2px 20px; margin:0 auto; overflow:hidden; text-align:left; background-color:#fffef9; border:1px solid #8bb4e1; font-size:12px; line-height: normal; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius:5px; border-radius: 5px; cursor: pointer; color:#372669;} .wordBankTile{ -webkit-box-shadow: 3px 3px 0px 0px #cbd7e5; box-shadow: 3px 3px 0px 0px #cbd7e5;} .draggable:hover{border:1px solid #17349d; } .draggable:active, .draggable:focus{border:1px solid #333333;} .wordBankTilePlaced{padding:2px 5px 2px 20px; border:1px solid transparent; margin:0; color:#004b8e} .emptyBank{width:auto; height:auto;} /*Question view in the view results*/ .covered {width:auto; height:auto; overflow:hidden;} .covered .answersWrapper, .seeAnswers.answersWrapper, .TestResults .answersWrapper, .covered .answer, .seeAnswers .answer , .TestResults .answer, .covered .multChoiceQ{ color:#6d6d6d} .covered .answersWrapper .vCheck, .seeAnswers.answersWrapper .vCheck, .TestResults .answersWrapper .vCheck, .covered .answer, .seeAnswers .answer .vCheck, .TestResults .answer .vCheck, .covered .multChoiceQ .vCheck{ color:#1d7739} .covered .answersWrapper .xCheck, .seeAnswers.answersWrapper .xCheck, .TestResults .answersWrapper .xCheck, .covered .answer, .seeAnswers .answer .xCheck, .TestResults .answer .xCheck, .covered .multChoiceQ .xCheck{ color:#f33005} .covered .answersWrapper{overflow-y:auto;/* max-height:219px;*/} /*japanese*/ #Japanese .covered .answersWrapper .vCheck, .seeAnswers.answersWrapper .vCheck, #Japanese .TestResults .answersWrapper .vCheck, #Japanese .covered .answer, #Japanese .seeAnswers .answer .vCheck, .TestResults .answer .vCheck, #Japanese .covered .multChoiceQ .vCheck{color:#f73f05} #Japanese .covered .answersWrapper .xCheck, .seeAnswers.answersWrapper .xCheck, #Japanese .TestResults .answersWrapper .xCheck, #Japanese .covered .answer, #Japanese .seeAnswers .answer .xCheck, .TestResults .answer .xCheck, #Japanese .covered .multChoiceQ .xCheck{ color:#598dc6} .seeAnswers .vCheck, .seeAnswers .wordBankTilePlaced, .TestResults .seeAnswers .vCheck, .covered .seeAnswers .multChoiceQ .vCheck{ background-image:none; color:#1d7739; background-image:none; border:none;} #Japanese .seeAnswers .vCheck, #Japanese .seeAnswers .wordBankTilePlaced, #Japanese .TestResults .seeAnswers .vCheck, #Japanese .covered .seeAnswers .multChoiceQ .vCheck{ color:#f73f05} .covered .answer input { line-height:25px; margin-left:30px; float:left} .covered .qText, .seeAnswers .qText, .TestResults .qText { margin-bottom:5px; color:#6d6d6d} .covered .questionInstructions, .seeAnswers .questionInstructions, .TestResults .questionInstructions{border-bottom:1px solid #cac8c8; background-color:#e3e1e1; color:#6d6d6d} .covered .textTable th, .seeAnswers .textTable th, .TestResults .textTable th{border-right:1px solid #cac8c8; background-color:#e3e1e1; color:#6d6d6d} .covered .textTable td, .seeAnswers .textTable td, .TestResults .textTable td{border:1px solid #cac8c8; } .covered .draggable.wordBankTile , .seeAnswers .draggable.wordBankTile , .TestResults .draggable.wordBankTile, .covered .wordBankTile , .seeAnswers .wordBankTile , .TestResults .wordBankTile{color:#6d6d6d; border:1px solid #cccccc; } .covered .textTable td.full, .seeAnswers .textTable td.full, .TestResults .textTable td.full{ background-color:#fffef9;} /****/ /*-----matching----*/ .answersWrapper.mtch {padding:0px; margin:10px auto; overflow-y:hidden} .answersWrapper.mtch .lessonAnswersWrapper{border:1px solid #8bb4e1; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius:5px; overflow:hidden; max-height:240px; overflow-y:auto; margin:0px auto; width:97%; } .covered .answersWrapper.mtch .lessonAnswersWrapper {border:1px solid #cac8c8; } .answersWrapper.mtch .textTable {border-bottom:none; margin-bottom:0px; border-top:none; margin-left:0px;} .covered .answersWrapper.mtch .textTable {border-color:#cac8c8;} .answersWrapper.mtch .textTable th{padding:5px 2px; border-top:none } .answersWrapper.mtch .textTable td{height:50%; padding:0px 2px; vertical-align:middle} .answersWrapper.mtch .textTable td.full{padding:2px 10px;} .mtch .textTable td .wordBankTilePlaced{ margin-top:2px; padding-top:0px; padding-bottom:0px; } .mtch .wordsBankTable .emptyBank {padding:2px 5px 2px 20px; margin:0px auto; overflow:hidden; border:1px solid transparent} .mtch .wordBankTilePlaced.vCheck, .mtch .wordBankTilePlaced.xCheck { background-position:2px 3px} .answersWrapper.mtch .wordsBankWrapper{height:139px; overflow-y:auto; margin-top:5px; width:97%} /*----- classification -----*/ .classification{padding:10px 5px; margin:0px} .classification .lessonAnswersWrapper{ max-height:240px; overflow-y:auto; -webkit-border-radius:5px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius:5px; border:1px solid #8bb4e1;} .classification .textTable {border-bottom:none; margin-bottom:0px; border-top:none;} .classification .textTable td{padding:0px 2px; /*should be same as wordsBankTable td 21.11.2013*/ height:50%; vertical-align:middle} .classification .wordsBankWrapper{height:145px; overflow-y:auto; margin-top:10px} .classification .textTable th{padding:5px 2px; } .classification .textTable td.vCheck, .classification .textTable td.xCheck{background-repeat:no-repeat; background-position:4px 58%;} .classification .textTable td.vCheck .wordBankTilePlaced{color:#1d7739} .classification .textTable td.xCheck .wordBankTilePlaced {color:#f33005} /*japanese*/ #Japanese .classification .textTable td.vCheck .wordBankTilePlaced{color:#f73f05} #Japanese .classification .textTable td.xCheck .wordBankTilePlaced{ color:#598dc6} .classification .tileParent .wordBankTile{} .classification .textTable td .wordBankTilePlaced{height: auto; width:auto; margin:0 auto; border:none; vertical-align: middle; padding:0px 5px 0px 20px } .classification .draggable{ } .classification .draggable:hover{border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius:5px;} .classification .draggable:active, .draggable:active, .classification .draggable:focus{} .classification .wordsBankTable .emptyBank {padding:2px 5px 2px 20px; margin:0px auto; overflow:hidden; border:1px solid transparent} .covered .classification .answersWrapper{overflow-y:hidden;} .covered .classification .lessonAnswersWrapper {border:1px solid #cac8c8; } /*-----multipale choice questions----*/ .mcq.answersWrapper{padding-bottom:0px; max-height:400px; overflow-y:auto; margin-top:0px; } .mcq.vAnswer, .mcq.xAnswer, .mcq .vCheck, .mcq .xCheck{background-position:0 8px;} .mcq.answersWrapper .qTextWrapper { margin-left:13px} .mcq.answersWrapper .qTextWrapper .qText{width:auto; padding:0px; margin-top:5px; margin-bottom:0px} .multChoiceQ{width:auto; height:auto; overflow:hidden; } .answersWrapper .multChoiceQ .lessonAnswersWrapper{margin:0; margin-bottom:15px; margin-left:0px; margin-top:5px;} .lessonAnswersWrapper .lessonMultipleAnswer{width:auto; height:auto; margin:0;} .multChoiceQ .lessonAnswersWrapper .lessonMultipleAnswer{ margin-left:0px;} .lessonAnswersWrapper .lessonMultipleAnswer .multipleImageseRadioIcon{width:auto; height:auto; padding:0; margin:0 0 2px 13px; overflow:hidden;} .radioTextWrapper:after{content: "."; visibility: hidden; display: block; height: 0; clear: both;} .radioTextWrapper .multiRadio{width:auto; height:auto; margin:0px 2px 0 0; padding:6px 0px 0px 1px /*for safari mac*/; float:left; } .radioTextWrapper .multiRadio input{display:block; margin:0; padding:0;} .radioTextWrapper .multiRadio input[type='checkbox']{margin:-1px 0 0 0;} .radioTextWrapper .multiRadio input[type='radio']{width:14px; height:14px;/*changed dimantions for safari mac*/} .radioTextWrapper .multiText{background:none; float:left } .radioTextWrapper .multiText:hover{border:none;} .radioTextWrapper .multiText .multiTextInline{width:auto; height:auto; overflow:hidden; margin:0; padding:0; cursor: default ;/**/float:left; width:330px; /*fix for 3 lines option*/ width:auto; } .lessonMultipleAnswer:hover{background-color:#e4f1fe;} .mcq .clickMedia{ margin-right:0px} /*-----close -----*/ .close{width: auto; height: 375px; overflow: hidden; padding-right:0px; padding-left:6px} .close blockquote{/*margin:0; display:inline;*/ height:auto; /*overflow:hidden;*/ margin-top:-17px; width:auto;margin-left:6px; overflow:visible;}/*Module 1 >> Unit 2 Offices >> Lesson 5 Present Simple: Statements >> Practice 9*/ .close .lessonAnswersWrapper{width:auto; height:auto; margin:0px; overflow:hidden;} .closeFrame{width:100%; height:auto; overflow:hidden; } .closeInnerWrapper{width:100%; height:auto; overflow:hidden; line-height:22px; padding:0; margin:auto; text-align:center} .closeInnerWrapper .TextDiv{width:auto; height:auto; overflow:hidden; text-align:left} .close .draggableContainer{width:auto; height:auto; float:left; margin:0 5px 5px 0; } .close .closeFrame .answersWrapper{height:auto; margin:0;} .close .closeInnerWrapper span.TTpanswerDiv{display:inline-block; width:auto; height:18px; margin:0; padding:0px; position:relative; /*top:1px;Module 2 Unit 1 Statements Q and A p.4*/ border-bottom: 1px solid #372669; margin-bottom:0px; padding-right:0px; cursor: default; padding-left:15px; vertical-align:top} .close .closeInnerWrapper span.noLine {border-bottom: 1px solid #8fb4d5;color:#004b8e;} .TestResults .close .closeInnerWrapper span.TTpanswerDiv.vCheck, .covered .close .closeInnerWrapper span.TTpanswerDiv.vCheck {color:#1d7739} .TestResults .close .closeInnerWrapper span.TTpanswerDiv.xCheck, .covered .close .closeInnerWrapper span.TTpanswerDiv.xCheck { color:#f33005} /*japanese*/ #Japanese .TestResults .close .closeInnerWrapper span.TTpanswerDiv.vCheck, #Japanese .covered .close .closeInnerWrapper span.TTpanswerDiv.vCheck {color:#f73f05} #Japanese .TestResults .close .closeInnerWrapper span.TTpanswerDiv.xCheck, #Japanese .covered .close .closeInnerWrapper span.TTpanswerDiv.xCheck { color:#598dc6} .close .wordBankTile, .close .wordBankTileDragged, .close .draggable{padding:2px 15px;} .close .wordBankTile, .close .wordBankTileDragged, .close .draggable{width:auto; /*width:150px; height:17px;*/} .close .wordBankTilePlaced{width:auto; padding:0 15px 0 2px; margin:2px 0 0 0; background-color:transparent; border:none;} .close .wordBankTilePlaced.vCheck, .close .wordBankTilePlaced.xCheck{background-position:right 50%;} .close .wordBankTile.vCheck, .close .wordBankTile.xCheck{background-image:none} .close .emptyBank{padding:2px; overflow:visible} .close .wordsBankTable td{/*height:29px;*/height:auto; /*padding:5px;*/} .close .wordsBankWrapper{width:auto; height:auto; max-height:120px; overflow-y:auto} .close.seeAnswers .wordBankTilePlaced{ border-radius:0px; padding-right:2px; } .close.seeAnswers span.TTpanswerDiv {color:#1d7739} #Japanese .close.seeAnswers span.TTpanswerDiv {color:#f73f05} .ClozeTxtDiv{width:100%; padding:0px; overflow:hidden; margin:0px auto; height:auto; max-height:240px; overflow-y:auto} /*.ClozeTxtDiv:after{content: "."; visibility: hidden; display:block; height:0; clear:both;}*/ .ClozeTxtDiv .TextDiv{ height:auto; float:left; /*line-height:22px;*/ margin:0px auto; /*max-width:92%; */ width:auto; overflow:hidden} .picDiv{width:auto; height:auto; margin:15px auto 0px; text-align:center} /*close with bubbles*/ .bubbleDiv{width:auto; height:auto; text-align:left; padding:0 0 20px 0;} .bubbleDiv:after{content: "."; visibility: hidden; display:block; height:0; clear:both;} .wrapBubbleItem{width:170px; height:auto/*45px*/;} .bubbleItem{width:auto; height:auto; padding:5px; border:1px solid #cccccc; border-bottom:none; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background:#fffef9;} .bubbleItem:after, .bubbleItem:before{content: "."; visibility: hidden; display:block; height:0; clear:both;} .bubbleItemBottom{width:168px; height:5px; border:1px solid #cccccc; border-top:none; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px; background:#fffef9;} .bubbleItemBottom:after, .bubbleItemBottom:before{display:block; width:0; height:0; position:absolute; content:' '; } .wrapBubbleLeft{float:left;} .bubbleLeftBottom:after{margin:5px 0 0 71px; z-index:5; border-left:10px solid transparent; border-right:1px solid transparent; border-top:18px solid #fffef9;} .bubbleLeftBottom:before{margin:5px 0 0 70px; z-index:1; border-left:12px solid transparent; border-right:1px solid transparent; border-top:21px solid #cccccc;} .bubbleLeftBottom{} .wrapBubbleRight{float:right;} .bubbleRightBottom:after{margin:5px 0 0 91px; z-index:5; border-left:1px solid transparent; border-right:10px solid transparent; border-top:18px solid #fffef9;} .bubbleRightBottom:before{margin:5px 0 0 90px; z-index:1; border-left:1px solid transparent; border-right:12px solid transparent; border-top:21px solid #cccccc;} .bubbleRightBottom{} .bubbleItem .TextDiv{/*width:130px;*/ height:auto; float:left; margin:2px 0 0 0; line-height:22px;} .wrapPicDiv{width:auto; text-align:center;} .close .closeInnerWrapper span.speaker{width:auto; height:auto; border:none; color:#0089a5;margin:0px; margin-right:3px; padding-left:0px; overflow:hidden} /* fill in the blank */ .fillInBlank.answersWrapper{padding-bottom:0px; max-height:404px; overflow-y:auto; margin:0px; } .fillInBlank .fitb{ width:100%; height:auto; overflow:hidden; min-height:30px; padding:0px; margin:0px auto; line-height:21px} .fillInBlank .fitb blockquote{margin:0; /*display: inline-block; float:left*/ margin-bottom:10px; line-height:20px; /*line-height:normal;*/ padding-bottom:10px;width:100%; height:auto; overflow:hidden; margin-top:-23px; width:98%; margin-left:10px} .fillInBlank .fitb blockquote span{ line-height:21px} .fillInBlank .fitb span.answered, .fillInBlank .fitb span.active{display: inline-block; width:auto; height:20px; padding:0px 0px 0px 3px; margin:0px 3px -3px 0px; background-color:#ffffff; border-bottom:1px solid #372669; font-size:100%; /*overflow:hidden;*/} .fillInBlank .fitb span.active{border-bottom:1px solid #8fb4d5;} .fillInBlank .fitb span .questionText{height:auto; float:left; margin-top:3px; /*overflow:hidden;*/} .fillInBlank .fitb span .arrowWrapper{float:right; width:10px; height:10px; margin-top:1px; text-align:center; cursor:pointer; margin-right:5px } .fillInBlank .fitb span .arrowWrapper .arrow-down{float:none; margin:10px 0 0px; padding:0px; border-right:4px solid transparent; border-left:4px solid transparent; border-top:5px solid #142b79; margin-top:8px; position: static} .fillInBlank .fitb span .arrowWrapper .arrow-down:before{ display:none} .fillInBlank .fitb span .arrowWrapper .arrow-down:hover{border-top-color:#004b8e;} .fillInBlank .fitb span .arrowWrapper .arrow-down:after{display: none;} .covered .fillInBlank .fitb span .arrowWrapper .arrow-down{ border-top:5px solid #8a8a8a;} .covered .fillInBlank .fitb span, .covered .fillInBlank .fitb span.active{border-bottom:1px solid #cccccc;} /*.fillInBlank .fitb span .arrowWrapper .downArrow:after{content: ""; position: absolute; display: block; border-right:4px solid transparent; border-left:4px solid transparent; border-top:5px solid #003366;}*/ .fitb .generalIcon{margin:0 5px 0 0;} .seeAnswers .fitb span.answered{ color:#1d7739} #Japanese .seeAnswers .fitb span.answered{ color:#f73f05} .seeAnswers .fitb span.answered .questionText{color:#060d24} .seeAnswers.fillInBlank .fitb span .arrowWrapper .arrow-down{display:none} .seeAnswers.fillInBlank .fitb span .downArrow{display:none} .fillInBlank .fitb span.speaker{width:auto; height:auto; border:none; color:#0089a5;margin:0px; margin-right:3px; padding-left:0px; overflow:hidden} /*right*/ .fillInBlank .fitb span.vCheck, .fillInBlank .fitb span.xCheck{background-position:95% 60%;} .fillInBlank .fitb span.vCheck .arrowWrapper, .fillInBlank .fitb span.xCheck .arrowWrapper{cursor:default;} .fillInBlank .fitb span.vCheck .arrowWrapper .arrow-down, .fillInBlank .fitb span.xCheck .arrowWrapper .arrow-down{display:none} .fillInBlank .fitb span.vCheck .arrowWrapper .downArrow, .fillInBlank .fitb span.xCheck .arrowWrapper .downArrow, .seeAnswers .fitb .downArrow{display:none} .optionsWrapper{width:auto; height:auto; overflow:hidden; position:absolute; z-index:1000; background-color:#ffffff; } .optionsWrapper table{width:100%; height:auto; overflow:hidden; font-size:13px; padding:0px; margin:0px; border:1px solid #666666;} .optionsWrapper table td{width:100%; height:28px; overflow:hidden; border:none; padding:0px 5px; margin:0px; cursor:pointer; text-align:left; color:#372669} .optionsWrapper table td:hover{background-color:#e4f1fe;} .optionsWrapper table td.selected{background-color:#c4ddf9;} .fillInBlank .fitbSentence{width:100%; height:auto; margin:0px; padding:0px; overflow:hidden; margin-bottom:20px} .fillInBlank .clickMedia{ margin-top:1px; display:inline-block; float:none; vertical-align:top; clear:left} /*------------------------------------------ INTERACT -------------------------------------------*/ /*interact*/ .speakingInteract{width:auto; height:auto; overflow:hidden;} .speakingInteract .mediaContainer{ background-image:none; width:248px; margin-left:auto; margin-right:auto; height:auto; overflow:hidden} .speakingInteract .bgImgContainerWrapper{/*width:300px;*/ float:left; overflow:hidden; margin:0px 5px; position:relative; /*border:1px solid #b9b9cf;border-radius:5px;*/ text-align:center; padding:5px; height:auto; } .speakingInteract #bgImgContainer, .speakingInteract .bgImgContainer{ border:none; float:none; background-repeat:no-repeat; margin:0px auto; background-position:50% 50% ; } .interact1 .questionsPagingWrapper {display:none} .speakingInteractPanelsWrapper{width:80%; height:auto; margin:20px auto 0 auto;} .recordingPanelWrapper{width:auto; height:auto; overflow-y:auto; border:1px solid #cccccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;} .recordingPanelWrapper .bold{border:2px solid #34BEF3; border-radius:5px;} .recordingPanelSentence{width:auto; height:auto; margin:0px; padding:10px 0; border-bottom:1px solid #cccccc; overflow:hidden;} .recordingPanelSentence:last-child{border-bottom:none;} .recordingPanelWrapper ul{width:auto; height:100%; margin:0px; padding:0px; float:left; margin-left:6px;} .recordingPanelWrapper ul li{width: auto; height: 40px; margin: 0px; vertical-align: middle; list-style: none; display: block; float: left;} .sentenceWrapper{width: auto; height: auto; overflow:hidden; float:left; margin-left:5px; /*margin-top:10px;*/} .sentenceWrapper .generalIcon{width:30px; height:auto; float:left; padding:0; margin:0px; text-align:center;} .sentenceWrapper .generalIcon a.headphonesBt{width:22px; height:auto; padding:22px 0 0 0; color:#db8d02} .recordingPanelSentenceTextWrapper{height:auto; width:240px; margin:4px 0 0 5px; overflow: hidden; float: left;} .recordingPanelSentenceText{height:auto; overflow: hidden; margin-top:4px; width:530px; line-height:normal; padding-right:3px } .selected .recordingPanelSentenceText{ /*background-color:#f8e8b5;*/ border-right:1px solid #dddddd;} .sentenceWrapper .generalIcon a span{font-size:9px; line-height:normal; width:100%; height:auto; text-align:center; font-weight:bold; color:#8e876e;} .sentenceWrapper .generalIcon a:hover span{color:#f7a81a} .recordPanelWrapper{width:auto; height:auto; float:right; margin:0px;} .RecordButtonWrapper{width:35px; height:auto; float:left; } .RecordButtonWrapper a{font-weight:normal; cursor:pointer;} .RecordButtonWrapper a.panelButton{display: block; width:auto; height:auto; padding:23px 0 0 0; font-family:Arial; font-size:9px; text-decoration:none; text-align:center;} .RecordButtonWrapper a.panelButton span{color:#8e876e;} .RecordButtonWrapper a.panelButton:hover span, .RecordButtonWrapper a.panelButton:hover{color:#f7a81a} .RecordButtonWrapper a.speakIcon{background:url('../general/speaking/recordBg.png') no-repeat 50% 0px;} .RecordButtonWrapper.disable a.speakIcon, .RecordButtonWrapper.disable a.speakIcon:hover{background:url('../general/speaking/recordBg_dis.png') no-repeat 50% 1px;} .RecordButtonWrapper.active a.speakIcon, .RecordButtonWrapper.active a.speakIcon:hover, .RecordButtonWrapper.active.disable a.speakIcon, .RecordButtonWrapper.active.disable a.speakIcon:hover{background:url('../general/speaking/recordBg_active.gif') no-repeat 50% 0;} .RecordButtonWrapper.prepare a.speakIcon{ background:url('../general/speaking/recording_ani.gif') no-repeat 50% 1px;} .RecordButtonWrapper.prepare a.speakIcon span, .RecordButtonWrapper.active a.speakIcon span, .speakingInteractPanelsWrapper .active.disable a span, .speakingInteractPanelsWrapper .active.disable a:hover span{color:red } .RecordButtonWrapper.active a.playBT span, .RecordButtonWrapper.active a.playBT:hover span{color:green } a.playBT{background:url('../general/speaking/playBg.png') no-repeat 50% 0;} a.playBT:hover{background:url('../general/speaking/playBg_over.png') no-repeat 50% 0;} .active a.playBT{background:url('../general/speaking/playBg_active.png') no-repeat 50% 0;} .disable a.playBT{background-image:url('../general/speaking/playBg_dis.png'); background-repeat:no-repeat; background-position:50% 2px; color:#4e859c; cursor:default;} .RecordButtonWrapper a.sysRetry{background-image:url(/Runtime/Context/General/retryPanelIcon.png);} .RecordButtonWrapper.active a{background-image:url(/Runtime/Context/General/recordPanelIcon_stop.png);} .RecordButtonWrapper.disable a, .generalIcon.disable a{cursor: default} .recordPanelWrapper .disable:hover{background-color: transparent; -webkit-box-shadow: none; box-shadow: none; background-image:none;} .recordPanelWrapper .disable:hover a{background-color: transparent;} .speakingInteractPanelsWrapper .disable a span, .speakingInteractPanelsWrapper .disable a:hover span{color:#cccccc;} .bold .recordPanelWrapper{background-color:#ff7400; background-image:url(/Runtime/Context/General/recordPanel_BG.png);} .bold .recordPanelWrapper a:hover{background-color: #5bc2ea;} .bold .recordPanelWrapper .disable a.playBT, .bold .recordPanelWrapper .disable a.playBT:hover{background-image:url(/Runtime/Context/General/playPanelIcon_dis.png); color:#5bc2ea;} .generalIcon a.generalIconVisibleTxt{height: auto; width: auto;} .generalIcon a.generalIconVisibleTxt span{display: block; font-weight: bold; font-size: 10px; padding-top: 18px;} .generalIcon a.retraySpeakIcon{background-image: url(../general/speaking/retryBT.png);} .generalIcon a.retraySpeakIcon:hover{background-image: url(../general/speaking/retryBT_hover.png);} .speakingInteract .mediaContainer .generalIcon{width:30px; padding:0px;top:50px; position:relative; float:left} .speakingInteract .bubble .generalIcon{width:auto; height:auto; padding:0px; top:0px} .speakingInteract .generalIcon.left{margin-left:6px;} .speakingInteract .generalIcon a{display:inline-block; width:28px; height:29px; text-decoration:none;} .speakingInteract .bubble .generalIcon a{width:22px; height:22px; } .speakingInteract .generalIcon .chooseCaracterArrow{display:inline-block; width:28px; height:29px; cursor:pointer; text-decoration:none;} .generalIcon a.headphonesBt{background-image: url(../general/speaking/spkprplayseg.png); float: left; } .generalIcon a.headphonesBt:hover, .generalIcon.active a.headphonesBt{background-image: url(../general/speaking/spkprplaysegh.png); float: left;} .generalIcon.disable a.headphonesBt, .generalIcon.disable a.headphonesBt:hover{background-image: url(../general/speaking/spkprplaysegds.gif);} .right .left a.chooseCaracterArrow{background:url('../general/speaking/spkprleftsp.gif') no-repeat;} .right .left a.chooseCaracterArrow:hover{background:url('../general/speaking/spkprleftsph.gif') no-repeat;} .right a.chooseCaracterArrow{background:url('../general/speaking/spkprrightsp.gif') no-repeat;} .right a.chooseCaracterArrow:hover{background:url('../general/speaking/spkprrightsph.gif') no-repeat;} /*active*/ .speakingInteract .selectedSpeaker.right a.chooseCaracterArrow{background:url('../general/speaking/spkprrightsph.gif') no-repeat;} .speakingInteract .selectedSpeaker.left a.chooseCaracterArrow{background:url('../general/speaking/spkprleftsph.gif') no-repeat;} /*disable*/ .speakingInteract .disable.left a.chooseCaracterArrow, .speakingInteract .disable.left a.chooseCaracterArrow:hover{background:url('../general/speaking/spkprleftsp_dis.gif') no-repeat; cursor:default} .speakingInteract .disable.right a.chooseCaracterArrow, .speakingInteract .disable.right a.chooseCaracterArrow:hover{background:url('../general/speaking/spkprrightsp_dis.gif') no-repeat; cursor:default} /*speaking interact panel buttons*/ .lessonInnerContainer .speakingInteract .right{} .speakingInteractButtonWrapper{width:auto; height:48px; margin-top:30px;} a.startAgain{display:block; width:39px; height:39px; background:url('../general/speaking/restartBtn.png') no-repeat; font-size: 16px;} a.startAgain span{display:none; font-size:12px; color:#372669;} .lessonInnerContainer .speakingInteract #interact1PlayAll{margin-right: 112px; float: left; width: auto; height:auto; azimuth:} .disable a.startAgain{height:39px; background-image:; line-height: 1.5;} a.hearBT{float: right; cursor:pointer; background-image: url(/Runtime/Context/General/hearRecord_icon.png); background-position: 5px 50%; background-repeat: no-repeat;} .disable a.hearBT{background-image: url(/Runtime/Context/General/hearRecord_icon_dis.png);} .feedback{font-size: 18px; color: #ffffff; line-height: 30px; margin-left: auto; margin-right: auto; text-align: center; width: 95%; height: 30px; margin-top: -7px; width: 95%; background-color: #fd6804; border: 2px solid #fd6804; border-radius: 0px 0px 7px 7px;} .disable a.continue{background-image: url(../TpHome/continueBtnIcon_dis.png); line-height: 1.5; height: 28px;} /******orange buttons*****/ .speakingInteractButtonWrapper .buttonWrapper{ cursor:pointer; background-color:#044588;width:auto; height:30px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius:5px;-webkit-box-shadow: inset 0px 15px 0px 0px rgba(35, 88, 147, 1);box-shadow: inset 0px 15px 0px 0px rgba(35, 88, 147, 1);} .speakingInteractButtonWrapper .buttonWrapper a.button{width:auto; height:auto; overflow:hidden; display:block; font-size: 14px; color:#ffffff; font-weight:bold; padding:0px 15px; line-height:30px; } .speakingInteractButtonWrapper .buttonWrapper a.button.continue{ background:url('../general/speaking/continueBtn.png') no-repeat right 50%;margin-right:5px; padding-right:32px; font-weight:normal} .speakingInteractButtonWrapper .buttonWrapper a.button.startAgain{height:30px; background:url('../general/speaking/restartBtn.png') no-repeat 50%;} /*over*/ .speakingInteractButtonWrapper .buttonWrapper:hover{background-color:#81170e; -webkit-box-shadow: inset 0px 15px 0px 0px rgba(171, 56, 39, 1);box-shadow: inset 0px 15px 0px 0px rgba(171, 56, 39, 1); } /*disable*/ .speakingInteractButtonWrapper .buttonWrapper.disable, .speakingInteractButtonWrapper .buttonWrapper.disable:hover{ cursor: default; border:2px solid #ffffff; background-color:#e4e4e2;-webkit-box-shadow: inset 0px 15px 0px 0px rgba(221, 221, 220, 1);box-shadow: inset 0px 15px 0px 0px rgba(221, 221, 220, 1);} .speakingInteractButtonWrapper .buttonWrapper.disable a.button{color:#cbcbca} .speakingInteractButtonWrapper .buttonWrapper.disable a.button.startAgain{ background-image:url('../general/speaking/restartBtn_dis.png') no-repeat 50%;} .speakingInteractButtonWrapper .buttonWrapper.disable a.button.continue{background-image:url('../general/speaking/continueBtn_dis.png') no-repeat right 50%;} .speakingInteractButtonWrapper .right{float:right;} .speakingInteractButtonWrapper .buttonWrapper#interact1StartAgain{margin-right:10px} .speakingInteract .bubblesContainer{width:90%; height:auto; margin:0px auto; text-align:center; overflow:hidden; margin-bottom:5px} .speakingInteract .bubblesContainer .bubble{width:auto; height:auto; overflow:hidden; border:1px solid #cccccc; padding:10px; margin:0px auto; background-color:#ffffff; text-align:left; clear:both; display:block} .speakingInteract .bubblesContainer .arrow-down{padding-top:0px; margin-left:10px} .speakingInteract .bubblesContainer .arrow-down:before{ border-left: 17px solid transparent; border-right: 7px solid transparent; border-top: 32px solid #ffffff; } .speakingInteract .bubblesContainer .arrow-down:after{ border-left: 17px solid transparent; border-right: 7px solid transparent; border-top: 33px solid #bbbbbb; } /*****************QUIZES*****************/ /*.TestResults .vCheck {background-image: url('../general/vcheck.png'); background-position:0 50%} .TestResults .xCheck {background-image: url('../general/xcheck.png'); background-position:0 60%}*/ .Test .pmContainer{height:440px; overflow-y:hidden } .Test .answersWrapper {min-height:385px} .lessonToolsWrapper.Test { background-image:none; width:100%; height:25px; overflow:hidden; background-color:#75aae5; color:#ffffff; padding:0px;} .lessonToolsWrapper.Test .submitBT {min-width: inherit; margin-top:2px; background-color:#2f4388; -webkit-box-shadow:inset 0px 0px 3px 1px rgba(19, 41, 119, 0.5);box-shadow:inset 0px 0px 3px 1px rgba(19, 41, 119, 0.5); -webkit-border-radius:4px;border-radius:4px; border:1px solid #ffffff; text-align:center; background-image:none; padding:0px } .lessonToolsWrapper.Test .submitBT:hover { background-color:#132977;} .lessonToolsWrapper.Test .submitBT a{height:20px; line-height:19px; font-size:13px; padding:0px 30px; width:auto} .questionContent .testOpeningLeft{ background-color:#ededed; /*border-top:none*/} .questionContent .testOpeningLeft .hebDir {width:325px; height:auto; overflow:hidden; margin:0px auto; text-align:left; color:#000000; font-size:12px; margin-top:20px; line-height:20px} .questionContent .testOpeningRight {width:385px; height:auto; overflow:hidden; border:1px solid #598dc6; min-height:470px; margin:0px; padding:0px; float:right; vertical-align:middle;background-color:#c4ddf9;} .TestStudentDetails { width:auto; height:auto; overflow:hidden; background-color:#ffffff; border-radius:5px; border:1px solid #598dc6; margin:60px 30px 150px; text-align:center} .TestStudentDetails .hebDir{ width:auto; height:auto; overflow:hidden; padding:20px; font-size:12px; color:#132977; line-height:25px } .TestStudentDetails .hebDir span{color:#00664f; /*border:1px solid #959ca2; padding:3px; border-radius:2px*/ font-weight:bold} .TestStudentDetails h3{margin:0px; font-size:13px ; color:#132977; padding:0px} .TestStudentDetails .StartBtnWrapper {margin-bottom:20px} .TestStudentDetails .StartBtn {padding:0px; width:230px} .TestStudentDetails .StartBtn:hover, blueBt:hover {padding:0px; width:230px} .testOpeningRight .questionsPagingWrapper, .testFeedback .questionsPagingWrapper, .TestResults .lessonToolsWrapper, .TestResults .questionsPagingWrapper{ display:none!important;} .testTesultsIntro .questionContent {border:none} .questionContent .testFeedback {width:100%; height:auto; overflow:hidden; margin:0px; padding:0px;} .Test .testFeedback .pmContainer{height:auto; } .testFeedback .TestStudentDetails { width:auto; height:auto; overflow:hidden; padding:20px; font-size:12px; color:#132977; line-height:25px; margin-top:30px} .testFeedback .TestStudentDetails .StartBtnWrapper#showQuizResultsBtn{max-width:50%; width:auto; margin-top:20px} .testFeedback .username {margin:10px auto} .testFeedback .scoreText {color:#ab3827; margin-bottom:10px; font-weight:bold} .testFeedback .scoreComment{color:#ab3827} .testFeedback .improvingComment {width:60%; margin:10px auto; font-weight:normal; line-height:normal} body.testResultsBody {width:1020px; overflow-x:hidden; background-color:#d9e7f7} .testResults {width:auto;height:470px; background-color:#ededed; border:1px solid #cac8c8; font-size:12px; color:#000000; margin:0px auto; line-height:20px} .quizScoreText {display:none;} .testResults .quizScoreText { display:block; font-weight:bold; font-size:13px; width:70%; height:auto; overflow:hidden; margin:0px auto} /*score test*/ /*test results- score test*/ .testResultsBody .testResultsWrapper{ width:auto; position:static; float:none; clear:none} .testResultsBody .answersWrapper { width:auto; height:auto; max-height:388px; overflow:hidden; color:#142b79; overflow-y:auto; padding:0px; margin:0px } .testResultsBody .covered .answersWrapper{ max-height:228px} .questionsBarWrapper { width:100%; height:auto; overflow:hidden; margin:0px auto;} .questionsBar ul li .rightWrong{ width:27px; height:24px; background-repeat:no-repeat; float:left; background-position:50% 7px} .questionsBar ul li .v{ background-image:url('../general/vcheck_dis.png');} .questionsBar ul li .x{ background-image:url('../general/xcheck_dis.png');} .testResultsBody .questionNumber a { line-height:21px} /* .questionsBar ul li .liWrapper {width:auto; height:auto; border-radius:5px 5px 0px 0px;padding:0px; margin:0px; padding-top:1px} .questionsBar ul li.active .liWrapper{ background-color:#ffffff; } .questionsBar ul li .cornerWrapper {width:113%; height:5px; background-color: transparent} .questionsBar ul li.active .cornerWrapper {background-color:#ffffff; margin-left:-5px} .questionsBar ul li.active .box{width:5px; height:5px; background-color:#004a8d ;margin: 0px;padding: 0px; border-radius:0px 0px 5px 0px;} .questionsBar ul li.active .right{border-radius:0px 0px 0px 5px;} */ .questionsBar ul li.active .v{ background-image:url('../general/vcheck.png');} .questionsBar ul li.active .x{ background-image:url('../general/xcheck.png'); } /*Translation - Explore*/ .Speaking .translation, .Listening .translation{width:auto; max-width:775px;height:auto; border:1px solid #71adf0; border-radius:10px; background-color:#f0f7fe; font-size:75%; color:#000000; position:absolute; z-Index: 1000;} /*.Speaking .translation:after {width:0px; height:0px; margin:0p; border-left: none; border-right:9px solid #f0f7fe; padding:0px; cursor:pointer; display:block; border-top:6px solid transparent;border-bottom:6px solid transparent; line-height:0px; content:""; margin-top:-83px; margin-left:-9px; position:absolute; z-index:1} .Speaking .translation:before {width:0px; height:0px; margin:0p; border-left: none; border-right:10px solid #71adf0; padding:0px; cursor:pointer; display:block; border-top:7px solid transparent;border-bottom:7px solid transparent; line-height:0px; content:""; margin-top:10px; margin-left:-10px; position:absolute; z-index:1} */ .Speaking .translation { width:194px; margin-top:250px; margin-left:645px;} .Speaking .translation .arrow-down:after{ display:none} .Speaking .translation .arrow-down { display:none} .Speaking .translation .arrow-down:before { display:none} .Listening .translation .arrow-down:after{border-top:10px solid #f0f7fe; margin-top:-11px; margin-left:-7px;} .Listening .translation .arrow-down {width:0px; height:0px; margin:0p; border-bottom: none; border-top:9px solid #71adf0; padding:0px; cursor:pointer; display:block; border-right:6px solid transparent;border-left:6px solid transparent; line-height:0px; content:""; margin-top:0px; margin-left:10px; position:absolute; z-index:1} .Listening .translation .arrow-down:before { display:none} .componentPanelHeader {width:100%; height:auto; overflow:hidden; background-color:#e0eefd; border-radius:10px 10px 0px 0px; padding:4px 0px } .componentPanelTitle {width:22px; height:13px; overflow:hidden; float:left; background-image:url('../content/translate_icon.png'); background-repeat:no-repeat; margin-left:10px } .closeBtn {width:auto; height:auto; overflow:hidden; float:right; margin-right:10px } .closeBtn a{width:auto; height:auto; display:block; text-decoration:none; font-size:80%; color:#132977 } .componentPanelContent{width:auto; height:auto; padding:10px; overflow:hidden; text-align:left}