@charset "utf-8";
/* CSS Document */

#videoContainer {
	background:none 0;
	float:left;
	/*height:205px; DYNAMIC */
	margin:16px 0 0 13px;
	width:320px;
	display: inline;
}
#fullHeadline {
	background-repeat:no-repeat;
	text-indent: -9999px;
	display:block;
	float:none;
	height:45px;
	width:482px;
}
#videoList {
	clear:left;
	display:block;
	left:335px;
	position:absolute;
	top:2px;
	z-index:200;
}
ul#videoList {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#videoList li {
	margin:0;
	padding:0;
}
#videoParent {
/*	background-image:url(/video/img/VCvideoBkg.gif);
	background-position:-3px 0;
	background-repeat:no-repeat;
	height:237px;*/
	display:block;
	margin:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	position:relative;
	width:100%;
}
#singleVideoContainer {
	background-color:#000000;
	float:left;
	height:205px;
	padding:0;
	margin:0;
	width:320px;
}
#singleVideoParent {
	background-image:url(http://www.capella.edu/video/singleVideoBkg.gif);
	background-position:-6px 0;
	background-repeat:no-repeat;
	display:block;
	height:240px;
	margin:0px auto;
	padding:35px 0 0 28px;
	position:relative;
	width:374px;
}

/* New Styles for New Switcher */

#videoModuleSwitcher {
	display: block;
	margin: 0;
	padding-top: 30;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;	
}
#videoListSwitcher {
	clear:left;
	display:block;
	left:344px;
	position:absolute;
	top:2px;
	z-index:200;
	
}
ul#videoListSwitcher {
	list-style-type:none;
	margin:0;
	padding:12px 0 0 0;

}
ul#videoListSwitcher li {
	margin:0;
	padding:1px 0 1px 0;
}
ul#videoListSwitcher li a {
	background:url(/video/img/switcher_btns.jpg) 0 0 no-repeat;
	display:block;
	height:51px;
	width:144px;
	position:relative;
}
/*
ul#videoListSwitcher li a:hover {
	background:url(/video/img/switcher_btns.jpg) 0 -51px no-repeat;
}
ul#videoListSwitcher li a:active {
	background:url(/video/img/switcher_btns.jpg) 0 -102px no-repeat;
}*/
ul#videoListSwitcher li a.selected,
ul#videoListSwitcher li a.selected:hover h3, 
ul#videoListSwitcher li a.selected:hover h4, 
ul#videoListSwitcher li a.selected:hover h5 {
	cursor:default;
}
ul#videoListSwitcher li a h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#800d1e;
	padding:9px 0 0 12px;
	margin:0;
	width:110px;
	line-height:11px;
	cursor:default;
}
ul#videoListSwitcher li a h4 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	font-weight:normal;
	text-decoration:none;
	color:#a0815a;
	padding:5px 0 0 12px;
	margin:0;
	cursor:default;
}
ul#videoListSwitcher li a h5 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:8px;
	font-weight:normal;
	text-decoration:none;
	color:#553c24;
	padding:0 5px 3px 0;
	text-align:right;
	margin:0;
	position:absolute;
	right:0;
	bottom:0;
	cursor:default;
}
ul#videoListSwitcher li a:hover  {
	text-decoration:none;
}
ul#videoListSwitcher li a:hover h3 {
	text-decoration:none;
	color:#b31f35;
	cursor:pointer;
}
ul#videoListSwitcher li a:hover h4 {
	text-decoration:none;
	color:#a0815a;
	cursor:pointer;
}
ul#videoListSwitcher li a:hover h5 {
	text-decoration:none;
	color:#8f6c4a;
	cursor:pointer;
}
ul#videoListSwitcher li a:active h3 {
	text-decoration:none;
	color:#593d26;
}
ul#videoListSwitcher li a:active h4 {
	text-decoration:none;
	color:#aa977f;
}
ul#videoListSwitcher li a:active h5 {
	text-decoration:none;
	color:#9e7f61;
}
ul#videoListSwitcher li a.selected h3 {
	text-decoration:none;
	color:#593d26;
}
ul#videoListSwitcher li a.selected h4 {
	text-decoration:none;
	color:#aa977f;
}
ul#videoListSwitcher li a.selected h5 {
	text-decoration:none;
	color:#9e7f61;
}
.videoCTA {
padding-top:1px; padding-left:4px; font-family:Arial, Helvetica, sans-serif; color:#49372e;	
}
.videoCTA span {
font-family:'Times New Roman', Times, serif; font-size:15px; font-weight:bold;
}
.videoCTA a {
	font-size:13px; font-weight:bold; background: url(/video/img/linkArrow.gif) 0 0 no-repeat; padding-left:18px; margin-left:7px;
}
.videoHeader {
	padding-top:10px; padding-left:4px;
}
.videoHeader h1 {
	font-family:'Times New Roman', Times, serif; color:#800d1e; font-size:19px; font-weight:bold; padding:0; margin:0 0 10px 0;
}
.videoHeader h2 {
	font-family:Verdana, Geneva, sans-serif; color:#7b4b21; font-size:11px; margin:0; padding:0; 
}
.switcherVidsTranscript {
	padding-left:4px;
}
#videoPgWrapper {
	padding-left:8px; margin: 0; padding-top:31px; background-color:#fff; padding-right:0px;
}



