/*
Version: 1.3.1
Date: 2/7/2007
Created By: Addam Driver for NBC.com
*/

div#side_bar1 {
	float:right;
	margin:0px 0 0 0px;
	_display:inline;
}

.scet_page .grad_divider{
	margin-left:9px;
}


/* ------------------------*/
/* BEGIN: [General Information] */
/* ------------------------*/
.loading{ /* Color for the "loading..." message that shows while the data is getting loaded */
	color:#000000;
}

/* ------------------------*/
/* END: [General Information] */
/* ------------------------*/

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

.photos_left_column{
	height:auto !important;
}
#mediaGalleryInfo{  /*  This is the color of the Container that holds previos next ontop of the photo information */
	color:#000;
	background:#d5d5d5;
}

#mediaGalleryInfo a{  /*  This is the color of the Container that holds previos next ontop of the photo information */
	color:#000;
}

/**/
#mediaGalleryInfo{
	float:left;
	padding:2px 0;
	font-weight:bold;
}	

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

#mediaGalleryInfo #previous{
	float:left;
	margin-left:7px;
}

#mediaGalleryInfo #next {
float:right;
margin-right:7px;
}

#mediaGalleryInfo #counter {
float:left;
margin-left:115px;
}

#mediaListHeader {
background:#FFFFFF none repeat scroll 0%;
color:#000000;
float:left;
padding:5px 0pt 0pt 2px;
width:100%;
font-size:10px;
font-weight:bold;
}

#mediaGalleryInfo a:hover{  /*  This is the color of the Container that holds previos next ontop of the photo information */
	text-decoration:underline;
}



#mediaListHeader{
	background:#000;
	color:#fff;
	float:left;
	padding:5px 0 0 2px;
	font-weight:bold;
	height:20px;
}


#mediaNav #catListing {  /* Photo section scrolling photos */
	background:#525252;
	color:#000;
	float:left;
	margin:5px 0 0 5px;
}


#mediaNav #catListing .on {  /* Photo section scrolling photos */
	background:#525252;
	color:#fff;
	border-bottom:none;
}


#mediaNav img {
border:3px solid #888;
margin:0 2px;
}
#mediaNav #catListing .on img{  /* Photo section scrolling photos */
	background:#000;
	border:3px solid #d5d5d5;
}

#mediaNav #catArrowRight,
#mediaNav #catArrowLeft{
	float:left;
	padding:0;
	margin:5px 0 5px 5px;
	height:20px;
	width:20px;
}


#mediaNav #catArrowRight{
	float:right;
	margin:5px 5px 5px 0;
}
#mediaNav #catArrowLeft img,#mediaNav #catArrowRight img {	/* Photo SCET scroll left arrow */
	background:#c07503;
	border:0px;
	width:20px;
	height:20px;
}
#mediaNav #catArrowRight img,
#mediaNav #catArrowLeft img {	/* Photo SCET scroll right arrow */
	background:#c07503;
	border:0px;
}
#md_recaps #mediaNav #catArrowRight img,
#md_recaps #mediaNav #catArrowLeft img {
	margin-top:0;
}
#md_recaps #mediaNav div{
	margin:5px 0 5px 5px;
}
#mediaNav{	/* Background Color for the Navigation Bar where New, Top Rated, Exclusives, etc. are located. */
	background:#525252;
	width:662px;
}
#mediaComments h3, #mediaNav h3{
	color:#fff;
}
#mediaNav h3{	/* Background Color for the Navigation Bar where select a photo catagory is located. */
	background:#000;
	padding:0 0 7px 9px;
	width:653px;
	text-indent:0;
	color:#fff;
	margin-top:0;
}

#mediaNav h3{
	font-size:14px;
}

.finishBar{	 /* Color of the Spacer Bar that completed the bottom of the navigation */

	border-bottom:none;
	width:665px; 
	background:#000;
	height:20px;
}


/*  NAVIGATION BUTTONS */
#mediaNav a{  /* This is the "OFF" state of the navigation tab.  */
	color:#000;
	background:#525252; 
	/*border-bottom:1px solid #000;
	border-right:1px solid #fff;*/
	border:none;
	font-weight:bold;
	padding:5px;
}


#mediaNav .on{ /* This is the "ON" state of the navigation tab.   */
	color:#000;
	background:#d5d5d5;
	/*border-bottom:1px solid #C07503;*/
	border-bottom:none;
}
#mediaNav .on:hover{
	color:#000;
	background:#d5d5d5;
	border-bottom:none;
}
#mediaNav .on img{  /* This is the "ON" state of the navigation tab IMAGE.   */	
	border:4px solid #999999;
}

#mediaNav a:hover{  /* This is the "HOVER" or "OVER" state of the nagivation tab */
	color:#fff;
	background:#525252;
	border-bottom:none;
}
/*#mediaNav a:hover{
	border:none;
}*/

/* NAVIGATION BREAD CRUMBS */


