@charset "UTF-8";
/* CSS Document */

html.video {
	background: none !important;
	float: none !important;
}

body {
	background: #464646 url('/global/img/bg-stripes.png') repeat;
	font-size: 16px;
	line-height: 1em;
}

	body#body-popout {
		background: #000;
	}

		body#body-popout #container {
			width: 660px;
			padding: 0 20px;
		}

		body#body-popout #container header#header {
			margin-bottom: 0px;
		}

a {
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: inherit;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

input {
/*	-webkit-appearance: none;*/
	-webkit-border-radius: 0px;
}
input:focus {outline: none;}

article, section {
	overflow: hidden;
}

.shadow {
	box-shadow: 0 7px 10px -6px rgba(0, 0, 0, 0.4);
	margin-bottom: 10px;
}

span.link {
	text-decoration: underline;
}

	#container, .container {
		width: 970px;
		padding: 0 10px;
		margin: 0 auto;
		height: 100%;
		font-family: ff-meta-web-pro, "Arial", "helvetica", sans serif;
		font-style: normal;
		font-weight: 200;
		overflow: hidden;
	}

	.wf-loading #container {
		visibility: hidden;
	}

		.container {
			width: 100%;
			background: transparent url(/global/img/bg-header.png) repeat-x;
			padding: 0px;
		}

/*HEADER STYLES*/
	header {
		width: 970px;
		margin: 0px auto 10px;
		padding-top: 8px;
		height: 37px;
		position: relative;
		display: block;
	}

		header span#logo a {
			display: block;
			overflow: hidden;
			width: 125px;
			height: 30px;
			text-indent: -9999em;
			background: transparent url(/global/img/logo-125x30.png) no-repeat top left;
		}

		header nav#nav {

		}

			header nav#nav ul#site_tools {
				position: absolute;
				left: 150px;
				bottom: -4px;
				z-index: 2;
			}

				header nav#nav ul#site_tools li {
					float: left;
					margin-right: 20px;
				}

					header nav#nav ul#site_tools li.selected {
						background: transparent url(/global/img/img-nav_active.png) no-repeat bottom center;
					}

					header nav#nav ul#site_tools li a {
						display: block;
						color: #808285;
						margin-bottom: 10px;
					}

						header nav#nav ul#site_tools li a:hover {
							color: #fff;
						}

						header nav#nav ul#site_tools li.selected a {
							color: #FDC828;
						}

		nav#browse ul {
			width: 660px;
			position: absolute;
			top: 0;
			right: 0;
			list-style: none;
			text-align: right;
			margin-bottom: 15px;
			width: auto;
		}

			header nav ul {
			}

				header nav ul li {
					text-transform: uppercase;
				}

				nav#browse ul li {
					text-transform: uppercase;
					color: #fff;
					display: inline;
					margin-left: 4px;
					font-size: 0.7em;
				}

					header nav ul li a {
					}

					nav#browse ul li a {
						padding: 5px 15px 3px 15px;
						border: 1px solid #c8c8c8;
					}

					header nav ul li a:hover {
						color: #000;
						background-color: #c8c8c8;
						text-decoration: none;
					}

						ul#site_tools li a:hover {
							color: #fff;
							background: transparent;
						}

					#search {
						margin-bottom: 15px;
						height: 25px;
						text-align: right;
						position: absolute;
						top: 8px;
						right: 0px;
					}

						input#text_field {
							font-size: 0.75em;
							border: none;
							padding: 4px 10px;
							width: 287px;
							margin-right: -5px;
							vertical-align: middle;
							height: 17px;
							background-color: #000;
							color: #bcbec0;
							border: 1px solid #808285;
						}

						input#text_field.on {
							color: #fff;
						}

						#search:hover input#text_field, #search:hover input#search_button {
							color: #fff;
							border: 1px solid #fff;
						}

						input#search_button {
							width: 25px;
							background-color: #000;
							border: none;
							height: 25px;
							color: #fff;
							text-transform: uppercase;
							font-size: 0.8em;
							vertical-align: top;
							border: 1px solid #808285;
						}

						input#search_button:hover {
							color: #000;
							background-color: #fff;
							border: 1px solid #fff;
						}

	nav#browse {
		width: 970px;
		margin: 0px auto 45px;
		padding-top: 10px;
		position: relative;
		display: block;
	}

		nav#browse ul li {
			float: left;
		}

			nav#browse ul li.label {
				line-height: 2em;
				padding-right: 10px;
			}

			nav#browse ul li a {
				background-color: #58595b;
				border: 0;
				box-shadow: 0 7px 10px -6px rgba(0, 0, 0, 0.2);
				display: block;
			}

				nav#browse ul li a.selected, nav#browse ul li a:hover, nav#browse ul li.surprise a:hover {
					background-color: #C8C8C8;
					color: #000;
					text-decoration: none;
				}

				nav#browse ul li.surprise a {
					background-image: url('/global/img/btn-surprise-light.png');
					background-repeat: no-repeat;
					background-position: 87px center;
					padding-right: 30px;
				}

				nav#browse ul li.surprise a:hover {
					background-image: url('/global/img/btn-surprise-dark.png');
					background-color: #FDC828;
				}

/*	body#body-about header {
		background-color: #000;
		overflow: hidden;
		height: auto;
		padding: 20px 0px 40px;
		margin-top: 50px;
	}

		body#body-about header #logo {
			display: block;
			float: none;
			margin: 35px auto;
			width: 195px;
		}

		body#body-about header p {
			display: block;
			width: 475px;
			color: #fff;
			font-size: 16px;
		    width: 650px;
			line-height: 1.5em;
			margin: 30px auto 40px;
			text-align: center;
		}

			body#body-about header p a {
				text-decoration: underline;
			}

				body#body-about header p a:hover {
					color: #FFC800;
				}

		body#body-about header nav {
			position: static;
			margin: 0 auto;
			width: 412px;
		}

			body#body-about header nav #site_tools {
				display: none;
			}

			body#body-about header nav #search, body#body-about header nav ul {
				text-align: center;
				position: static;
			}

				body#body-about header nav #search input#text_field {
					width: 360px;
				}*/

/*FEATURED VIDEO STYLES */
#featured {
	padding: 25px 15px;
	background-color: #212121;
	height: 310px;
	margin-top: 25px;
	font-weight: 200;
	float: left;
	clear: both;
}
#featured_img {
	width: 514px;
	height: 310px;
	float: left;
	position: relative;
	margin-right: 25px;
}
#play {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 100;
	width: 37px;
	height: 37px;
	background: transparent url(/global/img/play.png) no-repeat;
	text-indent: -9999em;
}

a:hover #play {
	background-position: 0px -41px;
}

