/* NBC.com Recaps Version 2.0  */



.SpryHiddenRegion {
    display: none;
}

.loading{
	float:left;
	width:100%;
	text-align:center;
}

#mainPageContent{
	float:left; 
	clear:left; 
	width:665px; 
	height:auto;
	
	
}

.rightArrowDark{
	height:18px;
	padding-right:10px;
	background: url(/nbc_templates/images/right_arrow_dark.jpg) right 3px no-repeat;	
}

/* ------------------------*/
/* BEGIN: [Media Navigation] */
/* ------------------------*/

#mediaNav{	
	float:left;
	height:auto;
	width:665px;
	background:#999966;
	overflow:hidden;	
}

#catArrowLeft,
#catArrowRight{	
	float:left; 
	width:20px; 
	height:20px;
	padding-top:0px;
}

#catListing{
	float:left;
	width:auto;
	height:auto;
	overflow:hidden;
	padding-top:3px;
	color:#fff;
}

#catListing a{
	float:left;
	clear:none;
	height:13px;
	width:13px;
	padding-left:3px;
	_padding-left:3px;
	text-align:center;	
	border:1px solid #fff;
	color:#fff;
}
#catListing a:hover,
#catListing .on{
	border-color:#000;
	color:#000;
	background-color:#ff9900;
}

.finishBar{	
	border-bottom:1px solid #000; 
	height:20px;
}

* html .finishBar{
	float:left;
	clear:right;
	width:100%;
	height:24px;
}


#mediaNav a{
	float:left; 
	clear:none; 
	display:inline;
	font-size:11px;
	height:auto;
	margin:3px 6px 7px 0px;	
	color:#000000;
	background:#999966; 
}
#mediaNav img{
	border:4px solid #999966;
	cursor:hand;
}
#mediaNav .on img{	
	font-weight:700;	
	border:4px solid #ff9900;
	cursor:hand;
}

#mediaNav a:hover{
	text-decoration:none;
}
#mediaNavLocation{
	float:left;
	clear:both;	
	padding:3px 0px 0px 10px;	
	height:18px;
	width:655px;
	font-weight:bold;
	border-bottom:1px solid #290b09;
	border-top:1px solid #290b09;
	color:#FFFFFF;
	background:#999966;	
}
#mediaNavLocation a{color:#FFFFFF;}

/* ------------------------*/
/* END: [Media Navigation] */
/* ------------------------*/


/* ------------------------*/
/* BEGIN: [Media] */
/* ------------------------*/

#mediaHolder{
	float:left;
	clear:left;
	width:383px;
	min-height: 413px;
	height: auto;
	_height: 413px;
	color:#3a3b31;
	background:#999966;
}

#mediaDisplay{
	float:left;
	clear:both;
	width:383px;
	height:287px;
	line-height: 65px;
	font-size: 1em;
	overflow:hidden;
	text-align:center;	
	background:#000;
}
#mediaDisplay img{
	margin-top: expression(( this.height ) / 500); 
}

#mediaInfo{
	float:left;
	clear:both;
	min-height: 83px;
	height: auto;
	_height: 83px;
	width:100%;	
	background:#999966;
	border-top:1px solid #290b09;
	border-bottom:1px solid #290b09;
}

#mediaGalleryInfo #previous{
	float:left;
	margin-left:7px;
}
#mediaGalleryInfo #counter{
	float:left;
	margin-left:115px;
}
#mediaGalleryInfo #next{
	float:right;
	margin-right:7px;
}

#mediaGalleryInfo #previous,
#mediaGalleryInfo #counter,
#mediaGalleryInfo #next{
	margin-top:3px;
}


#mediaGalleryInfo,
#mediaRateSend{
	float:left;
	clear:both;
	height:21px;
	width:100%;
	font-weight:bold;
	background:#b8b894;
}

#mediaRateSend a{
	float:left;
	height:15px;
	margin:2px;
	font-size:10px;
	font-family:Arial;
	font-weight:bold;
	border:1px solid #b8b894;
	background:#b8b894;
	padding:1px 2px 0px 24px;
}
#mediaRateSend a:hover{
	border:1px solid #000;
	text-decoration:none;
	
}

#descriptionSection,
#ratingsSection,
#permalinkSection,
#send2friendSection{
	display:none;		
	opacity: 0;
	filter: alpha(opacity=0);
	color:#000000;
	background:#999966;
	overflow:hidden;
}

#permalinkSection table{
	margin-top:5px;
	text-align:center;
	width:100%;
}	
#permalinkSection input{
	width:300px;	
	font-size:10px; 
}

#send2friendSection{
margin:0px 0px 0px 15px;
}
#send2friendSection p{
	margin:5px 0px 3px  0px;
}
#send2friendSection input{
	margin-right:5px;
	font-size:10px;
	width:145px;
}
#send2friendSection .mediaButton{
	background:#ff9900;
	border:1px solid #000;
	width:auto;
}

