/* videos */

.clearfix:after
	{content:".";display:block;height:0;clear:both;visibility:hidden;}
.flashContainer
	{display:block; padding: 0 20px 0 0;}
.flashContent
	{padding: 20px;}
.flashContent H4
	{font-size: 12px; color: #0063C6; margin:0; padding:0;}
.flashThumbs
	{margin: 22px 0 0 0; padding: 0 0 16px 0;}
.flashThumbs_container
	{background-color: #efefef; width: 611px; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; color: #8f8f8f; padding: 0 0 0 10px;}
.flashThumbs_container H4
	{font-size: 12px; margin:0 0 0 13px; padding:0;}

.flashThumbs_container UL
	{margin: 8px 0 0 0; padding:0;}
.flashThumbs_container UL LI
	{float:left; list-style: none; background: transparent url("../images/videos/bg_videothumbs.png"); margin: 0 8px 8px 0; padding: 8px 0 0 10px; width: 133px; height: 114px; font-size: 11px; color: #5e5e5e; text-decoration: none;}
.flashThumbs_container UL LI.active DIV A
	{font-size: 11px; color: #5e5e5e; text-decoration: none;}
.flashThumbs_container UL LI IMG
	{padding: 0 0 5px 0;}
.flashThumbs_container UL LI DIV A
	{font-size: 11px; color: #0063c6; text-decoration: none;}
.flashThumbs_container UL LI DIV A:HOVER
	{font-size: 11px; color: #0063c6; text-decoration: underline;}
.flashThumbs_container UL LI DIV.time
	{color: #ababab; margin: 5px 0 0 0;}
	
.video_copy
	{float: left; width: 320px; padding: 0; margin:0;}
.video_button
	{float: left; width:224px;}
	
	
	
	
	
/* scrollable classes */	
div.prev
	{display:block; float: left; width: 28px; height: 162px;}
div.prev A
	{display:block; background: url(../images/videos/prev.png) no-repeat; width: 28px; height: 162px;}
div.prev A:HOVER
	{display:block; background: url(../images/videos/prev_over.png) no-repeat; width: 28px; height: 162px;}
	
div.next
	{display:block; float: left; width: 28px; height: 162px;}
div.next A
	{display:block; background: url(../images/videos/next.png) no-repeat; width: 28px; height: 162px;}
div.next A:HOVER
	{display:block; background: url(../images/videos/next_over.png) no-repeat; width: 28px; height: 162px;}
	
/* root element for the whole scrollable setup */
div.scrollable
	{position:relative; float: left; overflow:hidden; width: 547px; height: 162px; background-color: #eee; }
.scrollable H3
	{font-weight:bold;}

	
/* root element for scrollable items. It is absolutely positioned with large width. */
#thumbs
	{position:absolute; width:20000em; clear:both;}
/* custom positioning for navigational links */
a.prev, a.next
	{margin-top:118px; cursor: hand;}
	
/* single item */
#thumbs div.video
	/*{float:left; width:214px; height:300px; background: transparent url("images/videos/bg_videothumbs.png"); color:#fff; cursor:pointer;}*/
	{float:left; background: transparent url(../images/videos/bg_videothumbs.png) no-repeat; width: 143px; height: 122px; background-color: #eee; margin: 4px 30px 8px 8px; padding: 0 0 0 0; font-size: 11px; color: #5e5e5e; text-decoration: none; text-align: center;}

#thumbs DIV.video DIV
	{text-align: left; padding: 8px 0 0 8px;}
#thumbs DIV.video A
	{font-size: 11px; color: #0063c6; text-decoration: none;}
#thumbs DIV.video A:HOVER
	{font-size: 11px; color: #0063c6; text-decoration: underline;}
#thumbs DIV.video DIV.time
	{color: #ababab; padding: 6px 0 0 8px;}

/* style when mouse is over the item 
#thumbs div.hover
	{background-color:#ccc;}
*/
/* style when element is active (clicked) */
#thumbs div.active
	{background-color:#066; cursor:default;}
H3
	{font-size:12px; padding: 5px 0 0 10px; margin:0;}
	
DIV.courseModule
	{margin: 20px 0 20px 0; padding: 0; height: 162px;}
	
.module_body H2
	{font-size: 22px; color: #0d2967; font-family: Myriad Pro, arial,helvetica,sans-serif,verdana; padding:0; margin:5px 0 20px 0;}