/* GENERAL DECLARATIONS, GLOBAL FOR SITE */
body, html {margin:0; padding:0; height:100%; background:url(http://www-ecs.jamplay.com/images/css-bg/lesson_bg2.jpg) repeat-x #fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0 auto; }
br {clear:both;}
h1 {font-size:16px; font-weight:bold; color:#ccc; line-height:20px; text-align:center; margin:12px 0px 5px 0px; padding:0;}
h2 {font-size:13px; font-weight:bold; color:#474747; line-height:20px; margin:0px 0px 3px 0px; padding:0;}
a {color:#863535;}
form {margin:0;padding:0;}
input {font-size:11px; color:#666; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #999; height:15px; padding:2px; background:#fff;}
select {font-size:11px; color:#666; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #999; height:17px; padding:1px; background:#fff;}
textarea {font-size:11px; color:#666; font-family:Verdana, Arial, Helvetica, sans-serif; border:1px solid #999; padding:1px; background:#fff;}
table {font-size:11px; line-height:16px;}

.button {font-size:10px; color:#fff; border:1px solid #474747; background:#863535; padding:0px 3px; height:18px; text-transform:uppercase;}
#dot {display:block; height:25px; width:100%;  background:url(http://www-ecs.jamplay.com/images/css-bg/dot.gif) top repeat-x;}
#roll a {display:block; height:17px; line-height:21px; padding:1px 5px; margin:0px 4px 2px 4px; background:#ccc; border:1px solid #333; font-size:10px; text-transform:uppercase; color:#333; text-decoration:none; vertical-align:middle; text-align:center;}
#roll p {display:block; height:17px; line-height:21px; padding:1px 5px; margin:0px 4px 2px 4px; background:#fff; border:1px solid #333; font-size:10px; text-transform:uppercase; color:#333; text-decoration:none; vertical-align:middle; text-align:center;}
#roll a:hover {background:#fff;}

#hack {margin-top:6px; margin-bottom:4px;}
.on a {color:#fff !important; border:none !important; text-decoration:none;}
#table_ref {background:#f9f9f9; color:#474747; border:1px solid #ccc;}
#table_ref td {border-bottom:1px solid #ccc;}
#table_head {background:#474747; color:#fff; font-weight:bold;}


#videoNavigation {width:990px; margin:0 auto; height:487px;}
#videoNavigation blockquote {margin:0; padding:0; float:left;}
#videoNavigation ul {list-style-type:none; margin:10px 0; padding:5px 0 0 0; border:1px solid #000; border-width:0 1px 0 0; width:187px; height:80px; float:left; }
#videoNavigation li {padding:0; margin:0 auto; text-align:center;  color:#ccc;}
#videoNavigation li p {width:162px; text-align:center;  margin:0 auto; padding:4px 0 0 0; font-size:10px; color:#ccc;}
#videoNavigation li img {display:block; border:0; margin:0 auto;}
#videoNavigation li a {display:block; margin-top:2px; height:45px; color:#FFCC00;}

#beginner {width:990px; margin:0 auto;  height:120px;}
#beginner ul {width:430px; float:left; height:100px; margin:0 18px 0 0; text-align:left !important;}
#beginner li {margin:0; padding:0;}
#beginner li img {display:block;  margin:0; border:0; padding:0 !important;}
#beginner li a {height:25px;}
#beginner blockquote img {margin:0; padding:0 10px 0 0; float:left;}
#beginner span {display:block; width:350px; padding:0 0 0 5px; font-size:12px; color:#ccc; text-align:left; line-height:17px;}
#beginner p a {height:20px;}
#beginner a {display:block; color:#FFCC00; font-size:12px; padding:6px 0 8px 0; height:60px;}



#holder {display:block; margin:0 auto; width:990px; }
/*
#holder_nav {width:990px; margin:0 auto; clear:both; height:125px;}
#holder_nav blockquote {margin:0; padding:0; float:left;}
#holder_nav div {width:185px; padding:10px 0 0 0; float:left; margin:2px 0 0 0; height:95px;  }
#holder_nav img {display:block; border:0; margin:0 auto;}
#holder_nav p {width:162px; text-align:center;  margin:0; font-size:10px; color:#ccc;}
#holder_nav p a {height:20px; background:none; color:#FFCC00; font-size:12px;}
#holder_nav a {display:block; margin-top:2px; height:45px; }
#holder_nav a:hover { background:#641F20;}

#beginner {width:990px; margin:20px auto 10px auto;  height:100px;}
#beginner blockquote {margin:0; padding:10px 0 0 0; float:left;}
#beginner div {width:440px; float:left; height:100px; margin:0; text-align:center;}
#beginner p a img {display:block;  margin:0 auto; border:0; padding:0 0 12px 0 !important;}

#beginner span {display:block; padding:0; width:350px; margin:0 auto; font-size:12px; color:#ccc; line-height:17px;}
#beginner p a {height:20px;}
#beginner a {display:block; color:#FFCC00; font-size:12px; padding:6px 0 8px 0; height:60px;}
*/
.seperate {clear:both !important; height:20px; width:990px;}


/* LEFT PANEL CSS ADDITIONS */
#progress_border {width:98%; margin:3px 0 3px 0; border:1px solid #000; background:#333;}
#progress_bar {height:12px; padding:0; background:#38BA41;}
#progress_display {display:block; padding:0px 0px 2px 0px;}

.hover {}
	/* Top Video Display */
	.content_nav {display:block; padding:0; margin:0px 0px 15px 5px; border:1px solid #000; background:#474747; color:#ccc; font-size:11px;}
	.content_nav img {display:block; margin:0 !important;}
	
	.content_box {display:block; padding:10px 0; width:285px; height:260px; margin:0; border:1px solid #000; background:#474747; color:#ccc; font-size:11px;}
	.content_box p {font-size:12px; line-height:18px; color:#ccc; padding:0 10px 4px 10px !important; margin:0;}
	.content_box ul {list-style-type:none; margin:8px 0 0 0; padding:0; border-bottom:1px dotted #000;}
	.content_box li {padding:7px 0 7px 45px; margin:0; border-top:1px dotted #000;}
	.content_box .acoustic {background:url(http://www-ecs.jamplay.com/images/icons/acoustic.gif) 10px 5px no-repeat;}
	.content_box .electric {background:url(http://www-ecs.jamplay.com/images/icons/electric.gif) 10px 5px no-repeat;}
	.content_box a {color:#FFCC33; text-transform:uppercase;/* padding-bottom:1px; border-bottom:1px solid #FFCC33; */}
	.content_box li a {color:#FFCC33; font-size:12px; margin:0; text-decoration:none;/* padding-bottom:1px; border-bottom:1px solid #FFCC33; */}
	.content_box li span {display:block; font-size:10px; color:#999999;  padding:2px 0 0 0;}
	
	
	.content_box ul #runtime {background:url(http://www-ecs.jamplay.com/images/icons/wmv.gif) 0px -1px no-repeat; padding:2px 0 11px 25px;}
	.content_box ul #instructor {background:url(http://www-ecs.jamplay.com/images/icons/instructor.gif) 0px -1px no-repeat; padding:2px 0 11px 25px;}
	.content_box ul #skill {background:url(http://www-ecs.jamplay.com/images/icons/jamplay.gif) 0px -1px no-repeat; padding:2px 0 0 25px;}
	.content_box ul #overview {margin-top:0px; padding:0px 0px 10px 0px;}
	
	
	#left_holder {display:block; float:left; height:480px; width:290px; margin:0 10px 0 0;}
	#left_holder p {margin:0; padding:0;}
	#left_holder p a {display:block; float:left; height:35px; margin:8px 4px 7px 0;}
	#left_holder p span {display:block; text-align:center; color:#ccc; padding:8px 0;}
	#left_holder img {display:block; margin:0 auto;}
	#left_holder a:hover img {filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; }
	
	#right_holder {display:block; float:left; width:685px; height:487px;  text-align:center; background:url(http://www-ecs.jamplay.com/images/css-bg/lesson/lesson_holder_right2.jpg) 2px 0 no-repeat; }
	#right_holder a {color:#F2EEBB;}
	#right_video_footer {display:block; padding:8px 5px 0px 5px; margin:0 auto; color:#ccc;}
	#right_video_footer a {margin:0px 7px; padding:2px 4px; font-size:10px; text-transform:uppercase; text-decoration:none; color:#ccc; display:inline-block; background:#474747; border:1px solid #000;}
	#right_video_footer a:hover {background:#333;}
	#right_video_footer .quality_on {background:#000;}
	
	
		/* Tabs for Show / Hide Content */
		#tab_nav {display:block; width:980px; clear:both; padding:6px 0px 3px 0px;  margin:0 auto; text-align:left;}
		#tab_nav a {display:inline-block; font-weight:bold; margin:0px 5px; }
		#tab_nav a:hover {background:#863534;}
	
			
		#lesson_info, #the_teacher, #supplemental_content, #lesson_set {width:980px; margin:0 auto; clear:both; text-align:left; }
		#lesson_info h3, #the_teacher h3, #supplemental_content h3, #lesson_set h3 {display:block; clear:both; margin:0; padding:0; font-size:14px; color:#222; font-weight:bold;}
		
		#lesson_info {font-size:12px; line-height:19px; padding-top:20px;}
		#supplemental_content {font-size:12px; line-height:19px;}
		#supplemental_content h3 {padding:20px 0 10px 0; border-bottom:1px solid #ccc; background:#fff;}
		#lesson_set {font-size:11px; line-height:19px; padding-top:20px;} 
		#the_teacher {font-size:11px; line-height:21px; padding-top:20px;}
			
			
			/* Lesson Information Content Tab CSS */
			#lesson_info .lesson_title {display:block; font-size:16px; font-weight:bold; color:#474747; margin:0px 0px 5px 0px; padding:0 0 5px 0; }
			#lesson_info .subtitle {display:block; width:300px; padding:7px; margin:5px 0px; background:#f7f7f7; border:1px solid #666; font-weight:bold; font-size:11px;}
			#lesson_info .chapter_title {display:block; margin:10px 0px; color:#863535; font-size:14px; font-weight:bold; text-decoration:underline;}

			#lesson_info_nav {display:block; margin:10px 0 10px 0; height:27px; width:100%; padding:0; clear:both;}
			#lesson_info_nav a {display:block; float:left; font-size:10px; font-weight:bold; background:url(http://www-ecs.jamplay.com/images/css-bg/block-grad-bg.jpg) top left repeat-x; color:#474747; height:22px; line-height:22px; text-transform:uppercase; text-decoration:none; padding:0 7px 0 3px; margin-right:10px; border:1px solid #999999;}
			#lesson_info_nav a:hover {border-color:#000000; color:#863535;}
			#lesson_info_nav img {float:left; padding:0 3px 0 1px;}
				
			/* Supplemental Content Tab CSS */
			#supplemental_content {width:990px; height:700px; margin:0 auto; text-align:left; font-size:12px; line-height:19px; background:url(http://www-ecs.jamplay.com/images/css-bg/lesson/supp-bg.gif) repeat-y ;}
			#supplemental_content iframe {float:left; width:720px; padding:10px 0 0 0; margin:0; line-height:18px; }
			#supplemental_content_nav {float:left; width:239px; background:url(http://www-ecs.jamplay.com/members/images/buttons/supp-content.jpg); margin:0 25px 0 1px;}
			#supplemental_content_nav a {border-bottom:1px solid #ccc; display:block; font-size:11px; color:#474747; text-decoration:none; height:22px; padding:3px 0 0 20px;}
			#supplemental_content_nav a:hover, #supplemental_content_nav a:active {border-color:#666; background-color:#ffffff !important; color:#863535;}
			a#text   {background:url(http://www-ecs.jamplay.com/images/icons/text.gif) no-repeat 3px;}
			a#pdf   {background:url(http://www-ecs.jamplay.com/images/icons/pdf.gif) no-repeat 1% 1%;}
			a#web   {background:url(http://www-ecs.jamplay.com/images/icons/web.gif) no-repeat 1% 1%;}
			a#audio {background:url(http://www-ecs.jamplay.com/images/icons/audio.gif) no-repeat 1% 1%;}
			a#image {background:url(http://www-ecs.jamplay.com/images/icons/image.gif) no-repeat 3px;}
			a#video {background:url(http://www-ecs.jamplay.com/images/icons/video.gif) no-repeat 1% 1%;}			/* Lesson Set Tab */
			
			
				.lesson_hold {display:block; float:left; width:325px; height:140px; border-bottom:1px dotted #999; border-right:1px dotted #999; }
				.lesson_currently_viewing {display:block; float:left; width:324px; height:139px; background:#dfdfdf; border:1px solid #474747;}
				.lesson_preview {display:block; width:295px; margin:12px auto; padding:0px 0px 0px 4px;  }
				.lesson_preview b {font-size:12px; display:block; margin-bottom:4px;}
				.lesson_preview img {float:left; display:block; height:110px; width:80px; margin:0px 10px 0px 0px; border:1px solid #474747;}
				.lesson_preview span {float:left; display:block; width:295px; margin-bottom:9px; line-height:16px;}
				.lesson_preview table {float:left; display:block; border:1px solid #ccc; background:#f7f7f7; }
				.lesson_preview table b {font-size:11px; margin:0; display:inline;}
			
				.skill {display:block; margin:5px 0; width:100px;}
				.skill05 {background:url(http://www-ecs.jamplay.com/images/icons/rating_0_5.gif) left no-repeat;}
				.skill10 {background:url(http://www-ecs.jamplay.com/images/icons/rating_1_0.gif) left no-repeat;}
				.skill15 {background:url(http://www-ecs.jamplay.com/images/icons/rating_1_5.gif) left no-repeat;}
				.skill20 {background:url(http://www-ecs.jamplay.com/images/icons/rating_2_0.gif) left no-repeat;}
				.skill25 {background:url(http://www-ecs.jamplay.com/images/icons/rating_2_5.gif) left no-repeat;}
				.skill30 {background:url(http://www-ecs.jamplay.com/images/icons/rating_3_0.gif) left no-repeat;}
				.skill35 {background:url(http://www-ecs.jamplay.com/images/icons/rating_3_5.gif) left no-repeat;}
				.skill40 {background:url(http://www-ecs.jamplay.com/images/icons/rating_4_0.gif) left no-repeat;}
				.skill45 {background:url(http://www-ecs.jamplay.com/images/icons/rating_4_5.gif) left no-repeat;}
				.skill50 {background:url(http://www-ecs.jamplay.com/images/icons/rating_5_0.gif) left no-repeat;}
				
				
				
	#navigation {margin:0 auto !important; width:990px !important;}		
	#navigation ul.tabbernav li, #navigation ul.tabbernav li a, #navigation #ballsnav1, #navigation #ballsnav2, #navigation #ballsnav3, #navigation #ballsnav4 {width:178px !important; height:35px !important; float:left;}
	#navigation ul {width:900px !important;}
	#navigation ul.tabbernav li {background:url(http://www-ecs.jamplay.com/images/buttons/tabs/lesson-lower-plain.gif) top left no-repeat;  margin:0 10px 0 0; font-size:1px; color:#fff;}
	#navigation ul.tabbernav li.tabberactive {background:url(http://www-ecs.jamplay.com/images/buttons/tabs/lesson-lower-plain-on.gif) top left no-repeat !important;}
	
	#navigation li a#ballsnav1 {background:url(http://www-ecs.jamplay.com/images/buttons/tabs/lesson-lower-info.gif) top left no-repeat !important;}
	#navigation li a#ballsnav2 {background:url(http://www-ecs.jamplay.com/images/buttons/tabs/lesson-lower-supplemental.gif) top left no-repeat !important;}
	#navigation li a#ballsnav3 {background:url(http://www-ecs.jamplay.com/images/buttons/tabs/lesson-lower-more.gif) top left no-repeat !important;}
	#navigation li a#ballsnav4 {background:url(http://www-ecs.jamplay.com/images/buttons/tabs/lesson-lower-about.gif) top left no-repeat !important;}
	
	
	
	#videoNav {width:275px; height:27px !important;}
	#videoNav .tabbertab {clear:both;}
	#videoNav .tabberlive {background:url(http://www-ecs.jamplay.com/images/css-bg/menu-bg.jpg) 0 27px repeat-x;}
	#videoNav ul.tabbernav li {width:90px; height:27px;  margin:0; background:url(http://www-ecs.jamplay.com/images/buttons/tabs/lesson-hover.gif) top left no-repeat; }
	#videoNav ul.tabbernav li a {height:25px; padding:2px 0 0 0; width:90px; text-align:center; line-height:21px; background:url(http://www-ecs.jamplay.com/images/buttons/tabs/lesson-up.gif) top left no-repeat; color:#333;}
	#videoNav ul.tabbernav li a:hover {background:none; color:#000;}
	#videoNav ul.tabbernav li.tabberactive {position:relative; top:1px; width:90px; height:27px; padding:0; background:url(http://www-ecs.jamplay.com/images/buttons/tabs/lesson-on.gif) top left no-repeat;}
	#videoNav ul.tabbernav li.tabberactive a {background:url(http://www-ecs.jamplay.com/images/buttons/tabs/lesson-on.gif) top left no-repeat !important; font-weight:bold; color:#ccc;}
	
	.tabberlive, .tabbertabhide {display:none;   margin:10px 0 0 0; padding:0;}
	.tabber {display:block; clear:both;  margin:10px 0 0 0;}
	.classTabHide {display:none;}
	.tabberlive {display:block; clear:both; overflow:visible;    margin:10px 0 0 0;}
	.tabbertab { padding:0;  }
	.tabbertabhide h2, .tabberlive h2, .tabbertab h2 {display:none !important;}
	ul.tabbernav {display:block; padding:0; margin:0;}
	ul.tabbernav li  {list-style: none; display: block; float:left; text-align:center; }
	ul.tabbernav li a  {display:block; float:left; white-space:nowrap; margin:0; text-decoration:none !important;}
	ul.tabbernav li a:hover {}
	ul.tabbernav li.tabberactive {}
	/*ul.tabbernav li.tabberactive a {}
	ul.tabbernav li.tabberactive a:hover  {display:block; float:left;  color: #ccc; background:none; white-space:nowrap;}				
				*/
    
	
	#the_teacher h2 {font-size:16px;}	
	#ins_images {border-left:1px dotted #666; border-right:0px dotted #666; border-top:0px dotted #666; border-bottom:0px dotted #666; display:block; float:left; margin-left:15px; text-align:center; width:150px; padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px}
	#ins_images img {display:block; margin:0 0 5px 15px; border:1px solid #333;}
	#ins_content {float:left; display:block; width:750px; font-size:12px;  line-height:20px; margin-top:5px;}
	#lower_block p {padding:0 0 10px 0; margin:0; line-height:16px;}
	#lower_block img {float:left; margin:0 3px; border:1px solid #333;}