/*==
Title:css_video.css
Author:wu.thomas@gmail.com
Desc: Controls video page view and some subsequet video pages
This CSS also inherits from nbc.generic.css
==*/

body#video-jp #holdMe{
	width:100%;
	background:transparent;
}
a:link, a:visited{
	color:#00354F;
}
a:hover, a:active{
	color:#47708F;
	text-decoration:none;
}
#vid-plyr-hdr{
	position:relative;
	float:left;
	clear:both;
	width:971px;
	height:350px;
	margin:13px 0 0;
	
	background:#fff url(/Video/images/247videobg.jpg) repeat-x 0 0;
}
.vid-rewind #vid-plyr-hdr{
	/*width:971px;
	background:#fff url(/Video/images/rewind_hdr_bg.jpg) repeat-x 0 0;*/
}
#vid-plyr-hdr .mod-footer{
	position:absolute;
	bottom:0;
	top:auto;
	right:30px;
	width:91%;
	height:auto;
	padding:3px 0;
	background:transparent;
	z-index:10;
}
#vid-plyr-hdr .vid-plyr-hold{
	position:absolute;
	display:block;
	top:12px;
	left:250px;
	
}
#vid-plyr-hdr #vid-big-ad{
	float:right;
	margin:12px 17px 0 0;
}
.mod-footer p{
	text-align:right; color:#000; float:left; width:180px;
}

/*==video Columns to hold video boxes ==*/
#vid-col-l{
	float:left;
	width:50%;
	min-height:200px;
}
#vid-col-r{
	float:right;
	width:50%;
	min-height:200px;
}
#vid-col-l .shadow
{
	width:479px;clear:both;
}
#vid-col-r .shadow{
width:478px;
float:right;	
}
.vid-rewind .shadow{
	width:99.6%;
}

/*==(.vid-box)==*/

.vid-box{
	float:left;
	clear:both;
	width:482px;
	height:auto;
	color:#333;
	margin:10px 0 0;
	background: #BBD3DD url(/assets/images/block_bg.jpg) scroll repeat-x 0 0;
}

#vid-col-r .vid-box{float:right;}

.vid-rewind .vid-box{
	width:100%;
}

.vid-box .make-shade{
	float:left;
	clear:both;
	width:100%;
	margin:0 0 0 0;
	background:transparent url(/assets/images/v_shadow.gif) scroll repeat-y 100% 0;
}
#vid-col-r .vid-box .make-shade, #vid-col-r .vid-rewind .vid-box{background:none;}
#vid-col-r .vid-box{
	width:478px;
}
.vid-box h2{
	width:93%;
	float:left;
	clear:both;
	margin:0;
	padding:10px;
	text-align:right;
	color:#00354F;
	background:transparent url(/assets/images/block_left_corner.jpg) scroll no-repeat 0 0;
	text-decoration:underline;
	line-height:12px;
}
.vid-box h2 .desc{
 font-size:12px;
 font-weight:normal;
}

.vid-clips{
	float:left;
	/*clear:left;*/
	display:block;
	height:auto;
	width:250px;
	min-height:111px;
	background:transparent;
	margin:5px 12px 0 0;
	/*border:1px solid red;*/
}
.vid-rewind .vid-clips{
	width:223px;
	height:auto;
	float:left;
	clear:none;
	margin:10px 0 10px 10px;
}
.c-clips{
	width:971px;
	height:auto;
	display:inline;
	float:left;
	/*border:1px solid blue;*/
}
.vid-rewind .c-clips{
	margin:0 15px;
}

.vid-clips img.vid-thumb{
	margin:14px 0 4px 0;
	float:left;
}
.vid-clips img.play-video{
	clear:both;
float:none;
	display:block;
	margin:5px 0 0;
}
.vid-clips p{
	width:60%;
margin-top:0;
	margin-left:3px;
	float:right;
clear:right;

}
.vid-box p.footer{
	position:relative;
	display:block;
	background:#fff;
	height:1.2em;
	float:left;
	clear:both;
	margin:10px 0 0;
	padding:2px 0 0;
	width:473px;
	text-align:right;
}
#vid-col-r .vid-box p.footer{
	width:100%;
}

#video-jp .playVid{
float:right;
display:none; 
clear:both;
width:auto; 
height:10px;
background: transparent url(/assets/images/pl_arrow.jpg) no-repeat right bottom;
padding-right:8px;
font-size:90%; 
font-weight:bold;
margin-top:0px;
}

#replay-arch{
	display:block;
	list-style-type:none;
	margin:20px 0;
	float:left;
	clear:both;
}
#replay-arch li{
	list-style-type:none;
	display:inline;
	float:left;
	margin:0 10px;
}
#replay-arch li a{
	float:left;
	font-size:110%;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	padding-right:10px;
	background: transparent url(/assets/images/pl_arrow.jpg) no-repeat right 50%;
}

.archive-clip{
	display:block;
	float:right;
	clear:right;
	width:432px;
	height:auto;
	min-height:80px;
	padding:12px;
	margin:0px 30px 0px 0px;
	border:1px #48657c solid;
	background:#C0D4DD url(/Video/rewind/rewind_images/archive_clipbg.jpg) scroll no-repeat 0 0;
}
.archive-clip h2{
	font-size:140%;
	color:#00354F;
	margin:-18px 0 0;
	background:none;
}
.archive-clip ul{
	float:left;
	width:420px;
	height:auto;
	margin:8px 0;
	padding:0;
}
.archive-clip ul li{
	float:left;
	width:9.5em;
	margin:2px 12px;
	list-style-type:none;
}
.archive-clip br{clear:both;}
#video-jp .archive-clip .playVid{
	float:none;
	height:10px;
	display:inline;
	background: transparent url(http://www.nbc.com/assets/images/pl_arrow.jpg) no-repeat 100% 50%;
	padding-right:10px;
	font-size:90%; 
	font-weight:bold;
	margin-top:0px;
}
/*==IE hacks==*/
/*==self clearing floats==*/
* html #vid-col-l, * html #vid-col-r, * html #vid-plyr-hdr #vid-big-ad{height:1%;}

* html #vid-col-l, * html #vid-col-r{width:47%;}
* html .vid-clips{
	width:250px;
	margin-left:8px;
}
* html .vid-box h2{
	font-size:150%;
}

* html .vid-box{
width:771px;
}

* html .c-clips{
width:771px;
}


* html .archive-clip{
	clear:right;
	margin:0px;
}

* html .vid-clips img.vid-thumb{
	margin:7px 0px 2px 0px;
	float:left;
}

* html .vid-clips p{
	width:120px;
	/*border:1px solid red;*/
	float:left;
	margin-left:10px;
}