#mediaNavLocation{  /* This is the color information for the Bread Crumbs bar under the navigation */
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	color:#fff;
	background:#888;
	width:652px;
}

#mediaNavLocation a{  /* This is the actual Link Color of the Bread Crumbs */
	color:#fff;
	text-decoration:underline;
}

/* ------------------------*/
/* END: [Media Navigation] */
/* ------------------------*/
.mediaListNav {
	float:left;
	height:auto;
}

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

#mediaHolder{  /*  This is the color of the Container that holds all of the video information */
	color:#fff;
	background:#000;
	min-height:434px;
	height:auto;
	*min-height:442px;
}

#mediaDisplay{  /* This is the background color of the Video Player (Container) */
	background-color:#000;
	/*height:318px;*/
}
#md_photos #mediaDisplay{
	background:#000;
}
#sectionList a{ /* Colors for Photos list of season photo gallerys, below the "mediaListHeader"*/
	border-bottom:1px solid #000;
}
#sectionList a:hover{ 
	color:#999;
	background-color:#fff;
}

/* MEDIA INFORMATION */
#mediaInfo{  /* This is the BOX section UNDER the video player */
	background:#888;
	color:#000;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:auto;
	padding-bottom:5px;
}
#mediaInfo p{
	color:#000;
}
#ratingsSection {
	background:#888;
	color:#000;
}

#mediaInfo form#permalinkSection{
	background:#888;
	color:#000;
}

#mediaInfo form#send2friendSection{
	background:#888;
	color:#000;
	font-size:11px;
}

#send2friendSection table{
	float:left;
}

/* MEDIA INFORMATION NAVIGATION */
#mediaRateSend{ /* This is the BOX section UNDER the MEDIA INFO (description, rate it, link to it, etc.) */
	font-weight:bold;
	background:#666;
	color:#000;
}

#mediaRateSend #descriptionSection,
#mediaRateSend #ratingsSection,
#mediaRateSend #permalinkSection,
#mediaRateSend #send2friendSection{ /* Link/Button color information */
	color:#000;	
}

#mediaRateSend #description,
#mediaRateSend #ratings,
#mediaRateSend #permalink,
#mediaRateSend #send2friend{  /* This is the Link information for the   */
	border:1px solid #000;
	background-color:#888;
	color:#000;
}


#mediaRateSend #description:hover,
#mediaRateSend #ratings:hover,
#mediaRateSend #permalink:hover,
#mediaRateSend #send2friend:hover{  /* This is the "HOVER" or "OVER" state for the buttons */
	background-color:#d5d5d5;
	color: #000;
	border:1px solid #000;
}

#send2friendSection .mediaButton{  /*  Submit Button for Send 2 Friend   */
	background-color:#888;
	border:1px solid #000;
}
#descriptionSection .currentRating{
	height:auto;
}
#descriptionSection {
	background: #888;
	color:#000;
	height:auto;
}
/* THUMBNAIL IMAGES FOR MEDIA INFORMATION NAVIGATION */
#mediaRateSend #description{  /* Image for Description Button */
	background-image: url(/Heroes/images/scet/camera.gif);
}
#mediaRateSend #ratings{  /* Image for Ratings Button */
	background-image: url(/Heroes/images/scet/star.gif);
}
#mediaRateSend #permalink{	/* Image for Permalink/Link To It Button */
	background-image: url(/Heroes/images/scet/permalink.gif);
}
#mediaRateSend #send2friend{  /* Image for Send 2 Friend Button */
	background-image: url(/Heroes/images/scet/envelope.gif);
}


/* RATINGS IMAGES AND CONFIRMATION MESSAGES */
.rateImageOn{ /* Image for the ON state of a rating */
	background-image:url(/Heroes/images/scet/rate_on.gif);
}
.rateImageOff{ /* Image for the OFF state of a rating */
	background-image:url(/Heroes/images/scet/rate_off.gif);	
}
.ratingConfirmation{ /* Style for the "ratings saved" once a user has sucessfully rated */
	color:#fff;
}

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



/* ------------------------*/
/* BEGIN: [Media List] */
/* ------------------------*/
.about_content_scet{
	float:left;
	width:666px;
}
#mediaListHolder{  /* The Container that lists the video clips (usually to the RIGHT of the video player) */
	background:#000;
	border-left:1px solid #000;
	color:#fff;
	width:277px;
	height:auto;
	_height:503px;
}
#md_photos #mediaListHolder{
	width:280px;
}

