s/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

.container {
	background-color: #F0F0F0;
	width: auto;
	padding-bottom: 0;
}

.contentwrap {
	background-color: transparent;
	float: none;
	width: auto;
	padding-top: 25px;
	padding-bottom: 0;
}

.ad-bar.gray {
	background-color: #FFF !important;
}

.tr50-widget header {
	width: 910px;
	margin: 0 auto;
	position: relative;
	height: 100px;
	overflow: hidden;
	background-color: #FFF;
	padding: 30px 55px;
}

	.tr50-widget header h2 {
		float: left;
		width: 358px;
	}

	.tr50-widget header nav {
		width: 550px;
		float: right;
		overflow: hidden;
	}

		.tr50-widget header nav ul {
			overflow: hidden;
			float: right;
			margin: 0 0 0 25px;
		}

			.tr50-widget header nav ul:last-child {
				margin-left: 0;
				padding-right: 20px;
			}

			.tr50-widget header nav ul li {
				padding-bottom: 5px;
			}

				.tr50-widget header nav ul li a {
					font-size: 12px;
					color: #000;
				}

					.tr50-widget header nav ul li.active a {
						color: #7F7F7F;
					}

					.tr50-widget header nav ul li a:hover {
						color: #D31D30;
					}

.tr50-page-2014 {
	width: 1020px;
	margin: 0 auto;
}

.tr50-page-2014 .tr50-widget {
	overflow: hidden;
}

	.tr50-page-2014 .tr50-widget h2 {
		background: none;
		font-size: 32px;
		font-family: Helvetica, Arial, sans-serif;
		letter-spacing: 0;
		text-transform: none;
		line-height: 2.25em;
		color: #000;
	}

		.tr50-page-2014 .tr50-widget h2 span {
			display: block;
			width: 150px;
			height: 75px;
			background: transparent url(/tr50/tr50-large.gif) no-repeat top left;
			text-indent: -9999em;
			float: left;
			margin-right: 10px;
		}

h3.filter {
	font-size: 11px !important;
	font-weight: bold;
	line-height: 2.2em !important;
	font-family: Helvetica, Arial, sans-serif;
	margin-right: 7px;
}

ul.previous-tr50 {
	list-style-type: none;
	margin: 20px auto;
	width: 370px;
	overflow: hidden;
}

	div.container ul.previous-tr50 li {
		margin: 0 15px 0 0;
		text-transform: uppercase;
		color: #4D4D4F;
		float: left;
		font-size: 13px !important;
		padding-bottom: 0 !important;
	}

		ul.previous-tr50 li:last-child {
			margin-right: 0;
		}

		ul.previous-tr50 li a {
			font-size: 13px;
			color: #000000;
		}

			ul.previous-tr50 li a:hover {
				color: #D31D30;
			}

ul.tr50_nav_bar {
	list-style-type: none;
	width: 445px;
	margin: 0 auto 15px;
	overflow: hidden;
}

	ul#tr50_nav_bar_types {
	}

	ul.tr50_nav_bar li {
		float: left;
		margin-left: 85px;
		padding-bottom: 0 !important;
	}

		ul.tr50_nav_bar li:first-child {
			margin-left: 0;
		}

		ul.tr50_nav_bar li.selected {
/*			background-color: #666;*/
		}

			ul.tr50_nav_bar li.selected a {
				color: #383839;
			}

			ul.tr50_nav_bar li.selected a:hover {
				color: #D31D30 !important;
			}

		ul.tr50_nav_bar li a {
			color: #fff;
			display: block;
			height: 21px;
			text-transform: uppercase;
			padding: 0;
			font-family: "BentonSansCondBold", Helvetica, Arial, sans-serif !important;
			font-weight: normal;
			font-size: 12px !important;
			line-height: 2em;
		}

			ul.tr50_nav_bar li a:hover {
				color: #D31D30 !important;
			}

			ul.tr50_nav_bar li.last a {
				border-right: 0px;
			}

.tr50-content {
	width: 910px !important;
	min-height: 455px;
	padding: 0;
}

	.tr50-content .maincontent {
		font-family: Helvetica, Arial, sans-serif;
	}

	.tr50-wrapper {
		border-top: 0px;
		overflow: hidden;
		background-color: #BCBEC0;
		padding: 40px 55px 40px;
		width: auto;
		position: relative;
	}

		.tr50-entry {
			display: block;
			width: 81px !important;
			height: 91px !important;
			padding: 0 5px !important;
			overflow: hidden;
			border-bottom: 0px;
			float: left;
			margin: 0px !important;
			background-color: #000;
			position: relative;
			opacity: 0;
			-webkit-transition: opacity 0.5s;
		       -moz-transition: opacity 0.5s;
		         -o-transition: opacity 0.5s;
		            transition: opacity 0.5s;
		}

/*
		.tr50-entry[data-name="Freescale Semiconductor"] {
				width: 91px !important;
				padding: 0 !important;
		}
*/

			.tr50-entry:hover {
				cursor: pointer;
/*				background-color: #b3b3b6;
				color: #000000;
 */			}

