/* ########################################### */
/* ------- THE WORK STYLES STYLESHEET -------- */
/* ########################################### */
@media screen {

body.thework #content {
	background: url(/_images/bkg/bkgTheWork.gif) no-repeat center bottom transparent;
	padding-bottom:210px;
}

body.thework #maincol {
	margin-right:0;
	background-color:transparent;
}

#topContainer h3 {
	font-family:'CampaignFranklin', Arial, Helvetica, sans-serif;
	font-weight:400;
	letter-spacing:1px;
	color:#E5E8E8;
}

/*	TOP CONTAINER */

#topContainer {
	background: #393534 url(/_images/bkg/bkgTheWorkContainer.jpg) repeat-x;
	padding:15px 0 15px 10px;
}
	#topContainer p {
		font-size:1.2em;
		color:#e5e8e8;
	}


/*	ARTICLE CONTENT - GENERAL */
	
#articleContent {
	float:right;
	width:300px;
	padding-left:10px;
	-webkit-box-shadow: -5px 5px 5px #292929;  
	-moz-box-shadow: -5px 5px 5px #111111;  
	box-shadow: -5px 5px 5px #292929;
	padding-bottom:20px;  
	margin-bottom:20px;
}

	#articleContent #articleSummary,
	#articleContent #articleBody {
		margin-right:10px;
	}
	
	#articleContent h1 {
			font-size:3.5em; /*3.6em makes the dots on the i's join up*/
		color:#ffffff;
		border-bottom:1px solid #474848;
		padding:0 10px 5px 0;
		margin-bottom:5px;
		font-family:'CampaignFranklin', Arial, Helvetica, sans-serif;
		font-weight:400;
		letter-spacing:1px;
		line-height:1;
	}
		
	#articleContent p {
		margin-bottom:15px;
	}
	
	#articleContent #articleBody a {
		color:#de2a1b;
	}
		
		#articleContent #articleBody a:hover, #articleContent #articleBody a:active, #articleContent #articleBody a:focus {
			color:#6D8896;
			background-color:transparent;
		}

/* ARTICLE CONTENT - RATINGS INFO */

.ratingsInfo {
	border-bottom: 1px solid #474848;
	padding-bottom:5px;
	margin-bottom:5px;
}

	.ratingsInfo #creativeRating {
		padding-top:4px;
		width:125px;
		float:left;
		margin-right:5px;
	}
	
	.ratingsInfo #creativeRating img {
		margin-right:5px;
		display: inline;
	    float: left;
	}
	
	.starRating {
		list-style-type:none;
		margin:0;
		background: url("/_images/buttons/btnTheWorkStars.gif") no-repeat left top transparent;
	    height:23px;
	    padding:0;
	    position:relative;
		
	}

		.starRating li {
			float:left;
			padding:0;
			margin:0;
		}

			.starRating li a {
				background-image: none;
				display: block;
				height: 23px;
				margin: 0 5px 0 0;
				padding: 0;
				position: absolute;
				text-decoration: none;
				text-indent: -9000px;
				width: 10px;
				z-index: 20;
			}
		
				.starRating li a:hover {
				    background: url("/_images/buttons/btnTheWorkStars.gif") no-repeat left bottom ;
				    left: 0 !important;
				    z-index: 1 !important;
				}
				.starRating li a:active {
				    background: none repeat scroll 0 0 transparent !important;
				}
				.starRating li#star10 a {
				    left: 0;
				}
				.starRating li#star10 a:hover {
				    width: 10px;
				}
				.starRating li#star20 a {
				    background-position: right bottom;
				    left: 10px;
				}
				.starRating li#star20 a:hover {
				    width: 20px;
				}
				.starRating li#star30 a {
				    left: 25px;
				}
				.starRating li#star30 a:hover {
				    width: 35px;
				}
				.starRating li#star40 a {
				    background-position: right bottom;
				    left: 35px;
				}
				.starRating li#star40 a:hover {
				    width: 45px;
				}
				.starRating li#star50 a {
				    left: 50px;
				}
				.starRating li#star50 a:hover {
				    width: 60px;
				}
				.starRating li#star60 a {
				    background-position: right bottom;
				    left: 60px;
				}
				.starRating li#star60 a:hover {
				    width: 70px;
				}
				.starRating li#star70 a {
				    left: 75px;
				}
				.starRating li#star70 a:hover {
				    width: 85px;
				}
				.starRating li#star80 a {
				    background-position: right bottom;
				    left: 85px;
				}
				.starRating li#star80 a:hover {
				    width: 95px;
				}
				.starRating li#star90 a {
				    left: 100px;
				}
				.starRating li#star90 a:hover {
				    width: 110px;
				}
				.starRating li#star100 a {
				    background-position: right bottom;
				    left: 110px;
				}
				.starRating li#star100 a:hover {
				    width: 120px;
				}