#mediaGuide {
	height:auto;
	min-height:416px;
	*padding-bottom:10px;
	background:#888;
	padding-bottom:10px;
}
.mediaListNav{  /* This is the pagination container for the video clips */
	background:#525252;
	text-decoration:none;
	color:#000;
	padding:2px 0;
}
.mediaListNavBox a{  /* This is the pagination link colors */
	border:1px solid #000;
	text-decoration:none;
	color:#000;

}
.mediaListNavBox .selected{  /* Selected pagination link */
	background-color:#888;
	color: #000;
	text-decoration:none;
}
.mediaListNav a:hover{  /* Hover state for pagination link */
	text-decoration:none;
	background-color:#888;
	color: #000;
}
#mediaList{
	width:175px;
}
#mediaList a{ /* Colors for the SECTION LIST */
	border-bottom:1px solid #000;
	text-decoration:none;
	color:#000;
}
#mediaList a:hover{ /* Colors for the HOVER state for the SECTION LIST */
	color:#000;
	background: #d5d5d5;
	text-decoration:none;
}

#mediaSummary {
	color:#000;

}

.mediaListNav .navJump{
	color:#000;
	width:50px;
}
.mediaListNav .navJump:hover{
	text-decoration:underline;
}	

/* MEDIA CLIP LIST INFORMATION */
.mediaAssets_selected,.mediaAssets_even,.mediaAssets_odd{
	width:270px;
}
.mediaAssets_even{  /* EVEN colors for the odd & even states */
	background:#666;
	color:#fff;
	
}
.mediaAssets_odd{  /* ODD colors for the odd & even states */
	background:#000;
	color:#fff;
}
.mediaCopy{
	width:170px;
}
.mediaCopy:hover{
	color:#000;
}
.mediaAssets_even .mediaCopy h4,
.mediaAssets_odd .mediaCopy h4{ /* Color for the TITLE inside of the media clip box */
	color:#fff;
}

.mediaAssets_even .mediaCopy,
.mediaAssets_odd .mediaCopy{ /* Color for the text inside of the media clip box */
	color:#fff;
}

.mediaAssets_selected{   /* "SELECTED" state for the media list OUTSIDE BORDER */
	background:#d5d5d5;
	color:#000;
	width:269px;
}

.mediaAssets_even:hover,
.mediaAssets_odd:hover{  /* "Hover" state for the media list OUTSIDE BORDER */
	background:#d5d5d5;
}

.mediaAssets_selected a,
.mediaAssets_oddmedia_selected a,
.mediaAssets_evenmedia_selected a{ /* "Hover" and "selected" inner BG state for the media list */
 background-color: #d5d5d5;
 color:#000;
 width:269px;
} 
.media_selected, .mediaAnchor:hover{ /* "Hover"  inner BG state for the media list */
 background-color: #d5d5d5;
 color: #000;
 width:269px;
} 

#sectionList{
	float:left !important;
	width:172px;
}
#sectionList a{
	text-decoration:none;
}
/* ------------------------*/
/* END: [Media List] */
/* ------------------------*/



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


#mediaComments{  /* Comments Container (form and comments) */
	background:#000;
	width:665px;
	margin:0;
}

#mediaComments h3{  /* Comments Header  */
	color:#fff;
	background:#000;
	padding:5px 0;
	width:660px;
	text-indent:0;
}
#container #mediaComments p{
	color:#000;
}
#mediaComments h4.commentName, #mediaComments h4.commentDate {  /* Comments Name/Date  */
	color:#000;
}

#mediaCommentInfo,
#mediaCommentReg{  /* Both Individual Containers for the comments (comments and form)  */
	color:#000;
	background:#888;
}
#mediaCommentInfo p,
#mediaCommentReg p{
	color:#000;
	width:100%;
}
#mediaCommentInfo{  /* Comment Box Listing */
	border-right:1px solid #000;
}
#mediaCommentReg form .mediaButton{  /* Comment Form Buttons */
	background:#d5d5d5;
	color:#000;
	border:none;
	cursor:pointer;
}
#mediaCommentInfo .comment_even{  /* EVEN colors for the odd & even states */
	background:#b8b8b8;
	color:#000;
}
#mediaCommentInfo .comment_odd{  /* ODD colors for the odd & even states */
	background:#d5d5d5;
	color:#000;
}

#commMessage2 a{
	color:#000;
}

#mediaCommentReg form input, #mediaCommentReg form textarea {
	border:1px solid #000;
}

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


/* ------------------------*/
/* BEGIN: [Ads And Extras] */
/* ------------------------*/
#adsAndExtras {
	float:right;
	width:300px;
	margin-top:220px;
}
	
*html #adsAndExtras p {
	width:300px;
	margin-top:10px;
	}
	
*html #adsAndExtras {
	width:300px;
	float:right;
	}
	
#adsAndExtras p {
	width:300px;
	margin-top:260px;
	}


#ad_300{  /* Add background color */
	background:#000;
}


#crossPromo{  /* Cross Promotions */
	background:#666666;
}

#otherProperties{  /* Other NBCU Properties */
	background:#666666;
	color:#cccccc;
}
#otherPropertiesInfo{
	border-top:1px solid #292929;
	background:#999999;
	
}
.showPromotes{/* Show Promotes */
	border:1px solid #999999;
}
.showPromotes h4{
	color:#999999;
}	

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