#Instructors {position:relative; width:978px; position:relative; clear:both; padding:95px 0 0 0px; /*background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/vertical-line.jpg) top center repeat-y !important;*/ } #Instructors div.instructorPanel {position:relative; float:left; text-align:center; } #Instructors div.instructorPanel p.headText {width:90%; margin:0 auto; padding:0 0 30px 0;} #Instructors div.instructorPanels {margin:0 auto; width:420px;} #Instructors div.instructorPanels ul.panel {position:relative; } #Instructors div.instructorPanels ul.panel li {position:relative; float:left; width:103px; height:160px; margin:0 0 20px 0; background:url(https://www-ecs.jamplay.com/client/shell/images/buttons/teacher-thumb-panel2.jpg) top center no-repeat; } #Instructors div.instructorPanels ul.panel li h3 {display:block; padding:4px 0 0 0; height:28px; text-align:center; color:#999 !important; font-size:11px; font-weight:normal;} #Instructors div.instructorPanels ul.panel li h5 {display:none;} #Instructors div.instructorPanels a {display:block; position:absolute; height:31px; } #Instructors div.instructorPanels a.engageThumb {display:block; top:32px; left:13px; height:75px; width:75px; border:1px solid #222; z-index:1; } #Instructors div.instructorPanels a.engageThumb:hover {border:1px solid #000;} #Instructors div.instructorPanels a.engageThumb img {display:block; position:absolute; z-index:1;} #Instructors div.instructorPanels div {} #Instructors div.instructorPanels object, #Instructors div.instructorPanels video, #Instructors div.instructorPanels div.jwplayer {position:absolute; z-index:20; top:0px; left:0px; width:75px; height:75px; padding:0; margin:0;} #Instructors div.instructorPanels li span {} #Instructors div.instructorPanels li div.jwplayer {position:absolute; top:33px; left:13px;} #Instructors div.instructorPanels li object {left:13px;} #Instructors div.instructorPanels a.play, #Instructors div.instructorPanels a.stop, #Instructors div.instructorPanels a.bio {position:absolute; top:110px;} #Instructors div.instructorPanels a.play, #Instructors div.instructorPanels a.stop {left:3px;} #Instructors div.instructorPanels a.bio {left:40px;} #Instructors div.instructorPanels ul.panel li.active a.play {width:31px; background:url(https://www-ecs.jamplay.com/client/shell/images/buttons/teacher-play-sprite.jpg) 0px 0px no-repeat; margin:8px 0 0 7px; cursor:pointer;} #Instructors div.instructorPanels ul.panel li.inactive a.play {width:31px; background:url(https://www-ecs.jamplay.com/client/shell/images/buttons/teacher-play-sprite.jpg) 0px -62px no-repeat; margin:8px 0 0 7px;} #Instructors div.instructorPanels ul.panel li a.stop {width:31px; background:url(https://www-ecs.jamplay.com/client/shell/images/buttons/teacher-play-sprite.jpg) 0px -31px no-repeat; margin:8px 0 0 7px; cursor:pointer;} #Instructors div.instructorPanels ul.panel li a.bio {width:61px; background:url(https://www-ecs.jamplay.com/client/shell/images/buttons/teacher-full-bio.jpg) top left no-repeat;margin:8px 0 0 0; cursor:pointer;} #Instructors div#artistsInstructors {width:870px; margin:0 auto; text-align:left; float:none;} #Instructors div#artistsInstructors div.instructorPanels {width:870px; float:none;} #Instructors div#artistsInstructors p.headText {margin:0; width:100%; } #Instructors div.instructorPanels ul.artists {position:relative; } #Instructors div.instructorPanels ul.artists li {position:relative; float:left; width:101px; height:190px; margin:0 7px 5px 0; background:url(https://www-ecs.jamplay.com/client/shell/images/buttons/teacher-thumb-panel3.jpg) top center no-repeat; } #Instructors div.instructorPanels ul.artists a.engageThumb {display:block; top:32px; left:12px; height:75px; width:75px; border:1px solid #222; z-index:1; } #Instructors div.instructorPanels ul.artists a.play, #Instructors div.instructorPanels ul.artists a.stop {top:135px; left:2px;} #Instructors div.instructorPanels ul.artists a.bio {top:135px; left:40px;} #Instructors div.instructorPanels ul.artists li h3 {display:block; padding:4px 0 0 0; height:28px; text-align:center; color:#999 !important; font-size:11px; font-weight:normal;} #Instructors div.instructorPanels ul.artists li h5 {display:block; position:absolute; top:118px; left:0px; width:100px; overflow:hidden; height:23px; text-align:center; color:#777; clear:both; font-size:11px; font-weight:normal; line-height:11px;} #Instructors div.instructorPanels ul.artists li.active a.play {cursor:pointer;} #Instructors div.instructorPanels ul.artists li.inactive a.play {} #Instructors div.instructorPanels ul.artists li a.stop {cursor:pointer;} #Instructors div.instructorPanels ul.artists li a.bio {cursor:pointer;} #Instructors div.instructorPanels ul.artists li div.jwplayer {display:block; position:absolute; z-index:20; top:33px; left:13px; } #Instructors div.instructorPanels ul.artists li object {left:13px;} #Instructors div#upsell {position:relative; height:155px; width:100%; border-bottom:1px solid #555; clear:both; margin:20px 0 0 0; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/teacher-upsell-bg.jpg) top no-repeat;} #Instructors div#upsell p {position:absolute; top:74px; left:380px; width:500px; font-size:14px;} #Instructors div#upsell a#signupNow {position:absolute; top:76px; left:175px;} #Instructors div#bassUpsell {clear:both; border-top:1px solid #444; padding:40px 40px 20px 40px;} div.MOBILE a.play, div.MOBILE a.stop {display:none !important;} div.MOBILE ul.panel a.bio {left:23px !important;} div.MOBILE ul.artists a.bio {left:22px !important;} #electricInstructors {width:440px;} #acousticInstructors {width:440px;} img.icon {display:block; position:absolute;} img.acoustic {top:880px; left:-35px;} img.electric {top:880px; right:-25px;} #insD {float:left; width:35px; height:100%; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/vertical-line.jpg) top center repeat-y !important;} #insD img {display:block; width:17px; margin:0 auto} #Instructors div.instructorPanels div.engaged {width:393px; position:relative; background:url(https://www-ecs.jamplay.com/client/shell/images/panels/teacher/engage-bg.jpg) top repeat-y;} #Instructors div.instructorPanels div.engaged a.thumb {display:block;} #Instructors div.instructorPanels div.engaged h3 {position:absolute; z-index:10; left:20px; top:210px; font-size:16px; color:#fff !important;} #Instructors div.instructorPanels div.engaged p {display:block; position:relative; background:url(https://www-ecs.jamplay.com/client/shell/images/panels/teacher/engage-top.jpg) top no-repeat;} #Instructors div.instructorPanels div.engaged p span {display:block; padding:50px 20px 0 20px; font-size:11px; line-height:17px; text-align:left; color:#ccc;} #Instructors div.instructorPanels div.engaged p i {position:absolute; left:20px; text-transform:uppercase; top:33px; font-size:10px; font-style:normal; color:#000;} #Instructors div.instructorPanels div.engaged blockquote {text-align:left; padding:0; margin:0; height:69px; } #Instructors div.instructorPanels div.engaged ul {text-align:left; padding:10px 0 20px 30px; margin:0 auto; background:url(https://www-ecs.jamplay.com/client/shell/images/panels/teacher/engage-footer.jpg) bottom no-repeat;} #Instructors div.instructorPanels div.engaged ul li {margin:20px 0 0 0; padding:0;} #Instructors div.instructorPanels div.engaged ul li.sprite {margin:4px 0; padding:1px 0 1px 22px; line-height:14px;} /* Bio Page */ #InstructorsBio {} #InstructorsBio #bioHead {position:relative; width:93%; margin:0 3% 0 4%; height:105px;} #InstructorsBio #bioHead h1 {font-size:30px; height:26px;} #InstructorsBio #bioHead a.thumb {position:relative; z-index:10;} #InstructorsBio #bioHead #breadcrumb {position:absolute; top:40px; width:85%; padding-left:12%; z-index:5;} #InstructorsBio #bioHead #cssdropdown {width:210px; height:28px; position:absolute; top:10px; right:30px; z-index:1000; } #InstructorsBio #bioHead #cssdropdown .mainitems {display:block; padding:4px; height:20px; width:200px;} #InstructorsBio #bioHead #cssdropdown .mainitems a {text-decoration: none; padding:0 0 0 0px;} #InstructorsBio #bioHead #cssdropdown ul.subuls {width:265px; border:1px solid #000; left:-30px; margin-top:4px; z-index:1500; padding:5px 0 15px 10px;} #InstructorsBio #bioHead #cssdropdown ul.subuls ul {float:left; width:125px; font-size:11px; color:#fff; border:none;} #InstructorsBio #bioHead #cssdropdown ul.subuls ul li {margin:5px 0 0 0;} #InstructorsBio #bioHead #cssdropdown ul.subuls ul li a {display:block; color:#aaa; padding:2px 0 3px 20px;} #InstructorsBio #bioHead #cssdropdown ul.subuls ul li a:hover {color:#fff; text-decoration:underline;} #InstructorsBio #bioHead #cssdropdown ul.subuls ul li.head {border-bottom:1px solid #333; height:29px; margin-bottom:8px; font-size:14px;} #InstructorsBio #bioHead #cssdropdown ul.subuls ul li.head b {padding:4px 0 4px 20px; line-height:22px;} #InstructorsBio #bioHead #cssdropdown ul.subuls ul.acoustic {border-right:1px solid #333; padding-right:6px; margin-right:10px;} #InstructorsBio #bioHead #cssdropdown ul.subuls ul.electric {width:120px;} #InstructorsBio #bioHead #cssdropdown li:hover ul, li.over ul {display: block;} .subuls {display: none; width: 200px; position: absolute; top: 1.2em; left: 0px; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/black-100.jpg) top repeat-x #1e1e1e; border: 1px solid black;} #InstructorsBio #bioText {width:91%; margin:0 auto; font-size:13px; clear:both; color:#aaa; line-height:20px;} #InstructorsBio #bioText p#extended {padding-top:19px !important; margin:0 !important;} #InstructorsBio #bioText p {padding-top:19px; margin:0 !important;} #InstructorsBio #bioText blockquote {background:#222; color:#999;} #InstructorsBio #bioVidPanel {height:500px; padding:17px 0 0 0; width:100%; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/teacher-bio-video-panel.jpg) top repeat-x;} #InstructorsBio #bioVidPanel div#bioVidContainer { height: 360px !important; } #InstructorsBio #bioVidPanel div#bioVidPlayer { height:640px; width:387px; !important; } #InstructorsBio #bioVidPanel #bioVidHolder {float:left; width:640px; height:440px; padding-top:20px;} #InstructorsBio #bioVidPanel #bioVidHolder img {display:block; padding-top:40px; margin:0 auto; text-align:left;} #InstructorsBio #bioPlayerMenu {position:relative; clear:both; float:left; padding:30px 0 0 0; width:300px; height:440px;} #InstructorsBio #bioPlayerMenu img {display:block; margin:0 0 0 45px;} #InstructorsBio #bioPlayerMenu ul {position:relative; margin:10px auto; width:235px; text-align:center;} #InstructorsBio #bioPlayerMenu li {position:relative; width:215px; text-align:left; padding:0 10px 0 10px; margin:0; position:relative; background-image:url(https://www-ecs.jamplay.com/client/shell/images/buttons/bioPlayer-button.png); background-position: 0px -5px} #InstructorsBio #bioPlayerMenu li h3, #InstructorsBio #bioPlayerMenu li span {display:block; margin:0; padding-left:30px;} #InstructorsBio #bioPlayerMenu li h3 {font-weight:normal; padding-top:7px; height:20px; font-size:12px; color:#ccc !important; text-decoration:none; } #InstructorsBio #bioPlayerMenu li span {font-size:.8em; color:#666; background:none; text-transform:uppercase; height:30px;} #InstructorsBio #bioPlayerMenu li.titleOn {cursor:pointer; background-position:0px -66px} #InstructorsBio #bioPlayerMenu #shadoww {display:block; z-index:0; margin:0; position:absolute; width:75%; height:15px; top:423px; left:40px;} #InstructorsBio #bioPlayerMenu #vidOn {cursor:default; background:url(https://www-ecs.jamplay.com/client/shell/images/buttons/bioPlayer-button.png) 0px -127px;} #InstructorsBio #bioPlayerMenu #vidOn h3, #InstructorsBio #bioPlayerMenu #vidOn span {cursor:default !important;} #InstructorsBio #bioPlayerMenu #vidOn h3 {font-weight:bold; color:#fff !important; text-decoration:none;} #InstructorsBio #bioPlayerMenu #vidOn span {height:15px;} #InstructorsBio #bioPlayerMenu li p {display:block; width:75%; height:115px; position:relative; font-size:.8em; line-height:1.3em; margin:0 0 0 30px; padding:0; color:#888} #InstructorsBio #bioPlayerMenu select {position:absolute; top:450px; left:40px; display:block; width:120px; font-size:0.9em;} #InstructorsBio #bioLessonListing {position:relative; width:100%; padding-top:15px;} #InstructorsBio #bioLessonListing #bioLessonHead {width:100%; padding:0; height:200px;} #InstructorsBio #bioLessonListing #bioLessonHead h3, #InstructorsBio #bioLessonListing #bioLessonHead h4 {padding-left:5%; font-size:20px; text-shadow: 1px 2px 1px #000; color:#fff !important;} #InstructorsBio #bioLessonListing #bioLessonHead h4 {font-size:12px; padding:4px 0 6px 5%; font-weight:normal;} #InstructorsBio #bioLessonListing #bioLessonHead p {width:65%; height:100px; padding:6px 0 0 5%; font-size:14px; line-height:20px;} #InstructorsBio #bioLessonListing #bioLessonHead p b {color:#ccc;} #InstructorsBio #bioLessonListing div.shadow90 a {color:#ccc; text-decoration: none} #tabNav {height:51px; width:95%; padding-left:5%; background-position:top left; font-size:10px; text-transform:uppercase;} #tabNav, #tabNav li a {background-image:url(https://www-ecs.jamplay.com/client/shell/images/nav/tabs/red-tab-sprte-bg.png); background-repeat:repeat-x; border:none; text-decoration:none; text-align:center;} #tabNav li, #tabNav li a, #tabNav li span {display:block; float:left; height:51px;} #tabNav li {padding:0 0 0 20px; background-image:url(https://www-ecs.jamplay.com/client/shell/images/nav/tabs/red-tab-sprite-left.png); background-repeat:no-repeat;} #tabNav li span {width:20px; background-image:url(https://www-ecs.jamplay.com/client/shell/images/nav/tabs/red-tab-sprite-right.png); background-repeat:no-repeat;} #tabNav li, #tabNav li a, #tabNav li a b, #tabNav li span {background-position:0px -51px;} #tabNav li.ho, #tabNav li.ho a, #tabNav li.ho span {background-position:0px -102px;} #tabNav li.on, #tabNav li.on a, #tabNav li.on span {background-position:0px -153px;} #tabNav li a {height:25px; padding:26px 0 0 0; color:#ccc;} #tabNav li.ho a {height:28px; padding:23px 0 0 0; color:#fff; } #tabNav li.on a {height:34px; padding:17px 0 0 0; color:#fff; } #InstructorsBio #bioLessonContent {padding:10px 5% 0 5%; width:90%; line-height:17px; clear:both; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/lesson-tab-content-bg.jpg) 0px 0px repeat-x} #InstructorsBio #bioLessonContent h4 {color:#fff; padding:5px 0;} #InstructorsBio #bioLessonContent p {font-size:14px;} #InstructorsBio #bioLessonContent div.lesson_set div.lesson_preview p {font-size:11px;} #InstructorsBio #bioLessonContent h4.phaseTitle {margin:18px 0 5px 0; font-size:24px; text-shadow: 1px 2px 1px #000; color:#fff !important;} #InstructorsBio #bioLessonContent div.lesson_set {padding:20px 0 0 10px; margin:0 auto; border-bottom:1px dotted #333;} /* Don't think I need this anymore (.thisTable styled globally) #InstructorsBio #bioLessonContent table {margin:15px auto; border:1px solid #000; border-collapse:collapse; } #InstructorsBio #bioLessonContent table th {background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/black-30.jpg) top repeat-x; text-align:left; padding:4px; font-size:11px; border-bottom:1px solid #111; border-collapse:collapse;} #InstructorsBio #bioLessonContent table td {display:table-cell !important; border:1px solid #444; font-size:11px; padding:5px 5px; color:#999; border-collapse:collapse; background-repeat:no-repeat; line-height:10px;} #InstructorsBio #bioLessonContent table td.link a {font-size:11px; font-weight:bold; color:#fff; text-decoration:none;} */ /* Profile Live Schedule */ ul.profile_live { display:block; list-style-type:none; clear:both; } ul.profile_live li { display:block; float:left; padding:0 0 7px 0; } ul.profile_live li.start_date { width: 100px; font-weight:bold; } ul.profile_live li.start_time { width: 90px; font-weight:bold; } ul.profile_live li.tts { width: 120px; } ul.profile_live li.duration { width: 70px; } ul.profile_live li.topic { width: 480px; } a.btn {font-size:18px; padding:13px 30px 15px 30px; margin:25px 0 15px 0; color:#fff !important; text-decoration:none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); display:inline-block; width:auto; text-align:center; font-weight:bold; margin-right:10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#51c155+0,1e6d19+50,006803+51,2fce4a+100 */ background: #51c155; /* Old browsers */ background: -moz-linear-gradient(top, #51c155 0%, #1e6d19 50%, #006803 51%, #2fce4a 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #51c155 0%,#1e6d19 50%,#006803 51%,#2fce4a 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #51c155 0%,#1e6d19 50%,#006803 51%,#2fce4a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51c155', endColorstr='#2fce4a',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.65); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.65); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.65); }