#featured_text {
	position: relative;
	float: left;
	width: 400px;
	top: 40px;
}
.feature_hed a {
	font-weight: 200;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #ffc800;
}
#eyebrow {
	text-transform: uppercase;
	font-size: .7em;
	color: #ffc800;
	margin-bottom: 7px;
}
.feature_description {
	font-size: .9em;
	line-height: 1.3em;
	color: #fff;
}
.featured_links {
	color: #fff;
	margin-bottom: 15px;
	font-size: .9em;
}
.featured_links a {
	text-decoration: underline;
}
.featured_links a:hover {
	text-decoration: none;
	color: #ffc800;
}
.watch_button a {
	padding: 10px 20px;
	text-transform: uppercase;
	color: #000;
	font-size: .8em;
	border: 1px solid #ffc800;
	width: 85px;
	text-align: center;
	margin-top: 20px;
	display: block;
	background-color: #ffc800;
}
.watch_button a:hover {
	color: #ffc800;
	background-color: #000;
	border: 1px solid #ffc800;
}
/*BROWSE AREA STYLES*/

.browse {
	background-color: #585858;
	padding: 15px;
	margin-top: 25px;
	line-height: 1.1em;
	float: left;
	clear: both;
}

	body#body-404 .browse h3 {
		margin-top: 20px;
	}

.browse.spotlight {
	background-color: #212121;
	margin-bottom: 25px;
}

#body-spotlight .browse.spotlight {
	margin-top: 0px;
}

	.browse.spotlight .intro h3 {
		color: #FFC800;
	}

	#body-spotlight .browse.spotlight {
		width: 940px;
	}

.browse.videos {
	width: 939px;
	margin-bottom: 0px;
	padding-bottom: 20px;
}

h3, h4 {
	color: #fff;
	font-weight: 200;
	line-height: 1em;
}
h3 {
	font-size: 1.9em;
}
h4 {
	font-size: .8em;
	border-bottom: 1px dotted #fff;
	margin: 10px 0 20px;
	padding-bottom: 10px;
}

.channels {
	padding-bottom: 10px;
	overflow: hidden;
}

.browse nav {
	overflow: hidden;
}

.browse_display nav, .about-browse nav {
	overflow: hidden;
	padding-top: 15px;
}

	.about-browse nav {
		border-bottom: 1px dotted #FFFFFF;
	}

ul.browse_tools {
	float: left;
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0px;
	width: 600px;
	overflow: hidden;
}

	html.no-js ul.browse_tools.js {
		display: none;
	}

	ul.browse_tools li {
		text-transform: uppercase;
		color: #fff;
		display: block;
		margin-right: 4px;
		font-size: 0.7em;
		float: left;
	}

		ul.browse_tools li.label {
			padding-top: 5px;
			padding-right: 5px;
		}

		ul.browse_tools li a {
			display: block;
			padding: 5px 15px 3px 15px;
			border: 1px solid #c8c8c8;
		}

			ul.browse_tools li a:hover {
				color: #000;
				background-color: #c8c8c8;
				text-decoration: none;
			}

			ul.browse_tools li a.selected {
				background-color: #000;
			}

				ul.browse_tools li a.selected {
					color: #fff;
				}

.video-count {
	float: right;
	color: #fff;
	font-size: 0.8em;
	margin-right: 20px;
	padding-top: 7px;
	text-transform: uppercase;
}

ol.paginator {
	float: right;
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: auto;
}

	ol.paginator li {
		float: left;
	}

		ol.paginator li a {
			display: block;
			color: #fff;
			font-size: 0.8em;
			text-transform: uppercase;
			margin-right: 10px;
			margin-top: 4px;
		}

			ol.paginator.videos li a, ol.paginator.channels li a {
				display: none;
			}

			ol.paginator li a.all_button {
				display: block;
			}

			ol.paginator li.last a {
				margin-right: 1px;
			}

			ol.paginator li a:hover {
				text-decoration: underline;
			}

			ol.paginator li a.button {
				margin-top: 0px;
				margin-bottom: 0px;
				padding: 5px 15px 3px 15px;
				border: 1px solid #c8c8c8;
			}

				ol.paginator li a.button.all_button {
					font-size: 0.7em;
				}

					ol.paginator li a.button.all_button:hover {
						color: #000;
						background-color: #c8c8c8;
						text-decoration: none;
					}

				ol.paginator li a.arrows {
					padding-left: 10px;
					padding-right: 10px;
				}

				ol.paginator li a.button.back {
					background: url(/global/img/img-arrow_left.png) no-repeat center center;
				}

				ol.paginator li a.button.forward {
					background: url(/global/img/img-arrow_right.png) no-repeat center;
				}

					ol.paginator li a.button.back:hover, ol.paginator li a.button.forward:hover {
						background-color: #373737;
						text-decoration: none;
					}

a.on {
	text-decoration: underline;
}

/*BROWSE AREA STYLES*/
.videos {
	overflow: hidden;
}

div.video {
	background-color: #373737;
	float: left;
	color: #fff;
}

	div.video.small {
		width: 165px;
		height: 186px;
		margin: 10px 6px 0 0;
		padding: 10px;
	}

	div.video.medium {
		width: 190px;
		height: 225px;
		margin: 15px 20px 0 0;
		padding: 15px;
		font-weight: 200;
	}

		body#body-spotlight .video.medium:last {
			margin-right: 0px !important;
		}

	div.video.last {
		margin-right: 0px !important;
	}

	div.video:hover {
		cursor: pointer;
		background-color: #000;
	}

		div#video_left.video:hover {
			cursor: inherit;
		}

	div.video .expose_img {
		position: relative;
	}

		div.video.small .expose_img {
			margin-bottom: 5px;
			width: 165px;
			height: 100px;
		}

		div.video.medium .expose_img {
			margin-bottom: 15px;
			width: 190px;
			height: 115px;
		}

	div.video .spotlight_banner {
		background-color: #ffc800;
		text-transform: uppercase;
		color: #000;
		padding: 2px 0 0 3px;
		font-size: .6em;
		font-weight: 900;
		position: absolute;
		bottom: 0px;
		left: 0px;
		z-index: 100;
	}

		div.video.small .spotlight_banner {
			width: 162px;
		}

		div.video.medium .spotlight_banner {
			width: 187px;
		}

	div.video h5 a {
		color: #fff;
		display: block;
	}

		div.video h5 a:hover {
			color: #ffc800;
		}

		div.video.small h5 a {
			font-size: .9em;
			line-height: 1em;
		}

		div.video.medium h5 a {
			font-size: 1.05em;
			margin: 10px 0;
		}

	ul.expose_links {
		list-style-type: none;
		margin: 5px 0px 0px 0px;
		padding: 0;
		font-size: 0.8em;
	}

		.video.small .expose_links {
			font-size: .7em;
		}

		ul.expose_links li {
			display: inline;
		}

			ul.expose_links li a {
				color: #fff;
				text-decoration: underline;
			}

				ul.expose_links li a:hover {
					text-decoration: none;
					color: #ffc800;
				}

	div.video .video-info {
		display: none;
	}

	.ui-tooltip-content .video-info {
		display: block;
	}

#all_videos {
	background-color: #000;
}
#all_videos p {
	text-transform: uppercase;
	margin: 6px 0 5px 0;
	font-size: .7em;
}
#all_videos h5 {
	font-size: 1.4em;
	font-weight: 400;
	padding: 0;
	margin: 0;
}
/*CHANNEL ROW STYLES*/
.intro {
	width: 210px;
	float: left;
	margin-right: 10px;
}
.intro h3 {
	margin-bottom: 15px;
	line-height: 1.2em;
}
.intro h4 {
	display: block;
	border-top: 1px dotted #fff;
	border-bottom: none;
	padding-top: 15px;
	line-height: 1.2em;
	font-size: .8em;
}

