/*
 * Cross theme webfonts
 */

/** Univers Condensed **/
@font-face {
  font-family: 'UniversCondensed';
  src: url('webfonts/univers-condensed/univers-condensed-webfont-webfont.eot');
  src: url('webfonts/univers-condensed/univers-condensed-webfont-webfont.eot?#iefix') format('embedded-opentype'),
       url('webfonts/univers-condensed/univers-condensed-webfont-webfont.woff') format('woff'),
       url('webfonts/univers-condensed/univers-condensed-webfont-webfont.ttf') format('truetype'),
       url('webfonts/univers-condensed/univers-condensed-webfont-webfont.svg#UniversCondensed') format('svg');
  font-weight: normal;
  font-style: normal;
}

/** Comedy Central UK Regular **/
@font-face {
    font-family: 'ComedyCentralUKRegular';
    src: url('webfonts/comedy-central-uk/comedy_central_uk-webfont.eot');
    src: url('webfonts/comedy-central-uk/comedy_central_uk-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/comedy-central-uk/comedy_central_uk-webfont.woff') format('woff'),
         url('webfonts/comedy-central-uk/comedy_central_uk-webfont.ttf') format('truetype'),
         url('webfonts/comedy-central-uk/comedy_central_uk-webfont.svg#ComedyCentralUKRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** Futura Bold
@font-face {
    font-family: 'FuturaMdBTBold';
    src: url('webfonts/futura-bold/ufonts.com_futura-bold-bt-2-webfont.eot');
    src: url('webfonts/futura-bold/ufonts.com_futura-bold-bt-2-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/futura-bold/ufonts.com_futura-bold-bt-2-webfont.woff') format('woff'),
         url('webfonts/futura-bold/ufonts.com_futura-bold-bt-2-webfont.ttf') format('truetype'),
         url('webfonts/futura-bold/ufonts.com_futura-bold-bt-2-webfont.svg#FuturaMdBTBold') format('svg');
    font-weight: normal;
    font-style: normal;
}**/
/* New MTV Font*/
@font-face {
    font-family: 'FuturaMdBTBold';
    src: url('webfonts/mtvbold/futurasb-bolditalic-webfont.eot');
    src: url('webfonts/mtvbold/futurasb-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/mtvbold/futurasb-bolditalic-webfont.woff') format('woff'),
         url('webfonts/mtvbold/futurasb-bolditalic-webfont.ttf') format('truetype'),
         url('webfonts/mtvbold/futurasb-bolditalic-webfont.svg#FuturaMdBTBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/** Futura Bold Italic **/
@font-face {
    font-family: 'WebfontRegular';
    src: url('webfonts/mtvreg/futurasbop-dembolitalic-webfont.eot');
    src: url('webfonts/mtvreg/futurasbop-dembolitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/mtvreg/futurasbop-dembolitalic-webfont.woff') format('woff'),
         url('webfonts/mtvreg/futurasbop-dembolitalic-webfont.ttf') format('truetype'),
         url('webfonts/mtvreg/futurasbop-dembolitalic-webfont.eot.svg#WebfontRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** DIN Bold **/
@font-face {
    font-family: 'DINBold';
    src: url('webfonts/din-bold/din-bold-webfont.eot');
    src: url('webfonts/din-bold/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/din-bold/din-bold-webfont.woff') format('woff'),
         url('webfonts/din-bold/din-bold-webfont.ttf') format('truetype'),
         url('webfonts/din-bold/din-bold-webfont.svg#DINBold') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*
 * Collapsible jQuery CSS
 */
.collapse-me, /*the class to be assigned to the content to be collapsed*/
.collapse-attachment {
	position: relative; /*required for the content to be absolutely positioned*/
}

	.collapse-me h2.block-title,
	.collapse-attachment .attachment .view-header {
		cursor: pointer;
	}

.collapsing-content {
	background: #fff;
	position: absolute;
	right: 0;
	top: 41px;
	z-index: 100; /*also required to ensure the DOM knows how big the element actually is & links remain clickable*/
}

/*no JS - default to the block title to being a link*/
.collapse-me .block-content {
	display: none;
}

/*
 * Form labels jQuery CSS
 */
html.js #footer .block-webform form .form-item,
html.js #main form .views-exposed-form .views-exposed-widget,
html.js #header .collapse-me form .form-item {
	position: relative;
}

	html.js #footer .block-webform form label,
	html.js #main form .views-exposed-form label,
	html.js #header .collapse-me form label {
		left: 5px;
		position: absolute;
		top: 0;
		z-index: 2;
	}
	/*takes the absolute positioning off the labels of the radio buttons*/
	html.js #header .collapse-me form .form-type-radios label {
		position: relative;
	}

		html.js #main .exp-form-block form .views-exposed-form label {
			top: 8px;
		}

		html.js #footer .block-webform form label span.form-required,
		html.js #header .collapse-me form label span.form-required {
			display: inline;
			float: right;
		}

	/*remove default views styling*/
	html.js .view .views-exposed-form .views-exposed-widget {
		padding-top: 0;
	}

		html.js .view .views-exposed-form .views-exposed-widget input.form-submit {
			margin-top: 0;
		}


/*
 * Search listing
 * Basic layout styling here only
 */
/*group left*/
.view-search .ds-2col .group-left {
	margin: 4px 0 0; /*bring the image down inline with the text in .group-right*/
	padding: 0;
	width: 19.354839% !important; /*120px*/ /*thumbnail images are 100px - so 20px spacing*/ /*important required to override other important declaration set*/
}

/*group right*/
.view-search .ds-2col .group-right {
	margin: 0;
	padding: 0;
	width: 80.645161% !important; /*500px*/ /*important required to override other important declaration set*/
}

.view-search .ds-2col .group-right h4 {
	font-size: 0.92857143em; /*13px*/
	margin: 0
}

.field-float-left {
	float: left;
	margin: 0 20px 0 0;
}

	.field-float-left div.label-inline {
		display: inline;
	}

.view-search .field-float-left {
	margin: 0 4% 0 0;
	width: 29%;
}

	/*float left field*/
	.view .views-row .field-float-left {
		font-size: 0.85714286em; /*12px*/
		line-height: 1.5em;
	}

.view-search .field .field-label {
	font-size: 0.85714286em; /*12px*/
	font-weight: normal;
	line-height: 1.5em;
}

.view-search .field-name-programme-details-for-search {
	float: left;
	margin: 10px 0;
	width: 100%;
}

.view-search .field .secondary-item {
	font-size: 0.85714286em; /*12px*/
	font-weight: normal;
	line-height: 1.5em;
}

	.view-search .field .secondary-item label {
		display: inline;
		float: left;
		font-weight: normal;
		margin: 0 4px 0 0;
	}

	.view-search .field .secondary-item .view {
		float: left;
	}

		.view-search .field .secondary-item .view .views-row span.date-display-single {
			font-size: 1em;
		}

		.view-search .field .secondary-item .view .view-empty p {
			font-size: 1em;
			margin: 0;
		}

.view .views-row .field-item .view span.date-display-single {
	display: block;
}

/*filter blocks*/
.sidebars .block ul.facetapi-facetapi-links {
	padding: 0;
	margin-bottom: 0;
}

	.sidebars .block ul.facetapi-facetapi-links li {
		clear: both;
		font-size: 0.857143em; /*12px*/
		float: left;
		list-style-image: none;
		list-style-type: none;
		margin: 0 0 5px;
	}

	.sidebars .block ul.facetapi-facetapi-links li.last {
		margin-bottom: 0;
	}

		.sidebars .block ul.facetapi-facetapi-links li a {
			text-decoration: none;
		}

/*
 * Views pager
 * Simple pager module
 */
.view ul.simple-pager {
	clear: both;
	float: left;
	position: relative; /*added for the pager current li*/
	width: 100%;
}

	.view ul.simple-pager li {
		font-size: 1.07142857em; /*15px*/
		margin: 0;
		padding: 0;
	}

	.view ul.simple-pager li.pager-next {
		float: right;
		text-align: right;
		width: 31.914894%; /*300px*/
	}

	.view ul.simple-pager li.pager-previous {
		float: left;
		text-align: left;
		width: 31.914894%; /*300px*/
	}

	.view ul.simple-pager li.pager-current {
		left: 34.042553%; /*320px*/
		position: absolute; /*centers the element*/
		text-align: center;
		width: 31.914894%; /*300px*/
		z-index: 5;
	}

		.view ul.simple-pager li a {
			text-decoration: none;
		}

/*
 * Common styles
 */
span.bold {
	font-weight: bold;
}

/*
 * Simple Brand Timeline
 */

#simple-header {
	padding: 20px 20px 0;
}

/*H1 & H2 header*/
#simple-header h1 {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

	#simple-header h1 a {
		background: url(logo-viacom-black.png) no-repeat 0 0;
		display: block;
		height: 13px;
		text-indent: -9999em;
		width: 102px;)
	}

