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

/* ------------------------*/
/* BEGIN: [General Information] */
/* ------------------------*/
html,body {
	margin: 0px;
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	text-decoration:none;
}

#scetMain{ background-image: url(../images/common/scet_bg.jpg); width:971px; height: auto; /* for IE */
min-height: 1300px; /* for not-IE */}

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


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


#mediaNav{	/* Background Color for the Navigation Bar where New, Top Rated, Exclusives, etc. are located. */
	background:#fff3d2;
	
}

.finishBar{	 /* Color of the Spacer Bar that completed the bottom of the navigation */
	border-bottom:1px solid #000; 
}

#mediaNav h3 {
	color:#000000;
	padding:5px;
	font-size:12px;
	font-weight:bold;
}


/*  NAVIGATION BUTTONS */
#mediaNav a{  /* This is the "OFF" state of the navigation tab.  */
	color:#000000;
	background:#f1ba60; 
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	
}

#mediaNav img{
	border:4px solid #fff3d2;
	cursor:hand;
}

#mediaNav .on{ /* This is the "ON" state of the navigation tab.   */
	background:#fff;

}

#mediaNav .on img{  /* This is the "ON" state of the navigation tab IMAGE.   */	
	border:4px solid #f1ba60;
}

#mediaNav a:hover{  /* This is the "HOVER" or "OVER" state of the navigation tab */
	background:#fff;

}

#mediaNav #catArrowLeft,
#mediaNav #catArrowLeft img{  /* Photo section scrolling arrow left */
	background:#fff3d2;
	border:0px;
	margin-left: 4px;	
	margin-right:6px;
}

#mediaNav #catArrowRight,
#mediaNav #catArrowRight img{  /* Photo section scrolling arrow right */
	background:#fff3d2;
	border:0px;
}

#mediaPageContnent #mediaNav{	/* Background Color for the Photo  */
	color: #000;
	background:#fff3d2;
}

/* NAVIGATION BREAD CRUMBS */
#mediaNavLocation{  /* This is the color information for the Bread Crumbs bar under the navigation */
	border-bottom:1px solid #000000;
	color:#000000;
	background:#fff3d2;	
}

#mediaNavLocation a{  /* This is the actual Link Color of the Bread Crumbs */
	color:#000000;
}


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


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

#mediaHolder{  /*  This is the color of the Container that holds all of the video information */
	color:#000000;
	background:#fff3d2;
}

#mediaDisplay{  /* This is the background color of the Video Player (Container) */
	background:#000;
}

/* MEDIA INFORMATION */
#mediaInfo{  /* This is the BOX section UNDER the video player */
	background:#fff3d2;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}

#mediaGalleryInfo{
	background:#f1ba60; 
}

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

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

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

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

#mediaRateSend #description,
#mediaRateSend #ratings,
#mediaRateSend #permalink,
#mediaRateSend #send2friend{  /* This is the Link information for the   */
	color:#000000;
	border:1px solid #ffffff;
	background-color:#ffffff;
	background-position: bottom left;
}


#mediaRateSend #description:hover,
#mediaRateSend #ratings:hover,
#mediaRateSend #permalink:hover,
#mediaRateSend #send2friend:hover{  /* This is the "HOVER" or "OVER" state for the buttons */
	background-color:#f1ba60;
}

#send2friendSection .mediaButton{  /*  Submit Button for Send 2 Friend   */
	background-color:#f1ba60;
	border:1px solid #000;
}

/* THUMBNAIL IMAGES FOR MEDIA INFORMATION NAVIGATION */
#mediaRateSend #description{  /* Image for Description Button */
	background-image: url(/The_Office/images/scet/camera.gif);
}
#mediaRateSend #ratings{  /* Image for Ratings Button */
	background-image: url(/The_Office/images/scet/star.gif);
}
#mediaRateSend #permalink{	/* Image for Permalink/Link To It Button */
	background-image: url(/The_Office/images/scet/permalink.gif);
}
#mediaRateSend #send2friend{  /* Image for Send 2 Friend Button */
	background-image: url(/The_Office/images/scet/envelope.gif);
}


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

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



/* ------------------------*/
/* BEGIN: [Media List] */
/* ------------------------*/
#mediaListHolder{  /* The Container that lists the video clips (usually to the RIGHT of the video player) */
	background:#fff3d2;
	border-left:1px solid #000000;
	color:#000000;
	width:280px;
}
.mediaListNav{  /* This is the pagination container for the video clips */
	background:#ffffff;
	
}
.mediaListNavBox a{  /* This is the pagination link colors */
	border:1px solid #000;
	color: #000000;

}
.mediaListNavBox .selected{  /* Selected pagination link */
	background-color:#f1ba60;
}
.mediaListNav a:hover{  /* Hover state for pagination link */
	background-color:#f1ba60;
	text-decoration:underline;
}

#mediaList a{ /* Colors for the SECTION LIST */
	border-bottom:1px solid #000;
}
#mediaList a:hover{ /* Colors for the HOVER state for the SECTION LIST */
	background-color:#f1ba60;
}

#sectionList a:hover {  /* Colors for the HOVER state for the SECTION LIST for Photo Scet*/
	background-color:#f1ba60;

}

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


/* MEDIA CLIP LIST INFORMATION */
.mediaAssets_even{  /* EVEN colors for the odd & even states */
	background:#ffffff;
}
.mediaAssets_odd{  /* ODD colors for the odd & even states */
	background:#fff3d2;
}

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

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

.mediaAssets_selected,
.mediaAssets_even:hover,
.mediaAssets_odd:hover{  /* "Hover" and "selected" state for the media list */
	background-color:#f1ba60;
}

.media_selected, .mediaAnchor:hover{
	background-color:#ffd699;
	
}

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



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

#mediaComments{  /* Comments Container (form and comments) */
	background:#fff3d2;
}

#mediaComments h3{  /* Comments Header  */
	color:#000000;
	padding:5px;
	font-weight:bold;
	background:#f1ba60;
	width:655px;
}

#mediaCommentInfo,
#mediaCommentReg{  /* Both Individual Containers for the comments (comments and form)  */
	color:#000000;
	background:#fff3d2;
}
#mediaCommentInfo{  /* Comment Box Listing */
	border-right:1px solid #000000;
}
#mediaCommentReg form .mediaButton{  /* Comment Form Buttons */
	background:#f1ba60;
	border:1px solid #000;
}
#mediaCommentInfo .comment_even{  /* EVEN colors for the odd & even states */
	background:#e6dbbe;
}
#mediaCommentInfo .comment_odd{  /* ODD colors for the odd & even states */
	background:#ffffff;
}

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


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

#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 #f1ba60;
}
.showPromotes h4{
	color:#f1ba60;
}	


#mediaNav #catArrowLeft, #mediaNav #catArrowRight {
	visibility:hidden;
	height:10px;
	margin:0;
	padding:0;
}

#descriptionSection #recapInfoHeader {
	color:#000;
	font-weight:bold;
}

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