.channel_expose {
	background-color: #373737;
	color: #FFFFFF;
	float: left;
	margin: 14px 0 0 10px;
	padding: 9px;
	width: 692px;
/*	height: 56px; *//* Might need to disable this*/
}
	body#body-channels .channel_expose {
		width: 732px;
	}

		body#body-channels .browse.spotlight .channel_expose {
			width: 692px;
		}

	body#body-tag .channel_expose {
		width: 732px;
	}

		body#body-tag .browse.spotlight .channel_expose {
			width: 692px;
		}

	.channel_expose.compressed img, .channel_expose.compressed p.desc, .channel_expose.compressed p.channel_updated, .channel_expose.compressed p.channel_spotlighted {
		display: none;
	}

	.channel_expose .channel_videos {
		display: none;
		clear: both;
		overflow: hidden;
	}

	.channel_expose.expanded .channel_videos {
		display: block;
	}

		.channel_expose.expanded .channel_videos .video {
			background: none;
			margin: 0;
			padding: 10px 24px 10px 0px;
		}

			.channel_expose.expanded .channel_videos .video.last {
				padding-right: 0px;
			}

			.channel_expose.expanded .channel_videos .video h5 a {
				line-height: 1.1em !important;
			}

.channel_expose:hover {
	background-color: #000;
}
.channel_expose img {
	float: left;
	margin-right: 15px
}
.channel_text {
	float: left;
	width: 400px;
	margin: 2px 15px 0px 0px;
	height: 100%;
}
.channel_expose h5 a {
	color: #fff;
	font-size: 1.1em;
	display: block;
}
.channel_expose h5 a:hover {
	color: #ffc800;
}
.channel_expose p {
	color: #fff;
	font-size: .7em;
	margin-top: 2px;
	margin-bottom: 0px;
	overflow:hidden;
}
.channel_info {
	float: right;
	width: 130px;
	padding: 5px;
}

.videos a:hover, .channels a:hover {
	text-decoration: none !important;
}

	.videos a:hover h5, .channels a:hover h5 {
		text-decoration: underline;
	}

.channel_info p {
	color: #fff;
	text-transform: capitalize;
	font-size: .7em;
	padding: 0;
	margin: 0;
}
.spotlight_channel {
	padding: 5px;
	background-color: #ffc800;
}
#spotlight_channel p, .spotlight_channel p {
	color: #000;
	line-height: 1.3em;
}
p.channel_spotlighted {
	font-weight: 900;
	text-transform: uppercase;
}
#all_channels {
	background-color: #000
}
#all_channels p {
	text-transform: uppercase;
	margin: 6px 0 5px 0;
}
#all_channels h5 {
	font-size: 1.5em;
	font-weight: 400;
	padding: 0;
	margin: 0;
}
/*TOPICS ROW STYLES*/
.topics {
	float: left;
	width: 260px;
	margin-left: 60px;
	font-size: 1.15em;
	line-height: 1.25em;
	margin-top: 0;
	padding-top: 0;
	list-style-type: none;
}
.topics li {
	display: block;
	margin-top: 7px;
}
ul.topics li a {
	color: #fff;
	text-transform: none;
	background-color: transparent;
	border: none;
	text-decoration: underline;
}
ul.topics li a:hover {
	color: #ffc800;
	text-decoration: none;
}
/*MORE STYLES*/
.more {
	background-color: #212121;
	height: 300px;
	padding: 15px;
	width: 286px;
	float: left;
	margin-top: 25px;
	margin-left: 10px;
	margin-bottom: 25px;
	position: relative;
	font-size: 1em;
}
#site_info {
	width: 288px;
	margin-left: 0;
}
#site_info h2 a {
	text-indent: -9999px;
	width: 100%;
	height: 65px;
	display: block;
	background: url(/global/img/logo-200x50.png) transparent no-repeat left 10px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #fff;
}
.more p {
	color: #fff;
	margin-top: 30px;
	font-size: .8em;
}
.more h6 {
	color: #fff;
	font-size: 1.8em;
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #fff;
	font-weight: 200;
}
.more a.all_button {
	color: #fff;
	font-size: .9em;
	padding: 10px 30px;
	border: 1px solid #c8c8c8;
	text-transform: uppercase;
	position: absolute;
	bottom: 15px;
	left: 15px;
}
.more a.all_button:hover {
	color: #000;
	background-color: #c8c8c8;
	text-decoration: none;
}
/*FOOTER STYLES*/
footer {
	overflow:hidden;
	height: auto;
	background-color: #212121;
	padding: 15px;
	width: 940px;
}

	footer div#foot_links {
		overflow:hidden;
	}

		footer .mit_logo {
			float: left;
		}

		footer .foot_link {
			margin: 0 0 0 35px;
			padding: 0 80px 0 0;
			border-right: 1px dotted #fff;
			height: 130px;
			font-size: .8em;
			float: left;
		}

			.foot_link ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}

				.foot_link ul li {
					color: #fff;
					display: block;
					text-transform: uppercase;
					font-weight: 900;
					margin-bottom: 6px;
				}

					.foot_link ul li a {
						text-transform: none;
						background-color: transparent;
						font-weight: 200;
						border: none;
						color: #fff;
						padding: 0;
						margin: 0;
					}

						.foot_link ul li a:hover {
							text-decoration: underline;
							color: #ffc800;
						}

		div#site_share.foot_link {
			border: none;
		}

ul#privacy_terms {
	color: #fff;
	font-size: .8em;
	margin: 15px 0px 0px 0px;
	padding: 10px 0px 0px 5px;
	border-top: 1px dotted #fff;
	clear: both;
	width: 100%;
	list-style-type: none;
}

	ul#privacy_terms li {
		display: block;
		float: left;
	}

		ul#privacy_terms li a {
			margin-right: 25px;
			color: #fff;
		}

			ul#privacy_terms li a:hover {
				color: #ffc800;
			}

			ul#privacy_terms li a#mit_link {
				margin-right: 150px;
			}

			#style_version {
				color: #444;
				font-size: .80em;
			}



.custom_images a img {
	float: none;
	margin-right: 5px;
}
/*VIDEO PAGE STYLES*/
#main_video {
	height: auto;
	float: left;
	clear: both;
	width: 940px;
	background-color: #000;
	color: #fff;
	padding: 15px 15px 15px 15px;
	position: relative;
	overflow: hidden;
}
#video_left {
	width: 640px;
	float: left;
	background-color: #000 !important;
}
#video_left h1 {
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.2em;
	margin-top: 15px;
}
#video_left .video_text {
	font-size: .85em;
	line-height: 1.35em;
	height: 120px;
	overflow-y: auto;
	overflow-x: hidden;
	color: #ddd;
	padding: 0 20px 5px 0;
}

