#lessonDisplay {position:relative; } .Lvideo {background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/black-800-video.jpg) 0px 0px repeat-x;} .Svideo {background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/black-640-video.jpg) top left repeat-x;} .Svideo #videoDisplay img {width:680px;} .Lvideo #videoDisplay img {width:825px;} .Svideo #videoDisplay #video {height:360px; width:640px} .Lvideo #videoDisplay #video {height:450px; width:800px;} .Svideo #videoCurrentScene {width:630px;} .Lvideo #videoCurrentScene {width:790px;} .Lvideo #videoDisplay .vidMobile {height:448px !important;} .Svideo #videoDisplay .vidMobile {height:360px !important;} #lessonDisplay h1 {padding-left:45px; padding-top:0;} #lessonDisplay #breadcrumb {background:none; border:none; width:82%; margin:0px 0 20px 35px; font-size:11px; padding-left:5px;} #lessonDisplay #videoDisplay {padding:0; margin:0 auto; } #lessonDisplay #videoDisplay #video {margin:0 auto; border:1px solid #000} #lessonDisplay #videoDisplay img {display:block; margin:0 auto; padding:10px 0 10px 0;} #lessonDisplay form {position:absolute; top:10px; right:40px; font-size:11px;} #lessonDisplay form span {float:none;} #lessonDisplay form select {display:block; margin-top:10px; font-size:12px; width:100px;} #lessonDisplay .error {background:url(https://www-ecs.jamplay.com/client/shell/images/general/lesson-error2.jpg) 0px 0px no-repeat #000;} #lessonDisplay #error {display:block; width:630px !important; height:401px; color:#999; line-height:19px; font-size:14px;} #lessonDisplay #error p {padding:0; margin:110px auto 10px auto; height:180px; width:380px; text-align:center;} #lessonDisplay #error p b {color:#ccc;} #lessonDisplay #error img {height:55px !important; width:335px !important; margin:0 auto 60px auto !important;} #lessonDisplay #error a:hover {border-color:#222; background:#222;} #lessonDisplay #error span {display:block; width:65%; margin:10px auto 0 auto; font-size:11px; line-height:15px; color:#444; padding:0 0 10px 0; text-align:center;} #lessonDisplay ul#lessonTabs {height:51px; width:97%; padding-left:3%; background:url(https://www-ecs.jamplay.com/client/shell/images/nav/lessons/tab-sprite.png) top left repeat-x #212121;} #lessonDisplay ul#lessonTabs li, #lessonDisplay ul#lessonTabs a, #lessonDisplay ul#lessonTabs li a.on {display:block; width:152px; text-align:center; background-image:url(https://www-ecs.jamplay.com/client/shell/images/nav/lessons/tab-sprite.png); background-repeat:no-repeat;} #lessonDisplay ul#lessonTabs li {float:left; height:51px;} #lessonDisplay ul#lessonTabs li a {background-position:0px -51px; padding-top:26px; height:25px; text-decoration:none; font-size:12px; text-align:center; text-shadow: 0px 0px 1px #000, 0px -1px 1px #000; color:#fff; text-transform:uppercase;} #lessonDisplay ul#lessonTabs li a.on {background-position:0px -153px; padding-top:20px; height:31px; } #lessonDisplay ul#lessonTabs li a.hover {background-position:0px -102px; padding-top:25px; height:26px; color:#fff;} #lessonDisplay ul#lessonTabs li a.on:hover {cursor:default !important;} #supplemental, #about, #more, #comments, #notes, #signup, #series {display:none; margin:0 auto; width:890px; padding:30px 0;} #lessonDisplay #lessonContent {background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/lesson-tab-content-bg.jpg) 0px 0px repeat-x #252525;} #lessonDisplay #lessonContent h2 {font-size:24px;} div#testimonials {padding:10px 4%; font-size:15px;} div#testimonials p {font-size:13px;} div#testimonials span.sprite {display:none;} /* About Tab */ #about {text-align:left; font-size:14px; line-height:22px;} #about h4 {color:#ccc;} #about .lesson_title {display:block; font-size:20px; font-weight:bold; color:#FC0; margin:0px 0px 5px 0px; padding:0 0 5px 0; } #about .subtitle {color:#fff; text-decoration:underline; font-size:14px; display:block; padding:0 0 3px 0; margin:5px 0px 0 0; } #about .chapter_title {display:block; margin:10px 0px; color:#fff; font-size:16px; font-weight:bold;} #about .supp-content-link {display:block; padding:3px 0; text-align:center; width:520px; font-size:10px; text-transform:uppercase; margin:4px 0 10px 0; border:1px solid #ccc;} #about .indent {width:95%; margin:0 auto; line-height:19px;} #aboutHeader {position:relative; height:170px;} #aboutHeader h2 {padding:5px 0;} #aboutHeader a.thumb {margin-right:20px;} #aboutHeader blockquote {clear:both; background:#1e1e1e; border:1px solid #000; height:25px; padding:3px 0 0 20px; margin:0 0 20px 0;} #aboutHeader span {display:block; float:left; margin-right:30px; font-size:12px; color:#aaa;} #aboutHeader p {height:70px; padding:5px 0; line-height:19px;} #aboutHeader b.time {position:absolute; top:5px; right:200px;} div#dot {height:20px; margin:20px 0 0 0; border-top:1px solid #444;} /* Supplemental */ #supplemental {width:98%; padding-left:2%; min-height:900px} #supplemental_content_nav {float:left; width:206px; margin-right:20px; height:900px;} #supplemental_content_nav div {display:block; width:206px; background:url(https://www-ecs.jamplay.com/client/shell/images/panels/supplemental/supp-panel-bg-repeat-200.jpg) top; } #supplemental_content_nav div.audio .title {background:url(https://www-ecs.jamplay.com/client/shell/images/panels/supplemental/audio-bar.jpg) top left no-repeat !important;} #supplemental_content_nav div.chords .title {background:url(https://www-ecs.jamplay.com/client/shell/images/panels/supplemental/chords-bar.jpg) top left no-repeat;} #supplemental_content_nav div.scales .title {background:url(https://www-ecs.jamplay.com/client/shell/images/panels/supplemental/chords-bar.jpg) no-repeat;} #supplemental_content_nav div.general .title {background:url(https://www-ecs.jamplay.com/client/shell/images/panels/supplemental/general-bar.jpg) top left no-repeat;} #supplemental_content_nav div.notation .title {background:url(https://www-ecs.jamplay.com/client/shell/images/panels/supplemental/notation-bar.jpg) no-repeat;} #supplemental_content_nav div.captures .title {background:url(https://www-ecs.jamplay.com/client/shell/images/panels/supplemental/captures-bar.jpg) top left no-repeat;} #supplemental_content_nav div ul {list-style-type:none; padding:0; margin:0; background:url(https://www-ecs.jamplay.com/client/shell/images/panels/supplemental/supp-panel-bg-200.jpg) 0px 35px no-repeat;} #supplemental_content_nav div li {display:block; clear:both; height:20px; padding:0 0 0 10px; margin:0 0 0 7px !important; line-height:16px;} #supplemental_content_nav div li.title {width:206px; margin:0 0 5px 0 !important; padding:0 0 0 10px ; height:35px;} #supplemental_content_nav div li.foot {height:24px; padding-left:0 !important; margin-left:0 !important; background:url(https://www-ecs.jamplay.com/client/shell/images/panels/supplemental/supp-panel-bottom-200.jpg) top left no-repeat !important;} #supplemental_content_nav div li.tabs {} #supplemental_content_nav div li input {display:block; float:left; height:15px;} #supplemental_content_nav div li a img {} #supplemental_content_nav div li a {display:block; width:175px; text-decoration:underline; color:#ccc; height:20px; line-height:16px; font-size:11px;} #supplemental_content_nav div li a.on {color:#fff !important; text-decoration:none;} #supplemental_content_nav div li.sprite {padding-left:18px;} #supplemental_content_nav blockquote {width:190px; height:30px; margin:0; padding:10px 0 10px 15px; text-align:center; } #supplemental_content_nav blockquote input {display:block; margin:0 auto; width:170px; padding-left:4px; padding-right:4px; height:26px; font-size:11px;} #supplemental_content_nav div.interactiveTab {display:none} #chorded {width:700px !important; margin:0 auto !important;} #restore {padding:4px 0 4px 30px; font-size:14px; background:#f9f9f9; border:1px solid #ccc;} #restore {margin:0; height:23px; display:block;} #ajaxDrop {width:700px; min-height:890px; float:left; margin-top:0px !important;} #ajaxLoad {width:700px; padding-top:30px; display:none; min-height:870px; float:left; text-align:center;} #restoreMenu {display:none; text-align:center;} #selectItem {float:left; display:block; width:700px; min-height:870px; padding-top:30px; text-align:center;} #selectItem {display:block; margin:0 auto;} .ajaxExpanded {width:100%; text-align:center; padding-top:10px;} .ajaxExpanded #returnLink {display:block; float:left; } .ajaxExpanded h2 {display:block; float:left !important; width:500px !important; margin-top:10px !important; text-align:left; padding:0 0 4px 22px;} .ajaxExpanded .dot {clear:both;} .ajaxExpanded .dotHead {clear:both; display:block; height:25px; width:100%;} .ajaxNormal {width:760px; text-align:left;} .ajaxNormal .dotHead {clear:both; display:block; margin-top:10px; height:15px; width:100%; border-top:1px solid #000;} #ajaxDrop h2 {font-size:14px; color:#ccc; margin:12px 0 0 0; line-height:1em; padding:0 0 4px 22px;} #ajaxDrop h1 {font-size:14px; color:#ccc; margin:12px 0 0 0; line-height:1em; padding:0 0 4px 22px;} .dot {display:block; width:100%; height:20px; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/dot.gif) 0 -5px repeat-x !important;} .mainimage {margin-top:5px;} a.return_link {display:block; font-size:11px; color:#FFFFCC; text-decoration:none; padding:2px 0 2px 25px; margin:8px 0 0 0;} a:hover.return_link {color:#fff; text-decoration:underline;} #more {width:95%; margin:0 0 0 4%;} #more #additionalLessons, #more #additionalFreeLessons {float:none; } #more #additionalLessons { width:37%; padding-left:25px; border-left:1px solid #000;} #more #additionalFreeLessons { padding-right:0%; margin:0 auto; width:97%; border:1px solid #000} #more h2 {font-size:22px !important;} #series {width:950px; padding:30px 0 30px 50px;} #series h2 {padding:0 0 3px 0;} #seriesLessons {float:left; width:54%; padding-right:7%; margin-right:0%; } #seriesBio {float:left; width:320px; margin-top:30px; line-height:21px; background:url(https://www-ecs.jamplay.com/client/shell/images/panels/instructor-bio-bg.jpg) top left repeat-y;} #seriesBio b.title {display:block; color:#ccc; text-align:left; padding:10px 0 20px 10px; font-size:18px;} #seriesBio p {position:relative; top:-70px; background:url(https://www-ecs.jamplay.com/client/shell/images/panels/instructor-bio-header.jpg) top left no-repeat; text-align:left; padding:0 37px !important; color:#aaa;} div#seriesLessons div.lesson_preview h3 {height:auto; padding-top:0;} div#seriesLessons div.lesson_preview span {padding-top:8px;} /* Membership Tab */ #signup {width:100%;} #signup #signupFeatures {width:90%; margin:0 auto; line-height:21px;} #signup #signupFeatures h2 {font-size:18px; padding:5px 0;} #signup #signupFeatures img {float:left; margin-right:20px;} #signup #lessonMembershipBullets {background:none; margin:0px; width:90% !important; padding:5px 5% 10px 5% !important;} #signup #lessonMembershipBullets div {float:left; width:270px; height:120px; margin:6px 35px 20px 0; padding:0; text-align:left; font-size:13px; line-height:1.4em; } #signup #lessonMembershipBullets div h4 {color:#fff; display:block; text-align:left; padding:4px 0 4px 25px; background-color:#212121; line-height:18px; margin:0 0 5px 0; font-size:15px; } #signup #lessonMembershipBullets div span {line-height:1em; color:#aaa; display:block; padding:4px 0 7px 5px; } #signup #lessonMembershipBullets div p {margin:0; padding:0;}