html, body {
text-align: left;
margin: 0px; padding: 0px;
font-family: Arial, Helvetica, Sans-Serif; /* "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; */
font-size: 12px;
min-width: 970px;
color: #333;
background: #eee;
}
@font-face{
	font-family:"NanumGothic";
	src:url(../fonts/NanumGothicLight.eot);
	src:url(../fonts/NanumGothicLight.woff);
	src:url(../fonts/NanumGothicLight.ttf)format("truetype");
}

body { background: url(images/ec-body-bk.jpg) top left repeat-x; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333; text-align: center; }
body.ja .register-container .itsfree { font-size: 29px; left: 180px;  max-width: 320px; top: -5px;}
body.ja .conceptSection { font-size:12px !important;}
body.ja .register-container .terms-notice { line-height:1.5 !important;}
body.ja .homeMainBanner .homeBannerTeaser .vidTitleTeaser { height: 113px; }
body.ja .upgrade-button-large { font-size: 26px !important;}
body.ja #faq-content .faq-answer ul li { margin-bottom:25px !important; line-height:1.55 !important;}
body.ja #teachReg p span.reason-text span { line-height:1.6;}
body.ja #teachReg p {line-height:1.6;}
body.ja p.overlap-arrow-down { left:205px !important;}
body.ja #wordListContent #difficulty-level-tabs { margin-left: 50px; max-width: 350px;}
body.ja #wordListContent #difficulty-level-tabs { width:auto !important;}
body.ja #wordListContent #difficulty-level-tabs ul.video-levels li.all-level { padding:8px 9px !important;}
body.ja #wordListContent #difficulty-level-tabs ul.video-levels li.ec-diffselect-info { padding: 7px 10px !important;}
body.ja ul.video-levels li.displaytab { margin-left: 6px;}
body.ja #teachReg h1 { margin-bottom: 10px; line-height:1.35;}
body.ja #teachReg h2 { margin-bottom: 10px;}
body.ja #teachReg h3 { margin-bottom: 5px;}
body.ja #teachReg p span.reason-text span.reason-label { margin-bottom: 4px;}
body.ja #teachReg .teach-box.account-sign { padding: 10px 5px !important; }
body.ja #teachReg .teach-box.account-reg { padding: 10px 5px; }
body.ja #teachReg ul.teach-reg-content li.item {  height:95px; }
body.ja .footerLeft.aboutus { width: 100px !important; }
body.ja #accesscode-faq-link {line-height:1.35 !important; margin:5px 10px !important;}
body.ja .subfaq p { line-height:1.5 !important;}
body.ja .subfaq h3 { margin-bottom:8px !important;}
body.ja .wordlist-table ul.wordlist-row-header li a { font-size:11px !important;}
body.ja .payment-option { top:-42px !important;}
body.ja #popup-filter .popup-filter-item {font-size:10px !important;}
body.ja .ec-ui-course div.ec-ui-course-unit-content ul li.course-warmup.start h4 { font-size:26px !important; }
body.ja #pronContent .runnerDisplay div { max-width: 175px; }
body.ja #pronContent .runnerDisplay a div span { padding-top:7px;}
body.ja #accesscode-details { margin-top: 3px !important; }
body.ja #accesscode-expiration { width: 175px !important;}
body.ja .personal-form div.avatarUpload label { font-size:12px !important;}

body.ko { font-family: Dotum; font-size:12px;}
body.ko ul.ec-mainmenu li a.browse,
	body.ko ul.ec-mainmenu li,
	body.ko	#videos-content h2,
	body.ko div.mega-header .container h2,
	body.ko #pronContent h1,
	body.ko #pronContent h2,
	body.ko #pronContent h5,
	body.ko #pronContent .topTextStyle,
	body.ko .pron-info-dialog h1,
	body.ko #howitworks h1,
	body.ko #howitwork-faq h1,
	body.ko #pricingContent .pricing-header,
	body.ko #pricingContent h1,
	body.ko #pricingContent .price-banner .label1,
	body.ko #pricingContent .price-banner .planBasic,
	body.ko .register-button,
	body.ko .upgrade-button-large,
	body.ko .anon-register-button,
	body.ko #pricingContent .pricing-teacher .teacher1,
	body.ko #faq-content .faq-row h2,
	body.ko .static h1,
	body.ko .login-form h1,
	body.ko .anon-register-form-button,
	body.ko .register-container .accountRegHeader,
	body.ko .register-container .itsfree,
	body.ko .register-container.reg-teacher-logo,
	body.ko .register-container h2,
	body.ko .register-child.teacher-toggle.teacher div,
	body.ko #teachReg h1,
	body.ko #teachReg h2,
	body.ko #teachReg h3,
	body.ko #teachReg p span.reason-text span.reason-label,
	body.ko h1.home-title,
	body.ko div.home-empty .home-widget-content,
	body.ko div.home-sidebar h2,
	body.ko .topicselect-dialog .ui-dialog-titlebar,
	body.ko div.home-widget h1.topic,
	body.ko .personal-form h1,
	body.ko .billing-form div.active-form div.payment-plan ul li label span span.plan,
	body.ko .billing-form div.payment-type ul li label span.mainplan .planprice span,
	body.ko .billing-form h3,
	body.ko .facebookLogin h1,
	body.ko .search-breadcrumb,
	body.ko .search-section-videos.videolist li.video-data h1,
	body.ko .search-section-faqs.faqlist .faq-entry h1,
	body.ko .word-dialog .ui-dialog-content div.header ul li,
	body.ko div.home-sidebar h1,
	body.ko div.home-sidebar h2,
	body.ko .scoreTable th,
	body.ko .scoreHeaderText
		{ font-family:NanumGothic !important;}
body.ko .vocabSetWordCols,
	body.ko .word h1,
	body.ko .word p,
	body.ko .dashfacetWords,
	body.ko .soundCardImg,
	body.ko .featuredcontent li,
	body.ko .dlines li,
	body.ko .feed li,
	body.ko .level-names,
	body.ko .navigation-sounds span.label,
	body.ko .osWords,
	body.ko .myenglish,
	body.ko .word-dialog .ui-dialog-content div.definitions ul.selected li.definition,
	body.ko .word-dialog .ui-dialog-content h1,
	body.ko #homelanding .testimonial_block ul.testimonial li div.testimony span
	body.ko .search-section-videos .default-title,
	body.ko .search-section-videos .default-text,
	body.ko .wordlist ul.wordData li,
	body.ko .wordlist-table ul.wordlist-row li.word,
	body.ko .word-dialog .ui-dialog-content div.definitions ul li,
	body.ko #teacher-page-main-body,
	body.ko #homelanding .testimonial_block ul.testimonial
		{ font-family: Arial, Helvetica, Sans-Serif !important; }
body.ko .wordlist li.word-def p span.word-locale,
	body.ko .wordlist-table ul.wordlist-row li.word h1 .local-word,
	body.ko .wordlist-table ul.wordlist-row li.word h1 .showDef,
	body.ko ul.ec-topnav,
	body.ko .search-input-text,
	body.ko .footerLinks a,
	body.ko .footerBottom
		{ font-family: Dotum !important; }
body.ko .homeMainBanner .homeBannerTeaser .homeBtnTryIt { font-size:20px; padding: 14px 0;}
body.ko .conceptSection h2,
	body.ko .search-input-text,
	body.ko #homelanding .testimonial_block ul.testimonial li span.quote,
	body.ko #homelanding h3,
	body.ko #homelanding div.block3 li a,
	body.ko #homelanding .topics h2
		{ font-size: 14px !important; }
body.ko ul.ec-mainmenu li.menuitem a {font-size: 17px !important;}
body.ko #homelanding .testimonial_block ul.testimonial li span.author,
	body.ko #homelanding .button,
	body.ko #homelanding .register_block .signin,
	body.ko .footerLinks a,
	body.ko .wordlist-table ul.wordlist-row li.word h1 .local-word,
	body.ko .conceptSection a,
	body.ko .conceptSection h2,
	body.ko #homelanding .fb_button_text,
	body.ko .footerBottom,
	body.ko .copy-followus,
	body.ko #homelanding .or_phrase,
	body.ko .conceptSection,
	body.ko ul.ec-mainmenu li.menuitem ul li a
		{ font-size: 12px !important; }
body.ko ul.ec-mainmenu li {height:auto !important; line-height:1 !important;}
body.ko #homelanding h2,
	body.ko .videopage-video-header,
	body.ko .homeMainBanner .homeBannerTeaser .vidTitleTease
		{ font-size:24px !important; font-family:NanumGothic !important;}
body.ko #homelanding .testimonial_block ul.testimonial li span.author,
	body.ko .search-section-videos .default-title,
	body.ko .search-section-videos .default-text,
	body.ko .rankings-update-note
		{ font-weight:bold !important; font-style:normal !important;}
body.ko #homelanding .landing-find-out-right,
	body.ko ul.ec-topnav li.name,
	body.ko .register-container .terms-notice,
	body.ko ul.ec-topnav,
	body.ko #howitwork-faq h1,
	body.ko .subfaq,
	body.ko #myPronAdd
		{ line-height:1.4 !important; }
body.ko	div.home-widget .home-widget-content .compact.vocab .container ul li,
	body.ko div.home-sidebar .vocab .container ul li
		{ line-height:1.3 !important; }
body.ko .termsandprivacy
		{ line-height:1.75;}
body.ko .termsandprivacy em { font-weight:bold; font-style:normal;}
body.ko .login-form p em { font-weight:normal; font-style:normal; font-size:12px;}
body.ko .progress-table dl .title span { font-size:12px; line-height:1.3;}
body.ko ul.ec-topnav li.name span { font-size:12px; line-height:1.1;}
body.ko .videolist .cards .title{ line-height:1.2; font-size:11.5px; vertical-align:middle;}
body.ko .register-container .itsfree{ left:178px !important; max-width: 203px !important; top: 8px; font-size: 31px;}
body.ko .reg-teacher-blog-logo { margin: -118px -46px 0px 0px !important;}
body.ko .footerLinks .howitworks { width:200px !important;}
body.ko ul.ec-topnav li.name span { top:1px !important; margin-bottom: -1px !important;}
body.ko .accordion h4 { line-height:20px !important; }
body.ko #wordListContent #difficulty-level-tabs { margin-left: 50px; max-width: 350px;}
body.ko #wordListContent #difficulty-level-tabs ul.video-levels li.all-level { padding: 8px 9px !important;}
body.ko div.curriculum-option-top div.part2 .anon-register-form-button { height:35px !important; font-size:14px !important;}
body.ko ul.ec-mainmenu li { padding: 10px 14px 4px !important; }
body.ko .search-input-text { margin-top:-6px;}
body.ko ul.ec-mainmenu-landing li.menuitem {margin-right:15px !important;}
body.ko #ec-reg-form .anon-register-form-button { font-size: 18px; }
body.ko .ec-ui-course div.ec-ui-course-unit-content ul li.course-warmup.start h4 { font-size:21px !important; }
body.ko #pronContent .runnerDisplay a div span { padding-top:15px;}

body.es .anon-register-form-button{font-size:19px;}
body.es ul.account-tabs li p{font-size: 14px; padding: 5px 9px 10px 35px; width: 140px;}
body.es #score-goal-button .ui-selectmenu-status, ul#score-goal-menu li a{font-size:13px;}
body.es .scoreHeaderText .headline { font-size: 21px; }
body.es .word-dialog .ui-dialog-content div ul li { font-size: 16px; }
body.es ul.mega-header li.quiz-button-container p.minified { padding-top:1px; }
body.es ul.mega-header li.quiz-button-container a.quiz-button { margin: 0 5px 0 0; padding: 9px 7px 10px; }
body.es .wordlist-table .wordlist-table ul.mega-header { height: auto !important;}
body.es ul.mega-header li.quiz-button-container { margin-left: 12px; }
body.es .facet-select ul.select-goals li.goalID-3 a{ white-space: pre-wrap; text-align:left !important; padding:5px 4px 6px 41px !important;}
body.es .facet-select ul.select-goals li.goalID-2 a{ white-space: pre-wrap; text-align:left !important; padding:5px 4px 6px 37px !important;}
body.es .progress-widget .widget-content .personalize button { margin-top:20px;}
body.es .progress-widget .widget-content .personalize.anonymous h1 {padding-top:0px;}
body.es .progress-widget .widget-content .personalize button.anon-register-button { margin-top:13px; font-size: 16px;}
body.es .register-container .itsfree { font-size: 28px; left: 110px;  max-width: 320px; top: -5px;}
body.es .viewAllFacet{ padding-left: 20px; }
body.es .homeMainBanner .homeBannerTeaser .vidTitleTeaser{font-size:24px;}
body.es .homeMainBanner .homeBannerTeaser {width:285px;}
body.es .register-container .registerBtn{vertical-align: top; margin-top: 15px;}
body.es .semester p.paypal_price {font-size:9px !important; width:123px !important;}
body.es span.billing-label {width: 230px !important;}
body.es .facebookLogin .facebookLoginFields label{width: 120px !important;}
body.es #videos-content h2{margin: 0 0 0 150px; font-size:20px !important;}
body.es .videolist-filters div.classgroup .teacher-email a {font-size: 11px; width: 105px; padding: 0 3px 0 30px;}
body.es .login-form h1{font-size: 22px; padding: 28px 13px 0;}
body.es .ui-dialog-fb-connect{padding: 12px 0 0 0;}
body.es .myvocabFacet a.quiz-button {padding: 5px; width:65px;}
body.es .featuredwords a.quiz-button{ padding: 2px 5px 4px; font-size:11px;}
body.es .videolist-filters div.classgroup p{font-size:9px;}
body.es .videolist-filters div.classgroup p{left: 145px; top: -16px; width: 130px;}
body.es .register-container span.loginHere{ width:193px; margin-bottom:13px;}
body.es .footerRegister .ec-button { font-size: 11px !important; margin-left: -20px !important; margin-top: 5px; padding: 5px !important; }
body.es .homeMainBanner .homeBannerTeaser .homeBtnTryIt { font-size: 21px !important;}
body.es .left-navigation.ui-accordion .ui-accordion-header { padding-right:10px;}
body.es div#difficultySelectorMini ul li.all {font-size:9px !important;}
body.es div.mega-header ul li { font-size:12px;}
body.es div.mega-header .container ul { /*padding:0 0 0 40px !important; */}
body.es div.mega-header ul li { /*padding-right:0px !important; */}
body.es .ec-diffselect-info { margin-right:3px; font-size:13px !important;}
body.es div#difficultySelectorMini div a.masteryDetail { font-size:11px;}
body.es ul.onboarding-step1 li span.title {font-size:12px !important;}
body.es .quiz-button{font-size:12px !important; padding:7px !important;}
body.es .search-input-text { font-size:12px;}
body.es ul.ec-topnav li.name { max-width:102px !important;}
body.es #wordListContent #difficulty-level-tabs { margin-left: 60px; max-width: 350px;}
body.es #wordListContent #difficulty-level-tabs { width:auto !important;}
body.es #wordListContent #difficulty-level-tabs ul.video-levels li.ec-diffselect-info {padding: 7px 9px !important;}
body.es #wordListContent #difficulty-level-tabs ul.video-levels li.all-level {padding: 9px !important;}
body.es #videos-content ul.video-levels li.all-level {padding: 10px 4px !important;}
body.es #videos-content ul.video-levels li.ec-diffselect-info {padding: 8px 9px !important;}
body.es .footerLinks a  {font-size:14px;}
body.es ul.video-levels li.displaytab { margin-left: 6px;}
body.es #wordListContent #difficulty-level-tabs { }
body.es .videodetails ul.video-share li.sharebtn { width:53px !important; font-size:12px !important;}
body.es .footerLeft.blog { width:75px !important;}
body.es .footerLeft.pricing { width:80px !important;}
body.es .billing-form div.payment-type ul li label span.plandesc {font-size:14px !important}
body.es .account-form .save-settings {font-size:16px !important}
body.es ul.ec-mainmenu-landing li.menuitem {margin-right:42px !important;}
body.es a.landing-button { font-size:15px !important; }
body.es .ec-ui-course div.ec-ui-course-unit-content ul li.course-warmup.start h4 { font-size:24px !important; }
body.es #pronContent .runnerDisplay a { font-size:12px !important;}
body.es #pronContent .runnerDisplay div { max-width: 153px; }
body.es #pronContent .runnerDisplay a div span { padding-top:5px;}
body.es #accesscode-faq-link {line-height:1.35 !important; margin:5px 10px !important;}

body.pt .homeMainBanner .homeBannerTeaser .homeBtnTryIt { font-size: 20px !important; line-height:none !important;}
body.pt .quiz-button{ font-size:13px !important; padding:7px !important;}
body.pt #teachReg ul.teach-reg-content li.item { height:125px !important;}
body.pt #teachReg ul.teach-reg-content li.item.ptItem { height:85px !important;}
body.pt .videodetails ul.video-share li.sharebtn { width:76px !important; font-size:12px !important;}
body.pt .videodetails ul.video-share li.sharelink { width:220px !important;}
body.pt .wordlist-table ul.wordlist-row li a{ font-size:12px !important; }
body.pt .footerLeft.aboutus{ width:125px !important; }
body.pt div.mega-header ul li { font-size:12px !important; }
body.pt ul.ec-mainmenu li{ font-size:16px !important;}
body.pt .footerLeft.home { width:70px !important; }
body.pt .footerLeft.howitworks { width:190px !important; }
body.pt .footerLeft.help { width:70px !important; }
body.pt .footerLeft.blog { width:55px !important; }
body.pt .footerLeft.pricing { width:75px !important; }
body.pt ul.onboarding-step1 li span.title { font-size:12px !important; }
body.pt .footerLeft.contactus {width:128px !important;}
body.pt .billing-form div.payment-type ul li label span.plandesc {font-size:13px !important;}
body.pt #access-code-top {font-size:13px !important; height:48px !important;}
body.pt p.overlap-arrow-down {left:230px !important; top:-70px !important; }
body.pt #welcome-onboarding div.onboarding-container .step-2-header {font-size:22px !important;}
body.pt .myButtonRed, .myButtonRed:visited {font-size:18px !important;}
body.pt a.landing-button { font-size:15px !important; }
body.pt .landing-header h1 { font-size:24px !important; }
body.pt .pricing-content ul.admin li h2 { font-size: 15px !important;}
body.pt #pronContent .runnerDisplay div { max-width: 153px; }
body.pt #accesscode-faq-link {line-height:1.35 !important; margin:5px 10px !important;}

body.tr .anon-register-form-button { font-size:20px !important;}
body.tr div.diffselectmain div.difftype p span.typetxt { font-size:14px !important;}
body.tr p.overlap-arrow-down { left:276px !important;}
body.tr ul.onboarding-step1 li span.title { font-size:13px !important;}
body.tr #welcome-notice h2 { font-size:20px; }
body.tr #welcome-notice h2 { font-size:18px; }
body.tr #welcome-notice ul.onboarding-items li { font-size:16px;}
body.tr #wordListContent #difficulty-level-tabs { /*margin-left:50px;*/ max-width: 350px;}
body.tr #wordListContent #difficulty-level-tabs { width:auto !important;}
body.tr #wordListContent #difficulty-level-tabs ul.video-levels li.all-level {padding: 9px 6px !important;}
body.tr #wordListContent #difficulty-level-tabs ul.video-levels li.ec-diffselect-info { padding: 8px 9px !important; }
body.tr .videos #difficulty-level-tabs { margin-left: 485px; max-width: 350px;}
body.tr .videos #difficulty-level-tabs { width:auto !important;}
body.tr .videos #difficulty-level-tabs ul.video-levels li.ec-diffselect-info { padding: 8px 7px !important; }
body.tr .videos #difficulty-level-tabs ul.video-levels li.all-level {padding: 10px 8px !important;}
body.tr .videos div.mega-header ul li { font-size:12px ; padding:10px 0;}
body.tr ul.video-levels li.displaytab { margin-left:2px;}
body.tr .wordlist-paginator {font-size:12px !important;}
body.tr #access-code-top {font-size:13px !important; height:48px !important;}
body.tr .account-form .save-settings {font-size:18px !important;}
body.tr #popup-filter .popup-filter-item {font-size:10px !important;}
body.tr #welcome-onboarding div.onboarding-container .step-2-header {font-size:22px !important;}
body.tr ul.ec-mainmenu-landing li.menuitem {margin-right:47px !important;}
body.tr .ec-ui-speak div.course-progress-summary p span {font-size:9px !important;}
body.tr .myButtonRed, .myButtonRed:visited {font-size:21px !important;}
body.tr a.landing-button { font-size:15px !important; }
body.tr .ec-ui-course div.ec-ui-course-unit-content ul li.course-warmup.start h4 { font-size:25px !important; }
body.tr .home-stripbar ul li a.home-stripbar-element span.title { width: 115px !important; }
body.tr #pronContent .runnerDisplay div { max-width: 160px; }
body.ja .personal-form div.avatarUpload label {font-size:12px !important;}

body.zh #wordListContent #difficulty-level-tabs { width:320px; margin-left:32px;}
body.zh #wordListContent #difficulty-level-tabs ul.video-levels li.ec-diffselect-info {padding: 8px 10px !important; }
body.zh #wordListContent #difficulty-level-tabs ul.video-levels li.all-level {padding: 9px 8px !important; }
body.zh #teachReg p {line-height:1.45;}
body.zh #teachReg ul.teach-reg-content li.item {height:95px;}
body.zh .subfaq p {line-height:1.5 !important;}
body.zh .subfaq h3 {margin-bottom:6px !important;}
body.zh .wordlist-table ul.wordlist-row li.word {width:48% !important;}
body.zh .wordlist-table ul.wordlist-row li.difftab {width:11% !important;}
body.zh .ec-ui-course div.ec-ui-course-unit-content ul li.course-warmup.start h4 { font-size:21px !important; }
body.zh .registration-teacher .landing-header.registration-header h1 {height: 40px !important; padding: 20px 0 !important;}
body.zh .wordlist-table ul.wordlist-row-header li a { font-size:12px !important; }

body.vi .footerLeft.howitworks { width:155px !important;}
body.vi .footerLeft.home { width:80px !important;}
body.vi .footerLeft.aboutus { width:100px !important;}
body.vi .footerLeft.blog {  width: 55px !important; }
body.vi .footerLeft.contactus { width: 155px !important;}
body.vi .footerLeft.help { width: 80px !important;}
body.vi .search-input-text { font-size: 10px !important;  width: 207px !important; padding:4px 18px 5px 10px !important}
body.vi div.diff-toggle a  { width: 41px !important;}
body.vi #diff-toggle span.button {left:62px; /* !important;*/}
body.vi ul.ec-mainmenu li { font-size: 13px!important;}
body.vi h1.home-title {font-size: 17px !important;}
body.vi ul.video-levels li.displaytab { margin-left: 0 !important;}
body.vi ul.video-levels li {font-size: 12px !important;}
body.vi #home-title ul.home-header #difficulty-level-tabs, body.vi #videos-content #difficulty-level-tabs { width: 300px !important;}
body.vi .videopage-topscores h2, .videopage-comments h2 {  font-size: 15px !important;}
body.vi .videopage-topscores h2 ul { font-size: 10px !important;}
body.vi .videodetails .info div.label { font-size: 12px !important;}
body.vi div.home-sidebar h1 {font-size: 22px !important;}
body.vi #pronContent .topTextStyle  { font-size: 21px !important;}
body.vi #pronContent .topProgress .progTxt { padding-top: 18px !important;}
body.vi #pronContent .topPractice .pracTxt { padding-top: 30px !important;}
body.vi ul.ec-topnav li.rankings { padding-right: 4px !important;}
body.vi ul.ec-topnav li.ec-progress { padding: 6px 3px 0 0 !important;}
body.vi ul.ec-topnav li.name { max-width: 120px !important;}
body.vi div#difficultySelectorMini { width: 212px !important;}
body.vi #access-code-top { font-size: 20px !important; }
body.vi .billing-form div.payment-type ul li label span.plandesc { font-size: 13px !important; }
body.vi .subfaq h3 { margin-bottom:5px !important;}
body.vi p.overlap-arrow-down { top: -70px !important; left: 221px !important;}
body.vi .wordlist-table ul.wordlist-row li.word { width: 53% !important; }
body.vi .wordlist-table ul.wordlist-row li.difftab { width: 12% !important;}
body.vi .wordlist-table ul.wordlist-row-header li a { font-size: 13px !important;}
body.vi div#difficultySelectorMini ul li p {font-size:9px !important;}
body.vi #welcome-onboarding div.onboarding-container .step-2-header {font-size:20px !important;}
body.vi .registration-landing ul.reg-testimonial ul.testimonial-list {width:355px !important;}
body.vi p.class-goals-heading.class-end span { font-size: 11px !important;}
body.vi #welcome-onboarding ul.onboarding-step1 li span.title { font-size: 11px !important;}
body.vi .landing-header h1 { font-size:25px !important; }
body.vi .ec-ui-course div.ec-ui-course-unit-content ul li.course-warmup.start h4 { font-size:24px !important; }

form, p, dl, dt, dd, table, tr, td {
 margin: 0px; padding: 0px;
}
ul { list-style: none; }
input, textarea, select {
 margin: 1px 2px;
 font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
 font-size: 12px;
 color: #000;
 vertical-align: middle;
}
a, a:link, a:active, a:visited { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: none; }
a img:hover { text-decoration: none; }