.video_text::-webkit-scrollbar				{ width: 10px; background-color: #000; }
.video_text::-webkit-scrollbar-track	{ background-color: #222; }
.video_text::-webkit-scrollbar-thumb:vertical	{ margin: 5px 0; background-color: #777; border-radius: 6px; -webkit-border-radius: 6px; }

	#video_left .video_text.expanded {
		height: auto;
	}
#video_left p a {
	text-decoration: underline;
}
#video_left p a:hover {
	color: #ffc800;
}
.video_text h4 {
	text-transform: uppercase;
	border: none;
	margin: 0;
	padding: 6px 0 0 0;
	font-size: .8em;
	font-weight: 900;
}
#spotlight_video_head {
	color: #ffc800;
}
#loading {
	height: 350px;
	width: 600px;
}
#video_left .spotlight_banner {
	width: 637px;
	position: relative;
	margin-top: -2px;
}
#video_right {
	width: 268px;
	float: right;
	height: auto;
	text-transform: uppercase;
	overflow: hidden;
	padding-bottom: 0px;
}

ul#video_tools {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: .8em;
	padding-bottom: 10px;
}

	ul#video_tools li {
		height: 34px;
		display: block;
		margin-bottom: 10px;
		background-repeat: no-repeat;
		background-position: left center;
		padding-top: 0;
		width: auto;
	}

		ul#video_tools li a, ul#video_tools li label {
			display: block;
			height: 25px;
			background: transparent url(/global/img/bg-video_tools.png) no-repeat top left;
			padding-left: 40px;
			padding-top: 9px;
		}

			ul#video_tools li a:hover {
				color: #ffc800;
			}

			ul#video_tools li#popout a {
				background-position: 0px 0px;
			}

				ul#video_tools li#popout a:hover {
					background-position: 0px -39px;
				}

			ul#video_tools li#flag a {
				background-position: 0px -117px;
			}

				ul#video_tools li#flag a:hover {
					background-position: 0px -156px;
				}

				ul#video_tools li#flag.flagged a {
					background-position: 0px -195px;
				}

			ul#video_tools li#share a {
				background-position: 0px -234px;
			}

				ul#video_tools li#share a:hover {
					background-position: 0px -273px;
				}

			ul#video_tools li#link label {
				background-position: 0px -351px;
				text-transform: none;
				padding-top: 0px;
				height: 34px;
			}

				ul#video_tools li#link label input.text {
					background: #000;
					border: 1px solid #000;
					color: #fff;
					height: 24px;
					padding-top: 5px;
					position: relative;
					left: -2px;
				}

				ul#video_tools li#link label:hover {
					background-position: 0px -390px;
				}

					ul#video_tools li#link label:hover input.text {
						color: #ffc800;
						text-decoration: underline;
					}

			ul#video_tools li#embed a {
				background-position: 0px -468px;
			}

				ul#video_tools li#embed a:hover {
					background-position: 0px -507px;
				}

.video_links {
	border-top: 1px dotted #fff;
	overflow: hidden;
	clear: both;
}

.video_links h4 {
	border-bottom: none;
	margin: 0;
	padding: 15px 0 7px 0;
	font-size: .7em;
	font-weight: 900;
}
.video_links p, .video_links ol {
	margin: 0 0 10px 0;
	font-size: .85em;
	text-transform: capitalize;
}

.video_links p#improve {
	display: block;
	overflow: hidden;
	padding-top: 10px;
	text-transform: none;
	font-size: 0.75em;
}

	.video_links ol {
		margin: 0;
		padding: 0 0 10px 0;
		list-style-type: none;
		overflow: hidden;
	}

	.video_links ol li {
		float: left;
		margin-right: 7px;
		display: block;
		line-height: 1.5em;
	}

		.video_links ol li.hidden {
			display: none;
		}

		.video_links ol.expanded li.hidden {
			display: inline-block;
			visibility: visible;
		}

		.video_links ol.expanded li.ellipsis {
			display: none;
		}

.video_links p a, .video_links ol li a {
	text-decoration: underline;
}
.video_links p a:hover, .video_links ol li a:hover {
	color: #ffc800;
}
.expand, .expand-video-desc {
	text-transform: uppercase;
	font-size: .75em;
}

#video_footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 940px;
	padding: 4px 15px;
}

div.fader {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 56%, rgba(0,0,0,1) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(56%,rgba(0,0,0,1)), color-stop(99%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 56%,rgba(0,0,0,1) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 56%,rgba(0,0,0,1) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 56%,rgba(0,0,0,1) 99%); /* IE10+ */
	background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 56%,rgba(0,0,0,1) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	height: 20px;
	display: block;
	overflow: hidden;
	width: 620px;
	position: absolute;
	bottom: 16px;
}

div.expand, div.expand-video-desc {
	float: left;
	clear: both;
	border-top: 1px dotted #fff;
	padding-top: 10px;
	margin: 5px 0 0 0;
	width: 100%;
}

	div.expand-video-desc {
		float: none;
		margin-top: 0px;
		padding-top: 5px;
		height: 20px;
	}

div.expand p, div.expand-video-desc p {
	margin: 0;
	padding: 0;
	float: left;
}
div.expand-video-desc p#improve {
	float: right;
	text-transform: none;
}
div.expand-video-desc p#improve a {
	text-decoration: underline;
}
div.expand-video-desc p#improve a:hover {
	color: #ffc800;
}
/*CHANNEL PAGE STYLES*/
#featured_channel {
	padding: 15px;
	background-color: #212121;
	margin-top: 25px;
	width: 938px;
	font-weight: 200;
	float: left;
	clear: both;
	color: #fff;
	border: 1px solid #212121;
}

	#featured_channel.spotlight {
		border: 1px solid #FFC800;
	}

	#featured_channel.no-image {

	}

		#featured_channel.no-image #featured_text {
			float: none;
			margin: 0 auto;
			text-align: center;
			top: 20px;
		}

#featured_channel #featured_text {
	width: 438px;
	margin-right: 20px;
	padding-bottom: 40px;
	line-height: 1em;
}

	#featured_channel.spotlight #featured_text {
		width: 438px;
	}

	#featured_text .feature_description.hidden {
		display: none;
	}

	#featured_text.expanded .feature_description.hidden {
		display: block;
		visibility: visible;
	}

	#featured_text.expanded .feature_description span.ellipsis {
		display: none;
	}

#featured_channel img {
	float: right;
	position: relative;
	margin-left: 15px;
}
#featured_channel h2 {
	color: #fff;
	font-weight: 200;
	font-size: 2.4em;
	line-height: 1em;
}
#featured_channel h4 {
	color: #fff;
	text-transform: uppercase;
	font-size: .7em;
	padding: 12px 0;
	margin-top: 0;
}
#featured_channel h3 {
	font-size: 1.2em;
	line-height: 1.2em;
}
#featured_channel .feature_description {
	font-size: .75em;
}

	#featured_channel .feature_description a {
		text-decoration: underline !important;
	}

	#featured_channel .feature_description a:hover {
		color: #FFC800;
	}

.slider {
	overflow: hidden;
}

