/*----------------
Additional styling for Support Video Tutorial pages
www.pgmusic.com
------------------*/

/*Sets up support for the top "Tab" navigation*/
.videotutorials .rowBlock {width: 960px; margin: 0 0 12px 0; overflow: inherit; background: #ffffff; z-index:20; position:relative; border-top: thin solid #d9dcdd; 
						   -moz-border-radius: 0px 4px 4px 4px; -webkit-border-radius: 0px 4px 4px 4px; border-radius: 0px 4px 4px 4px;
	                       -webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px; -moz-box-shadow: rgba(0,0,0,.3) 1px 1px 3px; box-shadow: rgba(0,0,0,.3) 1px 1px 3px;}

.videotutorials .text a {color:#3556c0}						   
.videotutorials .fullBlock  .note-tscc {float:right; font-size:11px}
.videotutorials .fullBlock  h2 {font-size:20px; padding-top:7px}
.videotutorials .fullBlock  h2 {color:#242424;}
.videotutorials .fullBlock  ul {margin:0; padding:0}
.videotutorials .fullBlock  ul li {list-style:none; background:none; padding:0; position: relative}
.videotutorials .fullBlock  ul li a {cursor:pointer}
.videotutorials .fullBlock img {display:block}

/*common styles for all videos*/
.videotutorials .fullBlock  li .vid-dur {position:absolute; background: #909090 url("gfx/bg_vid-dur.png") repeat-x; color:#fff;
						   	 -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	                      	 -webkit-box-shadow: rgba(0,0,0,.6) 1px 1px 2px; -moz-box-shadow: rgba(0,0,0,.6) 1px 1px 2px; box-shadow: rgba(0,0,0,.6) 1px 1px 2px;}
.videotutorials .fullBlock  li .vid-platform {position:absolute; background: #d8dce3 url("gfx/bg_vid-platform.png") repeat-x; 
						   		  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	                      		  -webkit-box-shadow: rgba(0,0,0,.4) 1px 1px 2px; -moz-box-shadow: rgba(0,0,0,.4) 1px 1px 2px; box-shadow: rgba(0,0,0,.4) 1px 1px 2px;}	

/*main panel - sections*/
.videotutorials #main-panel {float:left; width:590px}
.videotutorials #main-panel .section {clear:both; margin-bottom:24px; padding-top: 4px}
.videotutorials #main-panel .section-divider {margin:0; border-top:thin solid #d7d7d7; width:560px}
.tips #main-panel { width: auto; }

/*main panel - one video per row */
.videotutorials #main-panel .one-up li {width:293px; height:220px; float:left; margin:8px 1px 4px 0; overflow:hidden}
.videotutorials #main-panel .one-up li .vid-dur {top:145px; left:195px; font-size:14px; line-height:14px; padding:3px}
.videotutorials #main-panel .one-up li .vid-play {position:absolute; top:57px; left:57px; background: url("gfx/bg_vid-play-lg.png") no-repeat 0 -93px; width:169px; height:93px}
.videotutorials #main-panel .one-up li .vid-play:hover{background-position:0 0}
.videotutorials #main-panel .one-up li a.mac .vid-play {position:absolute; top:57px; left:57px; background: url("gfx/bg_vid-play-mac-lg.png") no-repeat 0 -93px; width:169px; height:93px}
.videotutorials #main-panel .one-up li a.mac .vid-play:hover{background-position:0 0}
.videotutorials #main-panel .one-up li .vid-platform {top:18px; left:172px; font-size:14px; font-weight:bold; line-height:14px;padding:3px; color:#0a3aa6}	
.videotutorials #main-panel .one-up li a.mac .vid-platform {left:204px; color:#9A1022}
.videotutorials #main-panel .one-up li .vid-platform .mac {color:#9A1022}					   																	
.videotutorials #main-panel .one-up li .vid-title {color:#3556c0;font-size:15px; line-height: 16px; padding:4px 28px 0 5px;}
.videotutorials #main-panel .one-up li .vid-title-largecenter {text-align:center; color: #3556c0; font-style:normal; font-size:20px; padding-right:36px}
.videotutorials #main-panel .one-up li .vid-title:hover {color:red;}
.videotutorials #main-panel .one-up li .vid-desc {color:#242424;font-size:13px; line-height:18px; padding:7px 28px 0px 5px;}
.videotutorials #main-panel .one-up li .vid-dl {color:#242424;font-size:11px; line-height:14px; padding:0px 28px 0px 5px;} 						

/*main panel - two videos per row */
.videotutorials #main-panel .two-up li {width:293px; height:284px; float:left; margin:8px 1px 4px 0; overflow:hidden}
.videotutorials #main-panel .two-up li .vid-dur {top:145px; left:195px; font-size:14px; line-height:14px; padding:3px}
.videotutorials #main-panel .two-up li .vid-play {position:absolute; top:57px; left:57px; background: url("gfx/bg_vid-play-lg.png") no-repeat 0 -93px; width:169px; height:93px}
.videotutorials #main-panel .two-up li .vid-play:hover{background-position:0 0}
.videotutorials #main-panel .two-up li a.mac .vid-play {position:absolute; top:57px; left:57px; background: url("gfx/bg_vid-play-mac-lg.png") no-repeat 0 -93px; width:169px; height:93px}
.videotutorials #main-panel .two-up li a.mac .vid-play:hover{background-position:0 0}
.videotutorials #main-panel .two-up li .vid-platform {top:18px; left:172px; font-size:14px; font-weight:bold; line-height:14px;padding:3px; color:#0a3aa6}	
.videotutorials #main-panel .two-up li a.mac .vid-platform {left:204px; color:#9A1022}
.videotutorials #main-panel .two-up li .vid-platform .mac {color:#9A1022}					   																	
.videotutorials #main-panel .two-up li .vid-title {color:#3556c0;font-size:15px; line-height: 16px; padding:4px 28px 0 5px;}
.videotutorials #main-panel .two-up li .vid-title-largecenter {text-align:center; color: #3556c0; font-style:normal; font-size:20px; padding-right:36px}
.videotutorials #main-panel .two-up li .vid-title:hover {color:red;}
.videotutorials #main-panel .two-up li .vid-desc {color:#242424;font-size:11px; line-height:14px; padding:7px 28px 0px 5px;}
.videotutorials #main-panel .two-up li .vid-dl {color:#242424;font-size:11px; line-height:14px; padding:0px 28px 0px 5px;} 																																														

/*main panel - three videos per row */
.videotutorials #main-panel .three-up li {width:190px; height: 234px; float:left; margin:8px 4px 4px 0; overflow:hidden}
.videotutorials #main-panel .three-up li .vid-title {color:#3556c0;font-size:13px; line-height: 14px; padding:4px 18px 0 5px;} 
.videotutorials #main-panel .three-up li .vid-title:hover {color:red;}
.videotutorials #main-panel .three-up li .vid-play {position:absolute; top:36px; left:32px; background: url("gfx/bg_vid-play-med.png") no-repeat 0 -60px; width:110px; height:60px}
.videotutorials #main-panel .three-up li .vid-play:hover{background-position:0 0}
.videotutorials #main-panel .three-up li a.mac .vid-play {position:absolute; top:36px; left:32px; background: url("gfx/bg_vid-play-mac-med.png") no-repeat 0 -60px; width:110px; height:60px}
.videotutorials #main-panel .three-up li a.mac .vid-play:hover{background-position:0 0}

.videotutorials #main-panel .three-up li .vid-dur {top:90px; left:123px; font-size:11px; line-height:14px; padding:2px}
.videotutorials #main-panel .three-up li .vid-desc {color:#242424;font-size:11px; line-height:14px; padding:7px 14px 0px 5px;}
.videotutorials #main-panel .three-up li .vid-dl {color:#242424;font-size:11px; line-height:14px; padding:0px 14px 0px 5px;}  
.videotutorials #main-panel .three-up li .vid-platform {top:13px; left:101px; font-size:11px; font-weight:bold; line-height:12px; padding:2px; color:#0a3aa6}
.videotutorials #main-panel .three-up li a.mac .vid-platform {left:130px; color:#9A1022}

/*main panel - four videos per row */
.videotutorials #main-panel .four-up li {width:142px; height: 200px; float:left; margin:8px 4px 4px 0; overflow:hidden}
.videotutorials #main-panel .four-up li .vid-title {color:#3556c0;font-size:11px; line-height: 13px; padding:4px 10px 0 5px;}
.videotutorials #main-panel .four-up li .vid-title:hover {color:red;}
.videotutorials #main-panel .four-up li .vid-play {position:absolute; top:26px; left:20px; background: url("gfx/bg_vid-play-sm.png") no-repeat 0 -43px; width:79px; height:43px}
.videotutorials #main-panel .four-up li .vid-play:hover{background-position:0 0}
.videotutorials #main-panel .four-up li a.mac .vid-play {position:absolute; top:26px; left:20px; background: url("gfx/bg_vid-play-mac-sm.png") no-repeat 0 -43px; width:79px; height:43px}
.videotutorials #main-panel .four-up li a.mac .vid-play:hover{background-position:0 0}
.videotutorials #main-panel .four-up li .vid-desc {color:#242424;font-size:11px; line-height:14px; padding:7px 10px 0px 5px;}
.videotutorials #main-panel .four-up li .vid-dl {color:#242424;font-size:11px; line-height:14px; padding:7px 10px 0px 5px;}  
.videotutorials #main-panel .four-up li .vid-dur {top:63px; left:81px; font-size:10px; line-height:11px; padding:1px}
.videotutorials #main-panel .four-up li .vid-platform {top:9px; left:63px; font-weight:bold; line-height:12px;padding:0 1px 1px 3px; color:#0a3aa6; font-size:10px}
.videotutorials #main-panel .four-up li a.mac .vid-platform {left:86px; color:#9A1022}

/*main panel - tip videos */
.videotutorials #main-panel .tipvideos ul {padding-left: 0px;}
.videotutorials #main-panel .tipvideos li {
	width:210px !important; height: 335px; float:left; padding: 16px 1px 0 15px; overflow:hidden; position: relative; left: 1px;
	background: #eaeaea; /* Old browsers */
	background: -moz-linear-gradient(top,  #eaeaea 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eaeaea 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eaeaea 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.videotutorials #main-panel .tipvideos li .vid-title {color:#3556c0;font-size:14px; line-height: 18px; padding:10px 10px 0 5px;}
.videotutorials #main-panel .tipvideos li .vid-title:hover {color:red;}
.videotutorials #main-panel .tipvideos li .vid-play {position:absolute; top:55px; left:77px; background: url("gfx/bg_vid-play-lg.png") no-repeat -100px -93px; width:69px; height:69px; background-color: rgba(255,255,255,0.8); border-radius: 35px; overflow: hidden;}
.videotutorials #main-panel .tipvideos li .vid-play:hover{background-position:-100px 0}
.videotutorials #main-panel .tipvideos li a.mac .vid-play {position:absolute; top:26px; left:20px; background: url("gfx/bg_vid-play-mac-sm.png") no-repeat 0 -43px; width:79px; height:43px}
.videotutorials #main-panel .tipvideos li a.mac .vid-play:hover{background-position:0 0}
.videotutorials #main-panel .tipvideos li a.mac .vid-platform {left:86px; color:#9A1022}
.videotutorials #main-panel .tipvideos li .vid-dur {top:131px; right:30px; font-size:13px; line-height:14px; padding:3px 5px 3px 5px}
.videotutorials #main-panel .tipvideos li .vid-desc {color:#242424;font-size:11px; line-height:14px; padding:7px 14px 0px 5px;}
.videotutorials #main-panel .tipvideos li .vid-dl {color:#242424;font-size:11px; line-height:14px; padding:0px 14px 0px 5px;}  
.videotutorials #main-panel .tipvideos li .vid-platform {top:29px; right:30px; font-size:11px; font-weight:bold; line-height:12px; padding: 3px 5px 2px 5px; color:#0a3aa6}
.videotutorials #main-panel .tipvideos li a.mac .vid-platform {left:130px; color:#9A1022}
.videotutorials #main-panel .tipvideos li .vid-container img {width: 178px; background: #fff; border: 7px solid #fff; border-radius: 6px; box-shadow: 0 3px 5px #666; margin: 0 0 0 3px;}

/*main panel - archive sections */
.videotutorials #main-panel .archive .left-col {float: left; width:290px}
.videotutorials #main-panel .archive .right-col {float: right; width:281px}
.videotutorials #main-panel .archive ul li {background: url("gfx/listbullet_link_blue.png") no-repeat 5px 5px; padding-left: 20px; padding-right:10px; font-size:13px; line-height:17px; margin:0 0 11px 12px; cursor:text}
.videotutorials #main-panel .archive ul.mac li {background: url("gfx/listbullet_link_red.png") no-repeat 5px 5px}
.videotutorials #main-panel .archive ul li a {color:#3556c0}
.videotutorials #main-panel .archive ul li a:hover {color:red}
.videotutorials #main-panel .archive p {font-size:13px; margin:0 0 8px; line-height:16px}
.videotutorials #main-panel .archive ul.no-bullet li {background:none; margin: 0 0 6px 12px; line-height:15px}

/*right panel - related links */
.videotutorials #right-panel {float:right; width:305px}	
.videotutorials #right-panel .section {background-color:#f0f3f4; border:1px solid #e4e7e8; padding:8px 12px 8px 12px; margin: 15px 0 18px 0;
									   -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}			
.videotutorials #right-panel .related li {background: url("gfx/listbullet_link_blue.png") no-repeat 5px 3px; padding-left: 20px; padding-right:10px; font-size:13px; line-height:13px;  margin:0 0 11px 12px} 
.videotutorials #right-panel .related li a {color:#3556c0;}
.videotutorials #right-panel .related li a:hover{color:red;}

	/*related links, hide the link for the current page*/
	.videos_bbwin #right-panel .related li#videos_bbwin_link,
	.videos_bbmac #right-panel .related li#videos_bbmac_link,
	.videos_rb #right-panel .related li#videos_rb_link,
	.videos_rt #right-panel .related li#videos_rt_link,
	.videos_other #right-panel .related li#videos_other_link,
	.videos_faq #right-panel .related li#videos_faq_link,
	.videos_user #right-panel .related li#videos_user_link 
		{display:none;}

/*right panel - tips and tricks */
.videotutorials #right-panel .tips-tricks li {display:inline-block; margin-bottom:30px}	 
.videotutorials #right-panel .tips-tricks p {font-size:12px; margin-bottom:10px;}
.videotutorials #right-panel .tips-tricks li .vid-title {color:#3556c0;font-size:13px; line-height: 15px; padding:0 0 0px 5px;}
.videotutorials #right-panel .tips-tricks li .vid-title:hover {color:red}
.videotutorials #right-panel .tips-tricks li .vid-container {position:relative; margin-top:10px}
.videotutorials #right-panel .tips-tricks li .vid-container img {float:left}
.videotutorials #right-panel .tips-tricks li .vid-container .vid-play {position:absolute; top:25px; left:25px; background: url("gfx/bg_vid-play-sm.png") no-repeat 0 -43px; width:79px; height:43px}
.videotutorials #right-panel .tips-tricks li .vid-container .vid-play:hover{background-position:0 0}
.videotutorials #right-panel .tips-tricks li a.mac .vid-container .vid-play {position:absolute; top:25px; left:25px; background: url("gfx/bg_vid-play-mac-sm.png") no-repeat 0 -43px; width:79px; height:43px}
.videotutorials #right-panel .tips-tricks li a.mac .vid-container .vid-play:hover{background-position:0 0} 
.videotutorials #right-panel .tips-tricks li .vid-container .vid-dur {position:absolute; top:63px; left:82px; background: #909090 url("gfx/bg_vid-dur.png") repeat-x; color:#fff; font-size:11px; line-height:10px; padding:2px}
.videotutorials #right-panel .tips-tricks li .vid-container .vid-platform {top:9px; left:62px; font-size:10px; font-weight:bold; line-height:8px;padding:2px; color:#0a3aa6}	
.videotutorials #right-panel .tips-tricks li a.mac .vid-container .vid-platform {left:86px; color:#9A1022}
.videotutorials #right-panel .tips-tricks li .vid-container .vid-desc {color:#242424; font-size:11px; line-height:14px; padding:0 0 0 12px; float:left; width:144px} 
.videotutorials #right-panel .tips-tricks li .vid-links {color:#242424; font-size:11px; line-height:14px; padding: 5px 0 0 8px; float:left; width:260px} 
.videotutorials #right-panel .tips-tricks li .vid-container .vid-dl {color:#242424; font-size:11px; line-height:14px; padding:0 0 0 12px; float:left; width:144px} 

/*User to user additional styles */
.videos_user #main-panel .user-desc-left {float:left; width: 188px}
.videos_user #main-panel .user-desc-right {float:left; width: 394px}
.videos_user #main-panel .user-desc-right p {margin-bottom:5px}
.videos_user #main-panel .user-desc-right li {font-size:12px; margin-bottom:3px; padding-left:14px; background: url("gfx/listbullet.png") no-repeat scroll 0 3px transparent}
.videos_user #main-panel .one-up li .vid-auth {color:#242424; font-size:14px; line-height:14px; padding:7px 14px 0px 5px;}
.videos_user #main-panel .one-up li .vid-date {color:#242424; font-size:14px; line-height:14px; padding:7px 14px 0px 5px;}
.videos_user #main-panel .one-up li .vid-title {line-height: 15px} 
.videos_user #main-panel .two-up li .vid-auth {color:#242424; font-size:11px; line-height:14px; padding:7px 14px 0px 5px;}
.videos_user #main-panel .two-up li .vid-date {color:#242424; font-size:11px; line-height:14px; padding:7px 14px 0px 5px;}
.videos_user #main-panel .two-up li {height:300px; margin:8px 1px 4px 0; overflow:hidden}
.videos_user #main-panel .two-up li .vid-title {line-height: 15px} 
.videos_user #main-panel .three-up li .vid-auth {color:#242424; font-size:11px; line-height:14px; padding:7px 14px 0px 5px;}
.videos_user #main-panel .three-up li .vid-date {color:#242424; font-size:11px; line-height:14px; padding:7px 14px 0px 5px;}
.videos_user #main-panel .three-up li {height:360px; margin:12px 4px 4px 0; overflow:hidden}
.videos_user #main-panel .three-up li .vid-title {line-height: 15px} 

/*for educators page*/
.educators .text .related h3,
.educators .text .tips-tricks h3 {
    margin-bottom: 14px;
    margin-top: 0;