.articleRatingAverage {
	float:left;
	color:#fff;
	margin-bottom:10px;
}

	.articleRatingAverage span.averageRating {
		display:block;
		float:left;
		background-color:#363536;
		font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
		font-weight:700;
		font-size:2em;
		padding:2px 5px;
		-webkit-border-radius: 10px;  
		-moz-border-radius: 10px;  
		border-radius: 10px;  
		-webkit-box-shadow: inset 0 0 3px #333333; 
		-moz-box-shadow: inset 0 0 3px #333333;  
		box-shadow: inner 0 0 3px #333333;
		margin-right:5px;
	}
	
	.articleRatingAverage span.byline {
		display:block;
		float:left;
		font-weight:700;
		font-size:1.2em;
		margin-right:10px;
	}

	.articleRatingAverage span.voteNumber {
		display:block;
		float:left;
		font-weight:700;
		font-size:1.2em;
		padding-top:14px;
		text-decoration:underline;
	}
	
/* ARTICLE CONTENT - COMMENTS */

.commentCount {
	border-bottom: 1px solid #474848;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

	.commentCount a {
		color:#ef3a41;
		font-size:1.2em;
		font-weight:700;
		background:url(/_images/icon/iconCommentsTheWork.gif) no-repeat;
		padding-left:35px;
		margin-left:0;
		display:block;
		height:17px;
	}
		.commentCount a:hover, .commentCount a:focus, .commentCount a:active{
			color:#6D8896;
			background-color:transparent;
		}

/* LISTINGS/SEARCH - COMMENTS */

.story .commentCount {
	border-bottom:none;
}

.story .commentCount a {
	background:url(/_images/icon/iconCommentsTheWorkList.gif) no-repeat;
	padding-left:30px;
	font-size:1.1em;
	line-height:1.3em;
}

/* ARTICLE CONTENT - SHARE ON */
	
	#shareOn  {
		display:inline-block;
		margin:0 10px 15px 0;
		background:url(/_images/bkg/bkgShareOn.jpg) repeat top left;
		height:43px;
		border:1px solid #515153;
		height:19px; /* 43 - 12 - 12 */
		padding:12px 16px;
	}
	
		#shareOn h3 {
			display:inline;
			color:#e5e8e8;
			font-size:1.6em;
			text-transform:uppercase;
			padding-right:17px;
			margin:0;
			float:left;
			font-family:'CampaignFranklin', Arial, Helvetica, sans-serif;
			font-weight:400;
			letter-spacing:1px;
			line-height:1em;
		}
		
		#shareOn ul {
			list-style-type:none;
			margin-left:0;
			display:inline;
		}
		
			#shareOn ul li {
				display:inline;
				margin-bottom:0;
				vertical-align:middle;
			}
			
				#shareOn ul li a {
					display:inline-block;
					text-indent:-9999px;
					overflow:hidden;
					height:16px;
					width:16px;
					margin-left:10px;
					float:left;
					background:url(/_images/icon/iconShareOn.gif) no-repeat left top;
				}

					#shareOn ul li a.facebook:hover {
						background-position: left bottom;
					}
					
					#shareOn ul li a.twitter {
						background-position: right top;
					}
					
					#shareOn ul li a.twitter:hover {
						background-position: right bottom;
					}

/* ARTICLE CONTENT - KEYWORDS */

#keywords {
	color:#cccccc;
	font-size:1.2em;
	font-weight:700;
	line-height:1.5;
	margin-right:10px;
}

	#keywords h3 {
		color:#fff;
		font-size:1.2em;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:700;
		letter-spacing:normal;
	}
	
	#keywords a {
		color:#cccccc;
		text-decoration:underline;
	}
	
	#keywords a:hover,
	#keywords a:focus,
	#keywords a:active  {
		color:#de2a1b;
		background-color:transparent;
	}
		