.results {
	background-color: #585858;
	width: 955px;
	padding: 0px 0px 15px 15px;
	margin: 25px 0;
	float: left;
	clear: both;
}

	.results-dotted-sidebar {
		background: #585858 url(/global/img/bg-dotted.gif) repeat-y 166px 0px;
		overflow: hidden;
	}

	.results-dotted-sidebar.margin-top {
		margin-top: 20px;
	}

	.yellow-rule {
		border-bottom: 1px dotted #FFC800;
		overflow: hidden;
		padding-bottom: 40px;
	}

	.yellow-rule .slider {
		overflow: hidden;
		padding-left: 20px;
	}

	.white-rule {
		border-top: 1px dotted #fff;
		overflow: hidden;
		padding-top: 30px;
	}

#body-spotlight .results .overview {
	margin: 20px 15px 0px 0px;
	border-bottom: 1px dotted #fff;
}
	#body-spotlight .results .overview h3 {
		color: #FFC800;
	}
	#body-spotlight .results .overview p {
		color: #fff;
	}
.browse_form {
	float: left;
	width: 150px;
	padding: 15px 15px 0px 0px;
	height: 100%;
}

#filter-sidebar {

}

	#filter-sidebar form {
		width: 150px;
		overflow: hidden;
	}

		#filter-sidebar form h3 {
			color: #fff;
			text-transform: uppercase;
			font-size: 12px;
			line-height: 1.25em;
		}

			#filter-sidebar form h3 span {
				text-transform: none;
			}

		#filter-sidebar form fieldset {
			padding-bottom: 10px;
			border-bottom: 1px dotted #fff;
			margin-bottom: 7px;
		}

			#filter-sidebar form fieldset.last {
				border: 0px;
				padding-top: 10px;
			}

			#filter-sidebar form legend {
				margin-bottom: 10px;
			}

			#filter-sidebar form label {
				display: block;
				overflow: hidden;
			}

				#filter-sidebar form label input.text {
					float: left;
					width: 147px;
					border: 0px solid #fff;
					padding: 5px 0px 3px 3px;
					margin: 5px 0px 10px;
					font-size: 12px;
				}

				#filter-sidebar form label span {
					color: #fff;
					font-size: 12px;
				}

					#filter-sidebar form label span span {
						color: #A0A0A0;
						font-size: 0.80em;
					}

				#filter-sidebar form label input.submit, #filter-sidebar form label input.reset, #filter-sidebar form a.reset {
					text-transform: uppercase;
					width: 150px;
					border: 0px;
					padding: 6px 0px 5px 7px;
					text-align: left;
					font-size: 12px;
					display: block;
					text-decoration: none;
				}

					#filter-sidebar form label input.submit {
						background-color: #fff;
						margin-bottom: 10px;
					}

					#filter-sidebar form label input.reset, #filter-sidebar form a.reset {
						background-color: #000;
						color: #fff;
					}

.browse_display {
	width: 760px;
	float: left;
	padding: 0px 0px 40px 13px;
}

	.filter-bar {
		background-color: #21211f;
		overflow: hidden;
		width: 757px;
		padding: 15px 10px;
	}

		.filter-bar h2 {
			float: left;
			color: #fff;
			font-size: 1.25em;
			font-weight: normal;
			line-height: 1.25em;
			width: 530px;
			margin-top: 4px;
			padding-left: 30px;
		}

		.filter-bar .btn-black {
			clear: none;
			float: right;
			margin-top: 0;
			padding: 5px 15px;
		}

.browse_results {
	padding: 10px 0px 10px 2px;
	overflow: hidden;
}

#channel_bottom {
	margin-top: 15px;
}
/*CHANNEL PAGE STYLES*/
#browse_channel {
	padding: 15px;
	background-color: #212121;
	margin-top: 25px;
	font-weight: 200;
	float: left;
	clear: both;
	color: #fff;
	width: 940px;
	padding-top: 40px;
}

	#browse_channel #browse_channel_text {
		width: 440px;
		margin: 0px auto;
		text-align: center;
	}

		#browse_channel h2 {
			color: #fff;
			font-weight: 200;
			font-size: 2.4em;
			line-height: 1em;
		}

			#body-spotlight #browse_channel_text h2 {
				color: #FFC800;
			}

		#browse_channel .browse_channel_description {
			font-size: .75em;
			padding-top: 0px;
		}

/*SPOTLIGHT CHANNEL PAGE STYLES*/
#featured_channel.spotlight #featured_text h2 {
	color: #FFC800;
}

#featured_channel.spotlight #featured_text h4 {
	color: #FFC800;
}

/*TERMS OF USE STYLES*/
#terms_content {
	margin: 25px 0px;
	background-color: #585858;
	padding: 50px 20px 20px 20px;
	clear: both;
}

	#terms_content h1 {
		color: #fff;
		font-size: 40px;
		padding-bottom: 40px;
		border-bottom: 1px dotted #fff;
	}

	#terms_content h2 {
		color: #fff;
		margin-top: 50px;
		width: 640px;
		line-height: 1.25em;
	}

	#terms_content p, #terms_content ul {
		color: #fff;
		font-size: 0.8em;
		line-height: 1.5em;
		width: 640px;
	}

/*SUBMIT/UPLOAD A VIDEO STYLES*/
#submit-a-video, #upload-a-video, #about-your-video, #subscribe, #unsubscribe, #contact-mit-video-header {
	width: 100%;
	padding-top: 70px;
	text-align: center;
	float: left;
	background-color: #585858;
}

	#submit-a-video h2, #upload-a-video h2, #about-your-video h2, #subscribe h2, #unsubscribe h2, #contact-mit-video-header h2 {
		width: 500px;
		margin: 0px auto;
		font-size: 40px;
		margin-bottom: 30px;
		color: #fff;
		line-height: 1em;
	}

	#submit-a-video p, #upload-a-video p, #about-your-video p, #subscribe p, #unsubscribe p, #contact-mit-video-header p {
		width: 500px;
		margin: 0px auto;
		color: #fff;
		line-height: 1.25em;
	}

		#contact-mit-video-header p {
			text-align: left;
			width: 480px;
		}

#submit-video-options {
	float: left;
	padding: 50px 0px 100px 0px;
	background-color: #585858;
	width: 100%;
	margin-bottom: 20px;
}

	#submit-video-options a:hover {
		text-decoration: none;
	}

	#submit-video-options .submit-video-option {
		background-color: #373737;
		border: 1px solid #fff;
		width: 253px;
		height: 47px;
		padding: 30px 20px 10px;
		text-align: center;
		float: left;
	}

		#submit-video-options a:hover .submit-video-option {
			background-color: #000;
		}

		#submit-video-options .submit-video-option.first {
			margin-left: 125px;
		}

		#submit-video-options .submit-video-option h2 {
			font-size: 20px;
			color: #fff;
			margin-bottom: 10px;
		}

			#submit-video-options a:hover .submit-video-option h2 {
				color: #FFC800;
				text-decoration: underline;
			}

		#submit-video-options .submit-video-option h3 {
			font-size: 12px;
		}

	#submit-video-options p {
		float: left;
		padding: 20px 50px 20px;
		color: #fff;
	}