a:visited { color: #555; }
a { color: #555; }
a:active { color: #eb4c4c; }
a:hover { color: #eb4c4c; }
a:focus {outline:none;}

/* slightly enhanced, universal clearfix hack */
.clearfix:after, .fixedwidth:after {
	 visibility: hidden;
	 display: block;
	 font-size: 0;
	 content: " ";
	 clear: both;
	 height: 0;
	 }
.clearfix, .fixedwidth { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1px; position:relative; }
* html .fixedwidth { height: 1px; position:relative; }
.clearfix, .fixedwidth { display: block; }
/* close commented backslash hack */

.fixedwidth {
	width: 970px;
	text-align: left;
	margin-left: auto !important;
	margin-right: auto !important;
}
.centered {
	text-align: center;
}
.roundcorners {
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
}
.roundcorners-top {
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
}
.roundcorners-bottom {
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
}
.roundcorners-bottom-left {
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
}
.roundcorners-bottom-right {
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
}
.hidden {display: none;}
.ec-header { background: url(images/ec-header-bk.png) top center no-repeat; border-bottom: 1px solid #000; height: 96px; }
.ec-border { border-bottom: 2px solid #933; }
.ec-headerfix { height: 95px; color: #ddd; position: relative; }
#ec-logo { position: absolute; top: 0; left: 0; width: 260px !important; height: 45px; background: url(images/logos/ec-logo.png) left bottom no-repeat transparent; }
#ec-logo.ec-logo-landing { cursor:default; }
#ec-logo.ec-logo-landing { margin: 25px 0 0 10px; }

ul.ec-topnav { float:right; clear:right; margin: 0; padding: 5px 5px 0; list-style: none; white-space:nowrap; }
ul.ec-topnav li { float:right; margin: 0; padding: 8px 4px; text-align:left; position: relative; }
ul.ec-topnav li a { color: #b34848; }
ul.ec-topnav li a:hover { text-decoration: none; color: #c66; }
ul.ec-topnav li.separator { height: 24px; width: 0px; border-left: 1px dashed #444; margin: 5px; padding: 0; }
ul.ec-topnav.anonymous li.separator { float:left; margin-right:5px; }
ul.ec-topnav li.setlang a { padding-right: 10px; margin-bottom: -10px; }
ul.ec-topnav li.setlang-hover a, ul.ec-topnav li.setlang:hover a { padding-right: 10px; background: url(images/ec-topnav-arrow.gif) right center no-repeat; }
ul.ec-topnav li.setlang { z-index:500 !important; padding-left: 25px; padding-right: 4px; background: url(images/ec-topnav-setlang.gif) center left no-repeat; }
ul.ec-topnav li.setlang-hover, ul.ec-topnav li.setlang:hover { background-image: url(images/ec-topnav-setlang-hover.gif); }
ul.ec-topnav li.rankings { padding-left: 25px; padding-right: 18px; background: url(images/ec-topnav-rankings.gif) center left no-repeat; }
ul.ec-topnav li.rankings:hover { background-image: url(images/ec-topnav-rankings-hover.gif); }
ul.ec-topnav li.register { height: 16px; float:left; font-weight:bold; color:#999; margin-right:5px; }
ul.ec-topnav li.register a { color: #b34848; }
ul.ec-topnav li.name  {cursor:pointer;}
ul.ec-topnav li.name, ul.ec-topnav li.name-welcome { height: 16px; width: 138px; overflow: hidden; padding: 2px 0 0 30px; background-repeat: no-repeat; background-position: 0px 4px; height: 32px; background-image: url(images/default_avatar_tiny.jpg); position: relative; }
ul.ec-topnav li.name span, ul.ec-topnav li.name-welcome span { display: block; font-size: 10px; color: #999; position: relative; top: -1px; margin-bottom: -4px; line-height:1.2; padding: 2px 0; }
ul.ec-topnav li.name span.premium, ul.ec-topnav li.name-welcome span.premium { color:#f39828; }
ul.ec-topnav li.name span.basic a, ul.ec-topnav li.name-welcome span.basic a { color: #b34848; }
ul.ec-topnav li.name span.avatar, ul.ec-topnav li.name-welcome span.avatar { display: block; margin: -1px 0; padding: 0; height: 27px; width: 26px; position: absolute; top: 4px; left: 0; background: #111; overflow:hidden; }
ul.ec-topnav li.name a, ul.ec-topnav li.name-welcome a{ position: relative; }
ul.ec-topnav.anonymous li.login {float:left; font-weight:bold;}

ul.ec-topnav li.odometer { padding: 3px 0 0; }
ul.ec-topnav li.odometer p { padding: 0 10px 0 0; font-size: 10px; line-height: 10px; text-transform: uppercase; color: #999; display: inline-block; *display: inline; zoom: 1; }
ul.ec-topnav li.odometer p span { display: block; color: #eee; font-weight: bold; font-size: 18px; line-height: 18px; }

ul.ec-topnav li.ec-progress { padding: 6px 20px 0 0; }

ul.ec-topnav li ul { display: none; }
ul.ec-topnav li ul li a { background: none !important; }

div.odometer { position: absolute; top: 0; left: auto; right: 355px; margin: 0; padding: 0; z-index: 100; }
div.odometer .panel { height: 66px; width: auto; margin: 0 auto; padding: 0; text-transform: uppercase; background: url(images/odometer-panel.png) top center repeat-x; position: relative; z-index: 50; font-size: 10px; text-align: center; color: #999; }
div.odometer .panel span { display: block; margin: 0 0 -2px; }
div.odometer .panel span.edge { margin: 0; height: 66px; width: 30px; position: absolute; top: 0; background-image: url(images/odometer-edges.png); background-repeat: no-repeat; }
div.odometer .panel span.right-edge { background-position: right top; left: auto; right: -30px; }
div.odometer .panel span.left-edge { background-position: left top; left: -30px; right: auto; }
div.odometer .panel > span { margin-top: 4px; }
div.odometer .panel p { width: 85px; margin: 0; padding: 0; border-width: 0; display: inline-block; *display: inline; zoom: 1; background: url(images/odometer-separator.png) center left no-repeat; }
div.odometer .panel p.watch { background: none; }
div.odometer .panel p span { font-size: 20px; color: #eee; }
div.odometer ul { margin: 0; padding: 0; background: #fff url(images/odometer-readytoquiz-bk.jpg) 100px top repeat-y; color: #333; position: relative; top: -15px; z-index: 48; box-shadow: 0 4px 5px #333; border: 1px solid #fff; overflow: hidden; opacity: 0; height: 0; }
div.odometer ul li { margin: 0; padding: 8px 15px; display: inline-block; *display: inline; zoom: 1; text-align: center; vertical-align: middle; }
div.odometer ul li.mastered { width: 70px; }
div.odometer ul li.mastered span { font-size: 26px; font-weight: bold; line-height: 26px; }
div.odometer ul li.mastered em { display: block; font-size: 10px; line-height: 10px; font-style:normal; white-space: nowrap; }
div.odometer ul li.mastered em b { text-transform: uppercase; }
div.odometer ul li.readytoquiz > span { float: right; color: #fff; font-weight: bold; padding: 2px 4px; background: #f00 url(images/odometer-alert.jpg) top left repeat-x; border: 2px solid #fff; box-shadow: 0 0 3px #999; border-radius: 20px; position: relative; top: -8px; left: -5px; z-index: 10; width: 30px; }
div.odometer ul li.readytoquiz a.course-button { font-size: 14px; z-index: 9; position: relative; left: 15px; top: 4px; }
div.odometer ul li.separator { background: #333; width: 100%; display: block; padding: 0; height: 6px; border-top: 1px solid #fff; }

div#ECProgress, div#ECProgressDemo { height:22px; width:210px; background:#444; margin: 0; padding: 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
div#ECProgressBar, div#ECProgressBarDemo {height: 22px; background: url(images/progress-difficulty-bar.gif) #85d223;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;}
div#user-difficulty-setting, div#user-difficulty-settingDemo { color: #fff; width:210px; height: 22px; line-height: 22px; margin-top:-22px; text-shadow: 1px 1px 1px #666; cursor:pointer}

div#user-difficulty-setting .user-difficulty-level, div#user-difficulty-settingDemo .user-difficulty-level {min-width:18px; height: 18px; line-height: 18px; float: left; text-align:center; font-weight: bold;
	margin:2px 4px 2px 2px;
	background: url(images/progress-difficulty-level-bg.gif) repeat scroll 0 0 #111111;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #ddd}

.ec-diffselect-info { float: right; font-size: 14px; font-weight: bold;  margin-right: 4px; margin-top: 3px; }
.ec-diffselect-info span.progress-info { display: none; }
.ec-diffselect-info .action { font-weight: normal; }
.ec-diffselect-info a { color: #922222; font-size: 12px; }
.ec-diffselect-info a:hover { color: #eb4c4c; }
.ec-diffselect-info .user-difficulty-level { position: relative; top: -1px; }

.ec-diffselect-tabs div p .ec-diffselect-info { float: none; }
.ec-diffselect-tabs div p .ec-diffselect-info span.action { display: none; }

.ec-diffselect-tabs { float: right; padding-top: 4px !important; margin-right: 10px !important; }
.ec-diffselect-tabs div { float: left; }
.ec-diffselect-tabs div p { margin: 0 4px 0 0; padding: 0; position: relative; height: 25px; }
.ec-diffselect-tabs div p .ec-level { display: block !important; margin: 0; padding: 8px 5px 0; }
.ec-diffselect-tabs div p a.ec-all-level { color: #933; }
.ec-diffselect-tabs div.selected p a.ec-all-level { color: #233; }
.ec-diffselect-tabs div.selected p { border-bottom: 12px solid #fff; padding: 0 10px; }
.ec-diffselect-tabs div.selected p .ec-level { background: #fff; border: 1px solid #ccc; border-bottom: none; padding-left: 15px; padding-right: 15px;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
*+html .ec-diffselect-tabs div.selected p { padding-left: 0; padding-right: 0; }
.ec-diffselect-tabs div.selected p:before, .ec-diffselect-tabs div.selected p:after { content: ''; background: url("images/mini-header-bk.jpg") repeat-x scroll left bottom transparent; display: block; height: 12px; width: 10px; border-bottom: 1px solid #ccc; position: absolute; bottom: -12px; }
.ec-diffselect-tabs div.selected p:before { border-right: 1px solid #ccc; left: 0px;
	-moz-border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
	border-radius: 0 0 10px 0;
}
.ec-diffselect-tabs div.selected p:after { border-left: 1px solid #ccc; right: 0px;
	-moz-border-radius: 0 0 0 10px;
	-webkit-border-radius: 0 0 0 10px;
	border-radius: 0 0 0 10px;
}

/* NEW Difficulty selector page*/
div.diffselectmain { overflow:hidden; border:1px solid; width:927px; border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	min-height:145px;
	margin-bottom:20px;
	text-align:left !important;
}
div.diffselectmain div { float:left; padding-bottom:9000px; margin-bottom:-9000px;}
div.diffselectmain div.difftype { width:185px;
	background: -moz-linear-gradient(top, #fff 0%, #d5d5d5 4%);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#d5d5d5));
	/*filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFF', EndColorStr='#d5d5d5', GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF, endColorstr=#d5d5d5)";
	background: linear-gradient(top, #fff 0%, #d5d5d5 4%);
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #d5d5d5 4%);*/
}
div.diffselectmain div.difftype p {margin:20px 0 !important; padding-left:15px; color:#333; font-size:15px;}
div.diffselectmain div.difftype p span { display:inline-block !important; vertical-align:top !important; zoom:1; *display:inline;}
div.diffselectmain div.difftype p span.typeradio{width:15px;}
div.diffselectmain div.difftype p span.typetxt{width:126px;}
div.diffselectmain div.diffdivider { width:12px;
	background: -moz-linear-gradient(right, #FFF, #d5d5d5);
	background: -webkit-gradient(linear, right top, left top, from(#FFF), to(#d5d5d5));
	/*filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFF', EndColorStr='#d5d5d5', GradientType=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF, endColorstr=#d5d5d5)";
	background: -o-linear-gradient(right, #FFF, #d5d5d5);
	background: -webkit-linear-gradient(right, #FFF, #d5d5d5);
	background: linear-gradient(right, #FFF, #d5d5d5)*/
}
div.diffselectmain div.difflevels { width:698px; padding:15px;}
div.diffselectmain div.difflevels ul {margin: 0; padding: 0; height: 32px; width:100%;}
div.diffselectmain div.difflevels ul li {width:12.5%; height: 30px; float: left}
div.diffselectmain div.difflevels ul.difficultyLevelBar li,
	#allLevels ul li
		{ border: 1px #777 solid; border-left: 0px; cursor: pointer; text-align:center}
div.diffselectmain div.difflevels #allLevels { float: right; width: 70px; font-weight: bold; color: #999; text-align:center; padding:0;}
div.diffselectmain div.difflevels #allLevels ul li .user-difficulty-level { display:none}
div.diffselectmain div.difflevels #allLevels ul li:hover .user-difficulty-level,
	div.diffselectmain div.difflevels #allLevels.selected ul li .user-difficulty-level
		{ display:inline-block; padding:0 !important; zoom:1; *display:inline;}
div.diffselectmain div.difflevels ul.difficultyLevelBar li .user-difficulty-level{ display:none}
div.diffselectmain div.difflevels ul.difficultyLevelBar li.currentHover .user-difficulty-level,
	div.diffselectmain div.difflevels ul.difficultyLevelBar li.selected .user-difficulty-level
		{ display:inline-block;padding: 0 !important; zoom:1; *display:inline;}
div.diffselectmain div.difflevels ul.difficultyLevelBar.selectAll li .user-difficulty-level{ display:none}
div.diffselectmain div.difflevels ul.difficultyLevelBar li span.data { display:none}
div.diffselectmain div.difflevels ul.difficultyLevelBar li:first-child { border-left: 1px #777 solid;
	-moz-border-radius: 2px 0px 0px 2px;
	-webkit-border-radius: 2px 0px 0px 2px;
	border-radius: 2px 0px 0px 2px;}
div.diffselectmain div.difflevels ul.difficultyLevelBar li:last-child {
	-moz-border-radius: 0px 2px 2px 0px;
	-webkit-border-radius: 0px 2px 2px 0px;
	border-radius: 0px 2px 2px 0px;}
div.diffselectmain div.difflevels ul.difficultyLevelBar li.selected,
	div.diffselectmain div.difflevels ul.difficultyLevelBar.selectAll li,
	div.diffselectmain div.difflevels #allLevels.selected ul.selectAllToggle li,
	div.diffselectmain div.difflevels ul.difficultyLevelBar li.currentHover
		{ background: url(images/difficulty-selected-bg.gif) repeat-x scroll left top #356901}
div.diffselectmain div.difflevels ul.difficultyLevelBar li:hover,
	div#difficultySelector ul.difficultyLevelBar.selectAll li:hover,
	#allLevels ul.selectAllToggle li:hove
		{ background: url(../images/difficulty-selected-bg-hover.gif) repeat-x scroll left top #356901}
div.diffselectmain div.difflevels ul.difficultyTypeRange li { text-align: center; font-weight: bold; font-size: 12px; color: #777; line-height: 30px; border-right: 1px #fff solid, *width:12%; margin:0 auto;}
div.diffselectmain div.difflevels ul.difficultyTypeRange li .plus { font-size: 18px}
div.diffselectmain div.difflevels ul.difficultyTypeRange li.level0 { width: 10%; padding-left:7px}
div.diffselectmain div.difflevels div.difficultyLabel { width:100%; padding-top: 30px; font-size: 14px; color: #888; text-align:center; line-height: 150%; margin: -55px auto 20px;}
div.diffselectmain div.difflevels div.difficultyLabel table, div.progress table{ margin-left: auto; margin-right: auto}
div.diffselectmain div.difflevels div.difficultyLabel .desc,
	div.diffselectmain div.difflevels div.difficultyLabel .video-difficulty-name{ font-weight: bold;padding-left: 3px}
div.diffselectmain div.difflevels ul.diffselectmain { margin:0 !important; height:auto;}
div.diffselectmain div.difflevels ul.diffselectmain li { display:inline-block !important; border:1px solid; zoom:1; *display:inline;}
div.diffselectmain div.difflevels p.difflevel-inst { color:#999; font-weight:bold; margin-bottom:40px; }
div.diffselectmain div.difflevels ul.difficultyLevelRadio { height:auto !important; clear:both;}
div.diffselectmain div.difflevels ul.difficultyLevelRadio li { text-align:center; margin:0 !important; padding:0 !important; }
div.diffselectmain div.difflevels div.difficultyLabel div { text-align:center; width:100%; clear:both;}
div.diffselectmain div.difflevels .difficultyLevelSelector { width:113%; text-align:center; position:relative; top:-60px;}
div.diffselectmain div.difflevels .difficultyLevelSelector.allLevel { width:100%; text-align:center;}
#allLevels { margin:0 }
#allLevels ul li {width: 100% !important; text-align:center; border: 1px #777 solid;}
#allLevels ul.difficultyLevelRadio li { border:none !important;}
.user-difficulty-level {display:inline-block; min-width:16px; height: 18px; line-height: 18px; text-align:center; font-weight: bold; padding: 0 2px;
	background: url(images/progress-difficulty-level-bg.gif) repeat scroll 0 0 #111111;
	margin: 0 4px 0 0;
	vertical-align: middle;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius: 2px;
	color: #ddd;
	font-size: 12px;
	zoom:1; *display:inline;
}
.user-difficulty-level.auto-width { width: auto !important; padding-left: 4px; padding-right: 4px; }
ul.difficultyLevelBar .user-difficulty-level {margin: 5px 0 0 35px;}
ul.selectAllToggle .user-difficulty-level {margin: 5px 0 0 25px;}
div#difficultySelector div.difficultyLabel .user-difficulty-level {margin: 0; padding: 0; min-width: 16px; min-height: 16px; line-height: 16px; font-size: 10px}
div.difflevels p.initial-message { font-size:24px; font-weight:bold; color:#999; width:93%; text-align:center; line-height:1.4; position:relative; top:55px; left:20px; }

/* END New Difficulty Selector*/

/* NEW Difficulty Selector - My Account*/
.account-content div.diffselectmain { width: 700px;}
.account-content div.diffselectmain div.difftype { width:155px;}
.account-content div.diffselectmain div.difftype p {padding-left: 6px;}
.account-content div.diffselectmain div.difftype p span.typetxt {width:113px;}
.account-content div.diffselectmain div.difflevels {width: 490px;}
.account-content div.diffselectmain div.difflevels p.difflevel-inst {font-size:16px;}
.account-content ul.difficultyLevelBar .user-difficulty-level { margin: 5px 0 0 25px; }
/* END*/

div#difficultySelectorMini .user-difficulty-level {margin: 2px 0 2px 0;}
div#difficultyHoverProgress{display:none;}
div#ec-ui-speak .progress{width:180px; height:50px !important; background-color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align:center}
div#ec-ui-speak .progress .bar {height: 20px;border: 1px #ccc solid; margin: 0;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius: 2px;}
div#ec-ui-speak .progress .bar div {height: 20px;
	background: url(images/difficulty-selected-bg.gif) repeat-x scroll left top #922222;
}
div#ec-ui-speak .progress .percentage {height: 20px; margin-top:-20px;line-height:20px; text-shadow: 1px 1px 1px #ccc;}

div#diffselect-modal { position: fixed; height: 100%; width: 100%; top: 0; left: 0; }
div#difficultySelectorMini {position:absolute;width:212px;background:#ddd;padding:2px 2px 8px;border: 1px #ccc solid; overflow:visible !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	left: 737px;
	float: left;
	display:none;
	z-index: 99970;
}
.ui-selectmenu-menu  {z-index:99990;}
div#difficultySelectorMini div {text-align:center}
span#difficultySelectorTip { font-size: 11px; text-align: center; display: block;}

div#difficultySelectorMini div#difficultySelectorTypeMini {width: 120px; margin-left:auto; margin-right:auto; margin-top: 5px;}
div#difficultySelectorMini div select {text-align:center; width: 100%; margin: 0; padding: 0}
div#difficultySelectorMini div select option {text-align:center}
div#difficultySelectorMini ul {padding: 0; margin: 0; width: 100%; height: 22px}
div#difficultySelectorMini ul li p { padding-top: 4px; font-weight: bold; }
div#difficultySelectorMini ul li {background-color: #484848; width: 24px; float:left; height: 22px; text-align: center; border-right: 1px #fff solid;cursor:pointer; background-repeat: repeat-x; background-image: url(images/difficulty-bar-bk.jpg); color: #ddd; }
div#difficultySelectorMini ul li:hover, div#difficultySelectorMini ul li.highlight:hover, div#difficultySelectorMini ul li.all:hover { background-image: url(images/difficulty-bar-hover.jpg); color: #333;
	-moz-box-shadow: inset 0px 0px 1px #000;
	-webkit-box-shadow: inset 0px 0px 1px #000;
	box-shadow: inset 0px 0px 1px #000;
}
div#difficultySelectorMini ul li.lvl1 {
	-moz-border-radius: 2px 0px 0px 2px;
	-webkit-border-radius: 2px 0px 0px 2px;
	border-radius: 2px 0px 0px 2px;}
div#difficultySelectorMini ul li.lvl7 {border-right: 0px;
	-moz-border-radius: 0px 2px 2px 0px;
	-webkit-border-radius: 0px 2px 2px 0px;
	border-radius: 0px 2px 2px 0px;}
div#difficultySelectorMini ul li.all { margin-left: 2px; width: 34px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;}
div#difficultySelectorMini ul li.all .user-difficulty-level { width: 28px; }
div#difficultySelectorMini ul li.all:hover .user-difficulty-level { display: inline-block !important; }
div#difficultySelectorMini ul li.selected, div#difficultySelectorMini ul li.highlight {background: url(images/difficulty-bar-select.jpg) repeat-x scroll left top #356901; color: #fff;
	-moz-box-shadow: inset 0px 0px 4px #164006;
	-webkit-box-shadow: inset 0px 0px 4px #164006;
	box-shadow: inset 0px 0px 4px #164006;
}
div#difficultySelectorMini ul li span.data{display:none}
div#difficultySelectorMini ul#difficultyTypeMini-menu ul { width: 120px;}
div#difficultySelectorMini ul#difficultyTypeMini-menu li {text-align:center;}
a#difficultyTypeMini-button:hover {color:#333; text-decoration:none}
a#difficultyTypeMini-button.ui-state-active, a#difficultyTypeMini-button.ui-state-hover {background: url("css/custom-theme/images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA; border-color: #999; color: #333}
div#difficultySelectorMini div a.masteryDetail {color:#922222}
div#difficultySelectorMini .close{display: block; float:right; width: 22px; height: 22px; background: url("images/button-close.png") no-repeat scroll 0 0 transparent; margin: -75px -12px 0 0}

div.difficultySelectorMiniLevelName { padding:10px 0 8px;font-weight:bold; }
div#difficultySelectorTypeLink { position: relative; display: inline-block; }
ul#difficultySelectorTypes, ul#classDifficultySelectorTypes { position: absolute; z-index: 99991; background: #fff; float: none; width: auto !important; height: auto !important; border: 1px solid #999; padding: 5px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 4px 4px #999;
	-webkit-box-shadow: 0px 4px 4px #999;
	box-shadow: 0px 4px 4px #999;
}
ul#difficultySelectorTypes li, ul#classDifficultySelectorTypes li { display: block; float: none; width: auto; height: auto; padding: 4px 10px; background: #fff; border: none; color: #333; cursor: pointer}
ul#difficultySelectorTypes li:hover, ul#classDifficultySelectorTypes li:hover { background: #999; color: #eee;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
ul#difficultySelectorTypes li.selected, ul#classDifficultySelectorTypes li.selected { background: #666; color: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

ul.ec-topnav li.login { /* overflow: hidden; */ }

ul.ec-topnav li ul { margin: 0; padding: 4px 4px 6px; list-style: none; background: #eee; border: 1px solid #e4e4e4; z-index : 99948; }
ul.ec-topnav li ul li { float:none; margin: 0; padding: 0 6px; }
ul.ec-topnav li ul li a { padding-right: 0; white-space: nowrap; color: #333; }
ul.ec-topnav li ul li a:hover { color: #eb4c4c; }
ul.ec-topnav li ul { position:absolute; width:auto; }

ul.ec-mainmenu { margin: 0; padding: 0; height: 40px; width: 100%; position: absolute; left: 0; top: auto; bottom: -3px; }
ul.ec-mainmenu li { float: left; font-size: 18px; padding: 6px 12px 3px; margin: 5px 5px 0 0; height: 19px; /*overflow: hidden;*/ position: relative; border-bottom: 6px solid transparent; }
ul.ec-mainmenu li a { padding: 2px; color: #ddd; }
ul.ec-mainmenu li a:hover { color: #fff; }
ul.ec-mainmenu li.search { float: right; padding: 0; margin: 0 2px 0 0; background: none; height: auto; }

ul.ec-mainmenu li.selected { background-color: #eee; border-bottom-color: #eee; background-image: url(images/browse-tab.jpg); background-repeat: repeat-x;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border--radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}
ul.ec-mainmenu li.hover { position: relative; z-index: 999; background: #fff; border-bottom-color: #fff;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border--radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
}
ul.ec-mainmenu li.selected a, ul.ec-mainmenu li.hover a { color: #333; }
ul.ec-mainmenu li.selected a:hover, ul.ec-mainmenu li.hover a:hover { color: #eb4c4c; }

ul.ec-mainmenu li.menuitem.mainpage.selected { background-color:#993333 !important; background-image:none !important; border-bottom: 6px solid #993333 !important; }
ul.ec-mainmenu li.menuitem.mainpage.selected a { color:#fff !important;}

ul.ec-mainmenu li a.browse { padding-right: 32px; background: url(images/browse.png) center right no-repeat; }
ul.ec-mainmenu li a.browse:hover { color: #333 !important; text-decoration: none !important; cursor: default !important; }

ul.ec-mainmenu li.menuitem { z-index: 80; }
ul.ec-mainmenu li ul { display: none; z-index: 150; }

ul.ec-mainmenu li ul { position: absolute; padding: 0 0 10px; background: #fff; display: none; white-space: nowrap;
	margin: -4px -1px -1px; border: 1px solid #444; border-top: none;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	-moz-box-shadow: 0px 6px 5px #333;
	-webkit-box-shadow: 0px 6px 5px #333;
	box-shadow: 0px 6px 5px #333;
}
ul.ec-mainmenu li ul li { margin: 5px 0; padding: 0; float: none; height: auto; border: none; }
ul.ec-mainmenu li ul li a { font-size: 12px; display: block; margin: 0; padding: 5px 0 5px 20px; font-weight: normal; color: #922222 !important; }
ul.ec-mainmenu li ul li a:hover { background: #953035; color: #fff !important; text-decoration: none; }

ul.ec-mainmenu li ul li.separator { font-size: 12px; color: #666; text-transform: uppercase; padding: 0 20px; margin: 10px 0 -5px; }

ul.ec-mainmenu-landing { margin-left: 280px; width: auto; }
ul.ec-mainmenu-landing li.menuitem { margin-right:49px; }

/* div.ec-submenu { display: none; clear: both; height: 41px; background: #999 url(../images/mini-header-bk.jpg) top left repeat-x; overflow: hidden;
	-moz-box-shadow: inset 0px -3px 2px #ccc;
	-webkit-box-shadow: inset 0px -3px 2px #ccc;
	box-shadow: inset 0px -3px 2px #ccc;
}
div.ec-submenu ul { margin: 0; padding: 5px 0 0; list-style: none; clear: both; }
div.ec-submenu ul li { float: left; padding: 8px 22px; }
div.ec-submenu ul li:first-child { margin: 0 0 0 300px; }
div.ec-submenu ul li a { font-size: 16px; /* text-shadow: 1px 1px 1px #666; * /}

div.ec-submenu ul li.active { background: #fff; border: 1px solid #ccc; border-bottom: none; font-weight: bold; padding-bottom: 20px;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border--radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	-moz-box-shadow: 0px 0px 6px #ccc;
	-webkit-box-shadow: 0px 0px 6px #ccc;
	box-shadow: 0px 0px 6px #ccc;
} */

#searchForm { clear: right; text-align: right; position: relative; }
.searchForm { visibility: visible; }
.search-input-text { font-size: 14px; margin: 0; padding: 6px 25px 7px 10px; height: 18px; width: 190px; text-align: left; color: #999; border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	-moz-box-shadow: inset 0px 0px 6px #ccc;
	-webkit-box-shadow: inset 0px 0px 6px #ccc;
	box-shadow: inset 0px 0px 6px #ccc;
	z-index:0 !important;
}
.search-input-text.active { color: #111; }
.search-input-button { position: absolute; right: 8px; margin: 0; padding: 0; width: 15px; height: 31px; border: none; cursor: pointer; vertical-align: middle; background: url(images/search-icon.gif) center center no-repeat; }

.login-form { display: none; padding: 20px; }
.login-form div, .login-form p { margin-top: 20px; }
.login-form div input[type="text"], .login-form div input[type="password"] { display: block !important; width: 180px !important; }
.login-form div input[type="checkbox"] { vertical-align: text-top; margin: 0 4px 0 0; padding: 0; }
.login-form div ul.errors { color: #cf3636; float: right; margin: 12px 0 0; padding: 6px 0 4px 22px; width: 680px; background: url(images/v1.1/school-crossed.gif) center left no-repeat; }

#closeLoginBox{position:absolute; top:0; right:0; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; z-index:1999;}
#closeLoginBox.hover{background-position:-50px -25px;}

#devCopyright {
	clear: both;
	padding: 0px; margin: 20px 0 0;
	color: #aaa;
	text-align: center;
	font-size: 12px;
	overflow: hidden;
	background: url('images/v1/copyrightbk.jpg') top left repeat-x;
	height: 116px;
}
#devCopyright div {	height: 60px; padding-top: 30px; }
#devCopyright div a, #devCopyright div a:link, #devCopyright div a:visited, #devCopyright div a:active { color: white; }
#devCopyright .copy-followus { float: right; margin: 0; padding: 0; position: relative; top: -15px; }
#devCopyright .copy-followus ul { margin: 4px 0 0; padding: 0; list-style: none; }
#devCopyright .copy-followus ul li { margin: 0 4px 0 0; padding: 0; float: left; }
.copy-followus .fb { background: url('images/facebook.jpg') scroll no-repeat center center; width:29px; height:30px; display:inline-block; *margin-right:4px; zoom:1; *display:inline;}
.copy-followus .tweet { background: url('images/twitter.jpg') scroll no-repeat center center; width:30px; height:30px; display:inline-block; *margin-right:3px; zoom:1; *display:inline;}
.copy-followus .youtube { background: url('images/youtube.jpg') scroll no-repeat center center; width:29px; height:30px; display:inline-block; *margin-right:3px; zoom:1; *display:inline;}

.empty { padding: 15px 40px 25px; color:#999; font-style:italic; font-size:12px;}

/* new footer UI */

.footerLeft{
	text-align:center;
	margin-top:15px;
	float:left;
}
.footerLeftBorder{ border-left:1px solid #999; }
.footerRightBorder{ border-right:1px solid #999; }
.footerLeft.home{
	width:100px;
	padding-left: 50px;
}
.footerLeft.blog{
	width:100px;
}
.footerLeft.howitworks{
	width:100px;
}
body.tr .footerLeft.howitworks{ width:175px; }
.footerLeft.pricing{
	width:100px;
}
.footerLeft.help{ width:85px; }
body.ko .footerLeft.help{ width:40px; }
.footerLeft.aboutus{ width:120px; }
.footerLeft.contactus{
	width:100px;
}
body.ko .footerLeft.contactus{ width:60px; }

.shorter .footerLeft.home{padding-left: 180px;}
.short .footerLeft.home{padding-left: 80px;}
.shorter .footerRightBorder.aboutus{border: 0}
.footerRight{ float:right; }
#footerPage{
	clear: both;
	padding: 0 0 20px;
	/*margin: 5px 0 0;*/
	color: #999;
	font-size: 12px;
	overflow: hidden;
	/*background:#f0f0f0 url('../images/v1.1/footer-bg.jpg') top left repeat-x;*/
	height: 125px;
}
.footerContent{
	margin-top:20px;
}

.footerTop{
	height:80px;
	margin:auto;
	text-align:center;
	width:100%;
}
.footerDivider{
	background-image:url('images/v1/bg_footerBottom.png');
	background-repeat: no-repeat;
	width:962px;
	height:1px;
}
.footerBottom{
	text-align:center;
	padding-top:8px;
	color:#999;
	font-size:11px;
	font-weight:normal;
	width:100%;
}
.footerBottom a{
	color:#999;
	font-size:11px;
	font-weight:normal;
}
.footerLinks{
	line-height:1.75;
	margin-left:auto;
	margin-right:auto;
}
.footerLinks a{
	color:#999;
	font-size:15px;
}
.footerRegister{
	line-height:1.75;
	padding-left: 30px;
	margin-left:auto;
	margin-right:auto;
}
.footerRegister .ec-button{
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	margin-top: 5px
}
.footerRegister a.ec-button{
	font-size: 12px; color: #fff;
}
.copy-followus { margin: auto; padding: 0; color:#999; font-size:10px; font-weight:bold;}
.copy-followus img { margin: 2px 1px 0;}

/* forgot password */
.forgot-password{
	background:#EEEEEE;
	border:1px solid #EEEEEE;
	-moz-border-radius:10px 10px 10px 10px;
	margin-top:10px;
	width:325px;
	padding:10px 20px 10px 30px;
	font-weight:bold !important;
	height:220px;
}
.unsubscribe{
	background:#EEEEEE;
	border:1px solid #EEEEEE;
	-moz-border-radius:10px 10px 10px 10px;
	margin-top:10px;
	width:385px;
	padding:10px 20px 10px 30px;
	font-weight:bold !important;
	height:220px;
}
.forgot-password .message-body, .unsubscribe .message-body{
	padding:20px 0px 15px 0px;
	font-weight:normal !important;
}
.forgot-password .fontColor, .unsubscribe .fontColor{ color: #818181 !important; }
.forgot-password .formbutton {
	float:right;
	margin-top:20px;
	width:137px;
	height:45px;
	border:2px solid #D1D1D1;
	-moz-border-radius:6px 6px 6px 6px;
	background:#E35959;
	color:#fff;
	cursor:pointer;
	font-size:22px;
	font-weight:bold;
}
.unsubscribe .formbutton{
	margin-top:20px;
	width:150px;
	height:45px;
	border:2px solid #D1D1D1;
	-moz-border-radius:6px 6px 6px 6px;
	background:#E35959;
	color:#fff;
	cursor:pointer;
	font-size:22px;
	font-weight:bold;
}
.forgot-password .formfield, .unsubscribe .formfield{
	border:1px solid #999 !important;
	margin-left:15px !important;
	width:245px !important;
	padding:2px;
}
.forgot-password .formtext, .unsubscribe .formtext{
	font-size:15px;
	font-weight:bold;
}


.page {
	background: transparent;
}
.page.learner, .page.landing, page.teacher { min-height:220px; height:auto !important;}
.page.learner, .page.teacher { background:#fff; }
.page.pricing { min-height:750px !important;}
.page.whatisenglishcentral { min-height:1100px; height:auto;}
.page .content { padding: 20px 0 0; min-height: 200px; clear:both; height:auto; }
.page .content.welcome, .page .content.pricing, .page .content.whatisenglishcentral  { padding: 0 !important; }
.page .content.teacher { min-height:430px;}
.page .content.error p { margin: 15px 0; }
.content.landing { min-height:0 !important;}
#footerPage.registration { background:#fff; }
#footerPage.registration .browse-links { border-top:1px dashed #999; padding-top: 20px; }

.page.transparent-banner { background: transparent; }
.page.transparent-banner .content { background: #fff; }

.page.wide-padding .content { padding: 30px; }

.ec-footer-bar-container { background: #fff; display: none; }
.ec-footer-bar-container.visible { display: block; margin-top: 40px;
	-moz-box-shadow: 0px -1px 6px #ccc;
	-webkit-box-shadow: 0px -1px 6px #ccc;
	box-shadow: 0px -1px 6px #ccc;
}
.ec-footer-bar div.block { margin: 10px 0; padding: 0 !important; width: 24%; display: inline-block; vertical-align: top; zoom: 1; *display: inline; *width: 24%; }

.course-rankings { margin: 40px -10px 0 -5px; }
.course-rankings div.block { width: 32%; margin-left: 5px; background: #fff; border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 2px 0px 0 #ccc;
	-webkit-box-shadow: 0 2px 0px 0 #ccc;
	box-shadow: 0 2px 0px 0 #ccc;
}

#loading { position: absolute; z-index: 9999; text-align: center; top: 240px; width: 100%; left: 0; }
#loading span { margin: 0 auto; padding: 10px 20px 30px; background: #eee url(images/v1.1/loading-bar-animation.gif) no-repeat center 30px;
	font-size: 14px; font-weight: bold; display: inline-block; min-width: 228px;
	border: 1px solid #ccc;
	zoom: 1; *display: inline; *width: 228px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0px 2px 6px #555;
	-webkit-box-shadow: 0px 2px 6px #555;
	box-shadow: 0px 2px 6px #555;
}

.home-landing {
	width: auto !important;
	background-color: transparent !important;
	background: url('images/landing-header-bg.jpg') center top repeat-x;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
.home-landing .content, .home-landing .header-content { width: 971px; margin: 0 auto !important; }

.ec-fb-login { color: #fff; background: url(images/facebook-icon-bk.gif) top left repeat-x; font-size: 12px; line-height: 12px; padding: 4px 10px 4px 15px; font-weight: bold; text-align: center;
	display: inline-block; *display: inline; zoom: 1; border-radius: 2px; position: relative;
}
.ec-fb-login:before { content: ' '; display: block; height: 20px; width: 20px; position: absolute; top: 0; left: -18px; background: url(images/facebook-icon.gif); }

.register-container .ec-fb-login { color: #fff; background: url(images/facebook-icon-lg-bk.gif) top left repeat-x; font-size: 18px; line-height: 18px; padding: 6px 10px 6px 15px; font-weight: bold; text-align: center;
	display: block; *display: inline; zoom: 1; border-radius: 2px; width: 230px; position: relative; left: 40px;
}
.register-container .ec-fb-login:before { content: ' '; display: block; height: 30px; width: 30px; position: absolute; top: 0; left: -28px; background: url(images/facebook-icon-lg.gif); }
.register-heading .ec-fb-login { margin-left: 20px; }

/* LIGHTBOX */
.ui-autocomplete { max-height: 100px; padding-right: 20px; overflow-y: auto; overflow-x: hidden; }
.ui-dialog-fb-connect { float:right; cursor:pointer; }
.ui-dialog-close-button {
	float: right; margin: 2px;
	/* height: 25px !important;  width: 25px !important; */
	height: 25px !important; padding: 0px 25px 0 0 !important;
	background: url(images/v1.1/ui-dialog-close-button.png) top right no-repeat;
}
.ui-dialog-close-button:hover { background-position: right -25px; }
.ui-dialog-close-button span { padding-top: 5px; margin-right: 3px; display: block; font-size: 14px; }
.no-title .ui-dialog-titlebar { display:none; }
.shadow-border-dialog {
	padding: 15px !important; border: none !important;
	background: transparent url(images/v1.1/shadow.png) !important;
	-moz-border-radius:15px !important;
	-webkit-border-radius:15px !important;
}
.shadow-border-dialog .ui-dialog-content {
	overflow: hidden !important;
	padding: 0px !important;
	background: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#ec-dialog-quiz.ui-dialog-content{padding: 10px !important;}
.topicselect-dialog .ui-dialog-titlebar { background: #000; color: #fff; font-weight: bold; font-size: 20px; margin-bottom: -6px; padding: 8px 12px; }
.topicselect-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { margin-top: -12px; min-width: 55px; width:auto; *width:55px !important; font-size: 12px; font-weight: normal; color: #ddd; padding: 4px 0 0 4px; border: 1px solid transparent; right: 0.5em; }
.topicselect-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon { float: right; margin-top: -2px; }
.topicselect-dialog .ui-dialog-titlebar .ui-state-hover { background: #555; border-color: #777; }
.topicselect-dialog .ui-dialog-content {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.topicselect-dialog .ui-dialog-titlebar, .topicselect-dialog .ui-dialog-content { border: 2px solid #666; }
.player-dialog .ui-dialog-content { text-align: center; vertical-align: middle; padding: 10px !important; }
.chart-dialog #show-video-player {margin: 0 !important; padding: 0 !important; background: #fff}
.player-dialog .no-flash-message { text-align: left; padding: 20px; }
.player-dialog .no-flash-message h2, .player-dialog .no-flash-message p { margin-bottom: 5px; }
#ec-dialog-player.ui-dialog-content { height:610px !important; }

.paywall-dialog {
	background-image: none !important;
	padding: 23px !important; border: none !important;
	-moz-border-radius:15px !important;
	-webkit-border-radius:15px !important;}
.paywall-dialog.basic, .paywall-dialog.anonymous {background: #fffd96 !important;}
.paywall-dialog.premium {background: #fff !important;}
.paywall-dialog .ui-dialog-titlebar {margin: -23px 0 -10px -23px; padding:0 0 0 33px; height: 33px; border: 0; background: none; line-height: 23px; color: #333; overflow: hidden; display:inherit !important;}
.paywall-dialog .ui-dialog-titlebar span a {color: #922222}
.paywall-dialog .ui-dialog-titlebar span {display:none}
.paywall-dialog .ui-dialog-titlebar-close {display:none}
.paywall-dialog .ui-dialog-title {float: none !important}
.paywall-dialog .ui-dialog-content { border: 1px solid #ccc !important; padding: 10px !important; }
.paywall-dialog.basic .ui-dialog-titlebar {background: transparent url(images/paywall-wrapper-basic.gif) no-repeat scroll 0px 0px}
.paywall-dialog.basic .ec-title-hover { background-image: url(images/paywall-wrapper-basic-hover.gif); }
.paywall-dialog.basic .ec-title-hover span {display:inherit}
.paywall-dialog.premium .ui-dialog-titlebar {background: transparent url(images/paywall-wrapper-premium.gif) no-repeat scroll 0px 0px}
.paywall-dialog.anonymous .ui-dialog-titlebar span { display:inline; }

.anonymous { overflow: visible; }
.anonymous .ui-dialog-titlebar { margin: -23px 0 -10px; padding:0 0 0 33px; height: 33px; border: 0; background: none; line-height: 23px; overflow: visible; display:inherit !important; }
.anonymous .ui-dialog-titlebar .ui-dialog-titlebar-close { display: none; }
.anonymous .ui-dialog-titlebar span { display: block; text-align: center; float: none; position: relative; }
.anonymous .ui-dialog-titlebar span a.regnow-button { font-size: 14px; padding: 8px 12px; background: #97040c url(images/ligtbox-regnow-button-bk.jpg) top left repeat-x; border: 1px solid #ab2d2e; border-top-color: #d56e71; border-bottom-color: #800f15; color: #fff; text-shadow: 0 1px #333; position: relative; top: -5px; z-index: 500; border-radius: 4px; }
.anonymous .ui-dialog-titlebar span a.regnow-button:hover { color: #ddd; text-decoration: none; }

.management-setup-dialog .ui-dialog-content{ background:#fff; text-align:center; vertical-align:middle; height:435px; overflow:hidden;}
.welcome-dialog .ui-dialog-content { overflow: auto !important; }
.ui-widget-content {background-color:#fff;}
/* SPEAK BUBBLE */
.ec-ui-speak { position: absolute; z-index: 199995; }
.ec-ui-speak div.content { background: #fff; border: 1px solid #ccc; padding: 5px 10px; margin: 0; min-width: 40px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 2px 6px #555;
	-webkit-box-shadow: 0 2px 6px #555;
	box-shadow: 0 2px 6px #555;
}
.ec-ui-speak em.n {
	position: absolute; bottom: -10px; left: 20px;
	margin: 0;
	border-bottom: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 10px solid #ccc;
	padding: 0;
	width: 0;
	height: 0;
	/* ie6 height fix */
	font-size: 0;
	line-height: 0;
	 /* ie6 transparent fix */
	_border-right-color: pink;
	_border-left-color: pink;
	_border-top-color: pink;
	_filter: chroma(color=pink);
}

.ec-ui-speak em.m {
	border-top-color: #fff;
	bottom: -9px; /* note to self: 1px only, 2px causing jaggies */
}

.ec-ui-speak.right em.n {
	position: absolute; bottom: 10px; left: -10px;
	border-left: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 10px solid #ccc;
	 /* ie6 transparent fix */
	_border-top-color: pink;
	_border-bottom-color: pink;
	_border-left-color: pink;
	_filter: chroma(color=pink);
}
.ec-ui-speak.right em.m {
	border-right-color: #fff;
	left: -9px; /* note to self: 1px only, 2px causing jaggies */
}

.ec-ui-speak.right-top em.n {
	position: absolute; top: 10px; left: -10px;
	border-left: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 10px solid #ccc;
	 /* ie6 transparent fix */
	_border-top-color: pink;
	_border-bottom-color: pink;
	_border-left-color: pink;
	_filter: chroma(color=pink);
}
.ec-ui-speak.right-top em.m {
	border-right-color: #fff;
	left: -9px; /* note to self: 1px only, 2px causing jaggies */
}

.ec-ui-speak.left-top em.n {
	position: absolute; top: 10px; left: auto; right: -10px;
	border-left: 10px solid #ccc;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 0;
	 /* ie6 transparent fix */
	_border-top-color: pink;
	_border-bottom-color: pink;
	_border-right-color: pink;
	_filter: chroma(color=pink);
}
.ec-ui-speak.left-top em.m {
	border-left-color: #fff;
	right: -9px; /* note to self: 1px only, 2px causing jaggies */
}

.ec-ui-speak.normal.bottom em.n { border-top-color: #ccc; }
.ec-ui-speak.normal.bottom em.m { border-top-color: #fff; }

.ec-ui-speak.dark div.content { background: #333; color: #fff; border-color: #707070; }
.ec-ui-speak.dark.right em.n { border-top-color: #707070; }
.ec-ui-speak.dark.right em.m { border-top-color: #333; }
.ec-ui-speak.dark a { color: #fff !important; }
.ec-ui-speak.dark em.m { border-top-color: #333; bottom: -8px;}
.ec-ui-speak.dark em.n { border-width: 11px 6px 0; }

.ec-ui-speak.no-padding div.content { padding: 0; }

.ec-ui-speak.center-notch em.n, .ec-ui-speak.center-notch em.m { left: 50%; margin-left: -3px; }

.ec-ui-speak div.content span.p { display: block; }
.ec-ui-speak div.content p.pie { white-space: nowrap; }

.ec-ui-speak.fixwidth div.content {max-width:160px; color:#666;}

/* LOGIN FORM */
.login-form h1 { padding: 15px 15px 0; font-size: 28px; }
.login-form form { padding: 0 15px; }
.login-form p { padding: 0 15px 15px; }

/* BREADCRUMB */
.breadcrumb { border-bottom: 1px solid #ccc; color: #222; display: none; }
.breadcrumb h1 { padding: 0 6px 6px; font-size: 14px; }
.breadcrumb h1 img { vertical-align: middle; }
.breadcrumb h1 a { text-decoration: none; color: #922222; }
.breadcrumb h1 a:hover { text-decoration: none; color: #eb4c4c; }
.breadcrumb h1 em { font-style: normal; /* color: #222; */ }
.breadcrumb h1 a em { font-style: normal; /* color: #de6f6f; */ }
.breadcrumb span{display:inline-block; zoom:1; *display:inline;}
.breadcrumb span.arrow{background: url(images/v1.1/breadcrumb-arrow.gif) center center no-repeat; width:3px; height:6px;}

.tableWrap{display:table-cell; height: 90px; vertical-align:bottom;}
.tableWrap .container{border: 2px #999 solid; background-color:#fff; -moz-border-radius:4px 4px 4px 4px;
	-moz-box-shadow: 0px 0px 4px #999; -webkit-box-shadow: 0px 0px 4px #999; box-shadow: 0px 0px 4px #999;
}

.watchColor, .watchColor a {color: #f78233}
.learnColor, .learnColor a {color: #65ce34}
.speakColor, .speakColor a {color: #17b3e6}
.watchBgColor {background-color: #f78233}
.learnBgColor {background-color: #65ce34}
.speakBgColor {background-color: #17b3e6}
.gradientGray {background:url("images/landing-header-bg.jpg") left -260px repeat-x #fff;}
.tableGray {width:100%; border:1px solid #aaa; border-spacing:0; padding:0; background:#fff}
.viewAllFacet { width:110px; height:25px; background:url("images/v1.1/bg_viewAllFacet.png") no-repeat scroll 35px 0 transparent; color:#666 !important; font-size:11px; padding-left:15px; text-align:center; }
.viewAllFacet p { border-bottom: 1px solid #ccc; }
.viewAllFacet p:hover{color:#C93839;text-decoration:underline;}
.viewAllFacet a.quiz-button { margin:15px auto; padding: 8px 6px; display: inline-block; font-size: 12px; }
.myvocabFacet{margin-top:-15px; padding-left:0px !important; width:132px; text-align:center;}
.myvocabFacet a.quiz-button { margin:10px auto; padding: 8px 6px; display: inline-block; font-size: 12px; }
.dashboardVocabFacet{width:105px !important;}
.dashboardFacet{margin-left:16px; margin-top:-15px; background:url("images/v1.1/bg_viewAllFacet.png") no-repeat  !important; padding-left:0px !important; width:75px !important;}

#show-vocab-quiz {border: 1px #ccc solid; background-color: #fff; padding: 10px !important}
#show-video-player {
	moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;}

#difficulty-range { height: 6px !important; position: relative; width: 140px; margin: 2px 0 0 0; }
#difficulty-range .ui-slider-handle { height: 10px !important; width: 8px !important; top: -3px; background: url(images/v1.1/slider-handle-bk.jpg) top left repeat-x; }
#difficulty-range .ui-slider-range { background: url(images/v1/difficulty-range.jpg) top left repeat fixed; height:6px !important;}
#difficulty-range .ui-state-active, #difficulty-range .ui-state-hover { background: #ffcc33 url(images/v1/progress_learn_mini.jpg) bottom left repeat-x; overflow:hidden; }
#difficulty-range .ui-state-active { border-color: #e57d16; }

#difficulty-range, .difficulty-values, .difficulty-labels { float: right; clear: right; }
.difficulty-values, .difficulty-labels { font-size: 10px; text-align: center; color: #777; font-weight: bold;}
.difficulty-labels-ko{ font-size:11px !important; font-weight:normal !important;}
.difficulty-values { color: #666; height: 12px; position: relative; top: 0; left: 10px; width: 140px; padding-right: 20px; font-weight: bold; /* overflow: hidden; */ white-space: nowrap; }
.difficulty-values .min { float: left; }
.difficulty-values .max { float: right; position: relative; left: 8px; width: 10px; display: block; text-align: center; }
.difficulty-labels { margin-top: 2px; width: 150px; }
.difficulty-labels .hard { float: right; }
.difficulty-labels .easy { float: left; }
.register-button, .anon-register-button {
	 -moz-border-radius: 5px 5px 5px 5px;
	 -webkit-border-radius: 5px;
	background: url("images/landing-ec-bg.jpg") repeat-x scroll left top #922222;
	border: 2px solid #B9464D;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	height: auto;
	margin-top: 6px;
	min-width: 140px;
	padding: 10px !important;
	text-shadow: 0 1px 1px #333333;
	width: auto;
}
.anon-register-form-button{
	background: url("images/landing-ec-bg.jpg") repeat-x scroll left top #922222;
	font-size:22px;
	font-weight:bold;
	width:136px;
	height:42px;
	line-height:42px;
	color: #fff;
	border:0;
	cursor: pointer;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 0px 1px 1px #333;
	vertical-align: middle
}
.register-button { font-size:25px !important;}
.ec-button {
	display: inline-block;
	vertical-align:middle;
	padding: 2px; border: 0; -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 1px #666;
	cursor: pointer;
	background: url('images/landing-ec-bg.jpg') scroll repeat-x left top #922222;}
.register-button:hover, .anon-register-button:hover, .ec-button:hover, .facet-select-button:hover {background: url("images/landing-ec-bg-hover.jpg") repeat-x scroll left top #ac3c3b; text-decoration: none}
.facet-select-button {
	-moz-border-radius:10px 10px 10px 10px;
	background: url("images/landing-ec-bg.jpg") repeat-x scroll left top #922222;
	border:1px solid #F87B7F;
	color:#FFFFFF;
	cursor:pointer;
	font-size:11px !important;
	font-weight:bold;
	margin-top:5px;
	padding:7px 6px;
	text-shadow:0 1px 1px #333333;
}
.facet-select-button.flashing { background-image: url(images/v1.1/facet-flashing.gif); font-size:11px !important; font-weight:bold;}

.quiz-button {
 display: block; cursor:pointer; font-weight:bold; line-height:1.0; text-align: center; color: #555;
 border: 1px solid #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 2px #999;
	-moz-box-shadow: 0px 0px 2px #999;
	box-shadow: 0px 0px 2px #999;
}
.quiz-button:hover { color: #fff; background: url("images/landing-ec-bg.jpg") repeat-x scroll left top /*#ac3c3b*/ /*#ac3c3b*/; }
.feat-2 .quiz-button { display:inline;}


/* LEFT NAVIGATION FOR VIDEOS AND VOCAB */
.left-navigation { display: none; }
.left-navigation-pronunciation { display: block; width:247px !important; }
.left-navigation-pronunciation.aboutus { display: block; width:200px !important; }
.ui-accordion { display: block; }

.left-navigation { width: 200px; margin: 0; padding: 0; float: left; margin-bottom: 20px; font-size: 14px; }
.left-navigation a { /* color: #555; */ }
.left-navigation a:hover { /* color: #eb4c4c; */ }

.left-navigation.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 100%; margin-left: -25px; top: 50%; margin-top: -8px; }
.left-navigation.ui-accordion-icons .ui-accordion-header a { padding-left: 1em; }
.left-navigation.ui-accordion-icons .ui-accordion-header a:hover { color: #333; }
.left-navigation.ui-accordion-icons .ui-accordion-header.selected a:hover { color: #fff; }

.left-navigation.ui-accordion .ui-state-active a { /* text-shadow: 1px 1px 1px #333; */ color: #fff; }
.left-navigation.ui-accordion .ui-state-active a:hover { text-decoration: underline; color: #fff !important; }

.left-navigation.ui-accordion .ui-accordion-header { background: #fff /*url(../images/leftnav-header-bk.jpg) top left repeat-x*/; border-color: #ccc; font-size: 14px; font-weight: normal; margin-top: 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.left-navigation.ui-accordion .ui-accordion-header:first-child { margin-top: 0; }
.left-navigation.ui-accordion .ui-accordion-header.ui-state-default, .left-navigation .ui-accordion-content.ui-accordion-content-active {
	-moz-box-shadow: 0 2px 0px 0 #ccc;
	-webkit-box-shadow: 0 2px 0px 0 #ccc;
	box-shadow: 0 2px 0px 0 #ccc;
}
.left-navigation.ui-accordion .ui-state-active { background: #9d9d9d url(images/leftnav-header-sel.jpg) top left repeat-x; }
.left-navigation.ui-accordion .ui-state-active .ui-icon { background-image: url(css/custom-theme/images/ui-icons_ffffff_256x240.png) !important; }
.left-navigation.ui-accordion .ui-state-hover .ui-icon { background-image: url(css/custom-theme/images/ui-icons_222222_256x240.png); }
.left-navigation.ui-accordion h2.ui-accordion-header { margin: 0 0 15px; }
.left-navigation.ui-accordion h2.selected { background: #8c8c8c; border-width: 1px; border-color: #777;
	text-shadow: 1px 1px 1px #333;
}
.left-navigation.ui-accordion h2.selected a { color: #fff; }

.left-navigation .ui-accordion-content { padding: 0; font-size: 12px; border-color: #ccc; margin-top: -6px; background: transparent; }
.left-navigation .ui-accordion-content ul { margin: 5px 0 0; padding: 0 0 8px; background: #fff; }
.left-navigation .ui-accordion-content ul li { margin: 0; }
.left-navigation .ui-accordion-content ul li a { display: block; padding: 2px 15px; }
.left-navigation .ui-accordion-content ul li a:hover { background: #ccc; color: #111; }

.left-navigation .ui-accordion-content ul li.selected a { background: #888; color: #fff; }


.left-navigation-pronunciation ul { margin: 0; padding: 10px 0 0; list-style: none; }
.left-navigation-pronunciation ul li {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: inset 0px 0px 4px #ccc;
	-webkit-box-shadow: inset 0px 0px 4px #ccc;
	box-shadow: inset 0px 0px 4px #ccc;
}
.left-navigation-pronunciation ul li ul { padding: 0; margin: 0; }
.left-navigation-pronunciation ul li ul li { padding: 0; margin: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.left-navigation-pronunciation ul li {
	padding: 0; margin: 0 0 10px; border: 1px solid #ccc;
	color: #669899; background: #f5f5f5;
	/* text-shadow: 1px 1px 1px #b8b8b8; */
}
.left-navigation-pronunciation ul li ul { padding: 0; margin: 0; border-top: 1px solid #ccc; }
.left-navigation-pronunciation ul li ul li { padding: 0; margin: 0; border: none; border-bottom: 1px solid #ccc; background: transparent; }
.left-navigation-pronunciation ul li ul li:last-child { border-bottom: none;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}

.left-navigation-pronunciation ul li h1 { padding: 8px; font-size: 16px; color: #666; text-shadow: 1px 1px 1px #ccc;
	background: #fff url(images/v1.1/mini-header-bk.jpg) bottom left repeat-x;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}
.left-navigation-pronunciation ul li.selected { color: #fff;
	background: #8c8c8c url(images/v1.1/left-navigation-arrow-padded.gif) right center no-repeat  !important;
	border-color: #666;
	text-shadow: 1px 1px 1px #666;
	-moz-box-shadow: inset 0px 0px 4px #666 !important;
	-webkit-box-shadow: inset 0px 0px 4px #666 !important;
	box-shadow: inset 0px 0px 4px #666 !important;
}
.left-navigation-pronunciation ul li ul li.selected { font-size: inherit; font-weight: normal; }
.left-navigation-pronunciation ul li ul li a, .left-navigation-pronunciation ul li a.mainpage { display: block; margin: 0; padding: 8px; }

.left-navigation-pronunciation ul li.selected a, .left-navigation-pronunciation ul li.selected a:hover,
 .left-navigation-pronunciation ul li ul li.selected a, .left-navigation-pronunciation ul li ul li.selected a:hover { color: #fff !important; }

/* .left-navigation-pronunciation ul li ul li.disabled { display: block; margin: 0; padding: 8px; } */
.left-navigation-pronunciation ul li.disabled a, .left-navigation-pronunciation ul li.disabled a:hover { /* display: inline; padding: 0; margin: 0; */ color: #999; text-decoration: none; cursor: not-allowed; }

.left-navigation-pronunciation ul li.no-header h1 { display: none; }
.left-navigation-pronunciation ul li.no-header ul { border-top: none; }
.left-navigation-pronunciation ul li.no-header ul li:first-child {
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}

.left-navigation-courselist h3 { box-shadow: 0 2px 0px 0 #ccc; }
.left-navigation-courselist > div { display: none !important; }

/* HOVER-OVER BUBBLES */
.mini-progress-popup { float: left; position: absolute; z-index: 800; display:none; }
.mini-progress-popup a { color: #922222; }
.mini-progress-popup p, .mini-progress-popup div.container { color:#666; padding: 4px; margin: 0 !important; text-align: left; font-weight: bold; border: 2px solid #999;
	background-color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 4px #333; -webkit-box-shadow: 0px 0px 4px #333; box-shadow: 0px 0px 4px #333;
}
.mini-progress-popup p small { font-weight: normal; }

.mini-progress-popup span.bubblepoint {
	background: url(images/pv1/progress-arrow.png) top center no-repeat;
	background-color: transparent !important; height: 12px; width: 17px;
	display: block; position: relative; top: -2px; left: 15px; clear: both;
}

.favorite-popup.mini-progress-popup span.bubblepoint {
	background: url(images/vocab-hover-arrow.png) top center no-repeat;
	background-color: transparent !important; height: 12px; width: 17px;
	display: block; position: relative; top: -2px; left: 15px; clear: both;
}

.progress-table-popup {margin-top:10px}
.progress-table-popup p {padding:0px;}
.progress-table-popup .progress-text {padding:5px 8px; display:block; text-shadow: 1px 1px 1px #666; -moz-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; color:#fff;}
.progress-table-popup .progress-next {padding:5px 8px; display:block; text-shadow: 1px 1px 1px #666; -moz-border-radius: 0px 0px 2px 2px; -webkit-border-radius: 0px 0px 2px 2px; color:#fff; background-color: #666}
.progress-table-popup .progress-text a {color:#fff}
.progress-table-popup span.bubblepoint {
	background: url(images/pv1/progress-arrow-gray.png) top center no-repeat;
	background-color: transparent !important; height: 12px;
	background-position: 15px 0;
	display: block; position: relative; top: -2px; clear: both;
}

.facet-popup p { display:none; }
.facet-popup div.container div.facet-content { padding-right: 10px; }
.facet-popup div.container div.facet-add, .facet-popup div.container div.facet-remove { display: none; font-weight: normal; }
.facet-popup div.container .facet-mini-checkbox { margin-right: 35px; }
.facet-popup div.container .facet-content div { background-repeat: no-repeat; background-position: 25px center; }

.status-popup span.bubblepoint { position: relative; left: 45px; }

/* FACET-SELECTOR */
.topicselect { height: 372px; border: 3px solid #000; }
.topicselect ul.topicselect-goals { height: 370px; width: 200px; margin: 0; padding: 0; list-style: none; overflow: auto; float: left; border: 1px solid #999; }
.topicselect div.topicselect-page { height: 372px; overflow: auto; white-space: nowrap; }

.topicselect ul.topicselect-goals li { font-weight: bold; font-size: 14px; padding: 8px 10px; border-bottom: 1px solid #999; background: transparent url(images/topicselect-bk.jpg) bottom left repeat-x; }
.topicselect ul.topicselect-goals li.selected { background-image: url(images/topicselect-sel.jpg);
	-moz-box-shadow: inset 0px 0px 8px #555;
	-webkit-box-shadow: inset 0px 0px 8px #555;
	box-shadow: inset 0px 0px 8px #333;
}
.topicselect ul.topicselect-goals li a { display: block; color: #111; padding: 20px 0 20px 45px; background-repeat: no-repeat; background-position: left center; background-image: url(images/goal-icons/facet-select-mygoals.png); }
.topicselect ul.topicselect-goals li.goalID-1 a { background-image: url(images/goal-icons/facet-select-travel.png); }
.topicselect ul.topicselect-goals li.goalID-2 a { background-image: url(images/goal-icons/facet-select-media.png); }
.topicselect ul.topicselect-goals li.goalID-3 a { background-image: url(images/goal-icons/facet-select-job.png); }
.topicselect ul.topicselect-goals li.goalID-4 a { background-image: url(images/goal-icons/facet-select-tests.png); }
.topicselect ul.topicselect-goals li.goalID-5 a { background-image: url(images/goal-icons/facet-select-friends.png); }
.topicselect ul.topicselect-goals li.goalID-sounds a { background-image: url(images/goal-icons/facet-select-pron.png); }


.topicselect div.topicselect-page ul { margin: 0; padding: 0; list-style: none; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align: top; width: 240px; }
.topicselect div.topicselect-page ul li { padding: 7px; background-repeat: no-repeat; background-position: 30px 5px; min-height: 25px; }
.topicselect div.topicselect-page ul li span { margin-left: 35px; }

.topicselect div.topicselect-page ul.pronunciation li { background: none; }
.topicselect div.topicselect-page ul.pronunciation li a { color: #333; cursor: default; }
.topicselect div.topicselect-page ul.pronunciation li a:hover { text-decoration: none; color: #333; }
.topicselect div.topicselect-page ul.pronunciation li a span { margin-left: 5px; display: inline-block; vertical-align: middle; }
.topicselect div.topicselect-page ul.pronunciation li a span.phoneme { display: none; }
.topic-save {float:right; text-align: center; margin-right: 20px; width: 120px !important}
.facet-mini-checkbox {
	display: inline-block; vertical-align: middle;
	width: 12px; height: 12px; cursor: pointer; margin: 0px 0px 5px 0px; padding: 2px;
	background: transparent url(images/safari-checkbox.png) top left no-repeat;
}
.facet-mini-checkbox:hover { background-position: -16px 0; }
.facet-mini-checkbox.active { background-position: 0 -16px; }
.facet-mini-checkbox.active:hover { background-position: -16px -16px; }
.facet-mini-checkbox.unavailable { background-position: 0 -32px; }
.word-status { background-repeat: no-repeat; background-position: center center; height: 22px; position: relative; top: -21px; display: block; margin: 0 10px; }
.word-status.known { background-image: url(images/word-status-known.png); }
.word-status.mastered { background-image: url(images/word-status-mastered.png); }
.word-status.dormant { background-image: url(images/word-status-dormant.png); }

/* FACET ADD/REMOVE BUTTONS */
.facet-checkbox { display: block; height: 12px; width: 12px; padding: 2px;
	background: transparent url(images/safari-checkbox.png) top left no-repeat;
}
.facet-checkbox:hover { background-position: -16px 0; }
.facet-checkbox.active { background-position: 0 -16px; }
.facet-checkbox.active:hover { background-position: -16px -16px; }

/*
.facet-mini-checkbox.disabled { background-position: 0 -32px; }
.facet-mini-checkbox.active.disabled { background-position: 0 -48px; }
.facet-mini-checkbox.disabled:hover { background-position: -16px -32px; }
.facet-mini-checkbox.active.disabled:hover { background-position: -16px -48px; }
*/

/* MINI-HEADER */

/* MEGA-HEADER */
div.mega-header { margin-bottom: 10px; display:block; }
div.mega-header .container { margin: 0; padding: 0; /*height: 96px;*/ }
div.mega-header > .icon { height: 100px; width: 100px; margin: -100px 0 0; background: transparent url(images/mega-header-icon-border.gif) left top no-repeat  !important; }
div.mega-header > .icon div { height: 100px; width: 100px; background-repeat: no-repeat; background-position: center center; }
div.mega-header .container h2 {
	margin: 0 !important; padding: 12px 10px 16px 70px; /* height: 30px; */
	color: #222 !important; font-size: 22px !important; font-weight: bold !important; border: 1px solid #ccc; background-color: #fff; background-position: left center; background-repeat: no-repeat;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
div.mega-header .container h3 {
	margin: 0 !important; padding: 12px 10px 16px 50px; /* height: 30px; */
	color: #222 !important; font-size: 22px !important; font-weight: bold !important; border: 1px solid #ccc; background: transparent url(images/mini-header-bk.jpg) left center no-repeat;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

div.mega-header .container h2.topic { line-height: 30px; min-height: 30px; padding-bottom: 10px; height:auto; padding-top: 10px; }
div.mega-header .container h2 p { font-size: 12px; font-weight: normal; }
div.mega-header .container h2 p.my { color: #777; padding-left: 15px; background: url(images/check-icon-mini.gif) left center no-repeat; }
div.mega-header .container h2 p.hidden { display: none; }
div.mega-header .container h2 p a { color: #922222; }
div.mega-header .container h2 p a:hover { color: #eb4c4c; }
div.mega-header .container h2 > span { display: none; }
div.mega-header .container .ec-pie { float: right; margin: 8px 8px 0 0; zoom: 1; }
div.mega-header .container .ec-pie.watch { margin-right: 0px; }
div.mega-header .container .quiz-button { padding: 7px 20px; font-size: 16px; margin: 11px 10px 0 0;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
div.mega-header .container .quiz-button.es, div.mega-header .container .quiz-button.pt { margin: 7px 10px 0 0; }
div.mega-header .container > ul { margin: 0; padding: 0; height: 40px; border: 1px solid #ccc; border-top: none; background: #fff;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	-moz-box-shadow: 0 2px 0px 0 #ccc;
	-webkit-box-shadow: 0 2px 0px 0 #ccc;
	box-shadow: 0 2px 0px 0 #ccc;
}
div.mega-header .container > ul li { font-size: 14px; padding: 10px 10px; display:inline-block; list-style:none; zoom:1; *display:inline; vertical-align: top; }
div.mega-header.videos .container h2 { background-image: url(images/v1.1/mega-header-myvideos.gif); }
div.mega-header.videos.teacherclass .container h2 { background-image: url(images/home-sidebar-classes.gif); }
div.mega-header.vocab .container h2 { background-image: url(images/topic-icon-myvocab.png); }
div.mega-header .filter.disabled { color: #ccc; }

ul.mega-header { margin: 0 0 10px; padding: 0; color: #222; height: 50px; border-bottom: 1px solid #ccc; clear: right; }
ul.mega-header li { margin: 0; padding: 0; border: none; }
ul.mega-header li.title { font-weight: bold; font-size: 22px; padding: 10px 0 0 65px; /* display: inline-block; */ height: 40px; color:#333; white-space: nowrap; overflow: hidden; }
ul.mega-header li.title em { font-style: normal; color: #222; }

ul.mega-header.watch li.title { background: url(images/v1.1/mega-header-myvideos.gif) center left no-repeat; }
ul.mega-header.learn li.title { background: url(images/v1.1/mega-header-myvocab.gif) center left no-repeat; }
ul.mega-header.class li.title { background: url(images/v1.1/mega-header-myclass.gif) center left no-repeat; }
ul.mega-header.speak li.title { background: url(images/v1.1/mega-header-mypronunciation.gif) center left no-repeat; }

ul.mega-header.goalID-1 li.title { background: url(images/v1.1/mega-header-goal-travel.gif) center left no-repeat; }
ul.mega-header.goalID-2 li.title { background: url(images/v1.1/mega-header-goal-media.gif) center left no-repeat; }
ul.mega-header.goalID-3 li.title { background: url(images/v1.1/mega-header-goal-job.gif) center left no-repeat; }
ul.mega-header.goalID-4 li.title { background: url(images/v1.1/mega-header-goal-tests.gif) center left no-repeat; }
ul.mega-header.goalID-5 li.title { background: url(images/v1.1/mega-header-goal-friends.gif) center left no-repeat; }

ul.mega-header.channel-banner { height: 75px; }
ul.mega-header.channel-banner li.icon { margin-top: 25px; }
ul.mega-header.channel-banner li.title { margin: 0; padding: 0; background-repeat: no-repeat; background-position: top left; height: 75px; }

ul.mega-header li.header-link { float: left; border-right: 1px solid #ccc;	width: auto; }
ul.mega-header li.header-link a { float: left; height: 40px; width: 8px; background-color: #8c8c8c; margin-right: 2px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-left-radius:6px;
}
ul.mega-header li.checkbox { float: left; width: 17px; margin: 0 5px; padding-top: 17px; }
ul.mega-header li.checkbox span { display: none; }
ul.mega-header li.icon { float: right; width: 45px; margin-right: 4px; background-position: top center; background-repeat: no-repeat;
	text-align: center; padding-top: 30px; height: 18px; font-size: 14px;
}

ul.mega-header li.icon span { display: none !important; }

/* MEGA-HEADER - NEW*/
ul.mega-header.new { margin: 0 0 10px 30px; padding: 0; color: #222; height: auto; clear: right; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border:1px solid #ccc !important;}
ul.mega-header.new li { font-weight: bold; font-size: 22px; background: -moz-linear-gradient(top, #fff, #f4f4f4); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f4f4));}
ul.mega-header.new li.module{ padding: 5px 0 7px 65px; color:#666; border-bottom:1px solid #ccc; -moz-border-radius: 9px 9px 0px 9px; -webkit-border-radius: 9px 9px 0px 9px; border-radius: 9px 9px 0px 9px; vertical-align:middle;}
ul.mega-header.new li.title { padding: 11px 0 0 65px; color:#999; -moz-border-radius: 9px 0px 9px 9px; -webkit-border-radius: 9px 0px 9px 9px; border-radius: 9px 0px 9px 9px; vertical-align:middle;}
ul.mega-header.new li.logo {position:absolute; width:100px; height:100px; border: 1px solid #ccc; top:139px; left:170px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; background:#fff; }
ul.mega-header.new li.logo .logo-img{position:absolute; width:88px; height:88px; border: 1px solid #d8d8d8; top:5px; left:5px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;
	background: -moz-linear-gradient(top, #eee, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
}

div.mega-header.faq { margin-bottom:20px; }
div.mega-header.faq h2 { color: #666 !important; background-image: url(images/faq-header-icon.png); background-position: 10px center; }
div.mega-header.faq ul li { color:#999 !important; font-size:17px; font-weight:bold; }
div.mega-header.faq .icon div { background: url(images/faq-header-icon.png) no-repeat scroll center center; }

ul.myaccount-topics {padding: 0 0 10px 0; width: 700px; margin: 0; height:auto; min-height:40px; margin-bottom:15px;}
ul.myaccount-topics li{background-position: left center; background-repeat: no-repeat; padding-left: 40px; min-height: 40px; line-height: 40px; float: left; width: 190px}
.upgrade-button-large { font-size: 18px; text-align:center; min-height:60px; height:auto; width: 100% !important}
#ChannelBanner { margin-bottom: 10px; }
div.mega-facet-header { margin-bottom: 10px; border: 1px solid #ccc;
	-moz-border-radius: 6px 4px 4px 6px;
	-webkit-border-radius: 6px 4px 4px 6px;
	border-radius: 6px 4px 4px 6px;
}
div.mega-facet-header ul.mega-header { margin: 3px 0 0; }
div.mega-facet-header ul.mega-header li.title { margin-left: 5px; }
div.mega-facet-header ul.mega-header li.title.facet { margin-left: 30px; }
div.mega-facet-header .videolist-filters { border: none; margin: 0;
	background-image: url(images/v1.1/videolist-filters-bk.png);
	background-color: #ffffff;
	-moz-border-radius: 0 0 4px 0;
	-webkit-border-radius: 0 0 4px 0;
	border-radius: 0 0 4px 0;
}
div.mega-facet-header .header-link {
	float: left; border-right: 1px solid #ccc;
}
div.mega-facet-header .header-link span {
	display: block; border-right: 2px solid #fff;
	width: 8px; height: 94px;
	background: #87d12d;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
/* NO FACETS NOTICE */
.no-goal-notice { font-size: 14px; color: #666; height: 150px; }
.no-goal-notice em { font-style: normal; font-weight: bold; }
.no-goal-notice div.no-content { padding: 0; height: 108px; border: 1px solid #ccc;
	background: #fff url(images/v1.1/no-goal-notice-bk.jpg) bottom left repeat-x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-left-radius:6px;
}
.no-goal-notice div.no-content div.arrow { float: right; background: transparent url(images/v1.1/no-goal-personalize.png) top left no-repeat; margin: 8px 0 0; padding: 20px 10px 10px 96px; height: 83px; width: 105px; line-height:1.35; }
.no-goal-notice div.no-content div.arrow span{ position:relative; top:-17px;}
.no-goal-notice div.no-content p { margin: 20px 260px 0 20px; line-height:1.35; }
.no-goal-notice .no-content .border { display: block; float: left; width: auto; height: 108px; border-right: 1px solid #ccc; }
.no-goal-notice .no-content .border span {
	display: block; float: left; width: 8px; background: #8c8c8c; height: 108px; margin-right: 2px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
}
.no-goal-notice.watch .no-content .border span { background-color: #87d12d; }
.no-goal-notice.learn .no-content .border span { background-color: #f98033; }
.no-goal-notice.speak .no-content .border span { background-color: #19b3e5; }

.no-goal-notice.anonymous { font-size: 18px; margin-bottom: 30px; }
.no-goal-notice.anonymous div.no-content div.arrow { width: 35px; }
.no-goal-notice.anonymous div.no-content p { margin:20px 170px 0px 30px !important; }
.no-goal-notice.anonymous div.no-content p a { color: #922222; }
.no-goal-notice.anonymous div.no-content p a:hover { color: #eb4c4c; }

.no-goal-notice.speak { height: 123px; }
.no-goal-notice.speak div.no-content { height: 95px; }
.no-goal-notice.speak div.no-content .border, .no-goal-notice.speak div.no-content .border span { height: 95px; }
.no-goal-notice.speak div.no-content div.arrow { float: left; background: transparent url(images/v1.1/pronunciation-personalize.png) top left no-repeat; margin: 8px 10px 0; padding: 0; height: 123px; width: 100px; }
.no-goal-notice.speak div.no-content p { margin: 20px; font-size: 18px; }

/* PAGINATOR */
.video-paginator { margin: 0; padding: 10px; text-align: center;
	background: url(images/mini-header-bk.jpg) left center repeat-x; border: 1px solid #ccc; border-top: none;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	-moz-box-shadow: 0 2px 2px 0 #ccc;
	-webkit-box-shadow: 0 2px 2px 0 #ccc;
	box-shadow: 0 2px 2px 0 #ccc;
}

.video-paginator-listdetail {
	border: none; border-top: 1px solid #ccc;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}
.video-paginator span.disabled { color: #ccc; }
.video-paginator .arrows { display: block; float: right; white-space: nowrap; position: relative; top: -3px; }
.video-paginator .arrows a.page-next, .video-paginator .arrows a.page-prev,
.video-paginator .arrows span.page-next, .video-paginator .arrows span.page-prev
{
	display: inline-block; vertical-align: middle; cursor: pointer; width: 8px; height: 15px; margin: 0 5px;
	background: url(images/carousel-button-icons.gif) top left no-repeat;
}
.video-paginator .arrows span.placeholder { display: inline-block; vertical-align: middle; }
.video-paginator .arrows a.page-next { }
.video-paginator .arrows a.page-prev { background-position: 0px 0px; }
.video-paginator .arrows a.page-next { background-position: -8px 0px; }
.video-paginator .arrows a.page-prev:hover { background-position: 0px -15px; }
.video-paginator .arrows a.page-next:hover { background-position: -8px -15px; }
.video-paginator .arrows span.page-prev { background-position: 0px -30px; }
.video-paginator .arrows span.page-next { background-position: -8px -30px; }
.video-paginator select { margin: 0 5px 0 0; padding: 0; display: inline-block; vertical-align: middle; }

.video-paginator .pagecounts { float: left; text-align: left !important; width: 250px; }
.video-paginator .pagecounts a.selected { color: #999; }
.video-paginator .display { padding-right:40px; width:400px;}
.video-paginator .display em { font-style: normal; color: #aaa; }

/* PROGRESS WIDGET GOAL SELECT */
.widget-goal-wrapper{
	padding:5px 3px 0 3px;
	background-color:#fff;
	border-color: #ccc #ccc #fff;
	border-style: solid;
	border-width: 1px 1px 3px;
	-moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
	position:absolute;
	left: 140px;
	top: 4px
}
.widget-goal-wrapper.close{top:34px}
#widget-goal { width: 250px; }
#widget-goal-button { display: inline-block; vertical-align: middle; padding: 0; margin: 0; background: #fff; height: 21px; overflow: hidden; color: #333; position: relative; top: -2px; }
#widget-goal-button:hover { text-decoration: none; }
#widget-goal-button .ui-selectmenu-icon { background: #333 url(images/v1.1/widget-goal-button-bk.jpg) top left repeat-x; margin: -12px -6px 0 0; height: 23px; width: 26px;
	-moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;
}
#widget-goal-button.ui-state-active { border-color: #666; }
#widget-goal-button .ui-selectmenu-icon span { display: block; height: 23px; width: 26px; background: url(images/v1.1/widget-goal-button-arrow.gif) center center no-repeat; }
#widget-goal-button.ui-state-active .ui-selectmenu-icon { background: #ccc url(images/v1.1/widget-goal-button-bk-active.jpg) top left repeat-x; }
#widget-goal-button.ui-state-active .ui-selectmenu-icon span { background-image: url(images/v1.1/widget-goal-button-arrow-active.gif); }

ul#widget-goal-menu { z-index: 900; }
ul#widget-goal-menu li { border: none !important; margin-top: 1px; }
ul#widget-goal-menu li.ui-selectmenu-item-selected a { color: #222; }
ul#widget-goal-menu li.ui-state-hover a { color: #eb4c4c !important; }

#widget-goal-button .ui-selectmenu-status, ul#widget-goal-menu li a { margin: 0; padding: 1px 0 1px 32px; font-size: 14px; font-weight: bold; }

#widget-goal-button.goalID-0 span.ui-selectmenu-status, #widget-goal-menu .goalID-0 { background: url(images/v1.1/widget-goal-icon-all.gif) left 1px no-repeat; }
#widget-goal-button.goalID-1 span.ui-selectmenu-status, #widget-goal-menu .goalID-1 { background: url(images/v1.1/widget-goal-icon-travel.gif) left 1px no-repeat; }
#widget-goal-button.goalID-2 span.ui-selectmenu-status, #widget-goal-menu .goalID-2 { background: url(images/v1.1/widget-goal-icon-media.gif) left 1px no-repeat; }
#widget-goal-button.goalID-3 span.ui-selectmenu-status, #widget-goal-menu .goalID-3 { background: url(images/v1.1/widget-goal-icon-job.gif) left 1px no-repeat; }
#widget-goal-button.goalID-4 span.ui-selectmenu-status, #widget-goal-menu .goalID-4 { background: url(images/v1.1/widget-goal-icon-tests.gif) left 1px no-repeat; }
#widget-goal-button.goalID-5 span.ui-selectmenu-status, #widget-goal-menu .goalID-5 { background: url(images/v1.1/widget-goal-icon-friends.gif) left 1px no-repeat; }

.vocabHoverTip{ padding:0 !important; }
.vocabHoverTipBubble {margin-left: 35px !important;}
.vocabHoverTipBubbleWordDetail {margin-left: 190px !important;}

#fb-dialog {padding: 15px}

/*FAQ- v1*/
#faq-content h1{border-bottom: 1px solid #ddd; font-size: 28px; margin-bottom:10px;}
#faq-content h2{margin: 0px; font-size: 16px; margin-top: 5px;}
#faq-content a{color: #993333 !important;}
#faq-content a:hover{text-decoration:underline; color: #993333 !important;}
#faq-content .faq-answer{margin-top:10px; font-size: 13px; }
#faq-content .faq-answer p {margin:10px 0px 10px 0px;}
#faq-content .faq-answer p span.price{text-decoration:none !important; margin-right:0px !important; width:auto !important;}
#faq-content .faq-answer ul li{list-style-type:disc; margin:0;}
#faq-content .faq-answer li{margin:0; text-align:justify;}
#faq-content .faq-answer ul li ul li{list-style-type:circle !important; margin:0;}
#faq-content .faq-answer ol li ul li{list-style-type:square !important; margin:0;}
#faq-content .faq-section-desc{font-weight:bold; font-size:13px;}
#faq-content table{border-collapse:collapse; border:1px solid #ddd;}
#faq-content table td{border-collapse:collapse; border:1px solid #ddd;}
#faq-content .table-header-title{font-weight:bold; text-align:center;}
#faq-content .news-and-events-content {border:1px solid #ddd; padding:10px; margin-bottom:5px;}

/*Error - Maintainance*/
.error-body{background-color:#E7E5E6;text-align:center; font-size: 11px; color:#656565; font-family: "Helvetica", "Arial",  "Verdana", "sans-serif";}
#error-maintain{width:580px; height:415px; background:url('images/v1.1/bg-error-maintainance.png') #fff top left no-repeat; margin:auto; border:2px solid #AFADAE; -moz-border-radius: 10px; font-size:18px; padding-top:65px;}
#error-maintain h1{font-size:36px; font-weight:bold; color:#000; margin-bottom:20px;}
#error-maintain p{margin-top:25px;}

/*Help Page - landing*/
.help-default{margin-left: 220px; padding: 10px 10px; background:#fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0 2px 2px 0 #ccc; -webkit-box-shadow: 0 2px 2px 0 #ccc;}
.help-default h1{border-bottom: 1px solid #ddd; font-size: 28px;}
.help-default h2{font-size:18px !important; margin:0;}
.help-default .section-header{font-size:15px !important; padding: 0px; margin: 10px 0px 10px 0px !important; color: #333 !important;}
.help-default .section-header a{color: #333;}
.help-default .section-topics{background-color:#eee; padding:10px; margin:0px;}
.help-default .section-topics a{color: #cc3333;}
.help-default .section-topics li{margin:0px 15px 0px 15px; padding:0px; list-style:disc outside none;}
.help-default span{display:inline-block; vertical-align:top; margin-right:20px; width:353px; zoom:1; *display:inline;}

/* Welcome Page - learner and teacher */
.welcome-page-heading{margin:0; padding:0; width:100%; height:78px; background-color: #fff;}
.welcome-page-heading-content{height: 68px; line-height: 58px; padding-top: 10px; text-align:center;}
.welcome-page-heading span{font-size: 58px; line-height:58px; font-weight: bold;}
.welcome-page-watch{color:#87d12d;}
.welcome-page-learn{color:#f98033;}
.welcome-page-speak{color:#19b3e5;}

/* TWITTER BOX */
#TwitterFeed { margin: 0; padding: 0; border: 1px solid #ccc; display: none;
 -moz-box-shadow: 0 25px 50px -35px #ccc;
 -webkit-box-shadow: 0 25px 50px -35px #ccc;
 box-shadow: 0 25px 50px -35px #ccc;
 height:360px;
}
#TwitterFeed ul, #TwitterFeed ul li { margin: 0; padding: 0; background: none; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
#TwitterFeed h1 { margin: 0; padding: 0; background: url(images/v1.1/mini-header-bk.jpg) top left repeat-x; height: 40px; }
#TwitterFeed h1 .logo { height: 40px; width:125px; background: url(images/v1.1/twitterfeed-logo.jpg) top left no-repeat; }
#TwitterFeed h1 .twittername { display:block; height:30px; padding:10px 15px 0 0; float:right; font-size:14px; }
#TwitterFeed h1, #TwitterFeed ul { width: inherit; }
#TwitterFeed ul.feed { height: 300px; overflow: auto; }
#TwitterFeed ul.feed li { padding: 4px 15px 12px; /*overflow: hidden;*/ }
#TwitterFeed ul.feed li h2 { color: #333; font-size: 14px; font-weight: bold; }
#TwitterFeed ul.feed li h2 span { color: #999; font-size: 12px; font-weight: normal; margin-left: 5px; white-space: nowrap; }
#TwitterFeed ul.feed li p { font-size: 14px; color: #333; padding: 2px 0; }
#TwitterFeed ul.feed li p span { display: block; font-size: 11px; color: #cf3636; }
/* #TwitterFeed:after { content: " "; display: block; clear: both; height: 20px; background: url(../images/v1.1/content-shadow.jpg) top left repeat-x; } */

.twtr-doc { border: 1px solid #ccc; }
.twtr-bd { padding: 0 !important; }
.twtr-hd, .twtr-ft { background: url("images/v1.1/mini-header-bk.jpg") repeat-x scroll left bottom transparent; }
.twtr-ft { background: #dfe3e6; }

.twitter-button {/* height: 40px; */ margin-top:0 !important; width: auto; font-size: 14px; font-weight: normal; }
.twitter-button a { color: #cc3333; display: block; padding-top: 4px; }
.twitter-button a:hover { color: #eb4c4c; }
.twitter-button span { display: block; height: 40px; float: left; width: 40px; background: url(images/v1.1/twitter-icon.gif) top left no-repeat; cursor: pointer; }
.twitter-button.twitter-right { float:right; text-align: right; }
.twitter-button.twitter-right span { float: right; margin-left: 5px; }

.twitter-button-small { height: auto !important; width: auto; font-weight: normal; }
.twitter-button-small a { color: #cc3333; display: block; padding-top: 5px; }
.twitter-button-small a:hover { color: #eb4c4c; }
.twitter-button-small span { display: block; height: 26px; float: left; width: 28px; background: url(images/v1.1/twitter-icon-small.gif) top left no-repeat; cursor: pointer; }
.twitter-button-small.twitter-right { float:right; text-align: right; }
.twitter-button-small.twitter-right span { float: right; margin-left: 5px; }

.twitter-like{ position:relative; width:110px;cursor:pointer; left:-270px; top:265px; display:inline-block;}
.fb-like{cursor:pointer; }
.fb-send{position:relative; cursor:pointer; left:195px; top:282px;}
.vid-table-header{width:153px; margin-left:0px !important; display: inline !important;}
.new-video-tag { background:url(images/img-new-mark.png) bottom right no-repeat; width:34px; height:70px; float:right; position: absolute; z-index: 2; right: 0; bottom: 0;}
.new-video-tag.hidediv { visibility:hidden; !important;}
.new-video-tag.showdiv { visibility:visible; !important;}
.video-share-links { display:inline-block; width:260px; margin-left:10px; z-index: 500 !important; }
.video-share-links span{ display:block !important; margin:0 0 5px 0!important}

#embed-code-arrow {
	position: absolute;
	background: url('images/v1.1/embed/arrowup.png') no-repeat;
	width: 20px;
	/*height: 20px;*/
	display:none;
}
#embed-code-main {
	clear:left;
	padding: 0;
	margin: 0;
	background: none;
	border-bottom: none;
	max-width: 352px;
	display:none;
}
#embed-code-wrapper{
	font-size: 11px;
	color: #545454;
	border: 2px solid #9a9a9a;
	padding: 4px 2px 4px 8px;
	margin: 0px;
	font-weight:normal;
	width: 352px;
}
#embed-code {
	max-width: 290px !important;
	width: 290px !important;
	word-wrap: break-word !important;
}
#embed-button { margin:0px !important; cursor:pointer; -moz-border-radius: 47px; -webkit-border-radius: 47px; border-radius: 47px; border:1px solid #666; vertical-align: middle;}
#embed-button-close { background:url('images/button-close.png') right top no-repeat; width:22px; height:22px; cursor:pointer;}
.embed-message{ color: #000 !important; margin-bottom: -6px; padding: 0 !important; border: 0 none !important; font-size:11px !important;}

/*About US: Contact Us*/
#faqAnswer_cu .au-cu-section{ border: 1px solid #aaa; font-size:11px; margin-bottom:5px;}
#faqAnswer_cu span{display:inline-block;}
#faqAnswer_cu .au-cu-title{font-weight: bold; height: auto; padding: 10px; width: 130px; vertical-align:top; margin-right:10px;}
#faqAnswer_cu .au-cu-data{padding:10px 0px 10px 0px;}

/*Loading Bar*/
#loader { display:none; margin-left: 222px;margin-top: 71px;}
#loader h2 { border:0;margin-bottom:15px}
#loader p { background:url('images/v1.1/loading-bar-animation.gif') center center no-repeat; width:208px; height:13px;}

/*Reset password*/
#reset-pword{margin-top:10px;}
#reset-pword fieldset{width:370px; padding:10px;}
#reset-pword legend{font-weight:bold; font-size:15px;}
#reset-pword .error{color:red; font-size:11px;}
#reset-pword .direction{text-align:left;padding-bottom:10px; line-height:1.5;}
#reset-pword span{display:inline-block !important;}
#reset-pword span.label{width:65px;}

/* VIDEO PAGES */
#videos-content { margin-left: 220px; }
#videos-content ul { list-style: none; }
#videos-content h1 { color: #666; font-size: 34px; }
#videos-content h2 { color: #666; font-size: 16px; font-weight: normal; margin-bottom: 10px; }
#videos-content h3 { color: #666; font-size: 24px; margin: 8px 0 4px; }
#videos-content h4 { color: #666; font-size: 16px; font-weight: normal; line-height: 22px; padding-bottom: 20px; clear:right; }

div.videos-content-videolist { width:auto !important; background: #fff; border: 1px solid #ccc; margin-bottom: 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

/*VIDEO THUMBNAILS (DASHBOARD,VIDEO,SEARCH)*/
.videolist { margin-bottom: 15px; position: relative; width:970px; }
.videolist ul { margin: 0; padding: 5px 0 0 10px; }
.videolist ul li { display:inline-block !important; list-style:none; zoom:1; *display:inline !important; overflow: hidden !important; width:130px; height:125px; vertical-align:top !important; *border: 1px solid #fff; *margin-left: 0px; }
.video-thumbnail { display:inline-block !important; list-style:none; zoom:1; *display:inline !important; overflow: hidden !important;  margin:0 4px 7px; width:130px; height:130px; }
.search-section-videos ul li.video-thumbnail { margin: 0 4px 4px 20px !important; }
ul.videolist-side li.video-thumbnail { min-height: 40px; height:auto; }
.video-thumbnail a { text-decoration:none !important; display: block; padding: 4px; }
.video-thumbnail p { padding: 0; }
.video-thumbnail p.thumbnail { margin:0; padding: 3px; border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 4px #ccc;
	-webkit-box-shadow: 0px 0px 4px #ccc;
	box-shadow: 0px 0px 4px #ccc;
	height:70px;
}
.video-thumbnail a p.thumbnail span.photo { display: block; height: 70px; text-decoration:none; overflow: hidden; position: relative; }
.video-thumbnail a p.thumbnail span.photo span.pies { display: block; float: right; height: 15px; width: 30px; clear: right; margin-top: -15px; position: relative; }
.video-thumbnail a p.thumbnail span.photo span.pie-icon { height: 13px; width: 13px; margin: 1px 1px 0 0; float: right; background-position: 0 0; background-repeat: no-repeat; background-image: url(images/vid-thumb-progress.png); background-color: transparent; visibility:hidden; position: relative; }
.video-thumbnail a p.thumbnail span.photo span.pie-icon.watch-1 { visibility:visible; }
.video-thumbnail a p.thumbnail span.photo span.pie-icon.watch-2 { visibility:visible; background-position: 0 -13px; }
.video-thumbnail a p.thumbnail span.photo span.pie-icon.speak-1 { visibility:visible; background-position: -13px 0; }
.video-thumbnail a p.thumbnail span.photo span.pie-icon.speak-2 { visibility:visible; background-position: -13px -13px; }

.video-thumbnail a p.thumbnail span.photo span.star-favorite { float:left; width:14px; height:14px; background-position: 0 0; background-repeat: no-repeat; position: relative; display: none; font-size:0px !important;}
.video-thumbnail a p.thumbnail span.photo span.star-favorite.ec-speak-hover { display: block !important; }
.video-thumbnail a p.thumbnail span.photo span.star-0{ background-image: url(images/video-star-inactive.png); background-color: transparent; display: none; }
.video-thumbnail a p.thumbnail span.photo span.star-1{ background-image: url(images/video-star-active.png); background-color: transparent; display:block; }

.video-thumbnail a p.thumbnail span.photo span.grade { float:left; width:40px; height:40px; background-position: 0 0; background-repeat: no-repeat; position: relative; display: block !important; font-size:0px !important;}
.video-thumbnail a p.thumbnail span.photo span.grade-A1 { background-image: url(images/grade_02.png); background-color: transparent;  }
.video-thumbnail a p.thumbnail span.photo span.grade-A { background-image: url(images/grade_01.png); background-color: transparent;  }
.video-thumbnail a p.thumbnail span.photo span.grade-B1 { background-image: url(images/grade_03.png); background-color: transparent;  }
.video-thumbnail a p.thumbnail span.photo span.grade-B { background-image: url(images/grade_04.png); background-color: transparent;  }
.video-thumbnail a p.thumbnail span.photo span.grade-C { background-image: url(images/grade_05.png); background-color: transparent; }
.video-thumbnail a p.thumbnail span.photo span.grade-C1 { background-image: url(images/grade_06.png); background-color: transparent;  }
.video-thumbnail a p.thumbnail span.photo span.grade-D { background-image: url(images/grade_07.png); background-color: transparent; }
.video-thumbnail a p.thumbnail span.photo span.grade-F { background-image: url(images/grade_08.png); background-color: transparent;  }

.video-thumbnail a p.thumbnail span.photo span.cdm-togue.active
{ display: block !important;
	background: url("images/v1.1/shadow.png") repeat scroll 0 0 transparent  !important;
	height: 16px;
	width: 100%;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	z-index: 1;
}
.video-thumbnail a p.thumbnail span.photo span.cdm-togue.active span {padding-left: 8px;}

.series-thumbnail a.series ul li.thumbnail span.photo span.cdm-togue.active
{ display: block !important;
	background: url("images/v1.1/shadow.png") repeat scroll 0 0 transparent  !important;
	height: 12px;
	width: 100%;
	line-height: 12px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 18px;
	z-index: 1;
}
.series-thumbnail a.series ul li.thumbnail span.photo span.cdm-togue.active span {padding-left: 6px;}

.video-thumbnail a p.thumbnail span.photo span.cdm-togue {
	background-image: url(images/video-plus.gif);
	background-size: 15px 15px; background-color: transparent; width:19px; height:14px;
	background-position: 0 0; background-repeat: no-repeat; display: none; font-size: 0px;
	position: absolute; top: 54px ; right: 0px; float: right; z-index: 10000;
}
.video-thumbnail a p.thumbnail span.photo span.cdm-togue.hover { display: block !important; }

.series-thumbnail a.series ul li.thumbnail span.photo span.cdm-togue {
	background-image: url(images/video-plus.gif);
	background-size: 15px 15px; background-color: transparent; width:15px; height:15px;
	background-position: 0 0; background-repeat: no-repeat; display: none; font-size: 0px;
	position: absolute; top: 15px ; left: 0px; float: left; z-index: 10000; left:0px;
}
.series-thumbnail a.series ul li.thumbnail span.photo span.cdm-togue.hover { display: block !important; }

.video-thumbnail a p.thumbnail span.photo span.cdm-delete { background-image: url(images/delete-icon.png); background-color: transparent; float:left; height:14px; background-position: 10px 0; background-repeat: no-repeat; position: relative; display: none; font-size: 10px; color: #fff; line-height: 14px; padding-left: 27px}
.video-thumbnail a p.thumbnail span.photo span.cdm-delete.hover { display: block !important; }

.video-thumbnail a p.thumbnail span.photo span.overlay-modal { display: block; background: transparent; height: 70px; margin-bottom: -70px; opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); text-decoration:none !important;}
.video-thumbnail a p.thumbnail span.photo span.overlay-difficulty { display: none; background-image:url(images/vid-thumb-play-white.png); background-position:top center; background-repeat:no-repeat;color:#fff; font-weight:bold; font-size:11px; text-align:center; padding-top:35px; margin-top: 15px;}
.video-thumbnail a:hover p.thumbnail span.photo span.overlay-modal { background: #000; }
.video-thumbnail a:hover p.thumbnail span.photo span.overlay-difficulty { display:block; text-decoration: none; }
.video-thumbnail a:hover p.thumbnail span.photo span.star-favorite { display:block; }

.video-thumbnail p.title { line-height:1.2; height: 41px !important; width:123px; padding: 2px 2px 4px; overflow: hidden !important; height:45px;}
.video-thumbnail p.title > span { display: none; }
.video-thumbnail a:hover p.title { text-decoration:underline; color: #eb4c4c; }
.video-thumbnail a:hover a p.thumbnail span.photo{ text-decoration:none !important; }
.video-thumbnail a:hover span.overlay-difficulty { display:block; }
.video-thumbnail a:hover span.star-favorite { display:block; }

div.vidopt-container {
	display: none;
	position: absolute;
	z-index: -10000;
}
div.vidopt-container div.video-options {
	background: #fff;
	min-width: 150px;
	max-height: 270px;
	width: 250px;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #c8c8c8;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div.vidopt-container div.video-options div.cdm-header {height: 25px; line-height: 25px; font-size: 12px;
	color: #c8c8c8;}
div.vidopt-container div.video-options div.cdm-class-list {
	color: #555555; font-size: 14px; font-weight: bold;
	height: 30px; line-height: 30px; overflow: hidden;
	cursor: pointer;
}
div.vidopt-container div.video-options div.cdm-pad1 { padding-left: 10px;}
div.vidopt-container div.video-options div.cdm-pad2 { padding-left: 30px;}
div.vidopt-container div.video-options div.cdm-pad3 { padding-left: 40px;}
div.vidopt-container div.video-options div.cdm-border {
	border-color: #c8c8c8;
	border-style: solid none;
	border-width: 1px 0px 1px 0px;
}
div.vidopt-container div.video-options div.cdm-myenglish {
	background-color: #EFEFEF;
}
div.vidopt-container div.video-options div.cdm-organization {
	background: url('images/vid-school.png') no-repeat 5px 6px;
	background-color: #EFEFEF;
}
div.vidopt-container div.video-options div.cdm-org-class { font-weight: normal;}
div.vidopt-container div.video-options div.cdm-class-group { color: #B2B1A5; font-weight: normal;}
div.vidopt-container div.video-options div.cd-added {
	background-color: #F9FAD2;
	background-image: url('images/video-check.png');
	background-repeat: no-repeat;
	background-position: 212px 7px;
	background-size: 15px 14px;
}

.tipsToolsImgHolder span.pies { display: block; float: right; height: 15px; width: 30px; clear: right; margin-top: -15px; position: relative; }
.tipsToolsImgHolder span.pie-icon { height: 13px; width: 13px; margin: 1px 1px 0 0; float: right; background-position: 0 0; background-repeat: no-repeat; background-image: url(images/vid-thumb-progress.png); background-color: transparent; visibility:hidden; position: relative; }
.tipsToolsImgHolder span.pie-icon.watch-1 { visibility:visible; }
.tipsToolsImgHolder span.pie-icon.watch-2 { visibility:visible; background-position: 0 -13px; }
.tipsToolsImgHolder span.pie-icon.speak-1 { visibility:visible; background-position: -13px 0;  }
.tipsToolsImgHolder span.pie-icon.speak-2 { visibility:visible;  background-position: -13px -13px;  }

.videolist ul li.clear { clear:right !important; float:none !important; width:100% !important; border: none !important; margin: 0; padding: 0; height: auto !important; }
.videolist ul li.button {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none !important;
	width: auto;
	margin: 55px 3px 0 3px; padding: 3px;
	vertical-align: top;
}
.videolist ul li.button a {
	display: block; cursor: pointer;
	width: 8px;
	height: 15px;
	background: url(images/carousel-button-icons.gif) top left no-repeat;
}
.videolist ul li.arrow-next { margin-left: -5px; margin-right: 0; }
.videolist ul li.arrow-prev a { background-position: 0px 0px; }
.videolist ul li.arrow-next a { background-position: -8px 0px; }
.videolist ul li.arrow-prev a:hover { background-position: 0px -15px; }
.videolist ul li.arrow-next a:hover { background-position: -8px -15px; }
.videolist ul li.arrow-prev.disabled a, .goallist li .videolist ul li.arrow-prev.disabled a:hover { background-position: 0px -30px; }
.videolist ul li.arrow-next.disabled a, .goallist li .videolist ul li.arrow-next.disabled a:hover { background-position: -8px -30px; }

.myvideos-banner ul { height: 250px; margin: 0; padding: 0; }
.myvideos-banner ul li { margin: 0; padding: 0; width: 33%; background-image: url(images/video-anon-border.gif); background-repeat: no-repeat; background-position: -3px center; }
.myvideos-banner ul li.p1 { width: 34%; float: right; }
.myvideos-banner ul li.p2 { background: none; }

#videos-content .myvideos-banner ul li h4 { margin: 0 0 10px; padding: 10px 0; text-align: center; font-weight: bold; border: 1px solid #ccc; border-right-width: 0; background: #fff url(images/mini-header-bk.jpg) bottom left repeat-x; }
#videos-content .myvideos-banner ul li.p1 h4 { border-right-width: 1px;
	-moz-border-radius: 0 6px 6px 0;
	-webkit-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}
#videos-content .myvideos-banner ul li.p2 h4 {
	-moz-border-radius: 6px 0 0 6px;
	-webkit-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
}
.myvideos-banner ul li h4 a { display: inline-block; padding-right: 25px; background: transparent url("images/video-most-btn.png") center right no-repeat; }
.myvideos-banner ul li h4 a:hover { text-decoration: none; }

.videolist.myvideos-banner ul li p.thumbnail span.photo { height: 130px; }
.videolist.myvideos-banner ul li p.thumbnail span.photo span.overlay-modal { height: 130px; margin-bottom: -130px; }
.videolist.myvideos-banner ul li p.thumbnail span.photo span.overlay-difficulty { background-image: url("images/vid-thumb-play-white-big.png"); padding-top: 75px; margin-top: 25px; font-size: 16px; }
.videolist.myvideos-banner ul li p.thumbnail span.photo span.star-favorite { width: 29px; height: 27px; }
.videolist.myvideos-banner ul li p.thumbnail span.photo span.star-favorite.star-0{ background-image: url(images/vocab-star-inactive.png); }
.videolist.myvideos-banner ul li p.thumbnail span.photo span.star-favorite.star-1{ background-image: url(images/vocab-star-active.png); }
.videolist.myvideos-banner ul li p.title { font-size: 14px; height:48px; }
.videolist.myvideos-banner ul li p.thumbnail, .myvideos-banner ul li p.title{ margin-left: 30px; margin-right: 30px; }

/* VIDEO SERIES */
.video-thumbnail a p.series { background-image: url("images/video-series-border2.png"); background-repeat:no-repeat; margin:-4px 0 0; width:135px; height:82px; clear:both; }
.video-thumbnail a p.series span.photo { display: block; height: 63px; width:117px; text-decoration:none; overflow: hidden; position: relative; top: 10px; left: 4px; }

h1.video-series-list { font-size: 16px; border-bottom: 1px solid #ccc; color: #666; text-decoration: none; }
h1.video-series-list.cua { border-bottom: none; border-top: 1px solid #ccc; margin: 10px -10px 0; padding: 5px 10px; }
ul.video-series-list { margin: 0; padding: 0; list-style: none; width: 260px; }
ul.video-series-list li { margin: 0; padding: 5px; position: relative; display: inline-block; vertical-align: top; zoom: 1; *display:inline; }
ul.video-series-list p.thumbnail { width: 55px; height: 30px; float: left; }
ul.video-series-list p.thumbnail span.photo { width: 55px; height: 30px; display: block; position: static !important; }
ul.video-series-list p.thumbnail span.photo .progress { height: 13px !important; width: 13px !important; padding: 0; position: absolute; top: 6px; right: 6px; }
ul.video-series-list p.thumbnail span.photo .activity-play { display:none; }
div#ec-ui-speak ul.video-series-list p.thumbnail span.photo .progress { height: 13px !important; }


ul.video-series-list p.thumbnail span.photo span.cdm-togue {
	background-color: transparent; background-image: url("images/video-plus.gif"); background-position: 0 0;
	background-repeat: no-repeat; background-size: 13px 13px;
	height: 13px; width: 13px; position: absolute; z-index: 1; left: 45px; bottom: 6px;
	font-size: 0; font-color: #fff;
	display: none;
}
ul.video-series-list p.thumbnail span.photo span.cdm-togue.hover { display: block !important; }
ul.video-series-list p.thumbnail span.photo span.cdm-togue.active {
	background-color: transparent; background-image: url("images/v1.1/shadow.png")!important;
	background-repeat: repeat;
	display: block;
	font-size: 10px; line-height: 13px; color: #fff;
	height: 13px; width: 52px; top: 20px; left: 5px; padding-left: 3px;
}
ul.video-series-list p.thumbnail span.photo span.cdm-togue.active span {
	padding-left: 3px;
}
ul.video-series-list p.thumbnail span.photo .star-favorite { height: 14px !important; width: 14px !important; padding: 0; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; position: absolute; top: 5px; left: 5px; }
ul.video-series-list p.thumbnail span.photo .star-0 { background-image: url(images/video-star-inactive.png); background-position: -20px 0; }
ul.video-series-list p.thumbnail span.photo .star-0:hover { background-position: 0 0; }
ul.video-series-list p.thumbnail span.photo .star-1 { background-image: url(images/video-star-active.png); }

ul.video-series-list p.thumbnail em { font-weight: bold; font-style: normal; font-size: 16px; color: #fff; position: absolute; left: 8px; bottom: 4px; text-shadow:1px 2px 0px #333; }
ul.video-series-list p.title { display: none; /* margin: 0 20px 0 75px; min-height: 30px; */ }

ul.video-series-list.expand li { margin: 0; padding: 5px 0; display: block; }
ul.video-series-list.expand p.thumbnail em { top: 16px; left: 2px; bottom: auto; }
ul.video-series-list.expand p.thumbnail span.photo .star-favorite { left: 0; }
ul.video-series-list.expand p.thumbnail span.photo .progress { right: auto; left: 41px; }
ul.video-series-list.expand p.thumbnail span.photo span.cdm-togue {
	 left: 0px; top: 21px; bottom: auto;
}
ul.video-series-list p.thumbnail span.photo span.cdm-togue {
	 left: 41px; top: 21px; bottom: auto;
}
ul.video-series-list.expand p.title { display: block; font-weight: bold; font-size: 12px; color: #9e2800; margin-left: 60px; min-height: 30px; }

div.video-series-menu { height: 26px; position: relative; display: inline-block; *display: inline; }
div.video-series-menu a.video-series > span {
	padding-right: 24px; margin: 0 2px;
	background: url(images/browse.png) right 4px no-repeat;
}
div.video-series-menu a.video-series { border: 1px solid transparent; padding: 5px; }
div.video-series-menu.hover a.video-series { background: #fff; border: 1px solid #ccc; border-bottom-color: transparent;
	-moz-box-shadow: 2px 6px 5px #999;
	-webkit-box-shadow: 2px 6px 5px #999;
	box-shadow: 2px 6px 5px #999;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}
div.video-series-menu.hover a.video-series:after { content: ' '; position: absolute; width: 100%; height: 2px; border-left: 1px solid #ccc; background: #fff; left: 0; bottom: -2px; z-index: 120;}
div.video-series-menu > ul { position: absolute; top: 0; left: 0; padding: 5px 10px; background: #fff; border: 1px solid #ccc; z-index: 99; width: 325px;
	-moz-border-radius: 0 6px 6px 6px;
	-webkit-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
	-moz-box-shadow: 2px 6px 5px #999;
	-webkit-box-shadow: 2px 6px 5px #999;
	box-shadow: 2px 6px 5px #999;
}

/*MY ACCOUNT*/
.personal-form .loginFieldImg img, p.hint img#thumb{max-height: 80px; max-width: 80px;padding: 5px; border: 1px #ccc solid; margin: 0 10px 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
.loginFieldHeaders.profilePhoto {float:left; padding-right: 5px; white-space: nowrap}
.personal-form div.avatarUpload label { display: block; float:left; padding-right: 5px; white-space: nowrap; min-width: 100px}
.invisible-hint {width:150px}

/*ENROLLMENT*/
.enrollwrap {color: #666}
.enrollwrap .welcome-msg {font-size: 18px}
.enrollbox {
	background-color: #eee;
	border: 1px #ccc solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
.enrollbox.loginbox{float:right; padding: 15px 20px; width: 170px}
.enrollbox.enrolliconbg{height: 104px}
.enrollbox a{color:#922222}
.enrollbox .steps{text-align:center}
.enroll.register-button {width: auto}
.enroll.buttonwrap{clear:both; text-align:center; padding:20px 0}
ul.enrollicons{padding:0 30px;margin: -100px auto 0;}
ul.enrollicons li {float: left; width: 160px; text-align:center; font-size: 18px; font-weight: bold; padding: 130px 20px 0 20px}
ul.enrollicons li.step1{background: url("images/enroll-1.gif") no-repeat scroll center top transparent}
ul.enrollicons li.step2{background: url("images/enroll-2.gif") no-repeat scroll center top transparent}
ul.enrollicons li.step3{background: url("images/enroll-3.gif") no-repeat scroll center top transparent}
ul.enrollicons li.step4{background: url("images/enroll-4.gif") no-repeat scroll center top transparent}
ul.enrollicons li.step5{background: url("images/enroll-5.gif") no-repeat scroll center 17px transparent; width: 200px; padding: 130px 30px 0 30px}
ul.enrollicons li.active{cursor: pointer}
ul.enrollicons li.active:hover{color: #922222}
ul.enrollicons li.inactive{cursor: no-drop}

#enroll-notice {text-align: center}
#enroll-notice h2  {font-size: 34px; padding:40px}
#enroll-notice ul{padding: 0; margin: auto; width: 480px}
#enroll-notice li{float: left}
#enroll-notice li.teacher_avatar {width: 70px; height: 70px; border: 1px #ccc solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
#enroll-notice h3 {font-size: 28px; text-align: left;width: 390px; padding-left: 10px}
#enroll-notice a {clear:both;color:#922222; font-size: 18px}
#enroll-notice a:hover {text-decoration:none}

#welcome-notice .welcome-wrap {padding: 20px}
#welcome-notice h2 {font-size: 26px}
#welcome-notice h3 {font-size: 20px; color: #666}
#welcome-notice ul.onboarding-items li{font-size: 18px; float: left; width: 30%; font-weight: bold; text-align: center; padding-bottom: 140px; background-position: bottom center; background-repeat: no-repeat; border-right: 1px #eee solid}
#welcome-notice ul {padding:0}
#welcome-notice.teach ul.onboarding-items li {font-size: 16px; background-position: center 60px; width: 21%; padding: 10px 10px 140px; min-height: 50px}
#welcome-notice.teach ul.onboarding-items li.item1 {background-image: url('images/teach-welcome-bg1.jpg')}
#welcome-notice.teach ul.onboarding-items li.item2 {background-image: url('images/teach-welcome-bg2.jpg')}
#welcome-notice.teach ul.onboarding-items li.item3 {background-image: url('images/teach-welcome-bg3.jpg')}
#welcome-notice.teach ul.onboarding-items li.item4 {background-image: url('images/teach-welcome-bg4.jpg'); border-right:0px}
#welcome-notice ul.onboarding-items li.onboarding-teach1 {background-image: url('images/teach-myenglish-bg1.jpg'); height: 80px}
#welcome-notice ul.onboarding-items li.onboarding-teach2 {background-image: url('images/teach-myenglish-bg2.jpg'); height: 80px}
#welcome-notice ul.onboarding-items li.onboarding-teach3 {background-image: url('images/teach-myenglish-bg3.jpg'); height: 80px; border-right:0px}
#welcome-notice ul.onboarding-items li.onboarding-learn {border-right:0px}
#welcome-notice ul.important-notice {margin-top:12px; color:#666; font-size:11px !important;}
#welcome-notice ul.important-notice li { display:inline-block; vertical-align:middle !important; list-style:none; zoom:1; *display:inline;}
#welcome-notice ul.important-notice li.important-img { background: url("images/teach-welcome-alert.gif") no-repeat scroll center top transparent; width: 29px; height: 27px; margin-right:0px;}
#welcome-notice ul.important-notice li.important-txt { width:600px; width:710px;  }
#welcome-notice .track-progress {font-size: 18px;font-weight: bold;text-align:center;}
#welcome-notice .onboarding-button {font-size: 20px; padding: 5px; width: 200px}
#welcome-notice ul.improvements { margin:0; padding:0; margin-top:12px; }
#welcome-notice ul.improvements li { display:inline-block; vertical-align:top; zoom:1; *display:inline;}
#welcome-notice h1 { font-size:18px; margin-bottom:-10px; }
#welcome-notice ul.improvements li.improve-text { width:580px; padding-left: 60px; background-position: left top; background-repeat: no-repeat; min-height: 57px; }
#welcome-notice ul.improvements li.improve-easy { background-image: url("images/teach-welcome-easyuse.gif"); background-position: 3px top; }
#welcome-notice ul.improvements li.improve-control { background-image: url("images/teach-welcome-morecontrol.gif"); background-position: 7px top; }
#welcome-notice ul.improvements li.improve-aboutyou { background-image: url("images/teach-welcome-aboutyou.gif"); background-position: 2px top; }
#welcome-notice p { font-size: 13px; line-height: 1.25; padding-top: 10px}
#welcome-notice .btn-img { clear: left; vertical-align:middle; text-align:center; padding:10px 30px; font-size:20px; margin:10px auto 0; }

/* PIE CHARTS */
.ec-pie, .ec-pie b, .ec-pie b b { display: block; float: left; height: 25px; width: 25px; background-color: transparent; background-repeat: no-repeat; background-image:url(images/ec-pie-25.png); }
.ec-pie b, .ec-pie b b { background-position: 25px 0;}
.ec-pie.s40, .ec-pie.s40 b, .ec-pie.s40 b b { height: 40px; width: 40px; background-image:url(images/ec-pie-40.png); }
.ec-pie.s40 b, .ec-pie.s40 b b { background-position: 40px 0;}
.ec-pie.nogoal b b {background-position: -600px 0;}

.ec-ui-speak .content .pie em { font-style: normal; /* display: inline-block; width: 25px; text-align: right; */ margin-left: 5px; }
.ec-ui-speak .content .pie span { display: inline-block; vertical-align: middle; margin-right: 2px; height: 10px; width: 10px; border: 1px solid #555;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.ec-ui-speak .content .pie.watch.p1 span { background-color: #f1b233; }
.ec-ui-speak .content .pie.watch.p2 span { background-color: #b96008; }
.ec-ui-speak .content .pie.speak.p1 span { background-color: #99ccff; }
.ec-ui-speak .content .pie.speak.p2 span { background-color: #0080aa; }
.ec-ui-speak .content .pie.learn.p1 span { background-color: #9fdc60; }
.ec-ui-speak .content .pie.learn.p2 span { background-color: #3e6115; }

.ec-ui-speak .content a { color: #992222 !important; }
.ec-ui-speak .content a:hover { color: #eb4c4c !important; text-decoration: underline; }

.ec-ui-speak .content .separator { border-bottom: 1px solid #ccc; padding-bottom: 2px; margin-bottom: 2px; }
.ec-ui-speak .content .facet-mini-checkbox { margin-bottom: 0; }


/* HOME PAGE */
div.home-sidebar { width: 260px; float: right; }
div.home-sidebar h1 { font-size: 24px; color: #666; border-bottom: 1px solid #ccc; clear: both; }
div.home-sidebar h2 { font-size: 15px; color: #999; clear: both; }
div.home-sidebar h2 a { color: #999; }
div.home-sidebar h2 a:hover { color: #eb4c4c; }
div.home-sidebar ul { margin: 0; padding: 0 0 10px; }
div.home-sidebar ul.groups { margin-bottom: 20px; }
div.home-sidebar ul.groups li { min-height: 70px; padding: 10px 10px 0; }
div.home-sidebar ul.groups.courses li { min-height: 0; }
div.home-sidebar ul.groups li p.photo { float: left; padding: 2px; border: 1px solid #ccc; overflow: hidden;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
div.home-sidebar ul.groups li p.photo span { display: block; width: 62px; height: 62px; background-repeat: no-repeat; background-position: center center; background-image: url(images/home-sidebar-classes.gif); }
div.home-sidebar ul.groups li h2 { margin-left: 75px; padding: 0; overflow: hidden; color: #999; clear: none; }
div.home-sidebar ul.groups li h2.no-margin { margin-left: 0; }
div.home-sidebar ul.groups li .icons { margin-left: 75px; }
div.home-sidebar ul.groups li .icons a { display: inline-block; height: 24px; width: 24px; background-repeat: no-repeat; background-position: center center; margin-right: 5px; }
div.home-sidebar ul.groups li .icons a.watch { background-image: url(images/home-sidebar-watch.gif); }
div.home-sidebar ul.groups li .icons a.mail { background-image: url(images/home-sidebar-mail.gif); }
div.home-sidebar ul.groups li .icons a.leave { background-image: url(images/home-sidebar-leave.gif); width: 30px; }

div.home-sidebar.account {width: 220px}
div.home-sidebar.account ul.groups li {min-height: 40px; padding: 5px 0}
div.home-sidebar.account ul.groups li p.photo span {width: 40px; height: 40px}
div.home-sidebar.account ul.groups li h2 {font-size: 14px; margin-left: 50px;}
div.home-sidebar.account ul.groups li .icons { margin-left: 50px; }

div.home-sidebar .videolist { width: auto; }
div.home-sidebar .videolist ul.cards { padding: 5px 0 0; }
div.home-sidebar .videolist ul.cards li { width: 120px; margin: 0 8px 10px 0; }
div.home-sidebar .myvideos-banner, div.home-sidebar .myvideos-banner ul.banner-video li p { margin: 0 !important; }
div.home-sidebar .myvideos-banner ul.banner-video li p.thumbnail { border: 1px solid #999 !important; width: 260px !important; height: 150px !important; }
div.home-sidebar .myvideos-banner ul.banner-video li a p.thumbnail span.photo { height: 150px !important; }
div.home-sidebar .myvideos-banner ul.banner-video li a p.thumbnail span.photo span.overlay-modal { height: 150px !important; margin-bottom: -150px !important; }
div.home-sidebar .myvideos-banner ul.banner-video li a p.thumbnail span.photo span.overlay-difficulty { margin-top: 30px; }
div.home-sidebar .myvideos-banner ul.banner-video li p.title { margin-bottom: 15px !important; text-align: left !important; }

div.home-sidebar .vocab { background: #fff; border: 1px solid #ccc; margin: 10px 20px 20px 5px; padding: 8px 8px 18px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
div.home-sidebar .vocab h4 { color: #999; border-bottom: 1px solid #ccc; font-size: 14px; padding-top: 2px; }
div.home-sidebar .vocab h4 .ec-pie { float: right; margin-top: -8px; }
div.home-sidebar .vocab ul { clear: right; }
div.home-sidebar .vocab p { text-align: center; }
div.home-sidebar .vocab p a.link { font-weight: bold; color: #922222; }
div.home-sidebar .vocab p a.link:hover { color: #eb4c4c; }
div.home-sidebar .vocab p a.quiz-button { font-size: 16px; display: inline-block;  margin: 5px auto 12px; padding: 4px 15px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
div.home-sidebar .vocab p a.quiz-button:hover { text-decoration: none; }

div.home-content { margin-right: 280px; padding: 0 15px 40px 0;
	-moz-box-shadow		: 25px 0 20px -25px #ccc;
	-webkit-box-shadow	: 25px 0 20px -25px #ccc;
	box-shadow			: 25px 0 20px -25px #ccc;
	text-overflow: ellipsis;
}

h1.home-title { font-size: 24px; color: #666; border-bottom: 1px solid #ccc; background: url(images/check-icon-large.gif) left center no-repeat; padding-left: 30px; margin-right: 300px; height:38px; }
h1.home-title a { font-weight: normal; font-size: 16px; color: #922222; position: relative; top: -2px; left: 5px; }
h1.home-title a:hover { color: #eb4c4c; }

div.home-widget { overflow:hidden; margin: 5px 0 0; padding: 5px 0; }
div.home-widget h1.topic .ec-pie { float: right; }
div.home-widget h1.topic { position: relative; font-size: 18px; color: #999; padding: 5px 5px 8px; border: 1px solid #ccc; background: url(images/mini-header-bk.jpg) bottom left repeat-x;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	-moz-box-shadow: 0 4px 10px 0 #ccc;
	-webkit-box-shadow: 0 4px 10px 0 #ccc;
	box-shadow: 0 4px 10px 0 #ccc;
	z-index: 0 !important;
}
div.home-widget h1.topic span.title { padding-left: 30px; background-position: left center; background-repeat: no-repeat; }
div.home-widget h1.topic p.close { float: right; border-left: 1px solid #ccc; margin: -5px 5px; font-size: 10px; font-weight: bold; padding: 8px 0 8px 10px; }
div.home-widget h1.topic p.close a { padding: 0; border: 1px solid #ccc; color: #999; display: block;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
div.home-widget h1.topic p.close a .ui-icon { background-image: url(css/custom-theme/images/ui-icons_888888_256x240.png); padding: 0 1px 1px 0; }
div.home-widget h1.topic p.close a.ec-speak-hover { text-decoration: none; color: #fff; background: #999; border-color: #fff; }
div.home-widget h1.topic p.close a.ec-speak-hover .ui-icon { background-image: url(css/custom-theme/images/ui-icons_ffffff_256x240.png); }

div.home-widget h1.topic.sound span.title { background-image: url(images/home-widget-sound-icon.gif); }

div.home-widget .home-widget-content { border: 1px solid #ccc; border-top: none; padding: 0 4px 4px; background: #fff;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	-moz-box-shadow: 0 2px 0px 0 #ccc;
	-webkit-box-shadow: 0 2px 0px 0 #ccc;
	box-shadow: 0 2px 0px 0 #ccc;
}

div.home-widget .home-widget-content .compact { background: #fff; height: 152px; padding: 8px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

div.home-widget .home-widget-content .compact.videos { float: left; width: 420px; position: static; }
div.home-widget .home-widget-content .compact.vocab { margin-left: 422px; /*background-position: right bottom; background-repeat: no-repeat; background-image: url(../images/paywall-home-premium.gif);*/}
/*div.home-widget .home-widget-content .compact.paywall-basic { background-color: #f6f8dd; background-image: none; }*/

div.home-widget .home-widget-content .compact h1 { border-bottom: 1px solid #ccc; color: #999; font-size: 14px; }
div.home-widget .home-widget-content .compact h1 a { color: #999; display: block; }
div.home-widget .home-widget-content .compact h1 a:hover { color: #eb4c4c; text-decoration: none; }
div.home-widget .home-widget-content .compact h1 a span { float: right; }
div.home-widget .home-widget-content .compact h1 a:hover span { color: #999; text-decoration: none; }
div.home-widget .home-widget-content .compact p.no-content { font-size: 14px; text-align: center; padding-top: 45px; }
div.home-widget .home-widget-content .compact.vocab p.no-content { padding-top: 35px; height: 80px; }
div.home-widget .home-widget-content .compact p.no-content a { color: #922222; }
div.home-widget .home-widget-content .compact p.no-content a:hover { color: #eb4c4c; }

div.home-widget .home-widget-content .compact.vocab .quiz a { display: inline-block; font-size: 11px; padding: 2px 10px 3px; border: 1px solid #ccc; background: url("images/home-widget-quiz-button.gif") repeat-x scroll left bottom;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
div.home-widget .home-widget-content .compact.vocab .quiz a:hover { color: #fff; background: url("images/landing-ec-bg.jpg") repeat-x scroll left top /*#ac3c3b*/ /*#ac3c3b*/; text-decoration: none; }

div.home-widget .home-widget-content .compact.vocab a.paywall { display: block; float: right; height: 29px; width: 35px; position: relative; top: 0px; left: 9px; background-position: right bottom; background-repeat: no-repeat; background-image: url(images/paywall-home-basic.gif); }
div.home-widget .home-widget-content .compact.vocab a.paywall.ec-speak-hover { background-image: url(images/paywall-home-basic-hover.gif); height: 39px; top: -10px; }
.home-upgrade-link { font-weight: bold; }
.home-upgrade-link a { color: #922222; }
.home-upgrade-link a:hover { color: #eb4c4c; }

div.home-widget .home-widget-content .compact.vocab .pane, div.home-sidebar .vocab .pane { float: right; height: 110px; margin-top: 4px; position: relative; }
div.home-widget .home-widget-content .compact.vocab .container, div.home-sidebar .vocab .container { margin: 4px 20px 0 0; padding: 0; height: 110px; overflow: hidden; }
div.home-widget .home-widget-content .compact.vocab .container ul, div.home-sidebar .vocab .container ul { margin: 0; padding: 0; height: 100%; }
div.home-widget .home-widget-content .compact.vocab .container ul li, div.home-sidebar .vocab .container ul li { margin: 0 0 8px; font-size: 11px; line-height: 11px; color: #777; }
div.home-widget .home-widget-content .compact.vocab .container ul li a, div.home-sidebar .vocab .container ul li a { color: #922222; font-size: 12px; }
div.home-widget .home-widget-content .compact.vocab .container ul li a:hover, div.home-sidebar .vocab .container ul li a:hover { color: #eb4c4c; }

div.home-widget .home-widget-content .compact.vocab .pane .slider, div.home-sidebar .vocab .pane .slider { background: none; border: none; height: 70px; margin-top: 20px; }
div.home-widget .home-widget-content .compact.vocab .pane .slider .ui-slider-handle, div.home-sidebar .vocab .pane .slider .ui-slider-handle { background: #888; border: none; width: 10px; margin-left: 2px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
}
div.home-widget .home-widget-content .compact.vocab .pane div.button, div.home-sidebar .vocab .pane div.button { display: block; position: absolute; right: 0px; height: 10px; width: 15px; }
div.home-widget .home-widget-content .compact.vocab .pane div.button.disabled, div.home-sidebar .vocab .pane div.button.disabled { display:none; }
div.home-widget .home-widget-content .compact.vocab .pane div.button.arrow-prev, div.home-sidebar .vocab .pane div.button.arrow-prev { top: 0px; }
div.home-widget .home-widget-content .compact.vocab .pane div.button.arrow-next, div.home-sidebar .vocab .pane div.button.arrow-next { bottom: 0px; }
div.home-widget .home-widget-content .compact.vocab .pane div.button a, div.home-sidebar .vocab .pane div.button a { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-image: url(images/carousel-button-icons.gif); background-position: -16px -30px; }
div.home-widget .home-widget-content .compact.vocab .pane div.button.arrow-prev a, div.home-sidebar .vocab .pane div.button.arrow-prev a { background-position: -31px -30px; }
div.home-widget .home-widget-content .compact.vocab .pane div.scrollbar, div.home-sidebar .vocab .pane div.scrollbar { display: block; margin: 0; padding: 0; position: absolute; right: 2px; top: 10px; height: 78px; width: 9px; }
div.home-widget .home-widget-content .compact.vocab .pane div.scrollbar.ui-widget-content, div.home-sidebar .vocab .pane div.scrollbar.ui-widget-content { background: transparent; border-color: #ccc; }

div.home-widget .home-widget-content .compact ul.cards { padding: 4px 0 0; }
div.home-widget .home-widget-content .compact ul.cards li { /*width: 126px; margin: 0 -3px;*/ width:115px; margin:0; }
div.home-widget .home-widget-content .compact ul.cards li.button { width: auto; margin-top: 45px; visibility: visible; }
div.home-widget .home-widget-content .compact ul.cards li.disabled { visibility: hidden; }
div.home-widget .home-widget-content .compact ul.cards li p.title { width:108px !important;}
div.home-widget .home-widget-content .compact ul.cards li.video-thumbnail p.series {
		background-image: url(images/video-series-border-dashboard.png); background-repeat:no-repeat; background-size:116px 78px;
		margin:0;  width:115px; height:78px; margin:-1px 0 0;}
div.home-widget .home-widget-content .compact ul.cards li.video-thumbnail p.series span.photo { display: block; height: 58px; width:99px; top:10px; left:4px; text-decoration:none; overflow: hidden; position: relative;}
div.home-widget .home-widget-content .compact ul.cards li.video-thumbnail a.seriestip p.title { margin-top:78px; position:absolute;}

div.home-widget .home-widget-content .sound .tile { display: block; padding: 8px 20px 0 0; float: left; margin: 0; }
div.home-widget .home-widget-content .sound .detector { width: 80px; text-align: center; padding-left: 10px; }
div.home-widget .home-widget-content .sound .detector span.soundtile-75 { display: block; margin-bottom: 12px; }
div.home-widget .home-widget-content .sound .tile .sndvid { width: 122px; }
div.home-widget .home-widget-content .sound .tile .sndvid span { display: block; height: 68px; background-position: center center; background-repeat: no-repeat; }

div.home-widget .home-widget-content .sound .tile .sndform { border: 1px solid #ccc; background: #fff; padding: 4px; margin-bottom: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
div.home-widget .home-widget-content .sound .tile .sndform span { height: 72px; }

div.home-widget .home-widget-content .sound .tile .clip {
	background: url(images/v1.1/vocab/bg_cliplistVideo.png) top left no-repeat;
	width: 128px; height: 83px; padding: 4px 0 0 4px;
}
div.home-widget .home-widget-content .sound .tile .clip span { width: 108px; height: 60px; text-align: right; color: #fff; font-weight: bold; padding: 4px; }
div.home-widget .home-widget-content .sound .tile:hover .clip span { text-decoration: underline; }

div.home-widget .home-widget-content .sound h1 { margin-right: 190px; }
div.home-widget .home-widget-content .sound .chart { float: right; width: 170px; }
div.home-widget .home-widget-content .sound .chart h1 { margin: 0; }
div.home-widget .home-widget-content .sound .chart a { display: block; margin-top: 10px; width: 130px; height: 100px; background: url(images/home-widget-chart.gif) top left no-repeat; }

div.home-empty .home-widget-content { border-top: 1px solid #ccc; padding: 80px 0 90px; text-align: center; font-size: 24px; background: #fff url(images/home-widget-bk.jpg) bottom left repeat-x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

div.home-empty .home-widget-content a { color: #922222; font-weight: bold; margin: 0 auto; padding-left: 25px; background: url(images/add-icon-large.gif) left center no-repeat; }

div.home-paginator { text-align: center; margin-right: 300px; margin-bottom: 40px; }
div.home-paginator a { display: inline-block; margin-left: auto; margin-right: auto; font-weight: normal; font-size: 14px; padding-right: 20px; background: url(images/home-widget-more.gif) center right no-repeat; }
div.home-paginator a .singular { display:none; }
div.home-paginator.singular a .plural { display:none; }
div.home-paginator.singular a .singular { display:inherit; }

div.home-paginator .plural .n { margin-left:3px; margin-right:3px;}

.browse-no-content { background: #f3f3f3; border: 1px solid #ccc; text-align: center; font-size: 18px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.browse-no-content a { color: #922222; }
.browse-no-content a:hover { color: #eb4c4c; }
.browse-no-content:before { content: ''; display: block; border-bottom: 1px solid #ccc; height: 30px; background: url(images/mini-header-bk.jpg) bottom left repeat-x transparent; margin-bottom: 20px;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.browse-no-content:after { content: ''; display: block; border-top: 1px solid #ccc; height: 30px; background: url(images/mini-header-bk.jpg) bottom left repeat-x transparent; margin-top: 10px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.browse-no-content p.my { font-size: 14px; color: #999; margin-bottom: 20px; }
.browse-no-content p.animate { margin: 15px 0 0; height: 70px; background: url(images/change-level.gif) center center no-repeat transparent; }

/* MY VIDEOS OR MY TOPICS ANONYMOUS */
.mypage-anon { width:100%; margin-bottom:10px; }
.mypage-anon ul { width:100%; margin: 0 !important; padding: 0 !important; }
.mypage-anon ul li { display:inline-block; padding:15px; vertical-align:top; font-size:18px !important; color:#666; zoom:1; *display:inline; }
.mypage-anon ul li a { color:#993333;}
.mypage-anon ul li.borderImg { height: 200px; background: #fff url(images/video-anon-border.gif) right top no-repeat; width:1px; }
.mypage-anon ul li.register { background: url(images/video-anon-register.gif) top center no-repeat; padding-top:120px; padding-left: 40px; margin-top: 30px; margin-left: 20px; width:296px; }
.mypage-anon ul li.signin { background: url(images/video-anon-signin.gif) top center no-repeat; padding-top:120px; padding-left: 40px; margin-top: 30px; width:256px; }

#allLevels ul.selectAllToggle div {margin-top: 5px}

.superscript{ font-size:8px; vertical-align:super; margin-left:3px;}

.word-progressbar .ui-progressbar-value {
	background: url("images/vocab-bg-progress-list.gif") repeat-x scroll left center transparent  !important;
	border: 1px solid #484848;
	min-width: 1%;
}

/* Suggest a Video Button*/
.suggest-a-video-btn { border: 1px solid #d4d4d4; background:url(images/video-suggest.png) left center no-repeat #f5f5f5;  min-height:45px; height:auto; width:auto; padding:15px; padding-left:80px; color:#993333 !important; font-size:18px; margin-top:15px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 2px 0px 0 #ccc;
	-webkit-box-shadow: 0 2px 0px 0 #ccc;
	box-shadow: 0 2px 0px 0 #ccc;
}
.suggest-a-video-btn:hover { text-decoration:none !important; }


.cdmOrg {max-height: 110px; overflow-y: scroll; overflow-x: hidden; width: 250px}
.cdmOrg input {clear: left; float: left; }
.cdmClass, .cdmClassGroup {overflow-x: hidden}
.cdmOptions {width: 300px;}
.cdmOptions h2 {font-size: 14px}
.cdmOptions p, .cdmOptions li {font-size: 11px;}
.cdmOptions li {overflow-x: hidden; white-space: nowrap}
.cdmOptions .anon-register-form-button{height: 30px; line-height: 30px; font-size: 16px}
#ec-ui-speak .cdm-togue-selected {display: inline-block}
#ec-ui-speak .cdm-togue-not-selected {display: none}
#ec-ui-speak.not-selected .cdm-togue-selected {display: none}
#ec-ui-speak.not-selected .cdm-togue-not-selected {display: inline}
#ec-ui-speak .cdm-togue-remove {display: none}
#ec-ui-speak .cdm-togue-add {display: inline}
#ec-ui-speak.remove .cdm-togue-remove {display: inline}
#ec-ui-speak.remove .cdm-togue-add {display: none}
span.overlap-arrow-left {display:block; background:url("images/reg-arrow-left.png") no-repeat; width:130px; height:71px; text-align:center; margin-left:265px; margin-top:10px;}
p.overlap-arrow-down {position:relative; background:url("images/reg-arrow-down.png") no-repeat; width:100px; height:64px; top:-75px; left:180px;}

ul.video-levels { border:none; height:33px; border-bottom:1px solid #ccc; margin:0; padding-left:10px; padding-top: 2px; }
ul.video-levels li { display:inline-block !important; margin-left:13px; zoom:1; *display:inline;}
ul.video-levels li.video-level-tab:hover { color:#993333 !important;}
ul.video-levels li.video-level-tab { font-size:14px; margin-right:10px; color:#999; vertical-align:middle; position: relative; padding: 0; display: block;}
ul.video-levels li.video-level-tab.activetab { padding: 0 8px; background: #fff; position: relative;
	color:#666; text-align:center; background: #fff; border-bottom: 5px solid #eee; position: relative;  padding:7px 15px;
	-moz-border-radius: 19px 19px 0 0;
	-webkit-border-radius: 19px 19px 0 0;
	border-radius: 19px 19px 0 0;
	display:block;
	width:auto !important;
	border-top:1px solid #ccc;
}
ul.video-levels li.ec-diffselect-info { float: none; color: #333; padding-bottom: 0; max-width:200px; }
ul.video-levels li.ec-diffselect-info .action { display: none; }
ul.video-levels li { margin: 0 10px; padding: 8px 10px 2px; font-size: 14px; color: #922222; position: relative; cursor:pointer; zoom:1; *display:inline !important;}
ul.video-levels li.hiddentab { display: none !important; }
ul.video-levels li.displaytab { display:inline-block !important; margin-left:13px; zoom:1; *display:inline !important; }
ul.video-levels li.activetab { color: #333; border:1px solid #ccc; border-bottom: 10px solid #eee;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
ul.video-levels li.inactivetab { border:0px;}
.diff-up-arrow { background:url(images/level-tab-arrow.jpg) no-repeat; width:9px; height:13px; margin-right:-2px; }
.video-levels .diff-up-arrow { display:inline-block !important;}

.videos #difficulty-level-tabs { border-bottom: 0 none !important; float: right; max-width: 350px; min-width: 200px; position: absolute; top: 171px; margin-left:450px;}
#wordListContent #difficulty-level-tabs {  border-bottom: 0 none !important; /*float: right; max-width: 350px; min-width: 200px; position: absolute; top: 177px;margin-left:47px;*/top:67px; position:relative; margin-right:5px !important;}
.videos #difficulty-level-tabs ul.video-levels{ border-style: none none none !important; padding-top:0px !important;}
#wordListContent #difficulty-level-tabs ul.video-levels { border-style: none !important; height: 32px; margin-top: -47px !important; padding-left: 3px;}
#videos-content ul.video-levels li.all-level { padding:9px !important;}
#videos-content ul.video-levels li.ec-diffselect-info { padding:8px 9px !important;}
#home-title ul.video-levels li.all-level { padding: 6px 11px !important;}
#wordListContent #difficulty-level-tabs ul.video-levels li.all-level { padding:8px 9px !important; }
#wordListContent #difficulty-level-tabs ul.video-levels li.all-level.activetab { border-bottom: 2px solid #fff !important;}
#wordListContent #difficulty-level-tabs ul.video-levels li.ec-diffselect-info { padding:7px 10px !important;}
.videos #difficulty-level-tabs ul.video-levels li.all-level.activetab, #wordListContent #difficulty-level-tabs ul.video-levels li.all-level.activetab
	{ border-width: 1px;}
.videos #difficulty-level-tabs ul.video-levels li.ec-diffselect-info.activetab, #wordListContent #difficulty-level-tabs ul.video-levels li.ec-diffselect-info.activetab
	{ border-width: 1px 1px 2px;}

#home-title ul.video-levels{ }
#home-title ul.home-header { margin:0 !important; padding:0 !important;}
#home-title ul.home-header li {display:inline-block; zoom:1; *display:inline; vertic-align:middle; }
#home-title ul.home-header li.topic { max-width:200px; margin-top: 10px; }
#home-title ul.home-header li.manage { max-width:100px;}
#home-title ul.home-header #difficulty-level-tabs, #videos-content #difficulty-level-tabs{ width:380px; float: right; }
#wordListContent #difficulty-level-tabs{ width:265px;}
#home-title ul.video-levels { border-style:none none none; float:right; }
#home-title .ec-diffselect-info { position: relative; top: 3px; }
#home-title .ec-diffselect-info a { font-size: 12px; font-weight: normal; position: static; top: 0; left: 0; }

/* Floating message */
div.floatmessage {
	background: -moz-linear-gradient(
		top,
		#5c5c5c 50%,
		#5c5c5c);

	border-radius: 40px;
	border: 0px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 12px 30px;
	text-align: center;
	}
div.floatimage {
	background:transparent;
	border: 0px;
}
span.floattext {color: #ffffff;}

.class-ranking { min-height:350px; margin-top:25px;}
.class-ranking .ranking-content { border: 1px solid #ccc; margin:0 0 20px; min-height:100px; padding:5px 10px; -moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;}
.class-ranking .ranking-content h1 { font-size:15px !important; border-bottom:1px solid #ccc; padding-bottom:3px; }
.class-ranking .ranking-content h2 { font-size:12px !important; text-align:center; margin-top: 10px; color:#999; }
.class-ranking .ranking-content p { padding-top:3px; color:#666; margin-bottom:15px; font-size: 11px;}
.class-ranking .ranking-content ul { margin:0; padding:0;}
.class-ranking .ranking-content ul li { list-style-type:none; display:inline-block; zoom:1; *display:inline; font-size:12px; color:#666; vertical-align:middle;}
.class-ranking .ranking-content ul li.rank { width: 20px; text-align:right; padding-right:5px;}
.class-ranking .ranking-content ul li.avatar { width: 30px; text-align: center}
.class-ranking .ranking-content ul li.avatar img {max-width: 30px; max-height: 23px}
.class-ranking .ranking-content ul li.name { width: 109px;  padding-left:5px; overflow: hidden;}
.class-ranking .ranking-content ul li.score { width: 45px;  text-align:right;}
.class-ranking .ranking-content ul li.course-name {width: 100%}
.class-ranking .ranking-content ul li.course-name a {color: #933}

.class-ranking .ranking-content div.announcement {clear:both; margin-bottom: 5px;}
.class-ranking .ranking-content div.announcement:hover {background: #ddd;}
.class-ranking .ranking-content div.announcement div {margin: 0; padding: 0;}
.class-ranking .ranking-content div.announcement div.announcement-body {padding: 5px 30px 0px 0px; color: #000; font-size: 12px; word-wrap: break-word; position: relative;}
.class-ranking .ranking-content div.announcement div.announcement-body span.ellipsis-link {cursor: pointer; color: #993333;}
.class-ranking .ranking-content div.announcement div.announcement-body span.announcement-tool {height: 12px; width: 12px; cursor: pointer;}
.class-ranking .ranking-content div.announcement div.announcement-body span.announcement-tool:hover {background-color: #d0d0d0;}
.class-ranking .ranking-content div.announcement div.announcement-body span.bt-edit-message {background: url(images/bt-edit-message.png) center no-repeat; position: absolute; right: 14px;}
.class-ranking .ranking-content div.announcement div.announcement-body span.bt-exclude-message {background: url(images/bt-exclude-message.png) center no-repeat; position: absolute; right: 1px;}
.class-ranking .ranking-content div.announcement div.announcement-author {color: #666; font-size: 12px;}
.class-ranking .ranking-content div.announcement div.announcement-date {color: #666; font-size: 10px; margin-top: 3px;}

/* NEW LANDING PAGE */
@font-face {
	font-family: ArialBlack;
	src: url('../fonts/ariblk.ttf');
}

@font-face {
	font-family: DINBlack;
	src: url('../fonts/DIN-Black.ttf');
}

@font-face {
	font-family: DINBold;
	src: url('../fonts/DIN-Bold.ttf');
}

@font-face {
	font-family: DINMedium;
	src: url('../fonts/DIN-Medium.ttf');
}

#outerContainer {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 486px;
	background-color: #333;
}

#mainContainer{
	margin: auto;
	padding: 0;
	width: 980px;
}

.myButton{
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b9e177), color-stop(1, #9ccb5e) );
	background:-moz-linear-gradient( center top, #b9e177 5%, #9ccb5e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9e177', endColorstr='#9ccb5e');
	background-color:#b9e177;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #268a16;
	display:inline-block;
	color:#306108;
	font-family:arial;
	font-size:24px;
	font-weight:normal;
	padding:12px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #aade7c;
}

.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9ccb5e), color-stop(1, #b9e177) );
	background:-moz-linear-gradient( center top, #9ccb5e 5%, #b9e177 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ccb5e', endColorstr='#b9e177');
	background-color:#9ccb5e;
	color:#306108;
	text-decoration: none;
}

.myButton:active {
	position:relative;
	top:1px;
}

.myButtonRed, .myButtonRed:visited {
	-moz-box-shadow:inset 0px 1px 0px 0px #993333;
	-webkit-box-shadow:inset 0px 1px 0px 0px #993333;
	box-shadow:inset 0px 1px 0px 0px #cc5a5a;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #990000), color-stop(1, #993333) );
	background:-moz-linear-gradient( center top, #990000 5%, #993333 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#990000', endColorstr='#993333');
	background-color:#993333;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #660000;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:24px;
	font-weight:normal;
	padding:12px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000;
}

.myButtonRed:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #993333), color-stop(1, #990000) );
	background:-moz-linear-gradient( center top, #993333 5%, #990000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#993333', endColorstr='#990000');
	background-color:#990000;
	color:#ccc;
	text-decoration:none;
}

.myButtonRed:active {
	position:relative;
	top:1px;
}

.accordion h1 {
	margin: 0
	padding: 0 0 0 10px;
	font-size: 62px;
	color: #5c5c5c;
	font-weight: bold;
	/*font-family: ArialBlack,Arial,Helvetica,sans-serif;*/ /*DINBold,*/
	text-shadow: 0.02em 0.02em 0.02em rgba(0, 0, 0, 0.5);
}

.accordion h3 {
	margin: 0;
	padding: 32px 0 15px;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	/*font-family:ArialBlack,Arial,Helvetica,sans-serif;*/  /*DINBold,*/
	line-height: 35px;
	text-shadow: 0.04em 0.04em 0.02em rgba(0, 0, 0, 0.5);

}

.accordion h4 {
	margin: 0;
	padding: 0 0 20px;
	font-size: 15px;
	color: #999;
	font-weight: normal;
	line-height: 16px;
	text-shadow: 0.02em 0.02em 0.02em rgba(0, 0, 0, 0.5);
}

.accordion a.introvideo { display: block; background: url(images/icon-video.png) center left no-repeat; padding-left: 21px; color: #999; margin: 5px 0 0 360px; }
.accordion a.demoimage { display: block; float: left; cursor: pointer; width: 380px; height: 380px; margin-left: -20px; }
.accordion p.intro-video { top:385px; background: url(images/landing-60secondvideo.png) center left no-repeat; height:32px; margin-left:360px; padding-left:36px; line-height:34px; position:absolute;}
.accordion p.intro-video a { color:#fff; font-size:14px;}

/*  CSS for liteAccordion - a horizontal accordion plugin for jQuery */
.accordion { text-align: left; font: Arial, sans-serif; width: 980px !important; height: 486px !important; }
.accordion > ol { position: relative; overflow: hidden; height: 100%; margin: 0; padding: 0; list-style-type: none }
.accordion .slide > h2 {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	height: 100% !important;
	width: 100px !important;
	background-color: #333;
	background-repeat: no-repeat;
}

.accordion .slide > h2 p {
	z-index:4;
	margin: 0 10px 0;
	/*font-family: ArialBlack,Arial,Helvetica,sans-serif;*/ /*DINBold,*/
	font-size:33px;
	font-weight:bold;
	text-shadow: -0.04em 0.04em 0.02em rgba(0, 0, 0, 0.35);
	text-align: right;
}

.accordion .slide > h2 p.langLR {
	margin: 10px 0 0;
	line-height:150px;
	width: 486px;
	-webkit-transform: translateX(-100%) rotate(-90deg);
	-webkit-transform-origin: right top;
	-moz-transform: translateX(-100%) rotate(-90deg);
	-moz-transform-origin: right top;
	-o-transform: translateX(-100%) rotate(-90deg);
	-o-transform-origin: right top;
	transform: translateX(-100%) rotate(-90deg);
	transform-origin: right top;
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.accordion .slide > div { height: 100%; width: 758px !important; position: absolute; top: 0; z-index: 10; overflow: hidden; background-repeat: no-repeat; padding-left: 20px !important; }
.ie9 .slide > h2 p.langLR { filter: none; -ms-transform: translateX(-100%) rotate(-90deg); -ms-transform-origin: right top; }

#bottomContainer {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 225px;
}

#bottomInsideContainer {
	margin: auto;
	padding: 0;
	width: 971px;
	background-color:#fff;
	min-height:240px;
	height:auto;
}

#footerContainer ul {
	margin: 0;
	padding: 0;
}

#footerContainer li {
	margin: 0;
	padding: 0 5px 0 0;
	float: left;
	display: inline;
}

.module {
	margin: 20px 0 0 20px;
	padding: 0 30px 0 0;
	width: 348px;
	height: 165px;
	background: url(images/hp-module.png) no-repeat;
	float: left;
	display: inline;
	text-align: center;
	font-size: 14px;
	color: #666;
}

.module a {
	color: #993333;
}

.module a:hover {
	text-decoration: underline;
}


.moduleInside {
	margin: 0;
	padding: 20px 20px 0 20px;
	width: 300px;
	height: 165px;
}

.module a { color: #333; }
.module a:hover { text-decoration: none; }
.module a span.anchor { color: #933; }
.module a:hover span.anchor { text-decoration: underline; }


.testimonial {
	margin: 0;
	padding: 0;
}

.moduleInside .testimonial img {
	margin: 0;
	padding: 0 5px 5px 0;
	width: 40px;
	display: none;

}

.moduleInside a {
	color: #993333;

}
.moduleInside a:hover {
	text-decoration: underline;
}

.testimony {
	margin: 0;
	padding: 0;
	text-align: left;
}

.quote {
	color: #666;
	font-size: 14px;
	padding: 0 0 8px 0;
}

.author {
	color: #999;
	font-size: 14px;
}


.header {
	margin: auto;
	padding: 0 0 6px 0;
	font-size: 18px;
	color: #333;
	text-align: center;
	/*font-weight: bold;*/
	/*font-family: ArialBlack,Arial,Helvetica,sans-serif;*/ /*DINBold,*/
	line-height: 16px;
}

#footerContainer {
	margin: auto;
	padding: 0;
	width: 980px;
}


.course-content > h1 { background-repeat: no-repeat; background-position: right center; font-size: 24px; line-height: 24px; padding: 16px 0 10px; margin: 0 ; position: relative; }
.course-content p.unenrolled { font-size: 18px; font-weight: bold; color: #999; }

.course-content .course-unit { padding: 0 px; margin: 0 0 10px; background: #fff; border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 2px 0px #ccc;
	-webkit-box-shadow: 0px 2px 0px #ccc;
	box-shadow: 0px 2px 0px #ccc;
}
.course-content .course-unit h1.course-unit-title { font-size: 20px; padding: 4px 10px; cursor: pointer; }
.course-content .course-unit.active h1.course-unit-title { font-size: 24px; cursor: default; }

.course-content .course-unit h1.course-unit-title div.expand { float: right; cursor: pointer; margin: 5px 0 0 8px; height: 16px; width: 16px; background: url(images/course-button.gif) top center no-repeat; }
.course-content .course-unit:hover h1.course-unit-title div.expand, .course-content .course-unit-hover h1.course-unit-title div.expand { background-position: center -16px; }
.course-content .course-unit.active h1.course-unit-title div.expand { display: none; }

.course-content .course-unit h1.course-unit-title span.course-unit-progress { float: right; font-size: 16px; color: #999; font-weight: normal; position: relative; }
.course-content .course-unit h1.course-unit-title span.course-unit-progress em { font-size: 20px; font-weight: bold; font-style: normal; }
.course-content .course-unit h1.course-unit-title span.course-unit-progress.complete:before { content:" "; display: block; height: 11px; width: 11px; position: absolute; top: 8px; left: -17px;
	background: #363 url(images/course-progress.png) top left no-repeat;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.course-content .course-unit:hover, .course-content .course-unit-hover { background-color: #fffed2; }
.course-content .course-unit.active:hover { background-color: #fff; }

.course-content .course-unit div.course-unit-content { padding: 0 45px; height: 0; overflow : hidden; position: relative; }

.course-content .course-unit div.course-unit-content ul { margin: 0; padding: 0; position: relative; white-space: nowrap; overflow: hidden;}
.course-content .course-unit div.course-unit-content ul li { vertical-align: top; white-space: normal; }
.course-content .course-unit div.course-unit-content ul li.hidden { width: 0 !important; padding: 0; }

.course-content .course-unit div.course-unit-content .button { position: absolute; top: 0; padding: 0; height: 100%; background: #fff; }
.course-content .course-unit div.course-unit-content .button.prev { left: 0; padding: 0 10px 0 27px; }
.course-content .course-unit div.course-unit-content .button.next { right: 0; padding: 0 27px 0 10px;  }
.course-content .course-unit div.course-unit-content .button a { margin-top: 48px; background-image: url("images/v1.1/video-carousel.gif"); background-repeat: no-repeat; background-position: 0 0; cursor: pointer; display: block; height: 15px; width: 8px; }
.course-content .course-unit div.course-unit-content .button.next a { background-position: -8px 0; }
.course-content .course-unit div.course-unit-content .button a:hover { background-position: 0 -15px; }
.course-content .course-unit div.course-unit-content .button.next a:hover { background-position: -8px -15px; }
.course-content .course-unit div.course-unit-content .button.disabled a { background-position: 0 -30px; }
.course-content .course-unit div.course-unit-content .button.disabled.next a { background-position: -8px -30px; }

.video-thumbnail a p.thumbnail span.photo span.activity-play { display: none; background-image: url(images/course-activity-play.png); background-position: center 5px; background-repeat: no-repeat; padding-top: 55px; color: #fff; text-align: center; font-weight: bold; text-shadow: 0 1px 1px #333; }
.video-thumbnail a p.thumbnail span.photo span.activity-play.activity-centered { padding-top: 70px; background-position: center center; }
.video-thumbnail a:hover p.thumbnail span.photo span.activity-play { display: block;  }

.video-thumbnail a p.thumbnail span.photo span.progress,
	span.photo span.progress,
	div.tipsToolsImgHolder span.progress
		{ display: block; background: transparent url(images/course-progress.png) top left no-repeat  !important; height: 13px; width: 13px; position: absolute; top: 3px; right: 3px; }
.video-thumbnail a p.thumbnail span.photo span.progress.completed,
	span.photo span.progress.completed,
	div.tipsToolsImgHolder span.progress.completed
		{ background-position: 0 -11px !important; }
.video-thumbnail a p.thumbnail span.photo span.progress.started,
	span.photo span.progress.started,
	div.tipsToolsImgHolder span.progress.started
		{ background-position: 0 -24px !important; }
div.tipsToolsImgHolder span.progress { position:static !important; float:right !important; margin-top:1px;}
.videodetails div.info p a span.progress { display: block !important; height: 25px; width: 25px; float:right; margin-top:5px; margin-right:-40px;
	position: relative; top: 0; right: 0; z-index:3;
}
.videodetails div.info p a span.progress.started { background: transparent url(images/course-progress-started.png) top right no-repeat  !important; }
.videodetails div.info p a span.progress.completed { background: transparent url(images/course-progress-completed.png) top right no-repeat  !important; }



.course-description { margin: 0 0 15px; padding: 0 120px 0 0; font-weight: normal; color:#333; font-size: 15px; min-height: 42px; position: relative; }
.course-overall { font-weight: bold; color: #666; position: absolute; font-size: 42px; line-height: 42px; top: 0; right: 0; }

.course-progress { margin: 0 0 20px; padding: 0; padding-right: 12px; }
.course-progress ul, .course-progress ul li { margin: 0; padding: 0; width: 100%; height: 15px; }
.course-progress ul li { display: block; float: right; height: 15px; margin-right: -12px; padding-right: 12px; background: #ccc; position: relative;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.course-progress ul li span { display: block; height: 100%; width: 0;
	-moz-border-radius: 8px 5px 5px 8px;
	-webkit-border-radius: 8px 5px 5px 8px;
	border-radius: 8px 5px 5px 8px;
}
.course-progress ul li em { display: block; background: #fff; height: 11px; width: 11px; position: absolute; top: 2px; right: 2px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.course-progress ul li:hover, .course-progress ul li.hover {
	-moz-box-shadow: 0px 0px 4px #333;
	-webkit-box-shadow: 0px 0px 4px #333;
	box-shadow: 0px 0px 4px #333;
}

.course-progress ul li span, .course-progress ul li.complete { background: #689c32 url(images/course-progress-bar.gif) top left repeat-x; }
.course-progress ul li.complete em { background: #363 url(images/course-progress.png) top left no-repeat; }

.ec-footer-bar .rankings h3 { margin: 10px 10px 0; color: #333; border-bottom: 1px solid #ccc; font-size: 14px; }
.ec-footer-bar .rankings ul { margin: 5px 10px 20px; color: #666; font-size: 12px; padding: 0; }
.ec-footer-bar .rankings ul li { padding: 4px 4px 0; }
.ec-footer-bar .rankings ul li span { padding-top: 5px; float: left; display: block; white-space:nowrap; }
.ec-footer-bar .rankings ul li span.rank { padding: 5px 2px; text-align: center; width: 20px;  }
.ec-footer-bar .rankings ul li span.avatar { width: 20px; margin-right: 5px; padding-top: 0; }
.ec-footer-bar .rankings ul li span.avatar img { max-width: 20px; }
.ec-footer-bar .rankings ul li span.score { float: right;  }

.ec-ui-speak p.course-info.copyright { font-size: 11px; color: #888; }
.ec-ui-speak div.less { margin-bottom: 5px; color: #666; max-width: 150px; }
.ec-ui-speak div.more { margin-bottom: 5px; color: #666; max-width: 260px; }
.ec-ui-speak div.more h4 { font-size: 14px; }
.ec-ui-speak div.more a { font-size: 11px; }
.ec-ui-speak div.more ul { margin: 0; padding: 0 0 0 15px; list-style-type:inherit; }
.ec-ui-speak div.more ul li { margin: 0; padding: 0; }

.ec-ui-speak div.label, .ec-ui-speak div.label a { font-size: 12px; font-weight: bold; }
.ec-ui-speak div.label { margin: 0 -4px 5px; padding: 4px; border: 1px solid #ccc; border-radius: 4px; background: #feffe7; }

.ec-ui-speak h2.course-progress-title { margin: 0 -5px 0 0; min-height: 20px; background-position: right top; background-repeat: no-repeat; font-size: 18px; color: #666; }
.ec-ui-speak h2.course-progress-title.complete { background-image: url(images/course-hover-completed.gif); }
.ec-ui-speak div.course-progress-summary { width: 192px; height: 55px; overflow: hidden; }
.ec-ui-speak div.course-progress-summary p { margin: 0 0 0 4px; padding: 0; font-size: 20px; float: left; width: 60px; text-align: center; }
.ec-ui-speak div.course-progress-summary p span { display: block; font-size: 11px; text-transform: uppercase; }
.ec-ui-speak div.course-progress-summary p small { display: block; font-size: 8px; text-transform: uppercase; color: #999; }


div.diff-toggle { margin: 0; padding: 0; position: relative; height: 30px; font-size: 14px; color: #333; float: right; border: 1px solid #437343; position: relative; background: #a5cd70 url(images/diff-toggle-bk.jpg) top left repeat-x;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
div.diff-toggle a { display: inline-block; vertical-align: middle; text-align: center; font-size: 14px; line-height: 14px;  color: #437343;	width: 40px; white-space:nowrap; }
div.diff-toggle a.all { padding: 8px 10px; }
div.diff-toggle a.alt { padding: 3px 10px; }
div.diff-toggle a.alt small { display: block; padding: 0; margin: 0; font-size: 10px; line-height: 10px; }
div.diff-toggle span.button { display: block; margin: -1px; padding: 0; height: 30px; width: 60px; border: 1px solid #999; background: #fff url(images/diff-toggle-button.jpg) top left repeat-x; position: absolute; top: 0; cursor: pointer;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
span.diff-label { display: block !important; font-size: 14px; line-height: 14px; font-weight: bold; color: #999; padding: 10px; float: right; }

/*v1.7 General Contact Us Form*/
#contact h1 { font-size:28px !important; font-weight:bold; color:#333;}
#contact h3 { font-size:26px !important; font-weight:bold; color:#666;}
#contact .contact-form { margin: 15px 0 0 0; background:#fff; border: 1px solid #D6D6D6; border-radius: 6px 6px 6px 6px; padding:20px;}
#contact .contact-form h2 { color:#777; font-size:20px; font-weight:normal !important;}
#contact .contact-form ul { margin:8px 0px !important; padding:0 !important; color:#999; }
#contact .contact-form ul li {width:410px; margin:0; padding:10px 0px; list-style-type:none; display:inline-block; zoom:1; *display:inline; vertical-align:middle;}
#contact .contact-form ul li span { color:#993333 !important; vertical-align:top !important;}
#contact .contact-form ul.formfield {border-bottom: 1px solid #eee;}
#contact .contact-form ul.formfield li.text { width:410px; color:#999; font-size:21px; }
#contact .contact-form ul.formfield li.text span { font-size:26px; }
#contact .contact-form ul.formfield li.field { width:500px;}
#contact .contact-form ul.formfield.prepaid li {width:411px; font-size:14px; font-weight:bold;}
#contact .contact-form ul.formfield.prepaid li ul.formlist {margin:0px !important;}
#contact .contact-form ul.formfield.prepaid li ul.formlist li { list-style-type:none; display:inline-block; zoom:1; *display:inline; vertical-align:middle;}
#contact .contact-form ul.formfield.prepaid li ul.formlist li.textfield{width:155px !important;}
#contact .contact-form ul.formfield.prepaid li ul.formlist li.formfield{width:248px !important;}
#contact .contact-form span.card { background:url('images/img-contactus-card.jpg') no-repeat; width:314px; height:216px; display:block; margin-left:30px; }
#contact .contact-form span.listen { background:url('images/img-contactus-listen.jpg') no-repeat; width:378px; height:199px; display:block; margin-left:30px;}
#contact .contact-form .reg-form-fields {
	font-size: 14px; margin: 0; padding: 6px 25px 7px 10px;
	text-align: left; color: #999; border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	-moz-box-shadow: inset 0px 0px 6px #ccc;
	-webkit-box-shadow: inset 0px 0px 6px #ccc;
	box-shadow: inset 0px 0px 6px #ccc;
	z-index:0 !important;
	margin-bottom:4px;
	width:330px !important;
}
#contact .contact-form .reg-form-fields.prepaid-small {width:50px !important; height:15px !important; font-size:11px;}
#contact .contact-form .reg-form-fields.prepaid-long {width:170px !important; height:15px !important; font-size:11px;}
#contact .contact-form .reg-form-fields.prepaid-tiny {width:20px !important; height:15px !important; font-size:11px;}
#contact .contact-form .reg-form-fields.prepaid-medium {width:110px !important; height:15px !important; font-size:11px;}
#contact .contact-form .register-form-text { height: 20px; }
#contact .contact-form .register-form-textarea { height: 130px; }
#contact .contact-form .register-form-textarea.prepaid-textarea {height:90px !important; margin-top:5px; margin-bottom:10px; font-size:11px;}
#contact .contact-form .register-form-select { height:40px important; width:365px !important;}
#contact .contact-form .anon-register-form-button {
	background: url("images/landing-ec-bg.jpg") repeat-x scroll left top #922222;
	border: 0 none;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 22px;
	font-weight: bold;
	height: 42px;
	line-height: 42px;
	text-shadow: 0 1px 1px #333333;
	vertical-align: middle;
	width: 100px !important;
}
#contact .contact-form a { color: #993333 !important;}
#contact .contact-form ul.errors li{ color: #993333 !important; margin-top: -14px;}
#contact div.general-contactus-header {background:url("images/img-contactus.jpg") no-repeat left center; min-height:83px; height:auto; padding-left:90px; width:300px;}
#contact .contact-form p.prepaid-message {font-size:14px; color:#666; margin-top:-30px; margin-bottom:20px;}
#contact .contact-form #startFormat {font-size: 11px; margin: 0; padding: 6px 25px 7px 10px; margin-bottom:4px; margin-left:10px; z-index:0 !important; width:140px !important; text-align: left; color: #999; border: 1px solid #ccc;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; -moz-box-shadow: inset 0px 0px 6px #ccc; -webkit-box-shadow: inset 0px 0px 6px #ccc; box-shadow: inset 0px 0px 6px #ccc;}
#contact .contact-form p .ui-datepicker-trigger {
	background: url("images/v1.1/icon-calendar.gif") no-repeat scroll center center transparent;
	border: medium none;
	cursor: pointer;
	height: 20px;
	margin: 0 2px;
	padding: 0;
	width: 15px;
}

/* v1.8 REGISTRATION AND LANDING PAGE START*/
a.landing-button {
	background-repeat: repeat-x; background-position: top left; background-color: #fecb6e; background-image: url(images/landing-button-bk.jpg); display: inline-block; *display: inline; zoom: 1;
	font-size: 18px; font-weight: bold; color: #000; padding: 10px 45px 10px 15px; border-radius: 6px; text-shadow: 1px 0 1px #999; position: relative;
}
a.landing-button:hover { color: #666; text-decoration: none; background-image: url(images/landing-button-hover.jpg); }
a.landing-button span { display: block; width: 29px; height: 28px; background: url(images/pricing-btn-arrow.png) top left no-repeat; position: absolute; top: 6px; right: 10px; }

.landing-header { background: #933; color: #fff; }
.landing-header h1 { padding: 25px 0; font-size: 27px; position: relative; }
.landing-header h1 a.landing-button { position: absolute; top: 20px; right: 20px; }
.landing-header h1 > p { margin-right: 260px; }

/* v1.8 PRICING PAGE */
.pricing-header ul, .pricing-content ul { margin: 0; padding: 0 20px 0 0; clear: right; position: relative; }
.pricing-header ul li.price, .pricing-content ul li.price { float: right; width: 180px; text-align: center; }

.pricing-header ul.label { margin: 25px 0 0; }
.pricing-header ul.label li { font-size: 24px; font-weight: bold; color: #666; }
.pricing-header ul.label li.premium { color: #933; }
.pricing-header ul.title { background: #666; color: #fff; border-radius: 6px 6px 0 0; }
.pricing-header ul.title li h1 { font-size: 24px; padding: 20px 0 20px 20px; }
.pricing-header ul.title li.premium { padding-top: 8px; }
.pricing-header ul.title li.premium span { display: block; font-weight: bold; font-size: 14px; line-height: 18px; }
.pricing-header ul.title li.premium span > span { font-weight: normal; }
.pricing-header ul.title li.premium span.excitepay { padding-top: 5px; }
.pricing-header ul.title li.basic { font-size: 20px; padding-top: 20px; }

.pricing-content { background: #fff; border-radius: 0 0 7px 7px; box-shadow: 0 3px 3px 0 #b0b0b0; }
.pricing-content ul { border: 1px solid #ccc; border-top: none; min-height: 80px; }
.pricing-content ul li { padding: 5px 450px 10px 90px; background-position: 20px 20px; background-repeat: no-repeat; }
.pricing-content ul li.price { margin:0; padding: 45px 0 0; background-position: center 20px; background-repeat: no-repeat; background-image: url(images/pricing-check-basic.gif); font-size: 14px; }
.pricing-content ul li.price.premium { padding-top: 50px; background-image: url(images/pricing-check-premium.gif); font-weight: bold; }
.pricing-content ul li.price b { font-size: 18px; }

.pricing-content ul li.watch { background-image: url(images/pricing-watch.png); }
.pricing-content ul li.learn { background-image: url(images/pricing-learn.png); }
.pricing-content ul li.speak { background-image: url(images/pricing-speak.png); padding-top: 10px; padding-bottom: 30px; }
.pricing-content ul li.course { background-image: url(images/pricing-courses.png); padding-top: 10px; padding-bottom: 30px; }

.pricing-content ul li h2 { font-size: 14px; padding: 4px 0; }
.pricing-content ul li p { font-size: 14px; }

.pricing-content ul.admin { background-color: #f7f7f7; border-radius: 0 0 6px 6px; }
.pricing-content ul.admin li { padding: 10px 90px 20px; font-size: 14px; background-image: url(images/pricing-teacher.png); }
.pricing-content ul.admin li h2 { font-size: 16px; }
.pricing-content ul.admin li p a { color: #933; }
.pricing-content ul.admin li a.landing-button { position: absolute; top: 15px; right: 20px; }

.pricing-payment-notice{ margin-top: 20px; padding: 0 20px; font-size: 12px; }

.landing-red-header-bar { width:100%; background:#993333; height:89px; margin-top:-1px; border-bottom: 1px solid #FFFFFF;}
.home-main-red { background-color: #993333; color: #fff; font-size: 31px; font-weight: bold; height:auto; width: 100%;  line-height:1.1;}
#pricingContent .home-main-red, #home-ec .home-main-red { line-height:85px; font-size: 27px !important;  }
#registrationContainer .home-main-red { margin-top:0 !important;}
#home-ec .home-main-red { margin-top:-4px !important;}
.home-main-red.form-banner { width: 100%; border-bottom:1px solid #fff; height:74px; padding: 7px 0 8px !important;}
.home-main-red.form-banner span { display:block; width:535px; }
.page .content #home-ec, .page .content #pricingContent{ padding:0 !important;}

/* v1.8 What is Englishcentral*/
#home-ec .main-content { background: none repeat scroll 0 0 #FFFFFF; color: #333333; margin: 23px 0 0; border: 1px solid #D4D4D4; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  box-shadow: 0 3px 3px 0 #B0B0B0;}
#home-ec .main-content .banner { background-repeat:no-repeat; background-position:center top; height:480px;}
#home-ec .home-main-red span { display: inline-block; line-height: 1.1; vertical-align: middle; width: 580px; }
#home-ec a.tour-btn {text-decoration:none; color:#000;}
#home-ec a.tour-btn:hover {text-decoration:none; color:#333;}
#home-ec .banner-button{
	-moz-box-shadow:inset 0px 1px 0px 0px #993333;
	-webkit-box-shadow:inset 0px 1px 0px 0px #993333;
	box-shadow:inset 0px 1px 0px 0px #cc5a5a;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFDF9E), color-stop(1, #FFCC66) );
	background:-moz-linear-gradient( center top, #FFDF9E 5%, #FFCC66 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDF9E', endColorstr='#FFCC66');
	background-color:#993333;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #660000;
	display:inline-block;
	color:#000;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:15px 12px 7px 15px;
	text-decoration:none;
	text-shadow:1px 0px 1px #999;
	min-width:135px;
	width:auto;
	cursor:pointer;
	float:right;
	margin-top: -62px;
	height:25px;
}
#home-ec .banner-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFCC66), color-stop(1, #FFDF9E) );
	background:-moz-linear-gradient( center top, #FFCC66 5%, #FFDF9E 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCC66', endColorstr='#FFDF9E');
	background-color:#990000;
	color:#333;
	text-decoration:none;
}
#home-ec .banner-button-arrow { background: url('images/pricing-btn-arrow.png') right center no-repeat; margin-top:-57px; position:relative; left:930px; width:30px; height:42px;}
#home-ec ul.main-table { margin:-10px 40px 30px; padding:0; }
#home-ec ul.main-table h1 { font-weight:bold; font-size:18px;}
#home-ec ul.main-table h2 { font-weight:bold; font-size:20px; margin-bottom:5px; }
#home-ec ul.main-table p { font-size:14px; line-height:1.4; }
#home-ec ul.main-table li {display:inline-block; zoom:1; *display:inline; width: 278px; vertical-align:top;}
#home-ec ul.main-table li.col3 {  border-left:1px solid #ccc;}
#home-ec ul.main-table li.col1 {  border-right:1px solid #ccc; width:295px; padding: 0 10px; }
#home-ec ul.main-table li.col2 {  width:240px;}
#home-ec ul.main-table li.col2, #home-ec ul.main-table li.col3 { padding:0px 10px;}
#home-ec .ec-img1 { background: url("images/wiec-col1img.png") no-repeat center top transparent; width:133px; height:125px; display:block; float: right; margin: 0 0 0 5px; }
#home-ec .ec-img2 { background: url("images/wiec-col2img.png") no-repeat center top transparent; width:109px; height:109px; display:block; float: right; }
#home-ec .ec-img3 { background: url("images/wiec-col3img.png") no-repeat center top transparent; width:113px; height:109px; display:block; float: right; }
#home-ec .ec-img4 { background: url("images/img-home-ec4.jpg") no-repeat center top transparent; height:147px; display:block; margin-bottom:107px !important;}
#home-ec .ec-img5 { background: url("images/img-home-ec5.jpg") no-repeat center top transparent; height:166px; display:block; margin-bottom:89px !important;}
#home-ec .ec-img6 { background: url("images/img-home-ec6.jpg") no-repeat center top transparent; height:165px; display:block;}
#home-ec .footer { margin:20px 40px 40px; color:#666;}
.browse-links { text-align:center; width:100%; }
.browse-links span{ display:inline-block; font-size:20px;  padding: 5px 8px; color:#999 !important;}
.browse-links span.label { color:#ccc !important;}
.browse-links a { color:#999 !important; }
#home-ec div.big-header { margin:40px 40px 0; padding:10px 30px 20px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#home-ec div.big-header h1 { font-size:40px; font-weight:bold; margin-bottom:3px; }
#home-ec div.big-header p { width: 610px; font-size:20px; line-height:1.2; }
#home-ec div.big-header a.myButtonRed { float: right; margin-top: 20px; }


/* v1.8 REGISTRATION FORM */
.register-form-section{
	margin-left: 581px;
	margin-top: -425px;
	position: absolute;
	z-index:100;
}
#ec-reg-form  {
	background: none repeat scroll 0 0 #EDEBE9;
	border: 1px solid #D4D4D4;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 3px 2px 0 #CCCCCC;
	min-height: 447px;
	padding: 20px 15px;
	width: 330px;
}
#ec-reg-form .register-form-text { color: #999999; font-size: 21px; height: 30px !important; margin-bottom: 0 !important; width: 246px !important;}
#ec-reg-form .registerBtn { width:auto;}
#ec-reg-form .registerTxt { margin-top:5px; color:#999; margin-left: 45px; margin-top: 5px; width: 230px;}
#ec-reg-form .email-subscription { margin-left:20px; margin-bottom:15px;}
#ec-reg-form .terms-notice { margin-right:20px !important; width:170px !important;}
#ec-reg-form .fb_button .fb_button_text, .register-container .fb_button_rtl .fb_button_text {font-size: 18px !important; padding: 10px !important;}
#ec-reg-form .fb_button_large, #ec-reg-form .fb_button_large_rtl { background-position: left -99px !important; }
#ec-reg-form .fb_button_large .fb_button_text { margin-left: 38px !important; }
#ec-reg-form span.fbConnect {margin-left:27px !important; margin-bottom:15px !important; height:38px;}
#ec-reg-form .anon-register-form-button { text-align: center !important; width: 230px;}
#ec-reg-form .anon-register-form-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05,#990000), color-stop(1, #E22B2C) );
	background:-moz-linear-gradient( center top, #990000 5%, #E22B2C 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#990000', endColorstr='#E22B2C');
	background-color:#E22B2C;
	color:#ccc;
	text-decoration:none;
}
#register-form span.registerBtn .anon-register-form-button { font-size:15px !important; width:155px !important; }

/*v1.8 REGISTRATION FORMS - LEARNER, TEACHER, PARTNER*/
.landing-header.registration-header { border-bottom: 1px solid #fff; }
.landing-header.registration-header h1 { padding: 10px 0; }
.landing-header.registration-header h1 span { display: block; width: 560px; }
#main.registration-learner .demo-content { background: #000 url('images/registration-learner-bg.jpg') center top no-repeat; }
#main.registration-teacher .demo-content { background: #000 url('images/registration-teacher-bg.jpg') center top no-repeat; }
#outerContainer.learner, #outerContainer.teacher, #outerContainer.partner { height:428px !important;}
#outerContainer.learner { background:#000 url('images/registration-learner-bg.jpg') center top; background-repeat:no-repeat; }
#outerContainer.teacher { background:#000 url('images/registration-teacher-bg.jpg') center top; background-repeat:no-repeat; }
#demopics { height:348px; width: 600px; margin: 0; }
.registration-banner.learner{ background-position: left center; background-repeat:no-repeat; width:580px; height:345px; }
.registration-banner.teacher{ background-position: left center; background-repeat:no-repeat; width:519px; margin-left:0px; margin-top:24px; }
.demo-content { height: 338px; }
.demo-content ul.img-overlay{ background-color:#000; height:50px; display:block; width:565px; margin-left:-2px; position:absolute; margin-top:-81px; z-index:20; color:#fff; padding:10px; opacity:0.8; filter:alpha(opacity=80);}
.demo-content ul.img-overlay span.label{ display:block; font-size:25px;}
.demo-content ul.img-overlay span.description{ display:block; font-size:13px;}
.demo-content ul.img-overlay li {display:inline-block; zoom:1; *display:inline; vertical-align:middle;}
.demo-content ul.img-overlay li.demodetails { width:415px;}
.demo-content ul.img-overlay li.navigation { width:120px; vertical-align:middle !important;}
.registration-landing { margin-top:-15px;  padding-bottom:30px; width:545px; margin-left:10px; /*background:#fff;border-bottom: 1px solid #ccc; -moz-border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px; box-shadow: 0 3px 3px 0 #CCCCCC;*/}
.registration-landing h1 { color:#666; padding:30px 25px 12px 0px; font-size: 24px; }
.registration-landing .testimonial-box { border:1px solid #d6d6d6; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; box-shadow: 0 3px 0px 0 #CCCCCC; padding:10px; min-height:50px; height:auto;}
.registration-landing .testimonial-box ul.testimonial-content { margin:0; padding:0;}
.registration-landing .testimonial-box ul.testimonial-content li { display:inline-block; zoom:1; *display:inline; vertical-align:middle; }
.registration-landing .testimonial-box ul.testimonial-content li.quotes { background:url('images/testimonial-quotes.jpg') center top; background-repeat:no-repeat; width: 76px; height: 63px; }
.registration-landing .testimonial-box ul.testimonial-content li.textbody { font-size:14px; width: 430px; padding-left: 5px; color:#666;}
.registration-landing .testimonial-box ul.testimonial-content li.textbody-ec { width: 400px; padding-left: 10px; color:#666; font-size:15px;}
.registration-landing .testimonial-box p.testimonial-arrow { background:url('images/testimonial-arrow.jpg') center top; background-repeat:no-repeat; width:42px; height:50px; position:absolute; margin-top:5px; margin-left:20px; }
.registration-landing ul.user-testimonial { margin-top:10px; margin-left:80px; padding:0; width:400px;}
.registration-landing ul.user-testimonial li { display:inline-block; zoom:1; *display:inline; vertical-align:middle; }
.registration-landing ul.user-testimonial li.avatar { border:1px solid #ccc; padding: 3px 3px 0; width:auto; }
.registration-landing ul.user-testimonial li.avatar-ec { width:50px; background:url('images/testimonial-ec.jpg') center top; background-repeat:no-repeat; height:50px;}
.registration-landing ul.user-testimonial li.username { width:200px; margin-left:3px;}
.registration-landing ul.user-testimonial li.username h1 { color:#666; font-size:14px; font-weight:bold; padding:0;}
.registration-landing ul.user-testimonial li.username span { color:#999;}
.registration-landing ul.reg-testimonial { margin:0; }
.registration-landing ul.reg-testimonial li { display:inline-block; zoom:1; *display:inline; vertical-align:top;}
.registration-landing ul.reg-testimonial li.image { width:130px;}
.registration-landing ul.reg-testimonial li.testimonial { width:350px; margin-left:10px; font-size:15px; color:#666;}
.registration-landing ul.reg-testimonial li.testimonial p.statement { color:#999; font-size:1}
.registration-landing ul.reg-testimonial li.testimonial p.user { color:#666; font-style:italic; font-weight:bold; margin-top:8px;}
.registration-landing ul.reg-testimonial li.learner { background:url('images/learner-testimonial.jpg') center center; background-repeat:no-repeat; width:159px; height:121px; }
.registration-landing ul.reg-testimonial li.teacher{ background:url('images/teacher-testimonial.jpg') center center; background-repeat:no-repeat; width:159px; height:121px; }
.registration-landing ul.reg-testimonial ul.testimonial-list { margin:0;  padding: 0 0 0 5px; width:370px; list-style: disc outside none !important; }
.registration-landing ul.reg-testimonial ul.testimonial-list li { display:block; margin-bottom:5px;}
.registration-landing .teacher-links { width:510px; margin-top: 30px; margin-left: 15px;}
.registration-landing .teacher-link-content { min-height:20px; padding:5px 0; color:#666; font-size:14px;}
.registration-landing p.teacher-link-content span { display:inline-block; vertical-align:middle; margin-right:15px; padding-top: 4px; }
.registration-landing p.teacher-link-content span a { color:#993333;}
.registration-landing p.teacher-link-content span.download { background:url('images/register-teacher-download.png') left center; background-repeat:no-repeat; height:22px; padding-left:28px; }
.registration-landing p.teacher-link-content span.contact { background:url('images/register-teacher-arrow.png') left center; background-repeat:no-repeat; height:22px; padding-left:38px; }
.registration-landing .border-vertical { background:url('images/reg-teacher-border-vertical.jpg') center center; background-repeat:no-repeat; height:21px;  width:6px;}
.registration-landing .border-horizontal { background:url('images/reg-teacher-border-horizontal.jpg') center center; background-repeat:repeat-x; height:7px; }
#registrationContainer .register-line { background:url('images/registration-form-line.jpg') center center; background-repeat:no-repeat; height:18px; text-align:center; font-size:18px; font-weight:bold; color:#666; }
#registrationContainer .reg-footer { margin-top: 30px;}
#registrationContainer .reg-footer span { display:block; margin-bottom:15px;}
#registrationContainer .reg-footer span.border { background:url('images/reg-form-bottom-border.jpg') center center; background-repeat:no-repeat; height:3px;  width:296px;}
#registrationContainer .reg-footer span.link { text-align:center; font-size:15px;}

a.teacher-blog-link { display: block; position: relative; background-repeat: no-repeat; background-position: top left; background-image: url("images/teacher-reg-blog-en.jpg"); height: 209px; width: 331px; margin-left:16px; margin-top:-1px;}
a.teacher-blog-link span { display: none; height: 28px; width: 63px; position: absolute; top: 161px; left: auto; right: 20px; background: url(images/teacher-reg-blog-arrow.gif) top left no-repeat; }
a.teacher-blog-link:hover span { display: block; }
a.teacher-blog-link.ja { background-image: url("images/teacher-reg-blog-ja.jpg"); }
a.teacher-blog-link.ko { background-image: url("images/teacher-reg-blog-ko.jpg"); }
a.teacher-blog-link.tr { background-image: url("images/teacher-reg-blog-tr.jpg"); }
a.teacher-blog-link.vi { background-image: url("images/teacher-reg-blog-vi.jpg"); }
a.teacher-blog-link.es { background-image: url("images/teacher-reg-blog-es.jpg"); }
a.teacher-blog-link.pt { background-image: url("images/teacher-reg-blog-pt.jpg"); }
a.teacher-blog-link.zh { background-image: url("images/teacher-reg-blog-zh.jpg"); }

#carousel-prev, #carousel-next { cursor: pointer;}
#carousel-prev{background: url('images/teacher-regnav-leftarrow.png') scroll no-repeat center center; width:7px; height:13px;}
#carousel-next{background: url('images/teacher-regnav-rightarrow.png') scroll no-repeat center center; width:7px; height:12px;}
#carousel-nav a {
	display:inline-block;
	margin:0 3px 0 3px;
	width: 10px;
	height:15px;
	text-indent: -9000px;
	text-transform: capitalize;
	background: url('images/teacher-regnav-whitecircle.png') scroll no-repeat center center;
	*text-indent:0px !important;
	*font-size:0px !important;
	*line-height:0;
}
#carousel-nav a:focus{outline:none;}
#carousel-nav a.activeSlide {background: url('images/teacher-regnav-redcircle.png') scroll no-repeat center center;}


/* v1.8 REGISTRATION AND LANDING PAGE END*/


/* v1.8 MY ENGLISH */
.course-button { padding: 8px 10px; background: #9cca5e url(images/course-button-bk.jpg) top left repeat-x; font-size: 12px; line-height: 12px; font-weight: bold; color: #3b6b1a !important; border: 1px solid #73a948; border-radius: 4px; text-shadow: 0 1px #c8e1a7; position: relative; display: inline-block; *display: inline; zoom: 1; }
.course-button:hover { color: #5d863c !important; text-decoration: none; }
.course-button.icon { padding-left: 27px; }
.course-button.icon span { display: block; position: absolute; left: 5px; top: 5px; height: 18px; width: 19px; background-repeat: no-repeat; background-position: top left; background-color: transparent; }
.course-button.add span { background-image: url(images/ico-add-course.png); }
.course-button.added span { background-image: url("images/ico-btn-green-rightarrow.png"); }
.course-button.buy span { background-image: url(images/ico-buy-course.png); }
.course-button.preview span { background-image: url(images/ico-preview-course.png); }
.course-button.upgrade span { background-image: url(images/ico-upgrade-premium.png); }

.course-button.large { font-size: 16px; line-height: 16px; }
.course-button.icon.large span { top: 7px; }

.course-button.verylarge { font-size: 22px; line-height: 22px; }
.course-button.icon.verylarge { padding: 10px 20px 10px 40px; }
.course-button.icon.verylarge span { top: 7px; height: 30px; width: 31px; background-image: url(images/ico-upgrade.png); }

.ec-ui-speak .content a.course-button { color: #3b6b1a !important; }
.ec-ui-speak .content a.course-button:hover { color: #5d863c !important; text-decoration: none; }

.course-button.disabled { background: #ededed url(images/v1.1/school-tabs-bk.jpg) repeat-x left bottom; color: #999 !important; border-color: #ccc; text-shadow: 0 1px #f0f0f0; }
.course-button.disabled:hover { color: #999 !important;  }

.course-button.upgrade { background: #ca4040 url(images/course-premium-button-bk.jpg) top left repeat-x; border: 1px solid #ab2d2e; color: #fff !important; text-shadow: 0 1px #333; }
.course-button.upgrade:hover { color: #ddd !important; }

.ec-ui-speak .content a.course-button.upgrade { color: #fff !important; }
.ec-ui-speak .content a.course-button.upgrade:hover { color: #ddd !important; }

.ec-ui-course { margin: 10px 0 20px; padding: 10px 0 50px; position: relative; background: #fff; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0px 2px 0px #ccc; }
.ec-ui-course.active { background: #fff; cursor: default; }
.ec-ui-course h1 { margin: 0; padding: 0 100px 0 20px; font-size: 24px; }
.ec-ui-course h2 { margin: 0; padding: 0 100px 0 20px; font-size: 14px; font-weight: normal; }
.ec-ui-course .ec-ui-course-archive { display: none; position: absolute; top: 0; right: 0; padding: 4px; width: 11px; height: 12px; background: url(images/course-archive-button.gif) center center no-repeat; cursor: pointer; }
.ec-ui-course .ec-ui-course-progress { position: absolute; top: -7px; left: auto; right: 12px; margin:0; margin: 0; padding: 8px 8px 0 0; background: url(images/home-course-progress.png) top left no-repeat; height: 56px; width: 60px; text-align: center; color: #fff; font-size: 9px; font-weight: normal; }
.ec-ui-course .ec-ui-course-progress span { display: block; font-size: 20px; font-weight: bold; }
.ec-ui-course .ec-ui-course-preview {
	text-align: center; position: absolute; top: 120px; left: 0; width: 85%; display: none; opacity: 0.3; filter: alpha(opacity=30);
	-moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg);
}
.ec-ui-course .ec-ui-course-preview > span {
	font-weight: bolder; font-size: 96px; line-height: 96px; white-space: nowrap;
	margin: 0 auto; text-transform: uppercase; color: #990100;
	font-family: Arial Black, Arial, Helvetica, Sans-Serif;
}
.ec-ui-course ul.ec-ui-course-unit-list { overflow: hidden; width: 100%; height: 40px; margin: 0; padding: 0; position: absolute; bottom: 0; white-space: nowrap; background: #f4f4f4 url(images/course-unit-list.jpg) 0 -30px repeat-x; border-radius: 0 0 6px 6px; }
.ec-ui-course ul.ec-ui-course-unit-list li { margin: 0; padding: 7px 10px 8px; width: 80px; display: inline-block; text-align: center; *display: inline; zoom: 1; position: relative; left: 34px; cursor: pointer; }
.ec-ui-course ul.ec-ui-course-unit-list li.selected { background: #f4f4f4 url(images/course-unit-list.jpg) center 0 no-repeat; font-weight: bold; }
.ec-ui-course ul.ec-ui-course-unit-list li.hidden { display: none; }
.ec-ui-course ul.ec-ui-course-unit-list li.started a, .ec-ui-course ul.ec-ui-course-unit-list li.completed a { position: relative; left: 7px; }
.ec-ui-course ul.ec-ui-course-unit-list li.started a:before { content:''; height: 13px; width: 13px; position: absolute; top: 0; left: -15px; background: url(images/course-progress.png) no-repeat scroll 0 -24px transparent; }
.ec-ui-course ul.ec-ui-course-unit-list li.completed a:before { content:''; height: 13px; width: 13px; position: absolute; top: 0; left: -15px; background: url(images/course-progress.png) no-repeat scroll 0 -11px transparent; }
.ec-ui-course.disabled ul.ec-ui-course-unit-list li.started a, .ec-ui-course.disabled ul.ec-ui-course-unit-list li.completed a { position: relative; left: 0px; }
.ec-ui-course.disabled ul.ec-ui-course-unit-list li.started a:before, .ec-ui-course.disabled ul.ec-ui-course-unit-list li.completed a:before { display: none; }
.ec-ui-course .course-button { position: absolute; bottom: 5px; right: 5px; }

.ec-ui-course.hover { cursor: pointer; box-shadow: 0px 2px 6px #999; }

.ec-ui-course.disabled .video-thumbnail span.photo > span { display: none !important; }
.ec-ui-course.disabled .ec-ui-course-progress { display: none; }

.ec-ui-course h3 { margin: 10px 0 -32px; padding: 2px 20px; font-size: 18px; line-height: 22px; border-color: #fff; border-style: double; border-width: 4px 0; background: #eee; display: none; }
.ec-ui-course div.ec-ui-course-unit-content { margin: 0; padding: 72px 30px 0px 43px; display: none; height: 0; position: relative; overflow: hidden; }
.ec-ui-course div.ec-ui-course-unit-content ul { margin: 0; padding: 0; white-space: nowrap; }
.ec-ui-course div.ec-ui-course-unit-content ul li { white-space: normal; margin-bottom: 20px; vertical-align: top; display: inline-block; *display: inline; zoom: 1; }
.ec-ui-course div.ec-ui-course-unit-content ul li.course-warmup { width: 130px; height: 125px; margin: 0 4px 20px; padding: 4px; }
.ec-ui-course div.ec-ui-course-unit-content ul li.course-warmup h4 { font-size: 28px; line-height: 24px; text-align: center; color: green; }
.ec-ui-course div.ec-ui-course-unit-content ul li.course-warmup h4 span { display: block; margin-top: 6px; font-size: 14px; line-height: 14px; color: #666; text-transform: uppercase; }
.ec-ui-course div.ec-ui-course-unit-content ul li.course-warmup.start h4 { padding: 10px 20px 40px 0; background: url(images/course-warmup-start.gif) right bottom no-repeat; }
.ec-ui-course div.ec-ui-course-unit-content ul li.course-warmup.start h4 span { padding: 0 20px; }
.ec-ui-course div.ec-ui-course-unit-content ul li.course-warmup.complete h4 { padding:  0 0 60px 0; background: url(images/course-warmup-complete.gif) bottom center no-repeat; }
.ec-ui-course div.ec-ui-course-unit-content ul li.course-warmup.complete h4 span { margin: 6px -10px 0; }

.ec-ui-course div.ec-ui-course-unit-content ul li.selected { border: 1px solid #ccc; padding-top: 25px; position: relative; top: -25px; box-shadow: 0 0 4px #999; border-radius: 6px; }
.ec-ui-course div.ec-ui-course-unit-content ul li.selected p.thumbnail { box-shadow: none; }
.ec-ui-course div.ec-ui-course-unit-content ul li.selected a { padding-top: 25px; position: relative; top: -25px; }
.ec-ui-course div.ec-ui-course-unit-content ul li.selected a > span {
	display: block; width: 100%; position: absolute; top: 0; left: 0; border-radius: 6px 6px 0 0;
	background: #cf6801 url(images/course-studynow-bk.jpg) top left repeat-x;
	color: #fff; text-transform: uppercase; font-weight: bold; text-align: center; padding: 4px 0; font-size: 14px; line-height: 12px;	
}

.ec-ui-course div.ec-ui-course-unit-content .button { position: absolute; top: 40px; padding: 0; height: 180px; width: 45px; background: #fff; }
.ec-ui-course div.ec-ui-course-unit-content .button.prev { left: 0; right: auto; }
.ec-ui-course div.ec-ui-course-unit-content .button.next { left: auto; right: 0; }
.ec-ui-course div.ec-ui-course-unit-content .button a { display: block; position: absolute; top: 22px; padding: 0 10px; height: 125px; background: #fff url(images/carousel-button-bk.jpg) bottom left repeat-x; border: 1px solid #ccc; }
.ec-ui-course div.ec-ui-course-unit-content .button.prev a { left: -1px; right: auto; border-radius: 0 4px 4px 0; }
.ec-ui-course div.ec-ui-course-unit-content .button.next a { left: auto; right: -1px; border-radius: 4px 0 0 4px; }
.ec-ui-course div.ec-ui-course-unit-content .button a span { margin-top: 55px; background-image: url("images/carousel-button-icons.gif"); background-repeat: no-repeat; background-position: 0 0; cursor: pointer; display: block; height: 15px; width: 8px; }
.ec-ui-course div.ec-ui-course-unit-content .button.next a span { background-position: -8px 0; }
.ec-ui-course div.ec-ui-course-unit-content .button a:hover span { background-position: 0 -15px; }
.ec-ui-course div.ec-ui-course-unit-content .button.next a:hover span { background-position: -8px -15px; }
.ec-ui-course div.ec-ui-course-unit-content .button.disabled a { display: none; }
.ec-ui-course div.ec-ui-course-unit-content .button.disabled a span { background-position: 0 -30px; }
.ec-ui-course div.ec-ui-course-unit-content .button.disabled.next a span { background-position: -8px -30px; }

.ec-ui-course > a.arrow { display: block; height: 15px; width: 8px; position: absolute; bottom: 17px; left: auto; right: 10px; background-repeat: no-repeat; background-image: url(images/carousel-button-icons.gif); background-position: -8px -45px; }
.ec-ui-course > a.arrow.prev { background-position: 0px -45px; left: 10px; right: auto; }
.ec-ui-course > a.arrow.disabled { display: none; }

ul.course-paginator { margin: 0 40px 50px; padding: 8px 0; text-align: center; box-shadow: 0 12px 20px -12px #999; }
ul.course-paginator li { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
ul.course-paginator li.button { margin: 0 5px; padding: 0; height: 13px; width: 7px; background: url(images/course-paginator-button.gif) -7px 0 no-repeat; }
ul.course-paginator li.button.prev { background-position: 0 0; }
ul.course-paginator li.button a { display: block; height: 100%; width: 100%; background: url(images/course-paginator-button.gif) -7px -13px no-repeat; }
ul.course-paginator li.button.prev a { background-position: 0 -13px; }
ul.course-paginator li.button a:hover { background-position: -7px -26px; }
ul.course-paginator li.button.prev a:hover { background-position: 0 -26px; }

.home-welcome { padding: 10px 20px; margin: 0 0 20px; background: #feffe7 url(images/home-welcome-20120326.jpg) right 20px no-repeat; border: 1px solid #ccc; color: #333; border-radius: 6px; position: relative; min-height: 150px; }
.home-welcome a.home-welcome-hide { background: url(images/course-archive-button.gif) no-repeat scroll center center transparent; width: 11px; height: 12px; display: block; position: absolute; padding: 4px; top: 0; right: 0; }
.home-welcome ul { margin: 0; padding: 5px 250px 20px 15px; list-style-type: disc; font-size: 14px; line-height: 18px;  }
.home-welcome ul li em { font-weight: bold; font-style: italic; }
.home-welcome ul li a { color: #c33; }
.home-welcome .course-button-container { position: absolute; left: auto; right: 20px; bottom: 20px; width: 225px; text-align: center; }

.home-archive.hidden { display: none; }
.home-archive { padding: 10px 0 0; background: #fff; border: 1px solid #ccc; border-radius: 6px; box-shadow: 0px 2px 0px #ccc; }
.home-archive a.home-archive-toggle { color: #333; text-decoration: none; }
.home-archive a.home-archive-toggle h1 { margin: 0; padding: 0 15px 10px 20px; font-size: 24px; }
.home-archive a.home-archive-toggle h1 span { display: block; margin: 5px 0 0; padding: 0; float: right; height: 16px; width: 16px; background: url(images/course-button.gif) 0px 0px no-repeat; }
.home-archive a.home-archive-toggle:hover h1 span { background-position: 0px -16px; }
.home-archive a.home-archive-toggle.open h1 span { background-position: -16px 0px; }
.home-archive a.home-archive-toggle.open:hover h1 span { background-position: -16px -16px; }
.home-archive ul { margin: 0 0 30px; padding: 0; border-top: 1px solid #ccc; }
.home-archive ul li { margin: 0; padding: 8px 20px 8px 35px; border-bottom: 1px solid #ccc; font-size: 14px; font-weight: bold; position: relative; }
.home-archive ul li.started:before { content:''; height: 13px; width: 13px; position: absolute; top: 9px; left: 20px; background: url(images/course-progress.png) no-repeat scroll 0 -24px transparent; }
.home-archive ul li.completed:before { content:''; height: 13px; width: 13px; position: absolute; top: 9px; left: 20px; background: url(images/course-progress.png) no-repeat scroll 0 -11px transparent; }
.home-archive ul li a.unarchive { display: block; float: right; width: 17px; height: 18px; background: url(images/teach-manage-btn-add.gif) center center no-repeat; margin: -1px 5px 0 0; }
.home-archive ul li span.archive-progress { float: right; display: block; width: 120px; font-size: 12px; font-weight: normal; padding: 0; }
.home-archive ul li span.archive-units { float: right; display: block; width: 140px; font-size: 12px; font-weight: normal; color: #666; margin: 0 10px; }

.home-stripbar { width: 100%; margin: 0; padding: 0; position: fixed; top: auto; left: 0; bottom: 0; background: #1f1f1f url("images/ec-stripbar-bk.jpg") no-repeat scroll center top; color: #fff; border-top: 1px solid #111; box-shadow: 0px 2px 6px #999; }
.home-stripbar ul { margin: 0 auto; padding: 5px 0 0; height: 40px; }
.home-stripbar ul li { margin: 0; padding: 0; width: 25%; text-align: center; display: inline-block; *display: inline; zoom: 1; position: relative; vertical-align: top; }
.home-stripbar ul li a.home-stripbar-element { display: block; color: #ddd; margin: 0 20px; text-decoration: none; }
.home-stripbar ul li a.home-stripbar-element span.title { font-weight: bold; float: left; width: 120px; font-size: 14px; padding-top: 8px; white-space: nowrap; }
.home-stripbar ul li a.home-stripbar-element span.label { font-size: 8px; font-weight: normal; text-transform: uppercase; }
.home-stripbar ul li a.home-stripbar-element span.label span { display:block; font-size: 16px; font-weight: bold; color: #ccc; margin-bottom: -4px; }

.home-stripbar ul li a.home-stripbar-element:hover { color: #fff; }
.home-stripbar ul li a.home-stripbar-element:hover span.label { color: #fff; }

.home-stripbar ul li a.home-stripbar-element.rankings span.title { width: auto; margin: 0 auto; padding: 8px 0 8px 40px; background: url(images/ec-topnav-rankings.gif) no-repeat 15px 4px; }
.home-stripbar ul li a.home-stripbar-element.rankings:hover span.title { background-image: url(images/ec-topnav-rankings-hover.gif) }

/* Chinese */
body.zh .footerRegister {
	padding-left: 15px;
}
/* Vietnamese */
body.vi ul.ec-mainmenu li.menuitem._browse {
	width: 95px;
}

/*
 * VIDEO INDEX PAGES
 *
 */

#videos-content { margin-left: 220px; }
#videos-content ul { list-style: none; }
#videos-content h1 { color: #666; font-size: 34px; }
#videos-content h2 { color: #666; font-size: 16px; font-weight: normal; margin-bottom: 10px; }
#videos-content h3 { color: #666; font-size: 24px; margin: 8px 0 4px; }
#videos-content h4 { color: #666; font-size: 16px; font-weight: normal; line-height: 22px; padding-bottom: 20px; clear:right; }

.videolist { margin-bottom: 15px; position: relative; width:748px; }
.videolist ul.carousel { white-space: nowrap; }
.videolist ul.carousel li { float: none; display: inline-block; white-space: normal; }
.videolist ul.carousel li.clear { float: left; display: block; white-space: normal; }

.videolist ul.carousel { padding: 0 0 0 7px; height: 150px; }
.videolist ul.carousel li.carousel-spacer { visibility: hidden; }
.videolist ul.carousel li.viewall-link { height: 128px; }
.videolist ul.carousel li.viewall-link a { display:block; text-align: center; margin-top: 50px; }
.videolist ul.carousel li.viewall-link a em { font-style: normal; font-weight: bold; }
.videolist ul.carousel li { margin-bottom: 0; float:left; }
.videolist ul.carousel li.clear { visibility: hidden; }
.videolist ul.carousel li.hideCarousel { display:none; }
.videolist ul.carousel li.button {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none !important;
	width: auto;
	margin: 55px 3px 0 3px; padding: 3px;
	vertical-align: top;
}
.videolist ul.carousel li.button a {
	display: block; cursor: pointer;
	width: 8px;
	height: 15px;
	background: url(images/v1.1/video-carousel.gif) top left no-repeat;
}
.videolist ul.carousel li.arrow-next { margin-left: -5px; margin-right: 0; }
.videolist ul.carousel li.arrow-prev a { background-position: 0px 0px; }
.videolist ul.carousel li.arrow-next a { background-position: -8px 0px; }
.videolist ul.carousel li.arrow-prev a:hover { background-position: 0px -15px; }
.videolist ul.carousel li.arrow-next a:hover { background-position: -8px -15px; }
.videolist ul.carousel li.arrow-prev.disabled a, .goallist li .videolist ul li.arrow-prev.disabled a:hover { background-position: 0px -30px; }
.videolist ul.carousel li.arrow-next.disabled a, .goallist li .videolist ul li.arrow-next.disabled a:hover { background-position: -8px -30px; }

.videolist-filters { font-size: 12px; height: 40px !important; overflow: hidden;
	background: url(images/v1.1/videolist-filters-bk.jpg) top left repeat-x;
	border: 1px solid #ccc; margin-bottom: 5px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
.videolist-filters div.container { float: left; padding: 8px; height: 24px; font-size: 12px; font-weight: bold; height: 30px; }
.videolist-filters div.separator { border-right: 1px solid #999; }

.videolist-filters div.range-container { float: right; padding: 2px 10px !important; color: #999; }
.videolist-filters div.range-container p { margin-right: 165px; padding-top: 2px; }

.videolist-filters div.classgroup { padding: 5px; width: 270px; }
.videolist-filters div.classgroup .teacher-email { float:left; padding: 0; border-right: 1px solid #ccc; }
.videolist-filters div.classgroup .teacher-email a { display: block; background: url(images/v1/email-icon.gif) left center no-repeat; padding: 0 5px 0 30px; width: 50px; height: 30px; }
.videolist-filters div.classgroup h2 { margin: 0 0 0 90px; font-size: 12px; }
.videolist-filters div.classgroup p { font-weight: normal; left:10px; line-height:1; position:relative; }
.videolist-filters div.classgroup .progress-container { margin: 2px 5px 0 90px; }
.videolist-filters div.classgroup .progress-container div { float: none; width: auto; margin-left:5px;}

.video-featured {
	color: #fff; overflow: hidden;
	height: 226px; border: 2px solid #333; margin-bottom: 20px; padding-right: 10px;
	background: #333 url(images/v1/featured-bk.jpg) bottom left repeat-x;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomright:8px;

	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
}
.video-featured .featured-image { float: left; height: 226px; width: 230px; background-position: center center; }
.video-featured p { margin-left: 240px; margin-top: 4px; }
.video-featured p.title { font-size: 24px; white-space: nowrap; margin-top: 25px; }
.video-featured p.title a { color: #33c833; }
.video-featured p.title a:hover { color: #993333; text-decoration:none; }
.video-featured p.description { border-bottom: 1px solid #ccc; overflow: hidden; height: 60px; min-width: 410px; }
.video-featured .featuredwords { margin: 0 !important; padding-top: 4px !important; }
.video-featured .featuredwords ul { width: 80px !important; }
.video-featured p.video-link { float: right; position: relative; top: 85px; left: 10px; margin: 0 !important; }
.video-featured p.video-link a { display: block; background: url("images/v1/goalprogress-showall.png") right center no-repeat; padding-right: 30px; color: #fff; font-weight: bold; }
.video-featured p.video-link a: hover { color: #ff9; }

.video-channel-featured {
	overflow: hidden;
	height: 172px; border: 2px solid #e4e4e4; margin-bottom: 20px; padding-right: 10px;
	background: url("images/v1/goalprogress-bk.jpg") bottom left repeat-x;
	-moz-border-radius-topright:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-right-radius:8px;
}
.video-channel-featured .featured-image { float: left; height: 170px; width: 200px;
	background-position: center center; background-repeat: no-repeat;
	border-right: 2px solid #e4e4e4; padding: 1px;
}
.video-channel-featured p { margin-left: 210px; margin-top: 4px; color: #888; }
.video-channel-featured p.label { font-weight: bold; margin: 8px 0 0 210px; }
.video-channel-featured p.title { font-size: 24px; height: 50px; }
.video-channel-featured p.title a { color: #666; }
.video-channel-featured p.title a:hover { color: #993333; text-decoration:none; }
.video-channel-featured p.description { overflow: hidden; height: 45px; min-width: 410px; }
.video-channel-featured .featuredwords { margin: 0 !important; padding-top: 4px !important; }
.video-channel-featured .featuredwords ul { width: 80px !important; }
.video-channel-featured p.video-link { float: right; position: relative; top: 25px; left: 10px; margin: 0 !important; }
.video-channel-featured p.video-link a { display: block; background: url("images/v1/goalprogress-showall.png") right center no-repeat; padding-right: 30px; color: #999; font-weight: bold; }
.video-channel-featured p.video-link a: hover { color: #ccc; }
.video-channel-featured p.points { font-size: 11px; margin-top: 0; }
.video-channel-featured div.progress-container { width: 200px; margin-left: 210px; }

.video-channel-class {
	overflow: hidden;
	border: 2px solid #e4e4e4; margin-bottom: 20px; padding: 10px;
	background: url("images/v1/goalprogress-bk.jpg") bottom left repeat-x;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

/* CHANNEL POPUP */
#ChannelInfo { }
#ChannelInfo .banner { padding: 75px 0 0; margin: 20px 20px 0; background-repeat: no-repeat; background-position: top left; font-weight: bold; border-bottom: 1px solid #ccc; font-size: 22px; font-weight: bold; color: #666; }
#ChannelInfo h1 { color: #000; font-size: 13px; font-weight: normal; margin: 8px 20px 10px; padding: 0; }
#ChannelInfo h2 { color: #666; font-size: 16px; font-weight: normal; margin: 0 20px 10px; padding: 0; }
#ChannelInfo div.features { margin: 0 20px 15px; padding: 0 0 0 140px; height: 80px; background-repeat: no-repeat; background-position: top left; }
#ChannelInfo div.features.watch { background-image: url(images/v1.1/homelanding/img_featWatch.png); }
#ChannelInfo div.features.learn { background-image: url(images/v1.1/homelanding/img_featLearn.png); }
#ChannelInfo div.features.speak { background-image: url(images/v1.1/homelanding/img_featSpeak.png); }
#ChannelInfo div.features h3, #videos-content #ChannelInfo div.features p { border-left: 4px solid #ccc; margin: 0; padding: 0 4px; color: #666; }
#ChannelInfo div.features.watch h3, #videos-content #ChannelInfo div.features.watch p { border-color: #87d12d; }
#ChannelInfo div.features.learn h3, #videos-content #ChannelInfo div.features.learn p { border-color: #f98033; }
#ChannelInfo div.features.speak h3, #videos-content #ChannelInfo div.features.speak p { border-color: #19b3e5; }
#ChannelInfo div.features h3 { font-size: 22px; line-height: 18px; }
#ChannelInfo div.features p { font-size: 12px; line-height: 18px; }


#videos-content .video-channel-class h1 { font-size: 22px; color: #333; padding: 0 0 5px; }
.video-channel-class .teacher-email { float:left; padding: 10px 0; border-right: 1px solid #ccc; }
.video-channel-class .teacher-email a { display: block; background: url(images/v1/email-icon.gif) top center no-repeat; padding: 30px 10px 10px;
	width: 40px; text-align: center;
}
.video-channel-class h2 { margin: 0 0 0 70px; font-size: 16px; }
.video-channel-class p { margin: 0 0 5px 70px; }
.video-channel-class .progress-container { margin: 0 0 0 70px; width: 400px; }

.video-channel-description { color: #999; margin: 5px 0 10px; }

.progress-container { height: 12px; overflow: hidden; display: block; font-size: 0; }
.progress-container div { height: 8px; margin: 0; width: 47%; float: left; clear: none;	border: 1px solid #ccc; }
.progress-container span { display: none; }
.progress-container div.speak-progress { float: right; }
.progress-container div .ui-progressbar-value { border: none; margin: 0 !important; min-width: 1px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.progress-container div.watch-progress .ui-progressbar-value { background: transparent url("images/v1.1/progress-table-watch.jpg") center left repeat-x; }
.progress-container div.speak-progress .ui-progressbar-value { background: transparent url("images/v1.1/progress-table-speak.jpg") center left repeat-x; }
.progress-placeholder { font-size: inherit; background: none; border: none; padding: 0 0 2px; font-size: 9px; color: #cf3636; font-style: italic; white-space: nowrap; }

.myvideos-banner { margin-bottom:27px; }
.myvideos-banner ul { margin: 0 !important; padding:0 !important; }
.myvideos-banner ul li{ display:inline-block; width:240px; zoom:1; *display:inline;}
.myvideos-banner ul.banner-label { text-align:center; font-size:17px; font-weight:bold; color:#666; height:40px; border:1px solid #ccc; line-height:40px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; background: url("images/mini-header-bk.jpg") repeat-x scroll left bottom transparent;}
.myvideos-banner ul.banner-label li { width:240px; margin:0; padding:0; display:inline-block; zoom:1; *display:inline; }
.myvideos-banner ul.banner-label span { display:inline-block;  background: transparent url("images/video-most-btn.png") center left no-repeat; width:20px; height:20px; vertical-align:middle;}
.myvideos-banner ul.banner-label a{ text-decoration:none !important;}
.myvideos-banner ul.banner-video li { display:inline-block;*display:inline; width:238px; margin-left:4px; padding:0; vertical-align:top; padding-bottom:15px;}
.myvideos-banner ul.banner-video li p.title{ font-size: 13px; color:#999; padding:1px 0px 0px 30px;}
.myvideos-banner ul.banner-video li p.thumbnail { margin-left: 30px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 4px #ccc; -webkit-box-shadow: 0px 0px 4px #ccc; box-shadow: 0px 0px 4px #ccc; width: 180px; height: 125px; margin-top:22px; margin-bottom:7px; padding:3px;}
.myvideos-banner ul.banner-video li p.thumbnail a { display: block; height: 125px !important; text-decoration:none;}
.myvideos-banner ul.banner-video li p.thumbnail a span.pie-icon { height: 25px; width: 25px; margin: 1px 1px 0 0; float: right; visibility:hidden; position: relative; padding-top:3px; }
.myvideos-banner ul.banner-video li p.thumbnail a span.pie-icon.watch-1 { visibility:visible; background-repeat: no-repeat; background-image: url(images/vid-prog-half-orange-big.png); background-color: transparent; }
.myvideos-banner ul.banner-video li p.thumbnail a span.pie-icon.watch-2 { visibility:visible; background-repeat: no-repeat; background-image: url(images/vid-prog-full-orange-big.png); background-color: transparent; }
.myvideos-banner ul.banner-video li p.thumbnail a span.pie-icon.speak-1 { visibility:visible; background-repeat: no-repeat; background-image: url(images/vid-prog-half-blue-big.png); background-color: transparent; }
.myvideos-banner ul.banner-video li p.thumbnail a span.pie-icon.speak-2 { visibility:visible; background-repeat: no-repeat; background-image: url(images/vid-prog-full-blue-big.png); background-color: transparent; }
.myvideos-banner ul.banner-video li p.thumbnail a span.star-favorite {font-size:0px !important; line-height:0px !important; float:left; width:29px; height:27px; background-position: 0 0; background-repeat: no-repeat; position: relative; margin: 2px 1px 0 1px; display:none;}
.myvideos-banner ul.banner-video li p.thumbnail a span.star-favorite.star-0{ background-image: url(images/vocab-star-inactive.png); background-color: transparent; display:none;}
.myvideos-banner ul.banner-video li p.thumbnail a span.star-favorite.star-1{ background-image: url(images/vocab-star-active.png); background-color: transparent; display:block;}
.myvideos-banner ul.banner-video li p.thumbnail a span.overlay-modal { display: block; background: transparent; height: 125px; margin-bottom: -125px; opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); }
.myvideos-banner ul.banner-video li p.thumbnail a span.overlay-difficulty { width:100%; height:72px; display: none; background: transparent url(images/vid-thumb-play-white-big.png) top center no-repeat; color:#fff; font-size:15px; font-weight:bold; text-align:center; padding-top:72px; margin-top: 25px; position: relative;}
.myvideos-banner ul.banner-video li p.thumbnail a:hover span.overlay-modal { background: #000; }
.myvideos-banner ul.banner-video li p.thumbnail a:hover span.overlay-difficulty { display:block; }
.myvideos-banner ul.banner-video li p.thumbnail a:hover span.star-favorite { display:block; }
.myvideos-banner ul.banner-video li p.thumbnail a:hover span.star-hover { display:none; }
.myvideos-banner ul.banner-video li.thumb-element:hover p.title { padding:1px 0px 0px 30px;}
.myvideos-banner ul.banner-video li.thumb-element:hover p.title a{ text-decoration:underline; color: #eb4c4c;}
.myvideos-banner ul.banner-video li.thumb-element:hover p.thumbnail a{ text-decoration:none !important; }
.myvideos-banner ul.banner-video li.thumb-element:hover span.overlay-difficulty { display:block; }
.myvideos-banner ul.banner-video li.thumb-element:hover span.star-favorite { display:block; font-size:0px !important; line-height:0px !important;}
.myvideos-banner ul.banner-video li.thumb-element:hover span.overlay-modal { background: #000; }
.myvideos-banner .border.left { border-left:1px solid #ccc; }
.myvideos-banner .border.right { border-right:1px solid #ccc; }
.myvideos-banner .border.leftGradient{ border-left:8px solid #ccc; -moz-border-left-colors: #dedede #e2e2e2 #e5e5e5 #e8e8e8 #ededed #f0f0f0 #f2f2f2 #f4f4f4 #f6f6f6 #f8f8f8;}
.myvideos-banner .border.rightGradient{ border-right:8px solid #ccc; -moz-border-right-colors: #dedede #e2e2e2 #e5e5e5 #e8e8e8 #ededed #f0f0f0 #f2f2f2 #f4f4f4 #f6f6f6 #f8f8f8;}


/*
 * VIDEO DETAILS PAGE
 *
 */
.videodetails { padding: 0px 10px 30px 20px; margin: 0 0 10px;
/*	-moz-box-shadow: 0px 25px 50px -50px #ccc;
	-webkit-box-shadow: 0px 25px 50px -50px #ccc;
	box-shadow: 0px 25px 50px -50px #ccc;
*/
}

.videopostdetails { background: #fff; margin: 0 10px 30px 20px; border: 1px solid #ccc;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 2px 0px 0 #ccc;
	-webkit-box-shadow: 0 2px 0px 0 #ccc;
	box-shadow: 0 2px 0px 0 #ccc;
}

.videodetails .info {
	width: 300px !important;
	float: left;
	margin-right: 10px;
	height: 475px;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 1px 12px 1px #1c1c1c;
	-moz-box-shadow: 0 1px 12px 1px #1c1c1c;
	webkit-box-shadow: 0 1px 12px 1px #1c1c1c;
}
.videodetails .info p, .videodetails .info div.span-container { padding: 6px 10px 0; color: #333; font-size: 13px; clear: left; background: #fff; }
.videodetails .info div.pronunciation {
	border-bottom: 1px solid #ccc; text-align:center; padding-top:5px; padding-bottom:8px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	height:123px;
}
.videodetails .info p span { display: inline-block; *display:inline; }
.videodetails .info p span.label { margin-right:3px; color:#666 !important;  }
.videodetails .info p span a { color: #993333; }
.videodetails .info p span a:hover { color: #993333; }
.videodetails .info p.dialog-lang span {vertical-aling:middle; display:inline-block; margin-right:5px;}
.videodetails .info div.span-container span.label { float: left; width: 110px; display: block; font-weight: bold; margin: 0; white-space: nowrap; }
.videodetails .info div.span-container span.label em { font-style: normal; font-weight: normal; }
.videodetails .info div.span-container span.label { margin-right: 20px; }
.videodetails .info div.span-container.pronunciation span.label { white-space: normal; }
.videodetails .info p span span { display: inline; margin: 0; }
.videodetails .info p span.videodetails-description-toggle a { font-size: 11px; margin-left: 5px; }
.videodetails .info p span.hidediv { display:none; !important; }
.videodetails .info p span.showdiv { display:block; !important; }

.videodetails .info p span.grade { font-size: 15px; font-weight: bold; }
.videodetails .info div.label { border-bottom: 1px solid #ccc; background-color:#f0f0f0; padding: 9px 10px 0 9px; font-size: 17px; font-weight: bold; color:#666; border: 1px solid #ccc; }
.videodetails .info div.label span{ vertical-align:top;}

.videodetails ul.video-share { margin:0; padding:0; width:310px; clear:both;}
.videodetails ul.video-share li { display:inline-block !important; vertical-align:top !important; margin-bottom:3px; zoom:1; *display:inline;}
.videodetails ul.video-share li.sharebtn { width:50px;}
.videodetails ul.video-share li.sharelink { width:245px; margin-left:7px;}
.videodetails ul.video-share li div { z-index:500 !important; }

.videodetails .info p.thumbnail { border: 1px solid #ccc; height: 230px !important; width: 350px; color: #fff; padding: 0; }
.videodetails .info p.thumbnail a { display: block; height: 230px !important; text-decoration:none; }
.videodetails .info p.thumbnail a span.pie-icon { height: 25px; width: 25px; margin: 1px 1px 0 0; float: right; visibility:hidden; position: relative; padding-top:3px; right:-50px;}
.videodetails .info p.thumbnail a span.pie-icon.watch-1 { visibility:visible; background-repeat: no-repeat; background-image: url(images/vid-prog-half-orange-big.png); background-color: transparent; }
.videodetails .info p.thumbnail a span.pie-icon.watch-2 { visibility:visible; background-repeat: no-repeat; background-image: url(images/vid-prog-full-orange-big.png); background-color: transparent;  }
.videodetails .info p.thumbnail a span.pie-icon.speak-1 { visibility:visible; background-repeat: no-repeat; background-image: url(images/vid-prog-half-blue-big.png); background-color: transparent;  }
.videodetails .info p.thumbnail a span.pie-icon.speak-2 { visibility:visible; background-repeat: no-repeat; background-image: url(images/vid-prog-full-blue-big.png); background-color: transparent;  }

.videodetails .info p.thumbnail a span.star-thumb { font-size:0px !important; line-height:0px !important; float:left; width:29px; height:27px; background-position: 0 0; background-repeat: no-repeat; position: relative; display: none; margin:4px 0px 0px 3px; font-size:0px !important;}
.videodetails .info p.thumbnail a span.star-0{  font-size:0px !important; line-height:0px !important; background:url(images/vocab-star-inactive.png); width:29px; height:27px; background-repeat:no-repeat; display:none; }
.videodetails .info p.thumbnail a span.star-1{  font-size:0px !important; line-height:0px !important; background:url(images/vocab-star-active.png); width:29px; height:27px; background-repeat:no-repeat; display:block; }

.videodetails .info p.thumbnail a span.cdm-togue.active{
	margin: 0;
	background: url("images/v1.1/shadow.png") repeat scroll 0 0 transparent  !important;
	height: 40px;
	width: 350px;
	line-height: 40px;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	display: block !important;
	float: right;
	position: relative;
	left: 0px;
	right: 0px;
	top: 139px;
	z-index: 1;
}
.videodetails .info p.thumbnail a span.cdm-togue.active span{
	padding-left: 20px;
}
.videodetails .info p.thumbnail a span.cdm-togue { background-image: url(images/video-plus-large.gif);
background-color: transparent; width:32px; height:27px; background-position: 0 0;
background-size: 26px 27px; background-repeat: no-repeat; position: relative; top: 190px; left: 285px; z-index: 100; margin:6px 0px 0px 1px;
font-size:0px; display:none;
float: left;
}

.videodetails .info p.thumbnail a span.cdm-togue.hover { display: block !important; }

.videodetails .info p.thumbnail a span.overlay-modal { display: block; background: transparent; height: 230px; margin-bottom: -230px; opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); }
.videodetails .info p.thumbnail a span.overlay-difficulty {
	line-height: 0; width:100%; height:72px; display: block; background: transparent url(images/vid-thumb-play-white-big.png) top center no-repeat; color:#fff; font-size:0px; text-align:center; padding-top:72px; margin-top: 70px; position: relative;
	opacity: 0.5;  -khtml-opacity: 0.5; -moz-opacity:0.5;  filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.videodetails .info p.thumbnail a span.link-image { font-size:0 !important; line-height:0px !important; }

.videodetails .info p.thumbnail a:hover {text-decoration:none;}
.videodetails .info p.thumbnail a:hover span.overlay-modal { background: #000; }
.videodetails .info p.thumbnail a:hover span.overlay-difficulty { display:block; text-align:center; font-size:18px; line-height: 1; opacity: 1;  -khtml-opacity: 1; -moz-opacity:1;  filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
.videodetails .info p.thumbnail a:hover span.star-thumb { display:block;  font-size:0px !important; line-height:0px !important;}
.videodetails .info p.thumbnail a:hover span.cdm-togue { display:block;}
.videodetails .info p.thumbnail a:hover span.star-0 { display:block; }

.videodetails .info p.thumbnail span.new-video-tag {
background: url("images/img-new-video-big.png");
    bottom: 0;
    display: block;
    float: right;
    height: 51px;
    position: relative;
    right: 0;
    width: 45px;
    top:179px;
    right:0;
    background-repeat: no-repeat;
    *top:179px;
    *right: 0px;
}

.video-transcript-locale{ color: #999; font-size:11px;}

.videodetails .info .twitter-button-small { font-size:12px !important; width:100px; }
.videodetails .info .twitter-button-small a { display: inline; }
.videodetails .info .twitter-button-small span { margin-right: 5px; position: relative; top: -4px; }
.videodetails .info .facebook-like {width:auto;height:auto; padding-top:5px;}

/* Pronunciation Tiles */
.videodetails .info div.pronunciation span.soundtiles { display:inline-block;  width:60px; height:100px; margin: 0; padding: 0; margin-right: 5px; vertical-align:top;}
.videodetails .info div.pronunciation span.soundtiles a { display:block;  font-size: 10px; font-weight: normal; text-align: center; cursor: pointer; color: #666; }
.videodetails .info div.pronunciation span.soundtiles a:hover { text-decoration: none; color: #993333; }
.videodetails .info div.pronunciation span.soundtiles a span { display: block; width:60px;}
.videodetails .info div.pronunciation span.soundtiles a span.sound-icon { font-size:0px !important; line-height:0px !important; position:relative; *top:19px; top:15px; left:3px; height: 15px; width:16px; /*float:right; width: 16px; margin: 2px auto;*/ background: url(images/v1.1/details-sound-icon.gif); background-repeat: no-repeat; }
.videodetails .info div.pronunciation span.soundtiles a:hover span.sound-icon { background-image: url(images/v1.1/details-sound-icon-hover.gif); }
.videodetails .info div.pronunciation span.soundtiles a span.sound-icon:hover { background-image: url(images/v1.1/details-sound-icon-play.gif);  }
.videodetails .info div.pronunciation span.soundtiles a span span { display: none; }

.videodetails .progress-border { background: #ccc; margin-left: 130px; padding: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.videodetails .progress-border .progress-container { background: none; border: none; margin: 0; height: auto; padding: 0 0 0; }
.videodetails .progress-border .progress-container div { border: none; width: 100%; height: 11px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.videodetails .progress-border .progress-container div.speak-progress { float: left; }
.videodetails .progress-border .progress-container p { border: none; padding: 0; margin-left: 50%; font-size: 11px; white-space: nowrap; clear: none; }

.videodetails .progress-border .progress-container .watch-progress, .videodetails .progress-border .progress-container .anon-speak-progress { background: #ccc; }

.videodetails .transcript { margin-left: 370px; }
.videodetails .transcript h2 { background: url(images/v1.1/mini-header-bk.jpg) center left repeat-x; height: 34px; padding: 7px 0 0 10px; color: #666; font-size: 16px; font-weight: bold;
	border: 1px solid #ccc;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
}
.videodetails .transcript .transcript-corner { float: left; display: block; width: 8px; height: 31px; border-right: 1px solid #ccc; padding-right: 2px; }
.videodetails .transcript .transcript-corner span {
	display: block; height: 100%; width: 100%;
	background: #87d12d;
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
}
.videodetails .transcript ul.dlines { margin: 0; padding: 0; height: 240px !important; overflow: auto; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.videodetails .transcript ul.dlines li { padding: 10px 20px; color: #666; min-height:40px}
.videodetails .transcript ul.dlines li p {height: 40px;display:table-cell;vertical-align:middle}
.videodetails .transcript ul.dlines li img {border: 1px #999 solid; margin-right:8px; width:71px; height:40px; vertical-align:middle; float:left}
.videodetails .transcript ul.dlines li.odd { background: #f0f0f0; }
.videodetails .transcript ul.dlines li.even { background: #e6e6e6; }
.videodetails .transcript .transcript-footer { background: url(images/v1.1/mini-header-bk.jpg) center left repeat-x; height: 20px; border: 1px solid #ccc;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
}

/* .videodetails ul.video-levels li.active:before, .videodetails ul.video-levels li.active:after { content: ' '; display: block; height: 26px; width: 10px; border: 1px solid #ccc; border-top: none; position: absolute; bottom: -6px; background: #fff; }
.videodetails ul.video-levels li.active:before { left: -12px; border-left: none; }
.videodetails ul.video-levels li.active:after { right: -12px; border-right: none; } */
/*
.level-tab.active .inverted{ content: ' '; display: block; height: 26px; width: 17px; border: 1px solid #ccc; border-top: none; position: absolute; bottom:-1px; }
.level-tab.active .inverted.left { left: -14px; border-left: none;
	-moz-border-radius: 0 0 8px 0;
	-webkit-border-radius: 0 0 8px 0;
	border-radius: 0 0 8px 0;
}
.level-tab.active .inverted.right { right: -14px; border-right: none;
	-moz-border-radius: 0 0 0 8px;
	-webkit-border-radius: 0 0 0 8px;
	border-radius: 0 0 0 8px;
}
.all-tab.active {top:2px;}
.all-tab.active .inverted{ content: ' '; display: block; height: 23px; width: 17px; border: 1px solid #ccc; border-top: none; position: absolute; bottom:-1px; }
.all-tab.active .inverted.left { left: -14px; border-left: none;
	-moz-border-radius: 0 0 8px 0;
	-webkit-border-radius: 0 0 8px 0;
	border-radius: 0 0 8px 0;
}
.all-tab.active .inverted.right { right: -14px; border-right: none;
	-moz-border-radius: 0 0 0 8px;
	-webkit-border-radius: 0 0 0 8px;
	border-radius: 0 0 0 8px;
}
*/
.videodetails .view-words a{ float:right; color: #993333 !important; padding-right:20px; margin-bottom:10px; }
.videopage-topscores h2, .videopage-comments h2 { color: #666; font-size: 18px; border-bottom: 1px solid #ccc; }
.videopage-topscores h2 a, .videopage-comments h2 a { display: block; float: right; font-size: 12px; font-weight: normal; padding: 4px 0 0; }
.videopage-topscores h2 small { font-weight: normal; font-size: 14px;}

.featuredwords { margin-left: 370px; cursor: pointer; background: #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ccc;
	margin-top: 10px;
}
.featuredwords h2 { background: url(images/v1.1/mini-header-bk.jpg) center left repeat-x; /* height: 30px; padding: 7px 0 0 10px; */ color: #666; font-size: 16px; font-weight: bold;
	border-bottom: 1px solid #ccc;
	-moz-border-radius: 6px 6px 0px 0px;;
	-webkit-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
	margin:0; padding:0;
}
.featuredwords h2 a { text-decoration:none !important;}
.featuredwords h2 a:hover { color:#993333; }
.featuredwords h2 .ec-pie { float: right; margin: 0 8px 0 4px; }

.featuredwords .featuredcontent { padding: 10px 0 0; line-height: 18px; margin: 0 10px; }
.featuredwords .featuredcontent ul { margin: 0 10px 0 0; padding: 0; float: left; width: 125px; none; overflow: hidden; display:inline-block;zoom:1; *display:inline; }
.featuredwords .featuredcontent ul li { float: none; white-space: nowrap; }
.featuredwords .startquiz { padding: 5px 12px;  width: auto; min-width:71px;}
.featuredwords h2 ul.feature-header { margin:0 !important;  height:35px;  width:515px !important;}
.featuredwords h2 ul.feature-header li { display:inline-block; vertical-align:top; list-style:none; zoom:1; *display:inline;}
.featuredwords h2 ul.feature-header li span { }
.featuredwords h2 ul.feature-header li.feat-1 { width:350px !important; display:inline-block; margin-left:-30px; margin-top:8px; *margin-left:10px;}
.featuredwords h2 ul.feature-header li.feat-2 { max-width:145px; float:right; display:block; margin-top:4px; *margin-top:-20px; *margin-top: -25px;}
.featuredwords h2 ul.feature-header li .feat-pie { margin-top:-5px;}
.featuredwords h2 .ec-pie { margin-top:6px;}

.videopage-video-header{ font-weight:bold; font-size:22px; padding-left:20px; color:#656565; margin-bottom:15px; vertical-align: top; }
.videopage-video-header span.title{ padding-left:35px; }

.videopage-topscores { padding: 10px; float: left; width: 354px !important; }
.videopage-comments { margin-left: 380px; padding: 10px; }

.videopage-topscores ul { color: #666; font-size: 16px; margin: 5px 0 0; padding: 0; }
.videopage-topscores ul li { padding: 4px 4px 0; }
.videopage-topscores ul li span { padding-top: 10px; float: left; display: block;  }
.videopage-topscores ul li span.rank { padding: 10px 4px; text-align: center; width: 20px;  }
.videopage-topscores ul li span.avatar { width: 40px; margin-right: 10px; padding-top: 0; }
.videopage-topscores ul li span.avatar img { max-width: 40px; }
.videopage-topscores ul li span.score { float: right;  }
.videopage-topscores ul li span.name { width:215px; overflow: hidden; }


.comments { margin: 0 0 20px 0; padding: 0; overflow: hidden;}
.comments li.empty { margin-top: 0; min-height: 0; }
.comments li { margin-top: 5px; min-height: 50px; }
.comments li .avatar { margin-left: 0px; float: left; width: 60px; overflow: hidden; }
.comments li .avatar img { margin: 0 10px; max-width:40px; }
.comments li .username { font-weight: bold; width:455px; }
.comments li .username p { font-weight:normal; text-align:left; margin-top:5px;}
.comments li .username .details { font-weight: normal; font-size: 11px; font-style: italic; color: #999;}
.comments li ul { margin:0; padding:0;}
.comments li ul li{ display:inline-block !important; *display:inline; zoom:1; vertical-align:top !important;}
.comments .remove-comment { background:url(images/v1.1/school-crossed.gif) top center no-repeat; width:17px; height:14px; cursor:pointer; }

.commentForm .label { margin-top: 14px; color: #666; }
.commentForm p img { vertical-align: middle; border: 1px solid #ccc; margin: 0 10px 4px 2px; }
.commentForm p textarea { width: 520px; }

/* ACCENT FLAGS */
.flag-British-English { background:url(images/flag-british-english.gif); background-repeat:no-repeat; width: 30px; height:18px;}
.flag-Asian-English { width: 30px; height:18px;}
.flag-North-American { background-image:url(images/flag-north-american.gif); background-repeat:no-repeat; width: 30px; height:18px;}
.flag-Scottish { background:url(images/flag-scotland.gif); background-repeat:no-repeat; width: 30px; height:18px;}
.flag-Irish { background:url(images/flag-irish-english.gif); background-repeat:no-repeat; width: 30px; height:18px;}
.flag-Australian { background:url(images/flag-australian-english.gif); background-repeat:no-repeat; width: 30px; height:18px;}
.flag-New-Zealand { background:url(images/flag-new-zealand.gif); background-repeat:no-repeat; width: 30px; height:18px;}
.flag-South-African { background:url(images/flag-south-africa.gif); background-repeat:no-repeat; width: 30px; height:18px;}

.videos-points-max { color: #000 !important; font-weight:bold; display:inline-block; font-size:12px !important;}
h2.videos-points-max { padding-left:15px; margin-top:15px; padding-bottom:5px; width:340px;}
.view-rankings { float:right; margin-top:5px; color:#993333 !important;}
.videopage-topscores h2 span { display:inline-block; float:right;}

.videopage-topscores h2 ul{ border:none; height:20px; display:inline-block; float:right; font-size:12px !important; margin:0; zoom:1; *display:inline !important; *margin-top:-23px;}
.videopage-topscores h2 ul li { display:inline-block !important; margin-left:5px; cursor:pointer; color:#993333 !important; zoom:1; *display:inline !important;}
.videopage-topscores h2 ul li:hover { color:#000 !important;}
.videopage-topscores h2 ul li.ranking-tab {  padding: 0; }
.videopage-topscores h2 ul li.ranking-tab.active { padding: 0 8px; background: #fff; position: relative;
	color:#666; text-align:center; background: #fff; border-bottom: 5px solid #fff; position: relative;  padding:2px 15px;
	-moz-border-radius: 11px 11px 0 0;
	-webkit-border-radius: 11px 11px 0 0;
	border-radius: 11px 11px 0 0;
	display:block;
	width:auto !important;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	color:#000 !important;
}


/* HAXX */
.goalicon-1 ul { background:url(images/v1/icons/goal-totravelabroad.png) left center no-repeat; }
.goalicon-2 ul { background:url(images/v1/icons/goal-toenjoymedia.png) left center no-repeat; }
.goalicon-3 ul { background:url(images/v1/icons/goal-todomyjob.png) left center no-repeat; }
.goalicon-4 ul { background:url(images/v1/icons/goal-topassanexam.png) left center no-repeat; }
.goalicon-5 ul { background:url(images/v1/icons/goal-tomakefriends.png) left center no-repeat; }

div#navigation { margin:10px; font-family:Arial,sans-serif; font-size:13px;}
ul#navigation_pri { width:900px; margin:0 auto; overflow:hidden;  list-style:none; font-family:Helvetica, Arial, sans-serif; background:url(images/nav_bg.jpg) repeat-x left top; }
ul#navigation_pri li { float:left; margin:0 40px; height:29px; padding:11px 10px 10px 10px; }
ul#navigation_pri li a:link,
ul#navigation_pri li a:visited { font-weight:bold; color:#999; text-decoration:none;  }
ul#navigation_pri li a:hover,
ul#navigation_pri li a:focus { text-decoration:none; color:#fff;}
ul#navigation_pri li.active { }
ul#navigation_pri li a { color:#fff; }