/*	ARTICLE MEDIA */

#articleMedia {
	float:left;
	width:610px;
	margin-right:10px;
}

	#articleMedia #released {
		margin-bottom:30px;
		color:#E5E8E8;
	}

/*	ARTICLE MEDIA - CREATIVE LINKS */

	#creativeLinks {
		list-style-type:none;
		margin-left:0;
		width:620px;
	}
	
		#creativeLinks li {
			display: inline-block;
		    float: left;
		    margin: 0;
			padding:0 10px 10px;
			border-left:1px solid #9f9f9f;
			font-weight:bold;
			color:#fff;
			width:103px;
		}
		
			#creativeLinks li a {
			    color: #ed1c24;
			    display:block;
			    text-decoration: none;
				margin-top:5px;
				font-size:0.917em;
			}
			
				#creativeLinks li a:hover, 
				#creativeLinks li a:active, 
				#creativeLinks li a:focus {
					background-color:transparent;
					color:#6d8896;
				}

/*	ARTICLE MEDIA - IMAGE AND ASSETS */

.articleImage, .articleVideo {
	margin:0 0 10px;
	text-align:left;
	z-index:1;
}

	.articleImage img, .articleVideo {
		border:5px solid #9f9f9f;
		clear:both;
	}
	
	.fullWidthCaption {
		font-size:1.1em;
	}
	
.articleGallery {
	border:1px solid #9f9f9f;
}

	.articleGalleryPagination span {
		color:#DE2A1B;
	}

	.articleGalleryPagination a, .articleGalleryOptions a {
		color:#CCCCCC;
		font-weight:700;
		text-decoration:underline;
	}
	
		.articleGalleryOptions p {
			color:#fff;
			font-weight:700;
		}
	
		.articleGalleryPagination a:hover, .articleGalleryOptions a:hover,
		.articleGalleryPagination a:focus, .articleGalleryOptions a:focus,
		.articleGalleryPagination a:active, .articleGalleryOptions a:active {
			color:#DE2A1B;
			background-color:transparent;
		}

/*	ARTICLE MEDIA - CAMPAIGN CREATIVE */

#campaignCreative {
	background-color:#111111;
	padding:5px 10px;
	margin-bottom:20px;
}
		
	#campaignCreative h3 {
		font-family:Arial, Helvetica, sans-serif;
		color:#a9aca9;
		font-size:1.4em;
		display:inline-block;
		letter-spacing:normal;
		float:left;
		margin:0 30px 0 0;
		line-height:1.5;
		font-weight:700;
	}
	
	#campaignCreative ul {
		height:20px;
		letter-spacing: -3px; /*inline block white-space fix*/
	}
	
		#campaignCreative ul li {
			display:inline-block;
			margin:0 20px 0 0;
		}
		
			#campaignCreative ul li a {
			padding:3px 2px 0 0;
			color:#fff;
			display:block;
			width:18px;
			height:17px;
			background-color:#5c6e77;
			text-align:center;
			}
		
			#campaignCreative ul li a:hover, 
			#campaignCreative ul li a:active,
			#campaignCreative ul li a:focus,
			#campaignCreative ul li.selected a {
				background-color:#de2a1b;
			}
			
			#campaignCreative ul li.selected a {
				cursor:default;
			}

/*	ARTICLE MEDIA - RELATED CREATIVE */
		
#relatedCreative {
	clear:both;
	min-height:120px;						/* needed if no content appears after carousel */
}

	#relatedCreative h3 {
		text-transform:uppercase;
		font-size:2em;
		margin:0 0 5px 20px;
	}

/* fallback for when no JS */

.jsDisabled #relatedCreative ul#creativeCarousel {	
	list-style-type:none;
	margin:0;
	width:600px;
	height:106px;
	overflow-x:scroll;
	overflow-y:visible;
	white-space: nowrap;
}

/* end fallback */