#upload-video-options {
	float: left;
	padding: 50px 0px 100px 0px;
	background-color: #585858;
	width: 100%;
	margin-bottom: 20px;
}

	#upload-video-options .upload-video-option {
		background-color: #373737;
		width: 186px;
		height: 224px;
		padding: 17px;
		float: left;
		margin-left: 18px;
		position: relative;
	}

		#upload-video-options .upload-video-option:hover {
			background-color: #000;
		}

		#upload-video-options .upload-video-option.first {
			margin-left: 140px;
		}

		#upload-video-options .upload-video-option h3 {
			font-size: 14px;
			text-transform: uppercase;
			margin-top: 10px;
		}

		#upload-video-options .upload-video-option p {
			color: #fff;
			margin-top: 0px;
			font-size: 14px;
			line-height: 1.25em;
		}

			#upload-video-options .upload-video-option p.cta {
				position: absolute;
				bottom: 7px;
				left: 17px;
				margin-bottom: 0px;
			}

			#upload-video-options .upload-video-option p a {
				text-decoration: underline;
			}

#form-success {
	color: #fff;
	padding: 20px 30px;
	margin-bottom: 25px;
	display: none;
	position: absolute;
	width: 910px;
}

	#form-success p {
		margin: 0;
		padding: 0;
	}

	#form-success.true {
		background-color: #32a000;
		display: block;
	}

	#form-success.false {
		background-color: #DC2828;
		display: block;
	}

#about-video-form {
	padding-top: 40px;
	background-color: #585858;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

	#about-video-form form {
		width: 480px;
		margin: 0 auto;
	}

	#about-video-form form label {
		display: block;
		margin-bottom: 40px;
	}

		#about-video-form form label.checkbox {
			margin-bottom: 20px;
		}

	#about-video-form form label span {
		color: #fff;
		font-size: 14px;
		margin-bottom: 3px;
	}

		#about-video-form form label span.name {
			float: left;
		}

		#about-video-form form label span.info {
			float: right;
			text-transform: uppercase;
			font-size: 12px;
		}

		#about-video-form form label span.desc {
		}

	#about-video-form form label input.text {
		display: block;
		clear: both;
		width: 468px;
		padding: 3px;
		font-size: 14px;
	}

		#about-video-form form label input.text.lighter {
			color: #999;
			font-style: italic;
		}

	#about-video-form form label input.checkbox {
		display: block;
		clear: both;
	}

	#about-video-form form label textarea {
		height: 94px;
		width: 474px;
		padding: 3px;
	}

	#about-video-form form label input.submit {
		padding: 10px 20px;
		text-transform: uppercase;
		color: #000;
		font-size: .8em;
		border: 1px solid #ffc800;
		text-align: center;
		margin-top: 20px;
		display: block;
		background-color: #ffc800;
	}
	#about-video-form form label input.submit:hover {
		color: #ffc800;
		background-color: #000;
		border: 1px solid #ffc800;
	}


/*CONTACT MIT VIDEO PAGE*/
#contact-mit-video-header p {
	font-size: 16px;
}
	#contact-mit-video-header p span {
		font-size: 12px;
	}
#contact-mit-video-form {
	padding-top: 20px;
	background-color: #585858;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

	#contact-mit-video-form form#contact-form {
		width: 480px;
		margin: 0 auto;
		padding-bottom: 20px;
	}

	#contact-mit-video-form form h3 {
		margin-bottom: 10px;
	}

		#contact-mit-video-form form#contact-form fieldset {
			overflow: hidden;
			padding-bottom: 30px;
		}

	#contact-mit-video-form form label {
		display: block;
		overflow: hidden;
		clear: both;
		margin-bottom: 20px;
	}

	#contact-mit-video-form form label.other {
		float: left;
		clear: none;
	}

		#contact-mit-video-form form label.checkbox {
			margin-bottom: 20px;
		}

			#contact-mit-video-form form label.inline {
				float: left;
				margin-right: 30px;
			}

				#contact-mit-video-form form label.inline.last {
					margin-right: 0px;
				}

			#contact-mit-video-form form label.other {
				margin-bottom: 0px;
				float: right;
			}

				#contact-mit-video-form form label.checkbox.other {
					margin-bottom: 0px;
					clear: both;
					float: left;
				}

				#contact-mit-video-form form label.other input.text {
					float: right;
					width: 380px;
					position: relative;
					top: -5px;
				}

				div.error-wrapper {
					overflow: hidden;
				}

					label.error div.error-wrapper {
						padding: 5px;
						background-color: #dc2828;
						overflow: hidden;
					}

				label.error span.desc {
					color: #dc2828 !important;
				}


	#contact-mit-video-form form label span {
		color: #fff;
		font-size: 14px;
		margin-bottom: 3px;
	}

		#contact-mit-video-form form label.inline span, #contact-mit-video-form form label.other span {
			font-size: 12px;
		}

		#contact-mit-video-form form label span.name {
			float: left;
		}

		#contact-mit-video-form form label span.info {
			float: right;
			text-transform: uppercase;
			font-size: 12px;
		}

		#contact-mit-video-form form label span.desc {
		}

	#contact-mit-video-form form label input.text {
		display: block;
		clear: both;
		width: 99%;
	}

	#contact-mit-video-form form label input.checkbox {
		display: block;
		clear: both;
	}

	#contact-mit-video-form form label textarea {
		height: 100px;
		width: 100%;
		margin-bottom: 10px;
	}

	#contact-mit-video-form form label input.submit {
		padding: 10px 20px;
		text-transform: uppercase;
		color: #000;
		font-size: .8em;
		border: 1px solid #fff;
		text-align: center;
		margin-top: 30px;
		display: block;
		background-color: #ffc800;
	}

		#contact-mit-video-form form label input.submit:hover {
			color: #ffc800;
			background-color: #000;
			border: 1px solid #ffc800;
		}

/*SEARCH STYLES*/
.no-results {
	width: 350px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	padding-bottom: 20px;
}

	.no-results h1 {
		color: #fff;
		line-height: 1.5em;
		margin: 30px 0px;
	}

	.btn-black {
		clear: both;
		padding: 10px 20px;
		text-transform: uppercase;
		color: #fff;
		font-size: .8em;
		border: 1px solid #fff;
		text-align: center;
		margin-top: 20px;
		background-color: #373737;
	}

		#global-search .btn-black {
			padding: 5px 10px;
			margin-top: 0px;
		}

		.btn-black:hover {
			color: #ffc800;
			background-color: #000;
			border: 1px solid #ffc800;
		}

		.btn-black:visited {
			color: #fff;
		}

#no-global-results {
	width: 100%;
	padding-top: 70px;
	padding-bottom: 40px;
	text-align: center;
	float: left;
	background-color: #585858;
}

	#no-global-results h2 {
		width: 580px;
		margin: 0px auto;
		font-size: 24px;
		margin-bottom: 30px;
		color: #fff;
		line-height: 1em;
	}

	#no-global-results p {
		width: 580px;
		margin: 0px auto;
		color: #fff;
		line-height: 1.25em;
		text-align: center;
	}

	#no-global-results form {
		margin-top: 20px;
		height: auto;
		padding-bottom: 10px;
	}

		#no-global-results form input.text {
			width: 420px;
			padding: 2px;
		}

		#no-global-results form submit {
			padding: 3px 10px;
		}

