/* Video Centre Skin - video-centre_skin.css */

/* Clip Infor */
.clipInfo .video_info_title h3 {margin:5px 0px 10px 0px; color:#035A91; font-size:18px; line-height:24px;}
.clipInfo .video_info_desc {color:#868686; font-size:12px;}

/* Related Plane, Video, Title */
.relatedWrapper {float:left; margin:10px 0px; padding:3px 9px 9px 9px; background:url(/videos/images/related_bg.gif) left top repeat-x; border:#cfcfcf solid 1px;}
.relatedWrapper .nextpre {float:right; margin-top:2.5px;}
.relatedWrapper #preRelated,.relatedWrapper #nextRelated {float:left; width:23px; height:23px; color:#035A91; font-size:12px; font-weight:bold; text-transform:uppercase; cursor:pointer;}
.relatedWrapper #preRelated {margin-right:10px; background:url(/videos/images/vid_arrow_left.gif) left top no-repeat;}
.relatedWrapper #nextRelated {background:url(/videos/images/vid_arrow_right.gif) left top no-repeat;}
.relatedWrapper #preRelated span,
.relatedWrapper #nextRelated span {display:none;}
.relatedWrapper .deactive {display:none;}
.relatedTitle {padding:5px 0px 15px 0px;}
.relatedTitle h3 {font-family:Georgia; font-size:12px; font-weight:bold; text-transform:uppercase;}
.relatedPlane {float:left; width:280px;}
.relatedPlane .relatedVideo {padding-bottom:10px;}
.relatedPlane .relatedVideo .relatedimage {float:left; margin:0px 10px 5px 0px;}
.relatedPlane .relatedVideo .relatedtitle {color:#868686; font-size:14px; font-weight:bold;}
.relatedPlane .relatedVideo .relatedtitle a, .feature_video_info_title h3 {color:#035A91;}
.relatedPlane .relatedVideo .relateddesc {color:#868686; font-size:12px;}

/* Video Nav Widget*/
.video_navwidget {text-align:center;}
.video_navwidget #prerange,
.video_navwidget #nextrange {float:left; width:23px; height:23px; margin-left:5px; color:#035A91; font-size:12px; font-weight:bold; text-transform:uppercase; cursor:pointer;}
.video_navwidget #prerange { background:url(/videos/images/arrow_prev.gif) left top no-repeat;}
.video_navwidget #nextrange {background:url(/videos/images/arrow_next.gif) left top no-repeat;}
.video_navwidget #prerange span,
.video_navwidget #nextrange span {display:none;}
.video_navwidget #navCount {float:left; width:224px; padding:5px 5px 0 0; color:#868686; font-size:12px; font-weight:bold; text-transform:uppercase;}


/* Video Title */
.videos_subtitle {padding:5px 0px 5px 10px; color:#666666; font-size:12px; font-weight:bold; text-transform:uppercase; list-style:none;}

/* Video Category List*/
.videos_category_list li.selected {padding:4px 0px 4px 9px; border-left:#c0c0c0 solid 1px; border-top:#c0c0c0 solid 1px; border-bottom:#c0c0c0 solid 1px; background:#ffffff;}
.videos_category_list li a {color:#666666; text-decoration:none;}
.videos_category_list li a:hover {color:#035A91;}
.videos_category_list li.selected a {color:#035A91; font-weight:bold;}

/* Video Subcategory List*/
.videos_subcategory_list li .top {padding:5px 9px; color:#666666; font-size:12px; font-weight:bold; text-transform:uppercase;}
.videos_subcategory_list li.selected .top {padding:4px 9px 5px 9px; border-left:#d4d4d4 solid 1px; border-top:#d4d4d4 solid 1px; border-right:#d4d4d4 solid 1px;}
.videos_subcategory_list li .top a {color:#666666; text-decoration:none;}
.videos_subcategory_list li .top a:hover {color:#035A91;}
.videos_subcategory_list li.selected .top a {color:#035A91;}

/* Video Item/Card*/
.videos_item .videos_item_wrapper .videos_item_wrapper_inner {padding:10px;}
.videos_item .selected {float:left; padding:1px; border:#b5b5b5 solid 1px; background:#ffffff}
.videos_item .selected .videos_item_wrapper_inner {padding:8px; background:#f2f2f2;}
.videos_item .hover {float:left; background:#ffffff url(/videos/images/item-hover.jpg) top left no-repeat;}
.videos_item .image .thumb {background:#000000; width:120px; height:80px;}
.videos_item .image .icon {display:none;} 
.videos_item .selected .image .icon {display:block; float:left; position:absolute; margin-left:0px; margin-top:-80px; background:url(/videos/images/nowplaying.png) center top no-repeat;}
.videos_item .hover .image .icon {display:block; float:left; position:absolute; margin-left:0px; margin-top:-80px; background:url(/videos/images/play.png) center top no-repeat;}
.videos_item .headline h3 a {color:#035A91; text-decoration:none;}
.videos_item .headline h3 a:hover {text-decoration:none !important;}
.videos_item .time {float:left; width:55px; color:#868686; font-weight:bold;}
.videos_item .playlist a {color:#aaaaaa; font-weight:bold; text-decoration:none; display:none;} /*Hide the playlist for now until we have the playlist feature*/
.videos_item .playlist a:hover {color:#035A91;}

/* Video Tooltip*/
.videos_tooltip {float:left; padding:10px; border:#b5b5b5 solid 1px;position: absolute;z-index:100;background-color: #fff;}
.videos_tooltip .title {color:#868686; font-size:12px; font-weight:bold;}
.videos_tooltip .time {color:#333333; font-size:10px; font-weight:bold;}
.videos_tooltip .abstract {width:150px; padding-top:5px; color:#868686; font-size:11px;}


/* CWTIP*/
#CWT_arrow_left{
	background-image: url(/videos/images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-11px;
	height:23px;
	width:10px;
    top:25px;
}

#CWT_arrow_right{
	background-image: url(/videos/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	right:-11px;
	z-index:101;
	height:23px;
	width:11px;
    top:25px;
}

/*mask css*/
.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #fff;
    width: 100%;
    height: 100%;
    zoom: 1;
}

.loadmask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #cccccc;
}
.loadmask-msg div {
     padding:15px 15px 15px 15px;
   background: #fbfbfb url('../../css/images/loading.gif') no-repeat 5px 5px;
    line-height: 16px;
    color:#666666;
    font-size:12px;
    cursor:wait;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}
/* end mask and tooltip*/

#embedOpen {display:none;}
.go{display:none;}

/*sponsors*/
.sponsorlogo_775 {
	padding:2px;
	float:right;
}
.sponsorlogo_940 {
	padding:15px;
	float:right;
}

#cwSponsored_775 {
	margin:0 0 20px 20px;
}