/*				.tr50-entry.transportation:hover div.company-info h4 {
					color: #FFF !important;
				}
*/
			.last {
				margin-right: 0px;
			}

			.tr50-entry .company-info {
			}

				.tr50-entry .company-info .rank {
					display: block;
					margin: 10px 0;
					width: 81px;
					position: absolute;
					font-size: 12px;
					text-align: center;
					color: #6D6E71;
				}

				.tr50-entry.biomedicine .company-info .rank,
				.tr50-entry.transportation .company-info .rank {
					color: #FFFFFF;
				}

				.tr50-entry .company-info h4 {
					font-size: 12px;
					font-weight: normal;
					line-height: 1.2em;
					float: none;
					padding: 0;
					color: #6D6E71;
					text-align: center;
					display: table-cell;
					vertical-align: middle;
					height: 91px;
					width: 81px !important;
					font-family: "NHaasGroteskTXW01-75Bd", Helvetica, Arial, sans-serif !important;
					font-weight: normal !important;
					word-wrap: break-word;
				}

				.tr50-entry[data-name="Freescale Semiconductor"] .company-info h4 {
					font-size: 11px;
				}

				.tr50-entry[data-name="Salesforce.com"] .company-info h4 {
					font-size: 11px;
				}

				.tr50-entry.biomedicine .company-info h4,
				.tr50-entry.transportation .company-info h4 {
					color: #FFFFFF;
				}

				.tr50-entry .company-info div.summary, .tr50-entry .company-info div.data-point, .tr50-entry .company-info ul.related-articles {
					display: none;
				}

			.tr50-info {
				display: none;
			}

			#tr50-content .energy {
				background-color: #FFFFFF;
			}
			#tr50-content .energy:hover {
			}


			#tr50-content .tr50-entry.biomedicine {
				background-color: #78BDE8;
			}
			#tr50-content .tr50-entry.biomedicine:hover {
				background-color: #93CAED;
			}


			#tr50-content .computing {
				background-color: #AFE1F2;
				color: #000000;
			}
			#tr50-content .computing:hover {
				background-color: #BFE7F4;
			}


			#tr50-content .web {
				background-color: #F3E2CE;
				color: #000000;
			}
			#tr50-content .web:hover {
				background-color: #F5E8D8;
			}


			#tr50-content .transportation {
				background-color: #527D9E;
				color: #FFFFFF;
			}

			#tr50-content .transportation:hover {
				background-color: #527D9E;
			}


			#tr50-content .tr50-entry.energy:hover .company-info .rank,
			#tr50-content .tr50-entry.energy:hover .company-info h4,
			#tr50-content .tr50-entry.biomedicine:hover .company-info .rank,
			#tr50-content .tr50-entry.biomedicine:hover .company-info h4,
			#tr50-content .tr50-entry.computing:hover .company-info .rank,
			#tr50-content .tr50-entry.computing:hover .company-info h4,
			#tr50-content .tr50-entry.web:hover .company-info .rank,
			#tr50-content .tr50-entry.web:hover .company-info h4,
			#tr50-content .tr50-entry.transportation:hover .company-info .rank,
			#tr50-content .tr50-entry.transportation:hover .company-info h4 {
				color: #000000;
			}

			#tr50-nav-prev, #tr50-nav-next {
				position: absolute;
				top: 23.5rem;
				display: block;
				width: 28px;
				height: 57px;
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
				background: transparent url(http://www.technologyreview.com/sites/all/themes/mittr/global/i/bg-custom_stage_nav.png) no-repeat top left;
			}
			#tr50-nav-prev {
				left: 0;
				background-position: 0 -114px;
			}
			#tr50-nav-prev:hover {
				background-position: 0 -171px;
			}
			#tr50-nav-next {
				right: 0;
			}
			#tr50-nav-next:hover {
				background-position: 0 -57px;
			}


	.tr50-content .sidecontent #MagFeaturedMagBox2_0 h4 {
		float: none;
		font-size: 1.6em;
		padding: 0;
	}

#tr50-content.energy .tr50-entry.energy,
#tr50-content.biomedicine .tr50-entry.biomedicine,
#tr50-content.computing .tr50-entry.computing,
#tr50-content.web .tr50-entry.web,
#tr50-content.transportation .tr50-entry.transportation {
	opacity: 1;
}