#descriptionSection{
	float:left;
	clear:right;
	width:350px;
	height:auto;
	opacity: 100;
	filter: alpha(opacity=100);
	overflow:hidden;
	margin:5px 0px 0px 5px;
	color:#000000;
}
#descriptionSection h4{
	margin:0px;
	font-size:12px;
}
#descriptionSection #recapInfoHeader{
	color:#FFFFFF;
}


#descriptionSection .currentRating{
	
	height:45px;
	margin:0px 10px 0px 0px;

}

.currentRating{
	float:left;
	clear:left;
	width:100px; 
	height:auto;
	margin:5px 0px 0px 5px;
}
#ratingsSection{float:left; clear:both; height:auto;}

#mediaRateSend #description{background: url(/nbc_templates/images/camera.jpg) no-repeat left center;}
#mediaRateSend #ratings{background: url(/nbc_templates/images/star.jpg) no-repeat;}
#mediaRateSend #permalink{background: url(/nbc_templates/images/permalink.jpg) no-repeat left center;}
#mediaRateSend #send2friend{background: url(/nbc_templates/images/envelope.jpg) no-repeat left center;}




/* BEGIN: [Rating System] */
#rateItSection{padding:0px; margin:5px 0px 0px 14px; list-style:none;float:left;clear:right; width:180px;}
.si{float:left;list-style:none;}

.rateImageOn,
.rateImageOff{width:15px; height:14px; float:left;}
.rateImageOff:hover,
.rateImageOn{background:url(/nbc_templates/images/rate_on.gif) no-repeat;}
.rateImageOff{background:url(/nbc_templates/images/rate_off.gif) no-repeat;}
.ratingConfirmation{color:#FF0000;}

.totalRated{
	float:left;
	clear:both;
	margin-top:3px;
	padding-left:15px;
	width:100%;
	height:auto;
}
 
#rateStatus{
	font-weight:bold;
	margin-bottom:3px;
}
#actRating,
#descRating{
	margin-top:3px;
}

/* END: [Rating System] */

/* ------------------------*/
/* END: [Media] */
/* ------------------------*/



/* ------------------------*/
/* BEGIN: [Media List] */
/* ------------------------*/
#mediaListHolder{
	float:left;
	width:280px;
	min-height: 413px;
	height: auto;
	_height: 413px;
	background:#999966;
	border-left:1px solid #290b09;
	color:#3a3b31;
	
}


.mediaListNav{
	float:left;
	height:21px;
	width:100%;
	margin:0px;
	background:#b8b894;
	
}
.mediaListNav table{
	margin:2px auto 0px auto;
}
.mediaListNavBox a{
	float:left;
	margin:0px 2px;
	height:15px;
	width:13px;
	text-align:center;
	border:1px solid #000;
	display:inline;
	text-align:center;
}
.mediaListNavBox .selected{ background-color:#ff9900;}
.mediaListNav a:hover{text-decoration:none; background-color:#ff9900;}
.mediaListNav .navJump:hover{background:none;}
.mediaListNav .navJump{
	border:0px;
	width:35px;
	padding-top:1px;
}


#mediaListNavDisplay,
#commentListNavDisplay{
	float:left;
	margin-left:2px;
}

#mediaGuide{
	float:left;
	clear:both;
	width:100%;
	
	height: auto;
	
	overflow:hidden;
	
	/*display:none;*/
	/*opacity: 0;
	filter: alpha(opacity=0);*/
}

#mediaListHeader{
	float:left;
	height:17px;
	width:100%;
	overflow:hidden;
	font-size:11px;
	font-weight:bold;
	padding:6px 0px 0px 10px;
	color:#000000;
	background-color:#666841;
}

#mediaListGuide{
	float:left; 
	clear:left;
	/*display:none;*/
	
}
 
.mediaAnchor{
	float:left;
	height:auto;
	color:#000;	
	cursor:hand;
}
.mediaThumb{
	float:left;
	clear:left;
	width:80px;
	height:45px;
	margin:0px 0px 0px 8px;
}
.mediaCopy{
	float:left;
	width:178px;
	height:auto;
	min-height:45px;
	margin-top:0px;
	padding-left:6px;
}
.mediaAssets_selected,
.mediaAssets_even,
.mediaAssets_odd{
	float:left;
	clear:left;
	width:286px;
	height:auto;
	padding:4px;	
	color:#3a3b31;
}

.mediaAssets_odd{
	background-color:#a8a87d;
}
.mediaAnchor:hover,
.media_selected:hover{
	background-color:#dadac8;
	text-decoration:none;
}


/* Selected Classes */
.media_selected{
	background-color:#dadac8;
	
}

.mediaAssets_selected{
	background-color:#ff9900;
}


.mediaAssets_selected h4,
.mediaAssets_even h4,
.mediaAssets_odd h4{
	margin:0px;
	font-size:12px;
}

#mediaSummary{
	float:left;
	clear:left;
	width:85px;
	height:auto;
	padding-left:10px;	
	color:#000000;
	margin-top:10px;
}

#mediaSummary h4{
	font-size:12px;
	padding:0px;
	margin:0px;
}


#mediaList{
	float:left;
	clear:right;
	/*display:inline;*/
	width:175px;
	height:315px;
	margin:0px 0px 0px 10px;
}



