/* 
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
CSS Stylesheet: Video 
This stylesheet defines:
1.  Styles for classes used in conjunction with audiovisual web pages, especially
    online video tutorials.
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
*/

/*'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
Video tabs
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
td.VideoTab {border-bottom: solid 1px #ccc; vertical-align:bottom;}

div.activeVideoTop{background-color:#963; border-top:solid 1px #963;
    margin-right:1px; margin-left:1px; height:1px;}
    
div.activeVideoTab{background-color:#963; color:#fff; border-top:solid 1px #963; 
    border-right:solid 1px #963; border-left:solid 1px #963;
    font-size:9pt; font-weight:bold; text-align:center;}
    
div.inactiveVideoTop{background-color:#eee; border-top:solid 1px #ccc; 
    border-right:solid 1px #bbb; border-left:solid 1px #bbb;
    margin-right:1px; margin-left:1px; height:1px;}
    
div.inactiveVideoTab{background-color:#eee; color:#555; border-top:solid 1px #eee; 
    border-right:solid 1px #bbb; border-left:solid 1px #bbb;
    font-size:9pt; font-weight:bold; text-align:center; 
    cursor:hand; }
    
span.hovertab{background-color:#eee; color:#700; font-size:9pt; 
    font-weight:bold; cursor:hand; text-decoration:underline;}
    
span.nohovertab{background-color:#eee; color:#555; font-size:9pt; 
    font-weight:bold; cursor:hand; text-decoration:none;}
    
span.activeVideoTab{background-color:#963; color:#fff; font-size:9pt; 
    font-weight:bold; text-decoration:none;}  
    
/*'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
Video sidebar 
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/  
h6.videoSidebarHeading
    {vertical-align:top; margin : 20px 0px 0px 0px; padding : 0; color:#990000; 
    font-size: 11pt; font-style:normal; font-weight:normal;
    font-family: 'Trebuchet MS', Verdana, Arial, Segoe UI, Helvetica, Sans-Serif;}
 
    
/*'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
Video anchor elements (for the sidebar class)
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/   
a.sidebarAnchor:link, a.sidebarAnchor:visited, a.sidebarAnchor:active, 
a.sidebarAnchor:hover
{
    font-style: normal;
    font-weight: normal;
    font-family: 'Trebuchet MS' , Verdana, Arial, Segoe UI, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #630;
}
a.sidebarAnchor:visited{color: #630; }
a.sidebarAnchor:hover{text-decoration:underline;} 
  
a.fff_anchor:link, a.fff_anchor:visited, a.fff_anchor:active, a.fff_anchor:hover
{
    font-style: normal;
    font-weight: normal;
    font-family: 'Trebuchet MS' , Verdana, Arial, Segoe UI, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #fff;
}
a.fff_anchor:visited{color: #fff; }
a.fff_anchor:hover{text-decoration:underline;}  
  
a.ff6_anchor:link, a.ff6_anchor:visited, a.ff6_anchor:active, a.ff6_anchor:hover
{
    font-style: normal;
    font-weight: normal;
    font-family: 'Trebuchet MS' , Verdana, Arial, Segoe UI, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #ff6;
}
a.ff6_anchor:visited{color: #ff6; }
a.ff6_anchor:hover{text-decoration:underline;}     
    
/*'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
Video table of contents
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
div.TocDuration, div.TocDurationHeading{float:right; width:100px; text-align:center;
    font-weight:bold; color:#555; font-size:9pt;}

div.TocLastViewed, div.TocLastViewedHeading{float:right; width:100px; text-align:center;
    font-weight:bold; color:#555; font-size:9pt;}
    
div.TocLessons {font-weight:bold; color:#555; font-size:9pt;}

div.TocSectionDuration {float:right; width:100px; text-align:center;
    font-weight:bold; color:#000; font-size:10pt;}

div.TocSectionDurationSub{float:right; width:100px; text-align:center;
    font-weight:bold; color:#555; font-size:10pt;}

div.TocLastViewedSection{float:right; width:100px; text-align:center;
    font-weight:bold; color:#fff; font-size:10pt;}
    
div.TocSectionLessons {font-weight:bold; color:#000; font-size:10pt;}

div.SubToc {display:block; margin-top: 5px; padding-left:50px; color:#555;
    font-size:10pt; font-weight:normal; border-bottom:solid 1px #eee;}

.TocBullet {color:#900;}
    
a.videoToc:link, a.videoToc:visited, a.videoToc:active, a.videoToc:hover
{
    font-style: normal; font-size: 10pt;
    font-weight: normal;
    font-family: 'Trebuchet MS' , Verdana, Arial, Segoe UI, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #555;
}
a.videoToc:visited{color: #555; }
a.videoToc:hover{color:#900;}     
    
/*'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
Video buttons
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''*/
a.VideoButton:link, a.CalcAd:visited, a.CalcAd:active, a.CalcAd:hover
{text-decoration: none; color: #000; font-weight:bold; }	
		
a.VideoButton:hover {color:#700;}

div.VideoButton {padding:5px 0px; text-align:center;
    border: lightgrey 2px outset; background-color: #eeeeee;}