.tr50-legend {
	background-color: #FFF;
	overflow: hidden;
	height: 60px;
}

	.tr50-legend li {
		float: left;
		text-transform: uppercase;
		margin-left: 18px;
		font-family: "BentonSansCondBold", Helvetica, Arial, sans-serif !important;
		font-weight: normal;
		font-size: 12px;
		color: #DCDCDC;
		padding-bottom: 0 !important;
		padding-top: 12px;
	}

		.tr50-legend.energy li.tr50-2014-energy,
		.tr50-legend.biomedicine li.tr50-2014-biomedicine,
		.tr50-legend.computing li.tr50-2014-computing,
		.tr50-legend.web li.tr50-2014-web,
		.tr50-legend.transportation li.tr50-2014-transportation {
			color: #4D4D4F; /* 525252 */
		}

	.tr50-legend li.first {
		margin-left: 126px;
	}

		.tr50-legend li span {
			font-size: 48px;
			line-height: 12px;
			position: relative;
			top: 11px;
			padding-right: 2px;
			color: #DCDCDC;
		}

			.tr50-legend.energy li.tr50-2014-energy span {
				color: #000000;
			}

			.tr50-legend.energy li.tr50-2014-energy span:after {
				content: '•';
				font-size: 42px;
				color: #FFFFFF;
				position: absolute;
				left: 1px;
				top: 24px;
			}

			.tr50-legend.biomedicine li.tr50-2014-biomedicine span {
				color: #78BDE8;
			}

			.tr50-legend.computing li.tr50-2014-computing span {
				color: #AFE1F2;
			}

			.tr50-legend.web li.tr50-2014-web span {
				color: #F3E2CE;
			}

			.tr50-legend.transportation li.tr50-2014-transportation span {
				color: #527D9E;
			}

#tr50-background_blocker {
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 5;
}

	#tr50-info-wrapper {
		left: 0;
		position: fixed;
		width: 100%;
		z-index: 1000;
	}

		#tr50-info {
			display: none;
			background-color: #FFFFFF;
			height: 455px;
			margin: 0 auto;
			padding: 0px;
			position: absolute;
			top: 40px;
			width: 910px;
			z-index: 1000;
		}

			#tr50-info a.close {
				position: absolute;
				top: 8px;
				right: 8px;
				display: block;
				width: 19px;
				height: 19px;
				background: transparent url('/tr50/2014/close.gif') no-repeat top left;
				color: #666666;
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
			}

				#tr50-info a.close:hover {
					background-position: bottom left;
				}

			#tr50-info a.more-articles {
				position: absolute;
				bottom: 34px;
				right: 75px;
				display: block;
				height: 24px;
				padding: 6px 14px 0px 0px;
				font-size: 1.2em;
				text-align: right;
				background: transparent url('/tr50/2014/img-arrow_red.png') no-repeat center right;
				color: #000;
				font-weight: bold;
			}

			#tr50-info h2 {
				color: #b3b3b3;
				text-transform: uppercase;
				letter-spacing: 0.1em;
			}

				#tr50-info #tr50-info-company {
					border-left: 0;
					border-right: 0;
					padding: 55px 65px 0 65px;
				}

					#tr50-info #tr50-info-company h1 {
						margin: 0;
						padding: 0 0 10px 0;
						border: 0;
						width: 505px;
						font-size: 42px !important;
						font-weight: normal !important;
						line-height: 120%;
						color: #000;
						text-transform: none;
						text-align: left;
						background-color: transparent !important;
						clear: none;
					}

					#tr50-info #tr50-info-company p {
						padding: 15px 0 0 0;
						width: 235px;
						font-size: 18px !important;
						line-height: 120%;
						position: relative;
					}

						#tr50-info #tr50-info-company p#tr50-info-rank {
							margin: 0;
							padding: 0 .5rem 0 0;
							border: 0;
							width: inherit;
							font-size: 42px !important;
							float: left;
							position: relative;
						}

						#tr50-info #tr50-info-company p#tr50-info-rank:after {
							content: '. ';
						}

						#tr50-info #tr50-info-company p#tr50-info-meta {
							padding: 0 0 63px 0;
							font-size: 18px !important;
							color: #A5A5A5;
						}
						#tr50-info #tr50-info-company p#tr50-info-meta~hr {
							margin: 0;
							border: 0;
							padding: 0;
							height: 1px;
							background: #000000;
						}

						#tr50-info #tr50-info-company p#tr50-info-summary {
							float: left;
							left: 0px;
						}

						#tr50-info #tr50-info-company p#tr50-info-data-point {
							float: left;
							left: 37px;
						}

							#tr50-info #tr50-info-company p#tr50-info-data-point b {
								font-family: "NHaasGroteskTXW01-75Bd", Helvetica, Arial, sans-serif;
							}

							#tr50-info #tr50-info-company p#tr50-info-data-point br {
								display: none;
							}

							#tr50-info #tr50-info-company p#tr50-info-data-point a {
								font-size: 16px;
							}

						#tr50-info #tr50-info-company ul.related-articles {
							width: 235px;
							padding: 0;
							position: relative;
							float: left;
							left: 75px;
							top: -26px;
						}

						#tr50-info #tr50-info-company ul.related-articles li {
							padding: 0 0 20px 0;
						}

						#tr50-info #tr50-info-company ul.related-articles li.header {
							font-size: 16px !important;
							line-height: 120%;
							padding: 0 0 26px 0;

						}

							#tr50-info #tr50-info-company ul.related-articles li a {
								font-size: 16px;
								line-height: 120%;
							}

							#tr50-info #tr50-info-company ul.related-articles li a:hover {
								color: #D31D30;
							}