#mediaList a{
	display:block;
	width:100%;
	font-size:12px;	
	height:auto;
	padding-top:4px;
	color:#000000;
	border-bottom:1px solid #000000;
	
}
#mediaList a:hover{
	text-decoration:none;
	background:#b8b894;
}

#listNext{
	float:left;
	display:inline;
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 0px 98px;
	color:#3a3b31;
}

#listNext:hover{
	text-decoration:none;
}

* html #listNext{
	margin-bottom:2px;
}

#mediaSearch{
	font-weight:bold;
	border-top:1px solid #290b09;
	text-align:right;
	background:#999966;
	line-height:4px;
	
}

#mediaSearch form input{
	display:inline;
	height:10px;
	font-size:10px;
	margin:3px 0px 0px 3px;
}

#mediaSearch form .rightArrowDark{
	width:15px;
	height:18px;
	background: url(/nbc_templates/images/right_arrow_dark.jpg) left 2px no-repeat;
	border:0px;
}

/* ------------------------*/
/* END: [Media List] */
/* ------------------------*/



/* ------------------------*/
/* BEGIN: [Media Comments] */
/* ------------------------*/

#mediaComments{
	float:left; 
	clear:left; 
	width:665px; 
	height:auto;
	margin:5px 0px 0px 0px;
	background:#c1c09c;
}

#mediaComments h3,
#mediaNav h3{
	float:left;
	display:inline;
	height:auto;
	font-size:14px;
	width:660px;
	padding:0px 0px 0px 5px;
	margin:0px;	
	color:#3a3b31;
	background:#ff9900;
}

#commMessage{
	font-weight:normal;
}

#commentsNav{
	border-top:1px solid #290b09;
	margin-top:0px;
}

#mediaCommentInfo,
#mediaCommentReg{
	float:left;	
	min-height:400px;
	height:auto;
	overflow:hidden; 
	color:#3a3b31;
	background:#c1c09c;
}

#mediaCommentInfo{
	width:384px;
	border-right:1px solid #290b09;
}
#mediaCommentReg{
	width:258px;	
	padding:0px 10px;
}

#mediaCommentReg #comment_form{
	margin:5px 0px 0px 5px;
}

#mediaCommentReg form input,
#mediaCommentReg form textarea{
	margin-bottom:15px;
	width:250px;
}
#mediaCommentReg form .mediaButton{
	
	background:#ff9900;
	border:1px solid #000;
	width:100px;
}

#mediaCommentReg form #commentsPreviewButton{
	margin-right:32px;
	width:120px;
}
#mediaCommentInfo #noneYet{
	text-align:center;
	padding-top:15px;
	height:315px;
}

#mediaCommentInfo p{
	margin-top:0px;
	margin-bottom:7px;
}
#mediaCommentInfo .comment_even,
#mediaCommentInfo .comment_odd{
	float:left;
	clear:both;
	width:95%;
	height:auto;
	padding:5px 1em 5px 1em;
		
}

#mediaCommentInfo .comment_even h4,
#mediaCommentInfo .comment_odd h4{
	font-size:11px;
	margin:0px;
}
#mediaCommentInfo .comment_even{
	background:#fff;
}
#mediaCommentInfo .comment_odd{
	background:#e8ebc4;
}

/* ------------------------*/
/* END: [Media Comments] */
/* ------------------------*/


/* ------------------------*/
/* BEGIN: [Ads And Extras] */
/* ------------------------*/

#adsAndExtras{
	float:right;
	clear:right;
	display:inline;
	width:300px;
	height:auto;
	margin-left:2px;
}


/* Advertisement */
#ad_title{
	float:left;
	clear:both;
	width:100%;
	font-size:9px;
	text-align:center;
}

#ad_300{
	float:left; 
	clear:both; 
	width:300px; 
	height:250px; 
	text-align:center;
	background:#000;
}

/* Cross Promotions */
#crossPromo{
	float:left;
	clear:both;
	width:300px;
	height:80px;
	margin-top:5px;
	background:#666666;
}

/* Other NBCU Properties */
#otherProperties{
	float:left;
	clear:both;
	display:inline;
	width:290px;
	height:20px;
	margin-top:5px;
	padding:5px 0px 0px 10px;
	font-weight:bold;
	background:#666666;
	color:#cccccc;
}
#otherPropertiesInfo{
	float:left;
	clear:both;
	width:100%;
	height:101px;
	overflow:auto;
	border-top:1px solid #292929;
	background:#999999;
	
}

/* Show Promotes */
.showPromotes{
	float:left;
	clear:both;
	width:96%;
	height:auto;
	padding:5px;
	margin-top:5px;
	border:1px solid #ff9900;
	overflow:hidden;
}

.showPromotes a{
	float:left;
}

.showPromotes p{
	float:left;
	height:auto;
	display:inline;
	width:150px;
	margin:0px 0px 0px 10px;
}

.showPromotes h4{
	float:left;
	font-size:12px;
	display:inline;
	margin:0px 0px 3px 10px;
	color:#ff9900;
	width:170px;
	
}	

/* ------------------------*/
/* END: [Ads And Extras] */
/* ------------------------*/