/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; background-color:transparent;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:47px; height:56px; background:url("/video/img/border1_rp.png") -6px -1px no-repeat;}
    #cboxTopCenter{height:56px; background:url("/video/img/border1_rp.png") 0 -272px repeat-x;}
    #cboxTopRight{width:47px; height:56px; background:url("/video/img/border1_rp.png") -60px -1px no-repeat;}
    #cboxBottomLeft{width:47px; height:56px; background:url("/video/img/border1_rp.png") -6px -57px no-repeat;}
    #cboxBottomCenter{height:56px; background:url("/video/img/border1_rp.png") 0 -348px repeat-x;}
    #cboxBottomRight{width:47px; height:56px; background:url("/video/img/border1_rp.png") -60px -57px no-repeat;}
    #cboxMiddleLeft{width:47px; background:url("/video/img/border2_rp.png") 3px 0 repeat-y;}
    #cboxMiddleRight{width:47px; background:url("/video/img/border2_rp.png") -70px 0 repeat-y;}
    #cboxContent{background:#fff url("/video/img/trans.gif")}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url("/video/img/loading.gif") 5px 5px no-repeat #fff;}
        #cboxClose{display:none;}


		#cboxCloseCap a {position:absolute; top:21px; right:25px; display:block; height:22px; width:25px; color:#fff; text-indent:-100000em; border:none; background: transparent url("/video/img/close_btn.jpg") no-repeat 0 0; cursor:pointer;}
		#cboxCloseCap a:hover { background: transparent url("/video/img/close_btn.jpg") no-repeat 0 -22px;}
		#btn_email a {position:absolute; top:49px; left:40px; display:block; width:62px; height:23px; background:transparent url("/video/img/email_btn.gif") 0 0 no-repeat; z-index:200; text-indent:-100000em; border:none;}
		#btn_email a:hover { background:transparent url("/video/img/email_btn.gif") 0 -23px no-repeat; }
		#btn_share a {position:absolute; top:49px; left:120px; display:block; width:59px; height:23px; background:transparent url("/video/img/share_btn.gif") 0 0 no-repeat; z-index:200; text-indent:-100000em; border:none; }
		#btn_share a:hover { background:transparent url("/video/img/share_btn.gif") 0 -23px no-repeat;}
/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background http://www.capella.edu/Image/colorbox/images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{ height:47px; width:47px; background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/video/img/internet_explorer/borderTopLeft.png', sizingMethod='scale');}
.cboxIE #cboxTopCenter{height:47px; background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/video/img/internet_explorer/borderTopCenter.png', sizingMethod='scale');}
.cboxIE #cboxTopRight{ height:47px; width:47px; background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/video/img/internet_explorer/borderTopRight.png', sizingMethod='scale');}
.cboxIE #cboxBottomLeft{ height:47px; width:47px; background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/video/img/internet_explorer/borderBottomLeft.png', sizingMethod='scale');}
.cboxIE #cboxBottomCenter{ height:47px; background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/video/img/internet_explorer/borderBottomCenter.png', sizingMethod='scale');}
.cboxIE #cboxBottomRight{ height:47px; width:47px; background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/video/img/internet_explorer/borderBottomRight.png', sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{ width:47px; background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/video/img/internet_explorer/borderMiddleLeft.png', sizingMethod='scale');}
.cboxIE #cboxMiddleRight{ width:47px; background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/video/img/internet_explorer/borderMiddleRight.png', sizingMethod='scale');}

.cboxIE #cboxCloseCap a {position:absolute; top:13px; right:21px; display:block; height:22px; width:25px; color:#fff; text-indent:-100000em; border:none; background: transparent url("/video/img/close_btn.jpg") no-repeat 0 0; cursor:pointer;}
.cboxIE #cboxCloseCap a:hover { background: transparent url("/video/img/close_btn.jpg") no-repeat 0 -22px;}
.cboxIE #btn_email a {position:absolute; top:40px; left:40px; display:block; width:62px; height:23px; background:transparent url("/video/img/email_btn.gif") 0 0 no-repeat; z-index:200; text-indent:-100000em; border:none;}
.cboxIE #btn_email a:hover { background:transparent url("/video/img/email_btn.gif") 0 -23px no-repeat; }
.cboxIE #btn_share a {position:absolute; top:40px; left:120px; display:block; width:59px; height:23px; background:transparent url("/video/img/share_btn.gif") 0 0 no-repeat; z-index:200; text-indent:-100000em; border:none; }
.cboxIE #btn_share a:hover { background:transparent url("/video/img/share_btn.gif") 0 -23px no-repeat;}

.test {}