#no-global-results-ctas {
	float: left;
	padding: 0px 100px 70px 100px;
	background-color: #585858;
	margin-bottom: 20px;
	width: 770px;
}

	#no-global-results-ctas p {
		color: #fff;
		text-align: center;
		margin-bottom: 40px;
	}

	a.no-global-results-cta {
		background-color: #373737;
		border: 1px solid #fff;
		width: 183px;
		height: 47px;
		padding: 15px 20px 15px;
		text-align: center;
		float: left;
		margin-left: 10px;
		color: #fff;
		font-size: 16px;
		text-transform: uppercase;
		line-height: 1.5em;
	}

		a.no-global-results-cta.first {
			margin-left: 25px;
		}

#results-found-header {
	background-color: #212121;
	margin-top: 25px;
	font-weight: 200;
	float: left;
	clear: both;
	color: #fff;
	width: 100%;
}
	#results-found-header h2 {
		font-size: 2.4em;
		line-height: 1.25em;
		margin: 50px 30px 75px 30px;
	}

.results.found {
	margin-top: 0px;
}

/*FOLLOW STYLES*/
#follow {
	padding: 25px 15px;
	background-color: #212121;
	height: 310px;
	width: 940px;
	margin: 25px 0;
	font-weight: 200;
	float: left;
	clear: both;
	color: #fff;
}
#follow-head h2 {
	text-align: center;
	margin: 0px auto;
	font-size: 40px;
	margin: 20px 0;
}
#follow-head p {
	text-align: center;
	width: 500px;
	margin: 0px auto;
	color: #fff;
	line-height: 1.25em;
}
#follow-options {
	margin: 25px auto;
	overflow: hidden;
	width: 730px;
}
#follow-options h3 {
	text-transform: uppercase;
	font-size: 14px;
}
#follow-options div {
	float: left;
}
#follow-options ul {
	list-style: none;
	padding: 0;
	float: left;
}
#follow-video {
	border-right: 1px dotted #fff;
	margin-right: 30px;
	padding-right: 30px;
}
.follow-news ul {
	margin-right: 30px;
	padding-right: 30px
}

.rss-button {background-image: url("/global/img/rss.png");}
.fb-button {background-image: url("/global/img/facebook.png");}
.twitter-button {background-image: url("/global/img/twitter.png");}
.su-button {background-image: url("/global/img/su.png");}
.gplus-button {background-image: url("/global/img/gplus.png");}
.linkedin-button {background-image: url("/global/img/linkedin.png");}

#follow-options ul li a {
	background-position: left center;
    background-repeat: no-repeat;
    display: block;
    height: 34px;
    margin-bottom: 10px;
    padding-top: 0;
    text-indent: 40px;
    width: auto;
	vertical-align: middle;
}
#follow-options ul li span {
    display: block;
    line-height: 1.25em;
    padding-top: 10px;
}

/*ABOUT PAGE STYLES*/
#about-header {
	background-color: #292a29;
	padding: 15px;
	margin-top: 25px;
	width: 940px;
	height: 416px;
}
#header-replacement {
	text-indent: -9999px;
	background: url("/global/img/about-logo.png") transparent no-repeat;
	width: 318px;
	height: 72px;
}
#about-header #logo {
	float: none;
	margin: 60px auto 15px auto;
	width: 320px;
}
#about-header h6#tagline {
	margin: 15px 0;
	text-align: center;
}
#logo p {
	color: #FFFFFF;
	margin-left: -85px;
	width: 500px;
	text-align: center;
	line-height: 1.2em;
}
#about-header nav, #about-header #nav {
	padding: 0;
	float: none;
	margin: 40px auto;
	width: 500px;
}

.about-intro {
	background-color: #000 !important;
}

.about-intro p {
	display: block;
	width: 475px;
	color: #fff;
	font-size: 16px;
    width: 650px;
	line-height: 1.5em;
	margin: 30px auto 40px;
	text-align: center;
}

	.about-intro p a {
		text-decoration: underline;
	}

		.about-intro p a:hover {
			color: #FFC800;
		}

.about-browse, .about-intro {
	background-color: #373737;
	padding: 25px;
	width: 920px;
	height: auto;
	margin: 25px 0;
	color: #fff;
	text-align: center;
	overflow: hidden;
	float: none;
}

.about-browse h3 {
	font-weight: 400;
	font-size: 2.3em;
}
.about-browse p {
	width: 600px;
	margin: 15px auto;
	line-height: 1.2em;
}
.about-browse .paginator {
	padding-bottom: 20px;
	float: none;
	margin: 0 auto;
	width: 170px;
	text-align: center;
}

	.about-browse .paginator li {
		float: none;
	}

.about-channel-expose {
	height: 54px;
	float: left;
	background-color: #000;
	margin: 15px 9px 0 0;
	width: 280px;
	padding: 10px;
}

	.about-channel-expose.last {
		margin-right: 0px;
	}

	.about-channel-expose img {
		float: left;
		margin-right: 10px;
	}

	.about-channel-expose h5 {
		font-size: 16px;
		text-align: left;
	}

	.about-channel-expose h5 a {
	}

	.about-channel-expose p {
		clear: none;
		float: left;
		font-size: 13px;
		width: auto;
		text-transform: uppercase;
		margin: 8px 0 0 0;
	}

.about-browse h3 span {
	color: #ffc800;
}

.about-browse div.video {
	margin-left: 0px;
	margin-right: 13px;
	background-color: #000;
	text-align: left;
}
.about-browse ul.topics {
	font-size: 1em;
	text-align: left;
	list-style: none;
	width: 250px;
	margin-left: 10px;
}
.about-upload-options #about-site-info {
	margin-left: 0;
}
.about-upload-options .more {
	height: 250px;
	margin-top: 0;
	width: 450px;
}
p#about-different {
	padding-bottom: 20px;
	border-bottom: 1px dotted #fff;
	width: 100%;
}

/*Elements*/
a.button {
	font-size: 0.7em;
	padding: 5px 0 4px 7px;
	margin: 15px 0;
	display: block;
	text-transform: uppercase;
}

	a.button.white {
		color: #fff;
		border: 1px solid #c8c8c8;
	}

		a.button.white:hover {
			color: #000;
			background-color: #c8c8c8;
			text-decoration: none;
		}

	a.button.yellow {
		background-color: #ffc907;
		border: 1px sold #ffc907;
		color: #000;
	}

		a.button.yellow:hover {
			text-decoration: none;
		}

	a.button img {
		display: none;
	}

	a.button.active img {
		padding-left: 3px;
		display: inline;
		position: relative;
		top: -1px;
	}

section.stage {
	padding: 105px 15px 50px 15px;
}

	section.stage.black {
		background-color: #21211f;
	}

	section.stage.left {
		text-align: left;
	}

	section.stage h1 {
		color: #fff;
		font-size: 3em;
	}

	section.stage h2 {
		color: #fff;
		font-size: 3em;
		font-weight: normal;
		line-height: 1em;
	}

	section.stage p.description {
		font-size: 0.875em;
		color: #fff;
	}

	section.stage ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		overflow: hidden;
	}

		section.stage ul li {
			float: left;
			margin: 0px 15px 0px 10px;
			line-height: 1.25em;
		}

			section.stage ul li a {
				color: #fff;
				font-size: 0.875em;
			}

