/* all fatwire specific fixes go here */

.vcms-player-wide .module-content { min-height: 366px; background: #333333 !important; }
.vcms .module-content p { display: none; }
.vcms-ready .module-content p { display: block; }
.vcms .module-content a.thumb-link { display: none; }
.vcms-ready .module-content a.thumb-link { display: block; }

/* temporary HTML5 disabled */
.vcms.html5VideoDisabled							{ background: url("images/flashrequired.png") center center no-repeat; visibility: visible !important; }
.vcms.html5VideoDisabled.vcms-wide					{ height: 364px }
.vcms.html5VideoDisabled.vcms-narrow				{ height: 370px }
.vcms.html5VideoDisabled.multimedia-promo-narrow	{ height: 654px }
.vcms.html5VideoDisabled.multimedia-promo-wide		{ height: 386px }
.vcms.html5VideoDisabled .module-content 			{ display: none; }

/* added these to smooth the load of the loading */
.has-js .vcms * { visibility: hidden; }

.has-js .module-navigation-ready,
.has-js .module-video-listing-ready { visibility: visible;  }

.story-body .vcmsversion-2 { width: 316px; margin: auto; }
.story-body .vcms-narrow { width: 316px; min-height: 250px; float: right; margin-left: 15px; background: url("css/images/spinner.gif") center center no-repeat #fff !important; }
.story-body .vcms-narrow .module-header { display: none; }

.story-body #video-pdkHolder { margin: auto; }

/* This fix needs to go into news style sheets not just here */
body.story #story,
body.story #story .article-media-large,
#content-3 { overflow: visible !important; }

.group .group-content { overflow: visible; }
#page #content-3 .group.vcms-group { overflow: visible; }
/* 
   this is the fix for embedded narrow players, to allow fullscreen to behave 
   This fix is paired with some JS that wraps the VCMS in the embedded-video div
*/
#story .vcms-player-narrow,
#story .embedded-video { float: right; clear: right; width: 316px; margin: 0px; }
#story .embedded-video .vcms-player-narrow { float: none; clear: none; margin: 0px; }
#story .embedded-video { margin-left: 15px; } 
.has-js #story .js-tabbed .js-active-content { position: static; }

/* override for content-3 p zero padding */
#page #content-3 .vcms .end-card p.replay {padding:4px 0 15px 29px;}
#page #content-3 .vcms .end-card p.share-btn {padding:5px 0 0 32px;}

/* fix for bottom pagination bar overlapping grid background image */
#page .module-video-listing .video-listing .listing .pagination.bottom {margin: 7px 7px 0 7px;}

/* 
   hack fix for tabset in article pages - the DOM does not contain the video player when page loads, 
   so autoplay requires a minimum height in order to be turned on 
*/
body.story #story .article-media-large .tabbed .vcms-wide {
	min-height: 1px;
}