#relatedCreative .jcarousel-clip {
	clip:rect(-20px, 573px, 100px, 0px);
	position:absolute !important;
}

	#relatedCreative ul#creativeCarousel li {
		display:inline-block;
		background-color:#d8deda;
		margin-right:10px;
		position:relative;
		margin-bottom:0;
	}

		#relatedCreative ul#creativeCarousel li a {
			padding:4px;
			width: 78px;
		    height: 66px;
			display:block;
		}
		
		#relatedCreative ul#creativeCarousel li a:hover,
		#relatedCreative ul#creativeCarousel li a:focus,
		#relatedCreative ul#creativeCarousel li a:active {
			background-color:#b9c1c1;
		}
		
			#relatedCreative ul#creativeCarousel li a img {
				margin:0 auto;
			}

#creativeCarousel li span.imgFooter {
	position:absolute;
	bottom:0;
	right:0;
	border:3px solid #D8DEDA;
	width:20px;
	height:20px;
	background-color:#6d8896;
}
			
#articleMedia #relatedCreative ul#creativeCarousel li.video span.imgFooter {
	background: #6d8896 url(/_images/icon/iconVideoBlue.gif) no-repeat center center;
}

#articleMedia #relatedCreative ul#creativeCarousel li.gallery span.imgFooter {
	background: #6d8896 url(/_images/icon/iconGalleryBlue.gif) no-repeat center center;
}

#articleMedia #relatedCreative ul#creativeCarousel li.audio span.imgFooter {
	background: #6d8896 url(/_images/icon/iconSoundBlue.gif) no-repeat center center;
}


/*	PRIVATE VIEW ARTICLE */

/*	Header */

#privateViewHeader {
	background: url(/_images/bkg/bkgPrivateViewHeader.gif) bottom repeat-x;
	position:relative;
	overflow:hidden;
}

		#privateViewHeader .selected {
			background: #000 url(/_images/bkg/bkgTheWorkContainer.jpg) repeat-x;
		}
		
		#privateViewTitle {
			border: 2px solid #6d8896;
			border-bottom: none;
			background-color:#fff;
			margin-bottom:2px;
			padding:5px 15px 0;
			font-family: 'CampaignFranklin',Arial,Helvetica,sans-serif;
		    font-weight: 400;
		    letter-spacing: 1px;
			text-transform:uppercase;
			position:absolute;
			bottom:0;
			right:15px;
		}
	
			#privateViewTitle h2 {
				font-size: 3.6em;
				color:#ed1c24;
				line-height:0.8em;
				margin-bottom:0;
			}
		
			#privateViewTitle p {
				font-size: 1.8em;
				line-height:1em;
				color:#545154;
				margin-bottom:5px;
			}
	
/*	Article Section */

#privateViewArticle {
	width:450px;
	float:left;
	margin-right:20px;
	padding-left:10px;
	color:#E5E8E8;
}

	#privateViewArticle a {
		color:#ed1c24;
	}
	
	#privateViewArticle a:hover,
	#privateViewArticle a:active,
	#privateViewArticle a:focus {
		color:#6D8896;
		background-color:transparent;
	}

/*	Assets Section */

#privateViewAssets {
	width:450px;
	float:left;
}

	#privateViewAssets #relatedCreative {
		-webkit-box-shadow: -5px 5px 5px #292929;  
		-moz-box-shadow: -5px 5px 5px #111111;  
		box-shadow: -5px 5px 5px #292929;
		padding:0 0 20px 10px; 
		margin-bottom:25px;
		position:relative;
	}

	#privateViewAssets #relatedCreative .privateViewDisplay {
		padding:0 15px 0 5px;
		margin-bottom:10px;
	}

		.privateViewDisplay #relatedCreativeHeader {
			margin-bottom:10px;
			display:block;
		}
		
			.privateViewDisplay a.creativeTitle {
				color:#fff;
				float:left;
				padding:0 5px;
				width:330px;
				font-family: 'CampaignFranklin',Arial,Helvetica,sans-serif;
			    font-weight: 400;
			    letter-spacing: 1px;
				font-size:2.1em;
			}
			
			.privateViewDisplay a.popupCredits {
				color:#ED1C24;
				float:right;
				padding:0 5px;
				text-transform:uppercase;
				font-family: 'CampaignFranklin',Arial,Helvetica,sans-serif;
			    font-weight: 400;
			    letter-spacing: 1px;
				font-size:2.1em;
			}
			
			.privateViewDisplay a.popupCredits:hover,
			.privateViewDisplay a.popupCredits:active,
			.privateViewDisplay a.popupCredits:focus {
				color:#6D8896;
				background-color:transparent;
			}

/* Carousel */

