div.floatSpacer {width:80px; float:left; height:1px;} div.dividedContent {width:922px; position:relative; clear:both; padding:95px 0 0 55px; line-height:23px; text-align:left; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/content-divider.jpg) top left no-repeat;} div.dividedLiveContent {width:100%; position:relative; clear:both; padding:45px 0 0 55px; line-height:23px; text-align:left; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/content-divider-no-padding.jpg) top left no-repeat;} div.dividedStyled {background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/content-divider-styled.jpg) top left no-repeat !important;} div.dividedContent p.normP { padding-top:0px; width:93%; margin-right:40px;} img.titleImg {display:block; padding:0 0 15px 0;} img {image-rendering:crisp-edges; image-rendering: -webkit-optimize-contrast !important; -ms-interpolation-mode: nearest-neighbor} p.type {margin:10px 0; padding:0;} p.type b {color:#fff;} h3.floated {float:left; width:400px;} p.floated {float:left; width:600px; padding:0; margin:0;} /* h3 {float:left; color:#FFCC00 !important; font-size:1.2em; line-height:1em; font-weight:bold; margin:0; padding:20px 0 6px 0;} h3 {color:#FFCC00 !important; font-size:1.2em; line-height:1.8em; font-weight:bold; margin:0; padding:0;}*/ .floatedImage {display:block; float:left; margin-right:30px; padding:10px 0 10px 30px;} hr {clear:both; height:1px; margin:10px 0 !important; padding:0; border:none; color:#444; background:#444;} a.learnMore {display:block; width:150px; height:34px; background-image:url(https://www-ecs.jamplay.com/client/shell/images/buttons/learn-more-sprite.jpg); background-repeat:no-repeat; background-position:0px 0px;} a.learnMore:hover {background-position:0px -34px;} div.contentFootSignup {display:block; clear:both; padding:15px 0 0 15px; height:150px; margin:15px 0px 0px 0px; width:90%; border-top:1px solid #444} div.contentFootSignup p {display:block; padding:5px 0; color:#fff;} div.contentFootSignup a.signupButton {margin-top:10px;} div.contentFootSignup a.signupButton {display:block; width:177px; height:44px; background-repeat:no-repeat; background-image:url(https://www-ecs.jamplay.com/client/shell/images/buttons/signup-gold2.gif); background-position:0px 0px;} div.contentFootSignup a.signupButton:hover {background-position:0px -44px;} /* Home */ #indexMarge {width:978px; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/globals/marge-index-header-bg.jpg) top left repeat-x;} #indexMarge b.heading {display:block; padding:0 0 4px 0; text-align:center; font-weight:bold;} #indexMarge div.introTextCenter {width:840px; margin:0 auto; font-size:16px; line-height:24px; color:#999; text-align:center; padding:0; height:55px;} #indexMarge div.introTextCenter b {text-align:center; padding:0; height:80px;} #indexMarge h1 {display:inline; font-weight:normal; font-size:14px; padding:0; margin:0; text-shadow:none; letter-spacing:0.0em; color:#999;} #indexMarge div#margePlayer {height:440px; padding:0 0 0 65px;} #indexMarge div#margePlayer div#margeVid {position:relative; width:470px; height:306px; float:left;} #indexMarge div#margePlayer div#margeVid div#VID {position:relative; z-index:100; width:430px; height:242px; margin-left:13px; border:1px solid #ddd; border-color:#383838 #282828 #111 #282828;} #indexMarge div#margePlayer div#margeVid img#shadow {display:block; position:absolute; z-index:1; left:0px; top:230px;} #indexMarge div#margePlayer ul {float:left; width:400px; } #indexMarge div#margePlayer li {padding:12px 0 8px 40px; font-size:18px; letter-spacing:-0.015em; background:url(https://www-ecs.jamplay.com/client/shell/images/icons/yellow-check.gif) 9px 12px no-repeat; text-shadow:0px 1px 2px #000} #indexMarge div#margePlayer li#buttons {padding:20px 0 0 0px; background:none; } #indexMarge div#margePlayer li#buttons a {display:block; float:left; width:186px; height:53px; background-repeat:no-repeat; background-image:url(https://www-ecs.jamplay.com/client/shell/images/buttons/signup-sprite.gif);} #indexMarge div#margePlayer li#buttons a.signup {background-position:0px 0px; } #indexMarge div#margePlayer li#buttons a.signup:hover {background-position:0px -53px;} #indexMarge div#margePlayer li#buttons a.learn {background-position:0px -106px; margin-right:10px;} #indexMarge div#margePlayer li#buttons a.learn:hover {background-position:0px -159px;} #indexMarge div#testimonial {height:120px; position:relative; clear:both; padding:0; font-family:Georgia, "Times New Roman", Times, serif} #indexMarge div#testimonial img {display:block; position:absolute; top:-31px; left:-40px;} #indexMarge div#testimonial p {position:absolute; width:710px; left:140px; top:21px; font-weight:normal; font-size:18px; font-style:italic; line-height:28px; color:#8e8556; text-shadow:0px 1px 2px #000, 0px -1px 0px #afafaf;} #indexMarge div#testimonial a {display:block; position:absolute; left:740px; top:87px; width:104px; height:24px; background-image:url(https://www-ecs.jamplay.com/client/shell/images/buttons/view-more-sprite.gif); background-repeat:no-repeat; background-position:0px 0px;} #indexMarge div#testimonial a:hover {background-position:0px -24px;} #indexMarge div#margeFeatures {clear:both; width:920px; height:420px; padding:40px 0 0 55px; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/marge-tri-panel-bg.jpg) 0px 80px no-repeat;} #indexMarge div#margeFeatures div {float:left; width:235px ; height:400px; margin-right:80px; } #indexMarge div#margeFeatures div b.carto32 {display:block; padding:0; text-align:center;} #indexMarge div#margeFeatures div p {padding:30px 0 0 0; margin:0; font-size:14px; line-height:20px;} #indexMarge div#margeFeatures div ul {float:none; padding:15px 0 0 50px; margin:0; width:200px;} #indexMarge div#margeFeatures div li {float:none; padding:5px 0; margin:0; color:#ccc; } #indexMarge div#margeFeatures div h2 { font-weight:normal; width:200px; font-size:14px; letter-spacing:0em; margin:0; padding:0; text-shadow:none;} #indexMarge div#margeFeatures div#convenient li {padding:10px 0 20px 0;} #indexMarge div#margeFeatures div#effective li {padding:5px 0 10px 0;} #indexMarge div#margeFeatures div#effective li a {color:#d2aa55; } #indexMarge div#margeFeatures div#affordable {margin-right:0;} #indexMarge div#margeFeatures div#affordable li {margin:0 0 12px 0; letter-spacing:-0.01em; line-height:10px;} #indexMarge div#margeFeatures div#affordable li span {display:block; width:200px; height:12px; font-size:11px; color:#a7a576;} div.testimonialSolo {height:160px; margin-top:25px; background-position:0px -405px !important; border-top:1px solid #444 !important;} div.testimonialSolo div#testimonial img {left:10px !important;} div.testimonialSolo div#testimonial p {left:170px !important;} div.testimonialSolo div#testimonial a {left:780px !important;} /* Original Player with the 6 buttons */ #indexPlayerContainer {height:555px; width:978px; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/index-single-vid-bullets-bg.jpg) top left repeat-x #0c0c0c; padding-top:5px; border-bottom:1px solid #111;} #indexPlayerContainer b.heading {display:block; font-weight:bold; padding:0 0 5px 0; text-align:center;} /* #indexPlayerContainer span {display:block; font-size:1.1em; line-height:1.4em; margin:0 auto; padding-top:5px; height:70px; width:850px;}*/ #indexPlayerContainer p.introTextCenter {width:840px; text-align:left; margin:0 auto; font-size:14px; line-height:24px; color:#999; text-align:center; padding:0; height:80px;} #indexPlayerContainer div.introTextCenter b {text-align:center; padding:0; height:80px;} #indexPlayerContainer h1 {display:inline; font-weight:normal; font-size:16px; padding:0; margin:0; text-shadow:none; letter-spacing:0.0em; color:#999;} #indexPlayerContainer div#indexPlayer {height:370px;} #indexPlayerContainer div ul { width:208px; height:365px; float:left; position:relative; top:5px;} #indexPlayerContainer div li {position:relative; height:105px; } #indexPlayerContainer li a {display:block; height:58px; border:none; background-image:url(https://www-ecs.jamplay.com/client/shell/images/video/index-player/Index-Buttons-Sprite-Shadow.gif); background-repeat:no-repeat;} #indexPlayerContainer li a img {display:block; position:relative; z-index:1; margin:0 auto; } #indexPlayerContainer li b {height:16px; color:#666666; text-transform:uppercase; font-size:0.70em; font-weight:normal; display:block; padding:2px 4px 0 4px;} #indexPlayerContainer li p {position:absolute; text-align:center; top:52px; left:40px; height:25px; font-size:11px; width:130px; color:#777; } #indexPlayerContainer li.playing p {color:#fff !important;} #indexPlayerContainer li a.guitarLessons {background-position:20px 0px;} #indexPlayerContainer li a.beginnerLessons {background-position:20px -58px;} #indexPlayerContainer li a.genreLessons {background-position:20px -116px;} #indexPlayerContainer li a.songLessons {background-position:20px -174px;} #indexPlayerContainer li a.memberFeedback {background-position:20px -232px;} #indexPlayerContainer li a.lifetime {background-position:20px -290px;} #indexPlayerContainer label {display:block; clear:both; text-align:center; height:42px; position:relative; font-size:.7em; text-transform:uppercase; letter-spacing:0.2em; color:#666;} #indexPlayerContainer #bioVidHolder {width:560px; float:left; height:380px; margin:0 auto; border:none; position:relative;} #indexPlayerContainer #bioVid {} #indexPlayerContainer #bioVidHolder img {display:block; position:absolute; bottom:15px; left:-12px; } /* Left Align Buttons, no Text */ #indexPlayerContainer img#screenshotsImage {display:block; padding:0; margin:0 0 0 16px;} div.leftAlignButtons {height:833px !important; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/index-single-vid-bullets-bg.jpg) 0px -4px repeat-x !important;} div.leftAlignButtons div#indexPlayer {position:relative; height:370px !important;} div.leftAlignButtons div#indexPlayer ul {position:relative; height:340px !important; width:295px; float:left; top:0px;} div.leftAlignButtons div#indexPlayer li {margin-left:58px; height:50px;} div.leftAlignButtons div#bioVidHolder {position:relative; height:340px !important;} div.leftAlignButtons div#indexPlayer img#shadow {display:block; position:absolute; bottom:10px; left:80px;} /* 3 Panel Bullets */ div#indexVideoBullets {width:955px; padding:170px 0 0 20px; height:170px; background:url(https://www-ecs.jamplay.com/client/shell/images/general/index-screenshots.jpg) 16px 0px no-repeat;} div#indexVideoBullets div {float:left; width:280px; padding:2px 30px 10px 0; border-right:1px solid #333; border-left:1px solid #000;} div#indexVideoBullets div h2 {color:#ccc; font-size:22px; font-weight:bold; padding:4px 0 5px 40px;} div#indexVideoBullets div p {font-size:13px; line-height:19px; padding:0 0 0 40px; color:#777;} div#indexVideoBullets div p a {color:#ccbe6e; text-decoration:none; border-bottom:1px solid #8a8463;} /* Single Player, Bigger Layout for A/B Testing */ div.singleVideo {height:833px !important; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/index-single-vid-bullets-bg.jpg) 0px -4px repeat-x !important; } div.singleVideo b.heading {display:block; font-weight:bold; padding:0 0 5px 0; text-align:center;} div.singleVideo p.introTextCenter {width:840px; text-align:center; margin:0 auto; padding:0 0 20px 0; font-size:14px; line-height:24px; color:#999; text-align:center; padding:0; height:80px;} div.singleVideo h1 {display:inline; font-weight:normal; font-size:16px; padding:0; margin:0; text-shadow:none; letter-spacing:0.0em; color:#999;} div.singleVideo div#indexPlayer {width:100%; height:500px; background:url(https://www-ecs.jamplay.com/client/shell/images/video/index-player/single-vid-guitars-bg.jpg) 0px -119px repeat-x !important;} div.singleVideo div#indexPlayer div#bioVidHolder {width:560px; margin:3px 0 0 205px;} #indexQuadPanel {width:100%; border-top:1px solid #555;} #indexQuadPanel div.panel {float:left; width:488px; height:450px; border-right:1px solid #333; background:url(https://www-ecs.jamplay.com/client/shell/images/video/index-player/quad-vid-bg.jpg) -3px 0px no-repeat; } #indexQuadPanel div.R {border:none; border-left:1px solid #000; margin-right:none;} #indexQuadPanel div.panel h2 {padding:30px 0 0 50px; font-size:24px;} #indexQuadPanel div.panel p {width:78%; color:#777; margin:0 auto; padding:0; line-height:19px;} #indexQuadPanel div.panel div.indexVidContainer {position:relative; width:400px !important; height:255px !important; padding:0; margin:0 auto; } #indexQuadPanel div.panel div.indexVidContainer div.embedVid {position:absolute; border:1px solid #000; left:14px; top:27px; width:368px; height:207px;} #indexQuadPanel div.panel i {display:block; float:left; width:50px;} #indexQuadPanel div.panel span {display:block; float:left; width:240px; padding:20px 0 0 0; text-transform:uppercase; font-size:10px; line-height:14px; font-weight:bold; color:#94792f;} #indexQuadPanel div.panel a.learnMore {float:left; margin:14px 10px 0 0;} /* Index Single, Narrow Panel */ #indexSinglePanels {width:632px; padding:0 0 0 0; float:left; text-align:left; border-top:1px solid #333;} #indexSinglePanels div.panel {display:relative; width:632px; height:450px; padding:20px 0 0 0; background:url(https://www-ecs.jamplay.com/client/shell/images/video/index-player/single-panel-bg2.jpg) top repeat-x; } #indexSinglePanels div.panel div.indexVidContainer {position:relative; z-index:100; width:481px; height:295px; padding:0; margin:10px 0 0 65px; background:url(https://www-ecs.jamplay.com/client/shell/images/video/index-player/448x252-vid-bg.jpg) top left no-repeat; } #indexSinglePanels div.panel div.indexVidContainer div.embedVid {position:absolute; border:1px solid #000; left:16px; top:15px; width:448px; height:252px;} #indexSinglePanels div.panel h2 {width:305px; float:left; padding:0 0 0 80px; font-size:24px;} #indexSinglePanels div.panel a.learnMore {float:left; margin-top:2px;} #indexSinglePanels div.panel p {clear:both; padding:0 0 0 80px; width:470px; color:#777; margin:0; line-height:19px;} #indexSinglePanels div.panel p span {display:block; height:20px; text-transform:uppercase; font-size:11px; line-height:14px; font-weight:bold; color:#94792f;} #indexTeachers {width:335px; padding:26px 0 0 0; margin:0; float:left; background:#151515; border-left:1px solid #333; border-top:1px solid #282828; } #indexTeachers b.carto30 {display:block; color:#fff; width:95%; text-align:center; margin:0 auto 0 auto; padding:0; height:31px;} #indexTeachers h1 {display:block; text-align:center; color:#565656; font-size:1em; text-shadow:none; line-height:20px; letter-spacing:0em !important; padding:2px 0 0 0; margin:0;} #indexTeachers img.header {display:block; padding:14px 20px 10px 30px; margin:0 0 10px 10px; border-bottom:1px solid #333;} #indexTeachers h2.cats {clear:both; padding:5px 0; border:1px solid #1e1e1e; border-width:1px 0; font-size:12px; color:#444; margin:15px 0 10px 0 !important; background:#0d0d0d; text-align:center; letter-spacing:0.2em; text-transform:uppercase; font-weight:normal;} #indexTeachers ul {float:none; clear:both; width:93%; margin:0 0 0 6%; padding:10px 0 20px 0; } #indexTeachers li {width:100px; height:108px; text-align:center; float:left; } #indexTeachers li a {display:block; margin:0 0 5px 0; text-decoration:none; } #indexTeachers li a img {display:block; padding:2px; background:#000; border:1px solid #222 !important; margin:0 auto;} #indexTeachers li a h3 {display:block; padding:3px 0 0 0; font-size:10px; color:#777; font-weight:normal;} #indexTeachers li a:hover img {background:#333; border:1px solid #666 !important;} #indexTeachers li a:hover b {color:#ccc; } #indexTeachers #indexTeachersFooter {clear:both; padding:0;} #indexTeachers #indexTeachersFooter h1 {display:block; clear:both; font-size:18px; border-top:1px solid #333; margin:30px auto 0 auto; color:#777; padding:20px 0 0 0; font-weight:bold;} #indexTeachers #indexTeachersFooter span {display:block; clear:both; color:#777; height:110px; width:85%; margin:5px auto; line-height:1.5em; text-align:center;} #indexTeachers #indexTeachersFooter div {display:block; clear:both; color:#777; height:50px; width:85%; margin:5px auto; line-height:1.5em; text-align:center;} #indexTeachers #indexTeachersFooter div a {color:#565656;} /* Index News */ #indexUpdates {width:620px; padding:26px 20px 0 0; float:left; text-align:left; border-top:1px solid #333;} #indexUpdates b.carto30 {display:block; color:#fff; padding:0 0 0 45px; margin:0; height:27px;} #indexUpdates b.carto18 {display:block; color:#666; padding:7px 0 0 45px; height:36px; text-shadow:none; } #indexUpdates p.header {border-top:1px solid #343434; font-size:13px; line-height:20px; margin:0 0 0 35px; padding:10px 0 0 10px; } #indexUpdates p.header a {color:#ccbe6e;} #indexUpdates #newsHead {clear:both; display:block; margin-top:20px; padding-left:20px; } #indexUpdates #newsHead label {display:block !important; clear:both !important; height:18px; padding:0; margin:0;} #indexUpdates #newsItems {padding:20px 0 0 25px;} #indexUpdates #newsItems div blockquote {float:left; padding:0; margin:0; width:440px; font-size:11px; line-height:16px;} #indexUpdates #newsItems div blockquote h4 {padding:4px 0 0 0; margin:0; line-height:16px; font-size:12px; } #indexUpdates #newsItems div blockquote h4 a {cursor:default !important; text-decoration:none; padding-bottom:1px; color:#ccc;} #indexUpdates #newsItems div blockquote h4 b {display:block; float:left !important; width:46px; padding-top:3px;} #indexUpdates #newsItems div blockquote span {display:block; clear:both; padding:7px 0 9px 0; line-height:17px;} #indexUpdates #newsItems div blockquote div.show {clear:both; float:none; width:430px; color:#666; display:block; margin:0; padding:4px 0 9px 0; line-height:17px;} #indexUpdates #newsItems div blockquote ul.nFoot {padding:0; margin:5px 0 0 0; height:25px; border:1px solid #303030; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/new-bar.jpg) top left no-repeat;} #indexUpdates #newsItems div blockquote ul.nFoot li {float:left;} #indexUpdates #newsItems div blockquote ul.nFoot li.sprite {height:17px; padding:1px 14px 2px 20px; line-height:15px; margin:3px 0 0 0; color:#666;} #indexUpdates #newsItems div blockquote ul.nFoot li.extend {height:24px; width:38px; padding:0; margin:0 20px 0 0; background-image:url(https://www-ecs.jamplay.com/client/shell/images/buttons/expand.jpg); background-repeat:no-repeat;} #indexUpdates #newsItems div blockquote.expandable ul.nFoot li.extend {background-position:2px 2px;} #indexUpdates #newsItems div blockquote.expanded ul.nFoot li.extend {background-position:2px -23px;} #indexUpdates #newsItems div blockquote.minimal ul.nFoot li.extend {background:none;} #indexUpdates #newsItems div blockquote.expandable div.show {height:45px; overflow:hidden;} #indexUpdates #newsItems div blockquote.expanded div.show {height:auto; overflow:visible !important;} #indexUpdates #newsItems div blockquote.minimal div.show {height:45px; overflow:hidden;} /* Potential Items that could be in a news post */ #indexUpdates #newsItems div blockquote div.show blockquote {float:none !important; padding:10px 0 10px 20px !important; width:400px !important;} #indexUpdates #newsItems div blockquote div.show blockquote b {color:#ccc;} #indexUpdates #newsItems div blockquote div.show blockquote ul {list-style-type:square !important; margin:10px !important; padding:5px !important;} #indexUpdates #newsItems div blockquote div.show blockquote ol {list-style-type:square !important; margin:10px !important; padding:5px !important;} #indexUpdates #newsItems div blockquote div.show blockquote span {display:inline !important; clear:none !important; padding:0;} #indexUpdates #newsItems div.newsThumb {float:left; width:110px !important; height:133px !important; margin:0 !important; padding:0 !important; background-position:-1px -6px; background-repeat:no-repeat;} #indexUpdates #newsItems div.newsThumb p {display:block !important; width:80px !important; height:97px !important; border:none !important; margin:3px 0 0 8px !important;} #indexUpdates #newsItems div.newsThumb span {display:block; width:80px !important; height:97px !important; margin:0 !important; padding:0 !important;} #indexUpdates #newsItems div.phase1 {background-image:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/index/phase1.jpg);} #indexUpdates #newsItems div.phase2 {background-image:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/index/phase2.jpg);} #indexUpdates #newsItems div.phase3 {background-image:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/index/phase3.jpg);} #indexUpdates #newsItems div.phase4 {background-image:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/index/phase4.jpg);} #indexUpdates #newsItems div.phase5 {background-image:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/index/phase5.jpg);} #indexUpdates #newsItems div.announcements {background-image:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/index/announcement.jpg);} #indexUpdates #newsItems div.article_blog {background-image:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/index/article.jpg);} #indexUpdates #newsItems div.artist_series {background-image:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/index/artist-series.jpg);} #indexUpdates #newsItems div.blog {background-image:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/index/blog.jpg);} #indexUpdates #newsItems div.entertainment {background-image:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/index/entertainment.jpg);} #indexUpdates #newsItems div.qna {background-image:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/index/video-qa.jpg);} #indexUpdates #newsItems div.site_features {background-image:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/index/site_feature.jpg);} #indexUpdates #newsItems div.tool_additions {background-image:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/index/tool.jpg);} /* Index - Holiday Sale */ div#indexSale {position:relative; clear:both; width:978px; height:275px; background:url(https://www-ecs.jamplay.com/client/shell/images/general/holiday/christmas-yearly-sale-2013-bg.jpg) top no-repeat;} div#indexSale p {position:absolute; top:95px; left:367px; width:560px; text-align:center; font-size:16px; color:#9c8b68;} div#indexSale p a {color:#eac724;} div#indexSale a#signupSale {display:block; position:absolute; top:159px; left:516px; width:231px; height:73px;} /*----------------------------------------------------------------------------------------------------------------------------------------------------------------------- Lessons */ div#lessons {width:100%; clear:both; position:relative; z-index:5;} div#lessons div#lessonsHead {float:left; width:680px; } div#lessons div#lessonsHead h2 {padding:0 0 6px 0} div#lessons div#lessonsHead h1 {padding:0 0 6px 0} div#lessons b.carto24 {display:block; padding:12px 0 10px 0; margin:0;} div#lessons b.carto26 {display:block; padding:0 0 10px 0; margin:0;} div#lessons div#lessonsHead div#breadcrumb {margin:5px 0 10px 0; width:96%; padding-left:0; font-size:12px;} div#lessons div#lessonsHead div#breadcrumb a {color:#D2B96A; font-size:12px;} div#lessons div#lessonsHead p {line-height:23px; padding:5px 30px 10px 0;} div#lessons div#lessonsHead div.rounded15 p {font-size:14px; line-height:19px;} div#lessons #lessonsNavigation {position:relative; float:left; z-index:3; width:277px; top:-40px; background:url(https://www-ecs.jamplay.com/client/shell/images/panels/lessons-navigation-panel-bg.png) top left repeat-y;} div#lessons #lessonsNavigation img {display:block; position:absolute;} div#lessons #lessonsNavigation ul {position:relative; z-index:10; top:98px; left:0px; width:247px; padding:0 0 150px 25px; background:url(https://www-ecs.jamplay.com/client/shell/images/panels/lessons-navigation-panel-bottom.jpg) 0px bottom no-repeat; } div#lessons #lessonsNavigation a, div#lessons #lessonsNavigation b {display:block; background-repeat:no-repeat; text-decoration:none !important;} div#lessons #lessonsNavigation ul li.main, div#lessons #lessonsNavigation ul li.main a, div#lessons #lessonsNavigation ul li.main b {display:block; width:148px; background-image:url(https://www-ecs.jamplay.com/client/shell/images/buttons/lessons-nav-sprite.png); text-transform:uppercase;} div#lessons #lessonsNavigation ul li.mainSignup, div#lessons #lessonsNavigation ul li.mainSignup a, div#lessons #lessonsNavigation ul li.mainSignup b {display:block; width:148px; background-image:url(https://www-ecs.jamplay.com/client/shell/images/buttons/lessons-nav-sprite-green.png); text-transform:uppercase;} div#lessons #lessonsNavigation ul li.main {margin-bottom:5px; background-position:0px -72px;} div#lessons #lessonsNavigation ul li.main a, div#lessons #lessonsNavigation ul li.main b { padding-top:10px; height:26px; font-size:12px; color:#fff; text-shadow:#000 0px -1px 0, #999 0 0px 0; text-align:center; } div#lessons #lessonsNavigation ul li.main a {background-position:0 -36px; border:none; color:#eee;} div#lessons #lessonsNavigation ul li.main b {background-position:0px 0px;} div#lessons #lessonsNavigation ul li.main a:hover {background:none;} div#lessons #lessonsNavigation ul li.subNav {background:none; padding:3px 0 10px 0px; position:relative; left:-0px; text-align:left;} div#lessons #lessonsNavigation ul li.subNav a, div#lessons #lessonsNavigation ul li.subNav b {text-align:left; margin:0 0 1px 0; padding:4px 0 4px 30px; height:14px; text-transform:none; color:#aaa; font-size:11px; } div#lessons #lessonsNavigation ul li.subNav a:hover {text-decoration:underline; color:#fff;} div#lessons #lessonsNavigation ul li.subNav b {color:#fff;} div#lessons #lessonsNavigation ul li.subNav b.styles {padding-left:22px;} div#lessons #lessonsNavigation ul li.subNav a.styles {height:15px; padding-left:22px; margin-left:6px;} div#lessons #lessonsNavigation ul li.subNav a.skills {height:15px; padding-left:22px; margin-left:0px;} div#lessons #lessonsNavigation ul li.subNav a.artists {height:10px; padding-left:10px;} div#lessons #lessonsNavigation ul li.subNav a.songs {height:10px; padding-left:10px;} div#lessons #lessonsNavigation ul li.artistNav {width:180px; margin-left:14px;} div#lessons #lessonsNavigation ul li.artistNav b {padding:4px 0 0 10px;} div#lessons #lessonsNavigation ul li.artistNav strong.subTitle {display:block; color:#fff !important; padding:10px 0 5px 4px; font-size:12px; } div#lessons #lessonsNavigation ul li.textBullet {text-align:left; padding:0; font-size:13px;} /* Left Panel */ div#lessonsNavigation div#leftPanel {width:219px; margin:95px 0 0 0; padding:0 20px 0 5px; background:#252525; position:relative; z-index:11001200;} div#leftPanel div#leftContents {width:200px; margin:0; padding:0 15px 0 0; font-size:11px; color:#aaa;} div#leftPanel div#leftContents img {display:block; position:relative;} div#leftPanel div#leftContents p {width:80%; margin:0 auto;} div#leftPanel div#leftContents ul {background:none; width:175px; margin:0; top:0; padding:0 0 0 25px; text-align:left;} div#leftPanel div#leftContents ul li {margin:0 0 3px 0; padding:1px 0 2px 25px; line-height:15px;} div#leftPanel div.membershipFeatures {text-align:center; padding-top:105px !important; background:url(https://www-ecs.jamplay.com/client/shell/images/text/membership-features-left.jpg) top left no-repeat #252525 !important;} div#leftPanel div#leftContents div.contentFootSignup {width:95%; height:60px; padding:5px;} div#leftPanel div#leftContents div.contentFootSignup a {margin:7px auto 0 auto;} /* Lessons Index */ div#lessons ul#lessonPlayerFeatures {position:relative; left:-25px; background:url(https://www-ecs.jamplay.com/client/shell/images/general/video-features-bg.png) 0px 0px no-repeat; height:285px; padding-left:28px;} div#lessons ul#lessonPlayerFeatures li {float:left; width:180px; margin:0 47px 0 0; padding:85px 0 0 0; font-size:11px; line-height:17px; } div#lessons ul.featuresVidQual {width:90%; padding:30px 0 0 0; height:100px; text-align:center;} div#lessons ul.featuresVidQual li {height:90px; float:left; width:25%; margin:0 0 0 0; padding:0;} div#lessons ul.featuresVidQual b {display:block; width:142px; height:40px; font-size:14px; line-height:20px; background:url(https://www-ecs.jamplay.com/client/shell/images/buttons/gray-quality-button.jpg) top center no-repeat; padding-top:12px; color:#000; text-shadow:#000 0px 0px 0, #777 0 1px 0;} div#lessons ul.featuresVidQual span {display:block; width:70%; text-align:center; font-size:11px; margin:0; padding:0; color:#aaa; line-height:15px;} div#lessons #lessonStructure {width:900px; padding-top:20px; } div#lessons #lessonStructure blockquote {float:left; text-align:left; width:268px; height:350px; margin:0 35px 0 0; padding:0;} div#lessons #lessonStructure blockquote p {text-align:left; line-height:20px; font-size:14px; padding:0 0 0 25px; margin:0;} div#lessons #lessonStructure blockquote b {display:block; margin:12px 0 0 25px} div#lessons #lessonStructure blockquote span {display:block; width:246px; height:56px; padding:43px 0 0 0; margin:0 auto; background:url(https://www-ecs.jamplay.com/client/shell/images/buttons/lessons-phase-buttons.png) top left no-repeat; } div#lessons #lessonStructure blockquote span strong {display:block; float:left; width:55px; text-align:right;} div#lessons #lessonStructure blockquote span strong img {display:block; padding:4px 0 0 33px; margin:0;} div#lessons #lessonStructure blockquote span em {display:block; float:left; width:160px; text-align:center;} div#lessons #lessonStructure blockquote span em img {display:block; margin:0 auto; padding-top:7px;} div#lessons #lessonStructure .tLine {display:block; clear:both; margin-left:133px} div#lessons #lessonStructure h2 {font-size:14px; letter-spacing:0em; height:17px; padding:0 0 0 22px; margin:10px 0 0 25px; text-shadow:none;} div#lessons ul.tabBullets {list-style-type:square; width:390px; float:left; margin-right:15px;} /* icon layout */ div#lessons ul#featureIcons {padding:0; margin:0 0 0 0; width:94%; } div#lessons ul#featureIcons li {float:left; width:32%; margin:0 1% 0 0; padding:25px 0 0 0;} div#lessons ul#featureIcons li p {width:80% !important; margin:0 auto !important; text-align:center !important; font-size:15px; line-height:20px;} div#lessons p#deviceSupport img#mobileIcon {display:block; float:left; padding:5px 20px 0 0;} div#lessons p#deviceSupport span {display:block; float:left; width:600px; padding:25px 0 0 0;} div#nextPageTear {width:100%; position:relative; height:183px;} div#nextPageTear div.contentFootSignup {width:350px; float:left; border:none;} div#nextPageTear div.contentFootSignup a, div#nextPageTear div.contentFootSignup p {text-align:center; margin:10px auto;} div#nextPageTear div#tear {position:relative; float:right; height:183px; width:600px;} div#nextPageTear div#tear b, div#nextPageTear div#tear span, div#nextPageTear div#tear a {display:block; position:absolute;} div#nextPageTear div#tear span {font-size:12px; top:100px; right:230px;} div#nextPageTear div#tear b {font-size:24px; top:60px; right:230px; color:#fff;} div#nextPageTear div#tear a {right:0px; top:0px; border:none;} /* Lessons - Songs */ div#lessons div.songsHead {} div#lessons div.songsHead p.floated {float:left; width:210px; padding:20px 0px 0px 0px !important; margin-right:35px; } div#lessons div.songsHead p.full {clear:both; padding:5px 20px 0 0 !important; height:124px;} div#lessons div.songsHead p b {color:#fff;} div#lessons div.songsHead div#songsVid {position:relative; float:left; width:400px; height:265px; padding:20px 0 0 0;} div#lessons div.songsHead div#songsVid img {display:block; position:absolute; top:260px; left:0px;} div#lessons div#songBottom i, div#lessons div.songsHead i {font-style:normal;} div#lessons div#songBottom b, div#lessons div.songsHead b {font-weight:normal;} div#lessons div#songBottom {clear:both; min-height:500px; position:relative; padding-top:74px; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/songs-split-header.jpg) top left no-repeat transparent !important;} div#lessons div#songBottom div#songSideBar {float:left; width:250px; padding:200px 0 0 0; text-align:center; background:none; font-size:14px; line-height:19px;} div#lessons div#songBottom div#songSideBar div#songFeatures {clear:both; text-align:left; margin:0 0 0 20px; width:213px; padding:11px 0 0 30px; height:857px; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/four-display-panel-vertical.jpg) top left no-repeat;} div#lessons div#songBottom div#songSideBar div#songFeatures div {float:left; width:165px; padding:16px 0 0 0; height:202px;} div#lessons div#songBottom div#songSideBar div#songFeatures div h3 {text-shadow:none; color:#fff; font-size:20px; padding:0 0 0 10px;} div#lessons div#songBottom div#songSideBar div#songFeatures div p {padding:6px 0 0 6px; width:90%; color:#aaa; font-size:12px; line-height:17px;} div#lessons div#songBottom div#songSideBar div#songPublishers {margin:20px 0 0 25px; width:204px; padding:0; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/panel-bg.jpg) top left repeat-y;} div#lessons div#songBottom div#songSideBar div#songPublishers div {padding:10px 0 0 0; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/panel-top.jpg) top left no-repeat;} div#lessons div#songBottom div#songSideBar div#songPublishers div h2 {padding:25px 0 10px 0; color:#ccc; font-size:20px;} div#lessons div#songBottom div#songSideBar div#songPublishers div p {width:75%; margin:0 auto; color:#aaa; } div#lessons div#songBottom div#songSideBar div#songPublishers img#publishers {display:block; padding:30px 0 0 0; margin:0 auto;} div#lessons div#songBottom div#songList {float:left; width:645px; position:relative; padding:0px 0 0 50px; margin:0; background:transparent; } div#lessons div#songBottom div#songList div.tableFloat {position:relative; width:645px; margin-top:20px;} div#lessons div#songBottom div#songList div.tableFloat h2 {font-size:22px !important; font-weight:normal; padding:2px 0 12px 10px;} div#lessons div#songBottom div#songList div.tableFloat h2 a {text-decoration:none; color:#fff;} div#lessons div#songBottom div#songList div.tableFloat img {display:none;} div#lessons div#songBottom div#songList p {line-height:21px; font-size:14px; width:97%; padding:0; margin:0;} div#lessons div#songList h2 {padding:2px 0 5px 0;} div#lessons div#songList table.songTable {margin:0} div#lessons div#songList table.songTable th {background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/red-29.jpg) 1px 0px repeat-x;} div#lessons div#songList table.songTable td {font-size:13px;} div#lessons div#songList table.songTable .time {font-size:11px; text-align:center;} div#lessons div#songList table.songTable .teacherIcon {font-size:11px;} div#lessons div#songList table.songTable td a {text-decoration:none !important; color:#aaa;} div#lessons div#songList table.songTable td.title {font-size:13px;} div#lessons div#songList span.freeSongLabel{color:#0BD92A; float:right; margin:0 10px 0 15px;} /* Lessons - Beginners */ div#lessons div#beginnerBullets {position:relative; z-index:2; float:left; margin:5px 0 0 0; width:657px; padding:20px 0 0 0px;} div#lessons div#beginnerBullets div {width:310px; float:left; position:relative;} div#lessons div#beginnerBullets div img {display:block; margin:0 auto; left:0; right:0; position:absolute; top:0px;} div#lessons div#beginnerBullets blockquote {margin:40px auto 15px auto; padding:22px; font-size:14px; line-height:20px; color:#ccc; -webkit-box-shadow: 0px 0 14px 0px rgba(0,0,0,0.80); -moz-box-shadow: 0px 0 14px 0px rgba(0,0,0,0.80); box-shadow: 0px 0 14px 0px rgba(0,0,0,0.80); background: -moz-linear-gradient(top, rgba(104,104,104,0.52) 0%, rgba(104,104,104,0.52) 1%, rgba(51,51,51,0.52) 14%, rgba(63,63,63,0.52) 69%, rgba(56,56,56,0.52) 91%, rgba(84,84,84,0.52) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(104,104,104,0.52) 0%,rgba(104,104,104,0.52) 1%,rgba(51,51,51,0.52) 14%,rgba(63,63,63,0.52) 69%,rgba(56,56,56,0.52) 91%,rgba(84,84,84,0.52) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(104,104,104,0.52) 0%,rgba(104,104,104,0.52) 1%,rgba(51,51,51,0.52) 14%,rgba(63,63,63,0.52) 69%,rgba(56,56,56,0.52) 91%,rgba(84,84,84,0.52) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } div#lessons div#beginnerBullets blockquote img {display:block; margin:0 0 0 -10px;} div#lessons div#beginnerBullets blockquote ul {margin:20px 0 0 5px; } div#lessons div#beginnerBullets blockquote li {padding:1px 0 1px 20px; color:#fff;} div#lessons div#beginnerBullets blockquote a {margin-top:20px;} div#lessons div#songTopBar div#songFeatures {text-align:left; margin:0 0 0 275px; width:638px; padding:11px 0 0 0; height:207px; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/three-display-panel-horizontal.jpg) top left no-repeat;} div#lessons div#songTopBar div#songFeatures div {float:left; width:185px; padding:15px 0 0 25px; height:202px;} div#lessons div#songTopBar div#songFeatures div h3 {text-shadow:none; color:#fff; font-size:20px; padding:0 0 0 10px;} div#lessons div#songTopBar div#songFeatures div p {padding:6px 0 0 6px; width:90%; font-size:11px; color:#fff; line-height:18px; } .phaseOne {width:970px; padding:40px 0 0 0; clear:both; position:relative; z-index:5; margin:0px; border-top:1px solid #333; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/teacher-bio-left-column.jpg) -50px 0px repeat-y;} .phaseOne h2 {font-size:20px; padding-left:20px; color:#fff; margin:0;} .seriesPanel {width:360px; float:left; padding:20px 0 0 0; margin:0px 0 20px 0; position:relative;} .seriesPanel a {color:#fff !important;} a.thumb {display:block; float:left; margin-right:15px; position:relative; height:96px; width:96px; background-image:url(https://www-ecs.jamplay.com/client/shell/images/buttons/teacher-thumb-sprite.jpg); background-position:top left;} a.thumb img, .seriesPanel object {display:block; border:1px solid #000 !important; position:absolute; top:9px; left:10px; padding:0; margin:0;} .seriesPanel object {left:11px; top:10px;} a.thumb:hover {background-position:bottom left;} .seriesPanel b {color:#fff; } .seriesPanel p {padding:4px 0; margin:0 !important; font-size:13px; line-height:19px; color:#aaa;} .seriesPanel span {display:block; clear:both; height:35px; padding:10px 0 0 0px;} .seriesPanel i {display:block; font-size:12px; margin:4px 0; color:#fff; font-style:normal;} #phaseOne {width:980px; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/signup.jpg) 440px 0px repeat-y;} #phaseOne .panel {position:relative; float:left; width:420px; } #phaseOne .panel h2 {font-size:22px;} #phaseOne .panel img.icon {display:block; position:absolute; top:-40px; right:-35px;} #phaseOne .panel .seriesPanel {width:400px; float:none; margin:35px 0 0 0; padding:0;} #phaseOne .panel .seriesPanel i {display:none; margin:0; clear:none; position:absolute; top:0px; right:0px;} #phaseOne .acoustic {margin-right:70px;} #phaseOne .electric img.icon {right:-10px;} #phase2Genres .seriesPanel, #styleOf .seriesPanel {width:96%; padding:0; margin:0 0 30px 10px; float:none; clear:both;} #phase2Genres .seriesPanel i, #styleOf .seriesPanel span, #styleOf .seriesPanel i {clear:none !important;} #phase2Genres .seriesPanel i, #styleOf .seriesPanel i {position:absolute; top:-5px; right:40px; color:#ccc;} #phase2Genres .seriesPanel p, #styleOf .seriesPanel p {height:auto;} #phase2Genres .seriesPanel h3, #styleOf .seriesPanel h3 {display:block; color:#fff; height:auto; line-height:16px; margin:0; padding:0;} #phase2Genres .seriesPanel h3 a, #styleOf .seriesPanel h3 a {text-decoration:none;} #phase2Genres .seriesPanel h3 {font-size:15px; padding:0 0 4px 0} #phase2Genres {width:650px; float:left;} blockquote.seriesSelector { min-height:70px; position:relative; z-index:10; clear:both; padding:0 0 0 5px; margin:15px 0 0 0; border:1px solid #555; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494949+1,232323+92,3f3f3f+100 */ background: #494949; /* Old browsers */ background: -moz-linear-gradient(top, #494949 1%, #232323 92%, #3f3f3f 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #494949 1%,#232323 92%,#3f3f3f 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #494949 1%,#232323 92%,#3f3f3f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.43); -moz-box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.43); box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.43); } blockquote.bHover {background: #111; border-color:#222} blockquote.seriesOn {background: #000; border-color:#222} blockquote.seriesSelector div {float:left; width:60px; padding:12px 0 0 0; text-align:center;} blockquote.seriesSelector span {position:relative; z-index:2; display:block; float:left; width:380px; font-size:12px; padding-top:12px; margin-right:6px; color:#ccc; line-height:15px;} blockquote.seriesSelector b {display:block; position:relative; z-index:2; float:left; padding:0; width:180px; margin-right:0px;} blockquote.seriesSelector b img {display:block; margin:0 auto; padding-top:4px;} blockquote.seriesSelector b i, blockquote.seriesSelector b em {display:block; text-align:center; text-transform:uppercase !important; font-family:"Times New Roman", Times, serif !important; font-style:normal; } blockquote.seriesSelector b i {padding-top:14px; font-size:12px; line-height:12px; height:16px; color:#666; letter-spacing:0.6em; font-weight:normal;} blockquote.seriesSelector b em {font-size:24px; margin:0; text-align:center; font-weight:bold;} div.seriesInstructor {margin-top:15px; } div.seriesInstructor h2 {padding:5px 0 20px 10px; font-size:18px; } div.seriesInstructor h2 a {color:#999 !important; text-decoration:none;} div#lessons #lessonSets {width:690px; padding:30px 0 0 0; float:left;} /* Lesson Preview Div for Lesson Listings */ div.lesson_preview {height:130px; width:502px; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/lesson-listing-bg-60.jpg) top left no-repeat; font-size:11px; padding:0; margin:0 0 0 15px;} #seriesLessons div.free {background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/lesson-listing-bg-60free.jpg) top left no-repeat !important;} #seriesLessons div.free h3 a {text-decoration:underline;} div.lesson_preview h3 {font-size:16px !important; color:#999 !important; font-weight:normal; height:auto; padding:3px 0 0 0; } div.lesson_preview h3 a {color:#fff !important; text-decoration:none; font-weight:bold;} div.lesson_preview p {height:50px; color:#aaa; padding-right:15px;} div.lesson_preview blockquote {float:left; width:88px; height:110px; margin-right:10px; position:relative; background-repeat:no-repeat; background-position:top left;} div.lesson_preview blockquote i {display:block; text-transform:uppercase; font-weight:bold; width:73px; text-align:center; position:absolute; font-size:10px; color:#000; line-height:12px; top:85px; left:5px; z-index:4; font-style:normal;} div.lesson_preview blockquote img.overlay {display:block; position:absolute; z-index:4; top:0; left:0px;} div.lesson_preview b.sprite {line-height:18px; padding:0 0 0 22px; margin-right:20px; font-size:12px; font-weight:normal; color:#ccc;} div.lesson_preview i {display:block; clear:both;} div.lesson_preview span {display:block; margin:0; padding:3px 0 0 10px; height:22px;} div.viewing {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity:0.4;} div.viewing b.star {display:none;} div.viewing h3 {color:#fff !important; font-weight:bold;} /* Page Specific Displays */ #lessonSets div.lesson_preview {width:620px; clear:both; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/lesson-listing-bg-60x620.jpg) top left no-repeat; } #lessonSets div.free {background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/lesson-listing-bg-60x620free.jpg) top left no-repeat;} #lessonSets div.free h3 a {font-size:16px; text-decoration:underline;} /* For Bio Page Listings */ div.lesson_set div.lesson_preview {height:110px; width:420px; float:left; margin:0 15px 0 0; background:none; } div.lesson_set div.lesson_preview p {height:auto; overflow:hidden; line-height:13px; padding-right:5px;} div.lesson_set div.lesson_preview h3 { white-space:nowrap; overflow:hidden; line-height:20px; height:22px;} div.lesson_set div.lesson_preview blockquote {margin-right:5px;} div.lesson_set div.lesson_preview blockquote i {top:68px; } div.lesson_set div.free h3 a {text-decoration:underline;} div.lesson_set div.songs {width:420px; height:150px;} div.lesson_set div.songs h3 {height:auto; padding-top:2px;} div.lesson_set div.songs p {height:auto; padding:5px 0 4px 5px; font-size:12px !important; line-height:15px;} div.lesson_set div.songs h3 strong {display:block; padding-left:5px; line-height:15px; color:#8CB773; font-weight:normal;} div.lesson_set div.songs blockquote {width:104px; height:129px; margin-right:12px; background-position:14px 10px;} div.lesson_set div.songs blockquote i {top:85px;} /* End Lesson Preview Div */ div#lessons .seriesHead {} div#lessons .seriesHead p#blurb1 {height:200px; padding:5px 0 0 0; background-repeat:no-repeat; background-position:bottom right;} div#lessons .seriesHead p#blurb1 span {display:block; width:430px;} div#lessons .seriesHead p#blurb2 {clear:both; padding:10px 30px 0 0; border-top:1px solid #000;} /* Live */ div#weeklyWorkshops {width:310px; height:auto; float:left; margin-right:45px; position:relative; z-index:10; font-size:15px;} div#dailyQA {width:310px; height:auto; float:left; position:relative; z-index:10; font-size:15px;} div.courseDivider {clear:both; height:50px; margin-top:40px; border-top:1px solid #444; background: #161616;background: -moz-linear-gradient(top, #161616 1%, #252525 100%);background: -webkit-linear-gradient(top, #161616 1%,#252525 100%);background: linear-gradient(to bottom, #161616 1%,#252525 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161616', endColorstr='#252525',GradientType=0 );} /* Phase 3 */ #phase3_listing {margin:20px 0 0 5px;} #phase3_listing a {padding:1px 0 0 3px; border:none; text-decoration:none; color:#999;} #phase3_listing td {padding:0 4px;} #phase3_listing td.teacherIcon a:hover {color:#ccc; text-decoration:underline;} #artistSeries {width:700px; float:left;} #artists, #styleOf {padding:30px 0 0 10px; position:relative; width:650px; float:left; } #artists div {clear:both; width:93%; height:auto; margin:0; padding:0 0 0 0px; position:relative;} #artists div a.thumb {margin:5px 0 32px 0;} #artists div span {width:120px; float:left;} #artists div span a.redButton { margin:0 0 3px 0;} #artists div p {display:block; padding:2px 0 0 0; font-size:13px; line-height:18px; } #artists div h2 {font-size:22px; line-height:24px; padding:0; margin:0;} #artists div h2 a {color:#fff; text-decoration:none;} #artists div i {padding:1px 0 0 0; font-size:17px;} #artists div i a {text-decoration:none;} #artists div label {color:#fff; display:block; position:absolute; right:30px; bottom:20px; height:25px; margin:0 0 0 5px; } #artists div hr {clear:both; height:5px; color:#252525; border:none; background:#252525;} #artists div.buttons {clear:none; margin:10px 0 !important; padding:0 !important;} #artistSeries ul {height:40px; width:400px;} #artistSeries li {margin-right:15px;} #artistSeries li, #artistSeries li a {display:block; float:left; width:178px; height:40px; background:url(https://www-ecs.jamplay.com/client/shell/images/buttons/yellow-button-sprite.jpg) 0px -40px no-repeat;} #artistSeries li a {text-align:center; line-height:40px; background-position:0px 0px; color:#000; text-transform:uppercase; font-size:14px; font-weight:700} #artistSeries li a:hover {background-position:0px -41px;} #artistSeries li.off a {background-position:0px -41px;} #styleOf .seriesPanel {width:670px; float:none;} /* HTML5 for Video Scenes */ #videoCurrentScene {margin:0 auto 15px auto; padding:2px 0 0 10px; height:24px; border:1px solid #000; background:url(https://www-ecs.jamplay.com/client/global/images/video/html5/html5-scene-bar.jpg) top left repeat-x; color:#fff; font-weight:bold; text-align:left;} #videoCurrentScene div {float:left; width:60px;} #videoCurrentScene b {display:block; float:left; height:22px; padding:4px 0 0 25px; background:url(https://www-ecs.jamplay.com/client/global/images/video/html5/html5-scene-icon.jpg) 0px -2px no-repeat;} #videoCurrentScene a {display:block; float:left; height:23px; width:24px; margin-right:3px; } #videoCurrentScene a.prev {background:url(https://www-ecs.jamplay.com/client/global/images/video/html5/html5-scene-back.jpg) top left no-repeat;} #videoCurrentScene a.next {background:url(https://www-ecs.jamplay.com/client/global/images/video/html5/html5-scene-forward.jpg) top left no-repeat;} /* Live - within lesson page */ #live {position:relative; height:355px; padding:20px 0 0 0;} #live ul {float:left; padding:0; margin-right:20px; width:350px; height:320px;} #live ul li {position:relative; padding-top:2px; } #live ul li.sprite {margin-top:7px; left:10px;} #live div#liveVideo {float:left; width:500px; padding-top:10px;} #live div#liveVideo img {display:block; position:absolute; top:320px;} #live p {clear:both;} /* Sale Page */ div#indexSaleBig {position:relative; clear:both; top:0px; width:978px; height:473px;} div#indexSaleBig div#saleLeft {float:left; width:376px;} div#indexSaleBig div#saleRight {float:left; height:473px; width:602px; position:relative; background:url(https://www-ecs.jamplay.com/client/shell/images/general/holiday/the-beatles-index-right.jpg) top left no-repeat;} div#indexSaleBig div#saleRight p {position:absolute; top:97px; left:17px; width:560px; text-align:center; line-height:22px; font-size:16px; color:#9f9f9f;} div#indexSaleBig div#saleRight p a {color:#ffde00;} div#indexSaleBig div#saleRight a#signupSale {display:block; position:absolute; top:340px; left:170px; width:231px; height:73px;} div#sale div.saleHead {width:90%; margin:0 auto;} div#sale div.saleHead h1 {font-size:30px; font-weight:bold;} div#sale div.saleHead p {line-height:22px; font-size:14px;} div#sale div#indexSaleBig {margin-top:40px;} div#sale div#headFloat {width:610px; float:left; padding-right:40px; } div#sale div#headFloat p {font-size:14px; line-height:22px;} div#sale div#yearDetail {width:209px; float:left; padding-top:10px;} div#sale div#saleVideo {clear:both; padding:15px 0 0 48px; position:relative; width:929px; height:470px; background:url(https://www-ecs.jamplay.com/client/shell/images/general/holiday/the-bealtes-vid-bg.jpg) top repeat-x #222;} div#sale div#saleVideo div#YTvid {float:left; width:650px; padding:15px 20px 0 0;} div#sale div#saleVideo div#YTvid img {display:block; padding-top:20px;} div#sale div#saleVideo div#vidDetails {float:left; width:250px; padding:15px 0 0 0; font-size:14px; } div#sale div#saleVideo div#vidDetails ul {margin:15px 0 0 10px;} div#sale div#saleVideo div#vidDetails li {margin:10px 0;} #liveTable {margin:30px auto; border:1px solid #333; border-width:0 1px 1px 1px; border-collapse:collapse; } #liveTable th {background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/black-35.jpg) top repeat-x; border:1px solid #333; border-top:none; text-align:center; padding:4px; font-size:12px; border-collapse:collapse; color:#ccc;} #liveTable td {display:table-cell !important; border:1px solid #333; text-align:left; color:#aaa; font-size:11px; padding:0 8px; border-collapse:collapse; background-repeat:no-repeat; line-height:10px;} #liveTable td.teacherIcon {color:#ddd;} div#indexLive {padding:0; width:100%; margin:0 auto; background: #333333; background: -moz-linear-gradient(top, #333333 0%, #252525 18%); background: -webkit-linear-gradient(top, #333333 0%,#252525 18%); background: linear-gradient(to bottom, #333333 0%,#252525 18%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#252525',GradientType=0 );} div#indexLive p {text-align:center; width:90%; margin:0 auto; padding:0} div#courseContainer {padding:20px 0 0 25px} div#indexLive h2 {text-align:center; font-size:36px; padding:12px 0 2px 0; font-weight:bold;} div#indexLive div.indexCourse {float:left; margin:5px 4px 0 10px; background:url(https://www-ecs.jamplay.com/client/shell/images/index/live-panel-bg.jpg) top no-repeat; width:447px; height:326px; } div#indexLive div.indexCourse div {padding:10px 40px} div#indexLive div.indexCourse div span {display:block; color:#fff; font-size:12px; text-transform:uppercase; text-align:center; padding:12px 0 15px 0} div#indexLive div.indexCourse div i { font-style:normal; letter-spacing:0.1em; text-transform:uppercase; text-align:center; color:#fff;} div#indexLive div#courseContainer div.indexCourse div p {width:100%; padding:0 0 20px 0; font-size:15px; line-height:20px; text-align:left;} div#indexLive div.indexCourse img.indexCourseHeadImg {display:block; margin:0 auto;} /* Pricing */ div#pricing div#pricingProducts {width:977px; height:672px; padding:0px 0 0 0; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/marge-pricing-col-bg.jpg) bottom no-repeat;} div#pricing div#pricingProducts div {width:255px; float:left; margin:0 40px 0 0; position:relative;} div#pricing div#pricingProducts div#dummy {width:66px; margin-right:0px;} div#pricing div#pricingProducts div ul {padding:0 0 0 0;} div#pricing div#pricingProducts div li {padding:12px 10px 0 20px;} div#pricing div#pricingProducts div li.divide {height:25px; padding:0; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/black-bevel-line.jpg) 0px 20px repeat-x;} div#pricing div#pricingProducts div a.signupBtn {display:block; position:absolute; top:360px; left:40px; margin:0 auto; width:168px; height:57px; background-image:url(../images/buttons/signup-sprite-pricing.gif); background-repeat:no-repeat;} div#pricing div#pricingProducts div a.gold {background-position:0px 0px;} div#pricing div#pricingProducts div a.blue {background-position:0px -57px;} div#pricing div#pricingProducts div a.green {background-position:0px -114px;} div#pricing div.sideText {width:700px; padding:20px 0 0 230px; background:url(https://www-ecs.jamplay.com/client/shell/images/icons/dudes-alert.jpg) 30px 10px no-repeat; } div#pricing div.sideText p {padding:8px 0 0 0; font-size:16px; line-height:22px; color:#777; } div#pricing div.sideText p b {color:#ccc;} div#pricing div.sideText span.sprite {display:block; font-weight:bold; color:#fafafa; line-height:18px; padding:0 0 0 25px; margin:15px 0 6px 0;} div#pricing div.dude {height:600px; background:url(https://www-ecs.jamplay.com/client/global/images/general/big-dude.gif) top left no-repeat !important;} div#pricing div#compareTable {clear:both; width:90%; margin:0 auto; padding:30px 0 0 0 !important; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/divider870.jpg) center 10px no-repeat;} div#pricing div#compareTable p {width:90%; margin:10px auto; text-align:center; font-size:16px; line-height:22px; padding:0 0 10px 0; } div#pricing div#compareTable table {margin:20px auto 0 auto; border-bottom:1px solid #111;} div#pricing div#compareTable tr td {text-align:center; font-size:11px; border-right:1px solid #111} div#pricing div#compareTable tr td span {display:block; height:19px; padding:0 0 0 26px; line-height:17px;} div#pricing div#compareTable tr td.titleTD {text-align:left; padding-left:10px; border:1px solid #111; border-width:0 0 0 1px; font-size:11px;} div#pricing div#compareTable tr.row1 td {background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/table-row-normal1.jpg) top repeat-x;} div#pricing div#compareTable tr.row2 td {background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/table-row-normal2.jpg) top repeat-x;} div#pricing div#compareTable tr td.jp1 {background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/table-row-shadow1.jpg) top left no-repeat; color:#fff; border:none;} div#pricing div#compareTable tr td.jp2 {background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/table-row-shadow2.jpg) top left no-repeat; color:#fff; border:none;} div#pricing div#compareTable td img {display:block; margin:0 auto;} div#pricing div#compareTable td span.centerS {position:relative; left:4px; padding-left:0px; height:24px; display:block; width:25px; margin:0 auto;} #compare_table {margin:30px auto; border:1px solid #444; border-width:0 1px 1px 1px; border-collapse:collapse;} #compare_table th {background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/black-35.jpg) top repeat-x; border:1px solid #444; border-top:none; text-align:center; padding:4px; font-size:12px; border-collapse:collapse; color:#eee;} #compare_table td {display:table-cell !important; border:1px solid #444; text-align:left; font-size:12px; padding:0 3px; border-collapse:collapse; background-repeat:no-repeat; line-height:10px;} #compare_table td.highlightit {text-align:center; background:#333; font-weight:bold; color:#FFCC00;} #compare_table td.highlightit2 {text-align:center; background:#222; font-weight:bold; color:#FFCC00;} #compare_table tr.jprow td {text-align:center; color:#FFCC00; background:#333; font-weight:bold; border-right:1px solid #444; padding-left:0; padding-right:4px; padding-top:0; padding-bottom:0} #compare_table tr.insrow td {text-align:center; padding:0 4px 0 0; border-bottom:1px dotted #999; border-right:1px solid #444;} .subtext {display:block; margin:3px 0 8px 8px; font-size:9px; color:#777; line-height:12px;} /* Features - General, also used in landing pages and whatnot */ #featuresNav {width:930px; margin:20px 0 0 45px; position:relative; z-index:6; } #featuresNav ul { list-style-type:none; margin:0; z-index:6; padding:15px 0 0 0; float:left; text-align:center; width:120px !important; height:130px; color:#999;} #featuresNav li {margin:0; padding:0; text-align:center; position:relative; z-index:6;} #featuresNav li span {display:block; background:url(https://www-ecs.jamplay.com/client/global/images/icons/features/red-general3.gif) top center no-repeat; -moz-opacity:.4; margin:0 auto; width:90px; height:90px;} #featuresNav li h2 {color:#aaa; padding:0; margin:0; font-size:13px;position:relative; z-index:6; text-transform:uppercase; } #featuresNav ul.tabOn h2 {color:#fff; font-weight:bold;} #featuresNav ul.tabOn span {width:106px; height:90px; background:url(https://www-ecs.jamplay.com/client/global/images/icons/features/red-on2.gif) top center no-repeat;} #featuresNav ul.tabOn span img {display:block; margin:0 auto;position:relative; z-index:6;} #featuresNav blockquote {clear:both; position:relative; left:-20px; text-align:left; background:url(https://www-ecs.jamplay.com/client/shell/images/nav/features/blockquote-bg.jpg) top left no-repeat; height:27px; margin:0; padding:0;} #featuresNav img#featureH {display:block; width:120px; position:absolute; float:none; left:0px; top:-8px !important; z-index:4;} /* Features Page Only */ div#featuresPage div#featuresNav ul {width:110px;} #featureContent {width:870px; clear:both; line-height:1.5em; font-size:1.0em; padding:45px 25px 0 23px; margin-left:30px; text-align:left; background:url(https://www-ecs.jamplay.com/client/shell/images/nav/features/menu-footer.jpg) top repeat-x;} #featureContent h2 {padding:0 0 0 0; margin:0; font-size:24px;} #featureContent p.type {font-size:15px;} #featureContent p b {color:#fff;} #featureContent h3.floated {float:left; width:400px;} #featureContent p.floated {float:left; width:500px; padding:0; margin:0;} #featureContent h3 {color:#fff !important; padding-top:5px;} #featureContent .floatedImage {display:block; float:left; margin-right:30px; padding:20px 0 0 30px;} #featureContent hr {clear:both; height:1px; margin:10px 0 !important; padding:0; border:none; color:#444; background:#444;} /* Features - General Tabbed Content Styling */ div.featuresDrop {position:relative; padding-top:10px;} div.featuresDrop h3.carto22 {padding-bottom:10px;} div.featuresDrop div.tabHeader {width:94%; margin:0 auto; position:relative;} div.featuresDrop div.tabHeader h2 {} div.featuresDrop div.tabHeader p {width:380px; height:220px; margin:0; padding:14px 0 0 0;} div.featuresDrop div.tabHeader div.vidContainer {width:400px; height:250px; position:absolute; right:25px; top:5px;} div.featuresDrop div.tabHeader div.vidContainer div.embedVid {} div.featuresDrop div.tabHeader div.vidContainer img {display:block; position:absolute; top:232px; margin:0 auto;} div.featuresDrop img.divider870 {display:block; clear:both; padding:0 0 15px 0;} div.featuresDrop div.centeredContent {width:95%; margin:0 auto;} /* Features - Chords */ div.featuresDrop #chordFeatures {width:92%; margin:20px auto;} div.featuresDrop #chordFeatures div {width:28%; float:left; margin:30px 8% 0 0; font-size:12px; line-height:20px} div.featuresDrop #chordFeatures div h3 {margin-top:15px;} /* Features - Scales */ div.featuresDrop #scaleList {width:100%; padding:15px 0 0 0; margin:0 auto 15px auto;} div.featuresDrop #scaleList ul.R {border-right:none;} div.featuresDrop #scaleList ul.exot {height:185px;} div.featuresDrop #scaleList ul {float:left; width:24%; height:130px; margin:0; padding:25px 0 0 0; background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/gradients/black-130.jpg) top repeat-x #252525; border-style:solid; border-width:0 1px 0 0; border-color:#292929;} div.featuresDrop #scaleList li {position:relative; margin:0 0 0 20px; padding-left:27px; font-size:11px; } div.featuresDrop #scaleList li h2 {position:relative; left:-20px; font-size:16px; color:#fff; padding:0 0 6px 0 !important;} div.featuresDrop #scaleList p {padding:4px 18px 5px 18px; margin:0 0 10px 0; font-size:12px; line-height:20px;} div.featuresDrop div#fretboard {position:relative; top:10px; width:860px; margin:0 auto; height:561px; background:url(https://www-ecs.jamplay.com/client/shell/images/general/scale-fretboard5.jpg) 190px 0px no-repeat; } div.featuresDrop div#fretboard div {position:absolute; height:100px; width:230px; font-size:12px; line-height:1.6em} div.featuresDrop div#fretboard div#sharps {top:38px; left:30px;} div.featuresDrop div#fretboard div#notes {top:290px; left:30px;} div.featuresDrop div#fretboard div#key {top:14px; left:585px;} div.featuresDrop div#fretboard div#highlight {top:224px; left:585px;} div.featuresDrop div#scaleVideo {width:900px; height:700px; background:url(https://www-ecs.jamplay.com/client/shell/images/general/scale-videos2.jpg) 60px 10px no-repeat;} div.featuresDrop div#scaleVideo div {float:left; margin:450px 40px 0 0; height:100px; width:270px; font-size:12px; line-height:1.6em} /* Features - Games */ div.featuresDrop div#gamesDisplay {width:99%; margin:0 0 0 1%;} div.featuresDrop div#gamesDisplay div {float:left; width:49%; margin:25px 0 0 0; height:300px;} div.featuresDrop div#gamesDisplay div img {display:block; margin:0 auto;} div.featuresDrop div#gamesDisplay div p {width:75%; margin:0 0 0 14%; font-size:15px;} /* Features - Tracks */ div#backingTracks div#trackSummary {width:380px; height:180px; float:left; padding:0 30px 0 20px; margin:0 30px 0 0; border-right:1px solid #333;} div#backingTracks div#recommendedScales {width:380px; height:180px; float:left;} div.featuresDrop div#JamTracksList {width:98%; margin:10px 0 0 2%;} div.featuresDrop div#JamTracksList div.tableFloat {position:relative; width:400px; height:500px; float:left; margin-top:40px;} div.featuresDrop div#JamTracksList div.fullTable {clear:both; width:95%; margin:0 auto; padding:10px 0;} div.featuresDrop div#JamTracksList div.fullTable table {margin:10px 0;} div.featuresDrop div#JamTracksList div.fullTable p {padding:10px 0;} div.featuresDrop div#JamTracksList div.tableFloat h2.tracked {position:absolute; letter-spacing:2px; top:20px; right:30px; font-size:12px !important; font-weight:normal; color:#777 !important;} div.featuresDrop div#JamTracksList div table {margin:5px 0;} div.featuresDrop div#JamTracksList div table th {padding:0px 5px; font-weight:normal; font-size:11px;} div.featuresDrop div#JamTracksList div table th.sprite {font-size:12px; color:#fff; background-repeat:no-repeat; background-color:#000; background-position:5px 9px; padding-left:22px;} div.featuresDrop div#JamTracksList div table td {padding:0px 5px;} /* Features - Community */ #community {} #community div.tabHeader p {width:100%; float:none; padding:10px 0 0 0; margin:0; height:64px;} #community div#triCol {width:860px; margin:0 0 0 15px; padding:0; float:none;} #community div#triCol div.tri {float:left; width:30%; margin:0 4% 0 0; padding:25px 0 2% 0; text-align:left; font-size:.95em; line-height:1.7em; /*background:url(https://www-ecs.jamplay.com/client/shell/images/css-bg/header3.jpg) 0px -140px repeat-x; border:1px solid #444;*/} #community div#triCol div.tri b {color:#fff; display:block; padding:1px 0 2px 20px; margin:0 0 5px 0; line-height:15px; font-size:15px;} #community div#triCol div.tri span { font-size:.85em; line-height:1em; color:#999; display:block; padding:4px 0 10px 0;} #community div#triCol div.tri p {margin:0; padding:0; font-size:14px; line-height:20px; } #community blockquote {width:92%; margin:0 auto;} #community blockquote img {display:block; float:right; padding:2px; margin:4px 4px 4px 0px; border:1px solid #333; background:#111; width:40px; height:40px;} #community blockquote a:hover {border-color:#999;} #community blockquote a:hover img {opacity: 1.0; filter: alpha(opacity=100); border:none;} #community img#duder {display:block; margin:0 auto; padding:0;} /* Features: Video Quality */ #featVidPreview {border-bottom:1px solid #333; width:100%; height:480px;} #featVidPreview div {text-align:center; float:left; height:450px; padding-top:10px; } #featVidPreview div i {font-style:normal; display:block; height:16px; font-size:.75em; text-transform:uppercase; } #featVidPreview div img {display:block; padding:0 0 10px 0;} #featVidPreview div.featYT em {font-style:normal; display:block; height:12px; padding-top:50px; font-size:.7em; line-height:12px; text-transform:uppercase; } #featVidPreview div.featJP {width:506px; padding-right:50px; color:#5e5e5e;} #featVidPreview div.featYT {width:300px; color:#4e4e4e;} #featVidPreview font {display:block; margin:15px auto 0 auto; width:225px; font-size:.95em;} /* Hidden Video Preview */ #featVid {width:800px; margin:0 0 0 30px; text-align:center; height:600px;} #featVid h5 {font-size:1em; color:#FFCC00; display:block; padding:5px 0 5px 0;} #videoQAVids {width:900px; position:relative; left:-20px; padding-top:15px;} #videoQAVids div.left {float:left; border:1px solid #252525;} #videoQAVids div embed, #videoQA div object {display:block; width:400px; margin:0 auto;} #videoQAVids span {font-size:.9em; color:#fff; width:390px;} #videoQAVids div span, #videoQA div h3, #videoQA div i {display:block; float:none; width:380px; margin:0 auto;} #videoQAVids div {float:left; width:445px; height:420px; padding-top:25px; margin:0; border-bottom:1px solid #252525;} #videoQAVids div i {font-size:.8em; line-height:1.3em; height:90px; color:#777;} #videoQAVids div span abbr {padding:0 0 1px 0; border-bottom:1px dotted #999999; color:#777;} /* Features: Tools */ div#tools div {width:880px; height:240px;} div#tools div blockquote {float:left; width:670px; padding:15px 0 0 0;} div#tools div img {display:block; float:left; margin-right:25px;} div#tools div li {line-height:1.45em; font-size:.8em;} div#tools div ul {padding:15px 0 10px 5px;} div#tools div li.R {border:none; margin:0;} div#tools div li b {font-size:1.2em; display:block; color:#fff; padding:0px 0px 2px 21px; margin-bottom:3px;} div#toolsMet li {float:left; width:195px; border-right:1px solid #333; margin-right:15px; padding:6px 15px 10px 0;} div#toolsTun li ul {float:left; width:120px; border-right:1px solid #333; margin:10px 10px 20px 0; padding:6px 10px 10px 0;} div#toolsTun li ul li {width:125px; padding:3px 0 2px 15px; font-size:1em; background:url(https://www-ecs.jamplay.com/client/global/images/icons/arrow.gif) 5px 9px no-repeat;} div#toolsTun li {float:none; clear:both; width:605px; padding:6px 15px 10px 0;} /* Calender Icon */ .date {float:left; clear:both; width:90px; margin-top:30px; background:url(https://www-ecs.jamplay.com/client/shell/images/icons/date.jpg) top center no-repeat; font-size:12px; text-align:center;} .date p {font-size:11px !important; text-transform:uppercase; color:#ccc; padding:8px 0 1px 0 !important; margin:0; } .date b {font-size:26px; color:#333;display:block; padding:0 0 4px 0; line-height:1em; } /* Tools > Guitar-Help */ #guitar-help {position:relative; width:880px; } #guitar-help div#answerVideo {position:relative; margin:20px auto 0 auto; height:380px; width:640px} /* Announcements */ div#announcements {width:930px; margin:0 auto;} div#announcements h1 {padding-left:20px;} div#announcements div#quadNews {width:930px; padding:15px 0 0 0; margin:0; } div#announcements div#quadNews div {width:310px; height:270px; display:block; float:left;} div#announcements div#quadNews div h3 {width:90%; padding:0 0 0 6px; margin:0 auto; font-weight:normal; font-size:14px;} div#announcements div#quadNews div h3 a {color:#ccc; text-decoration:none;} div#announcements div#quadNews div p {width:90%; margin:3px auto; padding:4px 0 0 6px; font-size:11px; line-height:17px; color:#777;} div#announcements div#quadNews div p span {background:#4c4728; padding:1px 3px; color:#999; font-size:11px;} div#announcements div#quadNews div p a {color:#a39d7c;} div#announcements div#quadNews a img {display:block; padding:0; margin:0 auto;} div#announcements div#quadNews div#divideNews {clear:both; width:100%; height:3px; margin:15px 0 0 0; background:#111; border-bottom:1px solid #444;} /* Old, unused for reference */ /*#lessonsNav2 {width:878px; padding-left:100px; height:54px; } #lessonsNav2 li {float:left; width:97px; height:54px; margin-right:5px; background:url(https://www-ecs.jamplay.com/client/shell/images/nav/lessons/tab-hover.jpg) top left no-repeat;} #lessonsNav2 li a, #lessonsNav2 li span {display:block; text-decoration:none !important; padding-top:10px; color:#fff; text-shadow:#000 0px -1px 0, #999 0 0px 0; text-align:center; width:97px; height:54px;} #lessonsNav2 li a {background:url(https://www-ecs.jamplay.com/client/shell/images/nav/lessons/tab-up.jpg) top left no-repeat; border:none; color:#eee;} #lessonsNav2 li span {position:relative; top:-7px; background:url(https://www-ecs.jamplay.com/client/shell/images/nav/lessons/tab-on.jpg) top left no-repeat;} #lessonsNav2 li a:hover {background:none; color:#fff;}*/ /* Live Pages */ div#liveCourseDisplay {font-family: 'Nunito Sans', sans-serif;} div#liveCourseDisplay p {color:#bbb; line-height:20px; font-size:15px;} div#liveCourseDisplay span.timeBubble {display:block; float:left; text-align:center; width:230px; border:1px solid #111; padding:10px; font-size:1.1em; color:#fff; margin:8px 20px 0 0} div#liveCourseDisplay span.headSubtext {display:block; float:left; width:320px; padding:10px; font-size:1.0em; color:#fff; margin:4px 20px 0 0} div#liveCourseDisplay a.signupFreeFloat {float:left; margin:8px 0 20px 0; padding:10px 12px; width:200px;} div.classHeadCenter {width:90%; margin:0 auto; padding-bottom:0; text-align:center;} div.classHeadCenter h1 {font-family:'Cinzel'; font-size:2.6em; line-height:1.2em; padding:0;} div.classHeadCenter p {clear:both; padding:0 0 10px 0; text-align:left;} div#liveCourseDisplay h2 {font-family:'Cinzel'; padding-bottom:5px; font-size:1.9em; } div#liveDisplayPanel {width:100%; position:relative; text-align:left;} div#liveDisplayPanel p.width470 {width:470px} div#liveDisplayPanel a#getAccessTop {display:block; position:absolute; top:50px; left:720px;} div#liveDisplayPanel div#liveDisplayGuts {width:700px; padding:145px 0 0 50px; position:relative;} div#liveCourseDisplay div.RESPONSIVEEMBED {margin:20px 0} div#liveDisplaySample {width:94%; padding:20px 3%; border-top :1px solid #666; text-align:center; background: #3a3a3a; background: -moz-linear-gradient(top, #3a3a3a 0%, #2d2d2d 100%); background: -webkit-linear-gradient(top, #3a3a3a 0%,#2d2d2d 100%); background: linear-gradient(to bottom, #3a3a3a 0%,#2d2d2d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#2d2d2d',GradientType=0 ); -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.75); box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.75); } div#liveDisplaySample div.sampleLeft {width:48%; float:left; margin:20px 4% 0 0} div#liveDisplaySample div.sampleRight {width:48%; float:left; margin:20px 0 0 0;} div#liveDisplaySample h2 {font-size:3em; padding:0; margin:0;} div#liveDisplaySample p {width:80%; margin:0 auto; line-height:1.5em} #liveCourseSummary {width:100%; padding-top:174px; position:relative; background:url(https://www-ecs.jamplay.com/client/shell/images/landing/xmas2015/box-jamplay-head.jpg) top no-repeat;} #liveCourseSummary p {position:relative; left:5%; width:90%; text-align:center; font-size:14px; line-height:24px; color:#999} #liveCourseSummary div.JPfeaturePanel {width:33%; float:left; margin:20px 0} #liveCourseSummary div.JPfeaturePanel div.featureContents {width:272px; margin:0 auto; background:#101010; -webkit-border-radius: 0px 0px 15px 15px;-moz-border-radius: 0px 0px 15px 15px;border-radius: 0px 0px 15px 15px;} #liveCourseSummary div.JPfeaturePanel div.featureContents p {padding:6px 0 20px 0; color:#888; font-size:11px; line-height:16px} #liveCourseTable {margin:20px auto} #liveCourseTable td {padding:10px 20px; font-family: 'Nunito Sans', sans-serif} #liveCourseTable td.sessionCell {text-align:center} #liveCourseTable td.sessionCell h3 { margin:6px 0 0 0; padding:3px 0; font-size:1.5em; color:#fff;} #liveCourseTable td.sessionCell a.signupFree {padding:3px; margin:5px auto 10px auto; width:100px;} #liveCourseTable h2 {margin:10px 0 0 0; padding:5px 0; font-size:1.7em} div#courseBullets {width:90%; margin:0 auto} div#courseBullets div#courseBullet {float:left; width:300px; margin-right:2%; padding:20px 0 0 0} div#courseBullets div#courseBullet ul {list-style-type:square; font-size:1.2em; color:#fff; margin:0 0 0 20px} div#courseBullets div#courseBulletVideo {float:left; width:560px} .clearfix:after {visibility: hidden; display: block;font-size: 0;content: " "; clear: both; height: 0;} .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* close commented backslash hack */ .col-md-6 {float:left; width:46%; margin-right:5%} .col-md-4 {float:left; width:31%; margin-right:3%} .dumbFloatRight {margin-right:0 !important;} div.multiPanel {width:93%; margin:0 0 0 4%; font-size:13px;} div.shadowPanel {color:#aaa; margin-top:30px; text-align:center; padding:10px 0 25px 0; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; -webkit-box-shadow: 0px 0 14px 0px rgba(0,0,0,0.80); -moz-box-shadow: 0px 0 14px 0px rgba(0,0,0,0.80); box-shadow: 0px 0 14px 0px rgba(0,0,0,0.80); background: -moz-linear-gradient(top, rgba(104,104,104,0.52) 0%, rgba(104,104,104,0.52) 1%, rgba(51,51,51,0.52) 14%, rgba(63,63,63,0.52) 69%, rgba(56,56,56,0.52) 91%, rgba(84,84,84,0.52) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(104,104,104,0.52) 0%,rgba(104,104,104,0.52) 1%,rgba(51,51,51,0.52) 14%,rgba(63,63,63,0.52) 69%,rgba(56,56,56,0.52) 91%,rgba(84,84,84,0.52) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(104,104,104,0.52) 0%,rgba(104,104,104,0.52) 1%,rgba(51,51,51,0.52) 14%,rgba(63,63,63,0.52) 69%,rgba(56,56,56,0.52) 91%,rgba(84,84,84,0.52) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8686868', endColorstr='#91545454',GradientType=0 ); /* IE6-9 */ } div.multiPanel h3 {padding:12px 0 4px 0; margin:0;font-size:27px; line-height:27px; color:#fff; font-weight:500;} div.multiPanel h2, div.multiPanel span.subtitle {padding:0 0 12px 0; margin:0; font-size:12px; color:#ccc; font-weight:400; text-transform: uppercase;} div.multiPanel img {display:block; margin:0 auto;} div.multiPanel p {width:85%; margin:0 0 0 9%; padding:10px 0; line-height:1.4em; font-size:1em; text-align:left;} div.multiPanel a.btn {display:inline-block; margin:5px 0 0 0; padding:10px 20px; font-weight:300} div.multiPanel span {display:block; font-size:0.85em; line-height:1.2em} div.multiPanel span a {text-decoration: none; color:#E5DAC1 !important} h2.sectionHeader {padding-top:10px} div.multiPanelFlex {display:flex; flex-direction:row; flex-wrap:wrap; align-content: center; width:96%; margin:0 auto;} div.multiPanelFlex .col-md-6 {float:none; flex:1 1 35%; text-align:left; padding:26px 25px 30px 25px; margin:20px 2% !important;} div.multiPanelFlex h3 {padding:6px 0 4px 0; margin:0;font-size:30px; line-height:27px; color:#fff; font-weight:500;} div.multiPanelFlex h2 {padding:0; margin:0; font-size:12px; color:#ccc; font-weight:400; text-transform: uppercase;} div.multiPanelFlex p {clear:left; font-size:14px; line-height:20px; padding:5px 0 0 0; color:#ccc;} div.multiPanelFlex b.details {display:block; color:#A9C1E7; padding:4px 0; font-size:14px;} div.multiPanelFlex a.btn {margin:22px 20px 0 0; padding:10px 20px; font-weight:300} div.multiPanelFlex img.icon {width:100px !important; height:88px !important} div.multiPanelFlex ul {list-style-type: circle; font-size:13px; margin:14px 30px 0 20px;} div.multiPanelFlex li a {color: #D1C58F !important} a.btn {font-size:18px; padding:13px 30px 15px 30px; margin:25px 0 15px 0; border-top:1px solid #aaa; 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 5px 10px 0px rgba(0,0,0,0.65); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.65); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.65); } a.btn-blue {border:1px solid #A4C5ED; border-width:1px 0 0 0; box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.75); cursor:pointer; text-shadow: 0px -1px 1px #000; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6f90db+1,344e82+50,2c4170+86,607bbc+100 */ background: rgb(111,144,219); /* Old browsers */ background: -moz-linear-gradient(top, rgba(111,144,219,1) 1%, rgba(52,78,130,1) 50%, rgba(44,65,112,1) 86%, rgba(96,123,188,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(111,144,219,1) 1%,rgba(52,78,130,1) 50%,rgba(44,65,112,1) 86%,rgba(96,123,188,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(111,144,219,1) 1%,rgba(52,78,130,1) 50%,rgba(44,65,112,1) 86%,rgba(96,123,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f90db', endColorstr='#607bbc',GradientType=0 ); /* IE6-9 */ }