#simple-header h2 {
	color: #000;
	display: inline;
	float: left;
	font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

#simple-main #content {
	padding: 0;
}

/*remove spacing between the rows/columns so the images appear as one image*/
body.page-timeline .timeline table td {
	padding: 0;
}

	body.page-timeline .timeline table td img {
		display: block;
	}

/*styling for jQuery*/
.timeline {
	height: 845px;
	position: relative;
	width: 100%;
}

div.scrollWrapper {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

div.scrollableArea {
	height: 100%;
	position: relative;
	width: auto;
}

/*scrolling hotspots*/
div.scrollingHotSpotLeft,
div.scrollingHotSpotRight {
	width: 100px;
	height: 100%;
	min-height: 200px;
	position: absolute;
	top: 21px;
	z-index: 10;
}

	/*left*/
	div.scrollingHotSpotLeft {
		left: 0;
	}

		div.scrollingHotSpotLeftVisible {
			background: url(bg-scrollable-left.png) no-repeat center center;
		}

	/*right*/
	div.scrollingHotSpotRight {
		right: 0;
	}

		div.scrollingHotSpotRightVisible {
			background: url(bg-scrollable-right.png) no-repeat center center;
		}

/*
 * Colorbox
 */
#colorbox-popup #main {
	padding: 0;
}