#relatedCreative h3#PVSelection {
	display:block;
	width:50px;
	margin:0;
	font-size:1.5em;
	text-align:right;
	float:left;
	padding-top:7px;
	margin-right:5px;
	line-height:1em;
}

/* fallback for when no JS */

.jsDisabled #privateViewAssets #relatedCreative ul#creativeCarousel {
	width: 350px;			
	float:left;
}

/* end fallback */

#privateViewAssets ul#creativeCarousel li a {
	width: 70px;
}

#privateViewAssets #creativeCarousel li span.imgFooter {
	left:0;
	color:#fff;
	font-family: "Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;
	font-size: 1.2em;
	text-align:center;
}
	#creativeCarousel li a.active span.imgFooter {
		background-color:#de2a1b;
	}

	#creativeCarousel li a:hover span.imgFooter,
	#creativeCarousel li a:focus span.imgFooter,
	#creativeCarousel li a:active span.imgFooter {
		border-color:#b9c1c1;
	}
	
#hoverTitleArea {
	height:20px;
	color:#d8deda;
	font-size:1.3em;
	padding:5px;
	border:2px solid #393534;
	border-top:none;
	width:406px;
}

	#hoverTitleArea.active {
		border-color:#4d4a4e;
	}
	
#creativeCarousel li span.hoverMarker {
	display:block;
	width:12px;
	height:9px;
	position:absolute;
	top:-12px;
	left:30px;
	background: url(/_images/bkg/bkgHoverMarker.gif) no-repeat;
	visibility:hidden;
}


#privateViewAssets #relatedCreative .jcarousel-clip {
	clip:rect(-20px, 345px, 100px, 0px);
	position:absolute !important;
}

/*	BOTTOM LEFT CONTAINER */

.thework #bottomLeftContainer {
	float:left;
	margin-right:20px;
	width:620px;
	padding-top:25px;
}

.relatedPVCreative {
	border-bottom: 2px solid #6d8896;
	margin-bottom:20px;
}

	.relatedPVCreative .header {
		background: url(/_images/bkg/bkgPrivateViewHeader.gif) bottom repeat-x;
		margin-bottom:3px;
	}
	
		.relatedPVCreative .header h2 {
			color:#de2a1b;
			border: 2px solid #6d8896;
			border-bottom: none;
			background-color:#fff;
			margin-bottom:2px;
			display:inline-block;
			padding:5px 10px;
			font-size:2.8em;
			letter-spacing:1px;
		}
		
	.relatedPVCreative .moduleContent .storyContent {
		background: #edeeef url(/_images/bkg/bkgBlueTexture.gif) repeat;
		margin-bottom:5px;
		overflow:hidden;
		padding:10px;
	}
	
		.relatedPVCreative .moduleContent .storyContent img {
			float:right;
		}
		
		.relatedPVCreative .moduleContent .storyContent h3 a {
			font-family: 'CampaignFranklin',Arial,Helvetica,sans-serif;
		    font-weight: 400;
		    letter-spacing: 1px;
			font-size:1.7em;
		}
		
		.relatedPVCreative .moduleContent .storyContent p {
			margin-bottom:5px;
		} 

/*	THE WORK XCOL */