#intro-404 {
	padding-bottom: 30px;
	border-bottom: 1px dotted #7f7e7c;
	margin-bottom: 20px;
}

.ui-tooltip-mitvideo {
}

	.ui-tooltip-mitvideo .ui-tooltip-content {
		border-color: #fff;
		background-color: #fff;

	}

	.video-info {
		padding: 20px 15px 20px 15px;
		width: 290px;
		height: 195px;
	}

		.video-info h5 {
			font-size: 2em;
			line-height: 1.25em;
			font-weight: normal;
			padding-bottom: 10px;
			border-bottom: 1px dotted #000;
			margin-bottom: 15px;
		}

			.video-info h5 a {
				color: #000;
			}

		.video-info ul.expose_links {
		}

			.video-info ul.expose_links li {
				font-size: 1.25em;
			}

				.video-info ul.expose_links li a {
					color: #000;
				}

		.video-info p {
			font-size: 1.25em;
			line-height: 1.25em;
		}

.ui-tooltip-mitvideo-flag {
	background-color: #434343;
}

	.ui-tooltip-mitvideo-flag .ui-tooltip-content {
		background-color: #434343;
		border-color: #fff;
		padding: 15px;
	}

	#flag-video-modal #flag-video, #embed-video-modal #embed-video {
		display: none;
		position: relative;
	}

	#flag-video, #embed-video {
		width: 340px;
		height: 260px;
		overflow: hidden;
		z-index: 5;
	}

		#embed-video {
			height: auto;
		}

		#flag-video a.close-flag-video, #embed-video a.close-embed-video {
			display: block;
			width: 16px;
			height: 15px;
			overflow: hidden;
			text-indent: 150%;
			white-space: nowrap;
			background: transparent url(/global/img/btn-close.png) no-repeat top left;
			position: absolute;
			top: 10px;
			right: 10px;
		}

		#flag-video h1, #embed-video h1 {
			font-size: 1.25em;
			line-height: 1.5em;
			color: #fff;
			overflow: hidden;
			text-transform: uppercase;
			padding-bottom: 3px;
			border-bottom: 1px dotted #fff;
		}

		#flag-video p, #embed-video p {
			font-size: 1.5em;
			line-height: 1.5em;
			color: #fff;
			margin: 5px 0px;
		}

		#flag-video form, #embed-video form {
			overflow: hidden;
		}

			#flag-video label, #embed-video label {
				display: block;
				margin-bottom: 3px;
			}

				#embed-video label.zclipb-container {
					visibility: hidden;
				}

				#flag-video label span {
					color: #fff;
					font-size: 1.5em;
					line-height: 1.5em;
				}

				#flag-video label input.checkbox {
				}

				#flag-video label input.text {
					width: 340px;
					height: 20px;
				}

				#flag-video label input.submit {
					background-color: #FFC800;
					border: 1px solid #FFC800;
					color: #000000;
					display: block;
					font-size: 1em;
					padding: 5px 20px;
					margin-top: 15px;
					text-align: center;
					text-transform: uppercase;
				}

				#embed-video label div.zclipb {
					width: 150px;
					background-color: #FFC800;
					border: 1px solid #FFC800;
					color: #000000;
					font-size: 1em;
					padding: 5px;
					margin-top: 15px;
					text-align: center;
					text-transform: uppercase;
				}

				#flag-video label input.submit:hover {
					background-color: #000000;
					border: 1px solid #FFC800;
					color: #FFC800;
				}

				#embed-video label {
					font-size: 12px;
					color: #fff;
					overflow: hidden;
				}

					#embed-video label p {
						font-size: 12px;
					}

				#embed-video label textarea {
					border: 1px solid #999;
					padding: 5px;
					width: 330px;
					height: 57px;
					font-family: Courier, sans-serif;
					font-size: 12px;
					line-height: 1.2em;
					margin-bottom: 5px;
				}

				#embed-video div.embed-dimensions {
					font-size: 12px;
					color: #fff;
				}

					#embed-video div.embed-dimensions input.text {
						font-size: 12px;
						padding: 3px;
						width: 34px;
						height: 15px;
					}

.menu {
	border: none;
	border: 0px;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	float: left;
	font-size: 0.8em;
}

	.menu div {
		float: left;
		margin-right: 10px;
		color: #fff;
		padding-top: 7px;
		text-transform: uppercase;
	}

	.menu ul {
		background: #21211f;
		height: 30px;
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
		border: 1px solid #fff;
	}

		.menu li {
			float: left;
			padding: 0px;
		}

			.menu li.selected {
				background-color: none;
				border: none;
			}

			.menu li img {
				margin-left: 5px;
			}

			.menu li a {
				color: #fff;
				display: block;
				font-weight: normal;
				line-height: 30px;
				margin: 0px;
				padding: 0px 20px 0px 15px;
				text-decoration: none;
				text-transform: uppercase;
			}

				.menu li a:hover, .menu ul li:hover a {
					background-color: #000000;
					color: #FFFFFF;
					text-decoration: none;
				}

				.menu li ul {
					background: #000000;
					display:none;
					height:auto;
					padding:5px 5px 10px 5px;
					margin:0px;
					border:0px;
					position:absolute;
					z-index:200;
					/*top:1em;
					/*left:0;*/
				}

					.menu li:hover ul {
						display:block;
					}

					.menu li li {
						background: none;
						display:block;
						float:none;
						margin:0px;
						padding:0px;
						width:225px;
						border-bottom: 1px dotted #fff;
					}

						.menu li li.last {
							border: 0;
						}

						.menu li:hover li a {
							background:none;
						}

						.menu li ul a {
							display:block;
							height:35px;
							font-size: 0.8em;
							font-style:normal;
							margin:0px;
							padding:0px 10px 0px 15px;
							text-align:left;
						}

							.menu li ul a:hover, .menu li ul li:hover a {
								background-color: #333333;
								border:0px;
								color:#ffffff;
								text-decoration:none;
							}

				.menu p {
					clear:left;
				}

#types {
	background-color: #585858;
	clear: both;
	margin: 25px 0;
	padding: 50px 35px 20px;
	overflow: hidden;
}

	#types a:hover {
		text-decoration: none;
	}

	.type {
		height: 80px;
		float: left;
		background-color: #373737;
		margin: 0px 15px 15px 0;
		width: 420px;
		padding: 10px;
		overflow: hidden;
		position: relative;
	}

		.type:hover {
			background-color: #000;
		}

		.type.last {
			margin-right: 0px;
		}

		.type h5 {
			font-size: 16px;
			text-align: left;
			color: #fff;
		}

		a:hover .type h5 {
			color: #FFC800;
			text-decoration: underline;
		}

		.type p {
			color: #fff;
			clear: none;
			float: left;
			font-size: 12px;
			width: auto;
			margin: 8px 0 0 0;
			text-decoration: none;
		}

		.type .type_info {
			position: absolute;
			top: 0;
			right: 10px;
		}


/* for error messages / bugs */
.box_error {padding:10px;background:#FFCCCC;border:1px solid #FF0000;color:#000000;}

/* for the honey pot */
form .comments, form #comments {display:none;}