#colorbox-popup #content {
	padding: 0;
}

	/*layout*/
	#colorbox-popup #content .ds-2col .group-right {
		padding: 0 35px 0 0;
	}

	/*labels*/
	#colorbox-popup #content .ds-2col .group-right .field-2col .label-inline,
	#colorbox-popup #content .ds-2col .group-right .field-2col span {
		width: 120px;
	}

	/*embed code*/
	.field-name-video-embed-code .field-items,
	.field-name-video-embed-code p {
		color: #000;
		font-family: Courier, "Courier New", monospace;
		font-size: 0.857143em; /*12px*/
		line-height: 1.5em;
	}

	.field-name-field-video-code embed {
		max-width: 100%;
	}

/*
 * Corporate information, Key spokespeople bio
 */
.bio-trigger {
	background: url(bg-bio-trigger-down.png) no-repeat right center;
	cursor: pointer;
	padding-right: 30px;
}

.bio-open {
	background: url(bg-bio-trigger-up.png) no-repeat right center;
}

/*
 * Drupal messages to the user
 */
body.front .messages {
	margin-top: 4em; /*clear the absolutely positioned menu*/
}



/** Corporate Press Releases **/

.ds-2col-stacked.node.node-corporate-press-release .group-header {
  position: static;

}

/** Quick fix for strange JavaScript injection **/
.ds-2col-stacked.node.node-corporate-press-release .group-right {
  display: none;
}

body.node-type-corporate-press-release #content .group-header .field.field-name-field-hero-image {
  position: absolute;
  top: 20px;
  right: 20px;
}

body.node-type-corporate-press-release .region-sidebar-second {
  padding-top: 360px;
}