.thework #xcol {
	padding-top:25px;
}
	.relatedNews {
		margin-bottom:20px;
	}
	
		.relatedNews .header h2 {
		    background: none repeat scroll 0 0 #4D4D4D;
		    color: #FFFFFF;
		    font-size: 2.1em;
		    font-weight: 400;
		    margin: 0;
		    padding: 6px 8px;
		    text-transform: uppercase;
		}
	
		.relatedNews .moduleContent {
			background-color:#eeeff0;
			padding-bottom:10px;
		}
		
		.relatedNews .moduleContent .storyContent {
			padding:10px 10px 10px 20px;
			overflow:hidden;
		}
		
		.relatedNews .moduleContent .storyContent img {
			float:right;
			margin-left:10px;
			margin-bottom:10px;
		}
  
  	.morePV .header {
		background: url(/_images/bkg/bkgPrivateViewHeader.gif) bottom repeat-x;
		margin-bottom:3px;
	}
	
	.morePV .header h2 {
		color:#de2a1b;
		border: 2px solid #6d8896;
		border-bottom: none;
		background-color:#fff;
		margin-bottom:2px;
		display:inline-block;
		padding:5px 10px;
		font-size:2.8em;
		letter-spacing:1px;
	}
	
	.morePV ul {
		background: #edeeef url(/_images/bkg/bkgBlueTexture.gif) repeat;
		margin:0;
		list-style-type:none;
		padding:10px;
		border-bottom: 2px solid #6D8896;
		margin-bottom:3px;
	}
	
	.morePV ul li {
		font-weight:700;
		margin-bottom:10px;
	}
	
	.morePV .footer a {
		display:block;
		font-family:'CampaignFranklin', Arial, Helvetica, sans-serif;
		font-weight:400;
		letter-spacing:1px;
		color:#fff;
		background: url("/_hbi_ui/_CMP/_images/bkg/bkgTheWorkPromo.gif") repeat #040404;
		font-size:1.9em;
		padding:5px 10px;
	}
	
		.morePV .footer a span {
			background: url("/_images/buttons/bkgButtonDark.gif") no-repeat top right;
			padding-right:15px;
		}
		
		.morePV .footer a:hover, .morePV .footer a:active, .morePV .footer a:focus {
			background:#de2a1b none;
		}
		
		.morePV .footer a:hover span, .morePV .footer a:active span, .morePV .footer a:focus span {
			background: url("/_images/buttons/bkgButtonDark.gif") no-repeat right -22px;
		}
	
/* CREDITS */

#creditsHeader {
	background: url(/_images/bkg/bkgCreditsHeader.gif) repeat-x left bottom;
	margin:30px 0 0;
}

	#creditsHeader h3 {
		font-size: 2em;
	    background-color:#393534;
	    text-transform: uppercase;
		display:inline-block;
		margin-bottom:0;
		padding-right:15px;
		line-height:.7;
	}

.credits {
	color:#E5E8E8;
	padding:10px 0;
	font-size:1.1em;
	overflow:hidden;
}

	.credits a {
		color:#E5E8E8;
		text-decoration:underline;
		/*display:block;*/
	}
	
	.credits a:hover, .credits a:active, .credits a:focus {
		color:#de2a1b;
		background-color:transparent;
	}

	.credits .column {
		float:left;
		width:300px;
		margin-right:10px;
	}
	
		.credits .last {
			margin-right:0;
		}
		
		.credits .column .creditEntry {
			overflow:hidden;
			background: url(/_images/bkg/bkgCreditsDots.gif) repeat-x left 8px;
		}
		
		.credits .column .creditTitle, .credits .column .creditName {
			display:inline-block;
			margin-bottom:10px;
		}
		
		.credits .column .creditTitle {
			width:120px;
		}
		
		.credits .column .creditTitle span {
			padding-right:5px;
			background-color:#393534;
		}
		
		.credits .column .creditName {
			width:165px;
			float:right;
			padding:0 5px;
			background-color:#393534;
		}

/* Modal Credits */

#popup {
	display:none;
	width:350px;
	min-height:330px;
	background-color:#282828;
	position:absolute;
	right:10px;
	top:0;
	padding:20px 30px;
	z-index:999;
	border:10px solid #E5E8E8;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow:visible;
}

	#popup a.close {
		position:absolute;
		top:10px;
		right:10px;
	}
	
		#popup a.close:hover {
			background-color:transparent;
		}
		
		#popup #creditsHeader {
			overflow:hidden;
			background:transparent;
			margin:0 0 20px;
		}
		
			#popup #creditsHeader h3 {
				background:transparent;
				margin-left:0;
			}
		
		#popup .column {
			float:none;
		}
			
			#popup .column .creditTitle span, #popup .column .creditName {
				background-color:#282828;
			}
			
			#popup #moreCredits {
				margin-top:20px;
			}

			#popup #moreCredits .buttonType1 {
				display:inline-block;
				margin:0;
				float:left;
			}
			
			#popup #moreCredits a.button {
				background: url("/_hbi_ui/_CMP/tinymce/_images/bkgButtonDark.gif") right center no-repeat;
				text-decoration:none;
				font-size:1.4em;
				letter-spacing:1px;
				
			}
			#popup #moreCredits a.button span {
				background-color:#de2a1b;
				padding-top:2px;
			}
				#popup #moreCredits a.button:hover span {
					background-color:#6d8896;
				}

}