.features {
	width: 454px;
	height: 335px;
	background: #000;
	color: #fff;
	font-size: 0;
	margin: 0;
	overflow: auto;
	overflow-y: hidden;
	padding: 0;
	position: relative;
	white-space: nowrap;
}
.jsFeatures {
	overflow: hidden;
}

.feature {
	display: inline-block;
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 2;
}
.jsFeatures .feature {
	display: block;
	position: absolute;
	   -moz-perspective: 1000px;
	    -ms-perspective: 1000px;
	        perspective: 1000px;
}

.jsFeatures .hiddenFeature {
	clip: rect(0 0 0 0); /* ie 6 & 7*/
	clip: rect(0, 0, 0, 0); /* w3c */
	z-index: 0;
}

.features a { border: 0; cursor: pointer; }

.featureOverlay {
	margin: 0;
	position: absolute;
	bottom: 0;
	height: 120px;
	left: 47px;
	right: 47px;
}

.featureOverlay, .featureBack, .featureNext {
	background: transparent url(featurebanner.png) no-repeat 50% 100%;
	z-index: 4;
}

.featureContent {
	font-size: 12px;
	height: 96px;
	margin: 0;
	padding: 20px 8px 0;
	overflow: hidden;
	white-space: normal;
}

.featureTitle {
	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0 0 4px;
	padding: 0;
	text-shadow: 1px 1px 8px #123;
}

.featureTitle a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.featureTitle > a {	white-space: nowrap; }

.featureTitle a:link, .featureTitle a:active, .featureTitle a:hover, .featureTitle a:focus, .featureTitle a:visited {
	color: #fff;
}
.featureTitle a:hover, .featureTitle a:focus { overflow: visible; white-space: normal; }

.featurePublished { display: none; }

.featurePhoto, .featurePhoto img {
	border: 0;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

.featurePhoto {
	border: 0;
	text-decoration: none;
}
.jsFeatures .featurePhoto {
	left: 0;
	opacity: 1;
	position: relative;
	top: 0;
}
.featurePhoto .featurePlayBtn {
	background: #888;
	background-image: url(playbtn.png);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='playbtn.png',sizingMethod='scale');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 1px solid #eee;
	border-radius: 16px;
	box-shadow: 0px 0px 4px #fff;
	/*display: inline-block;*/
	height: 15%;
	left: 50%;
	margin: -32px 0 0 -48px/*25% auto*/;
	min-height: 64px;
	min-width: 96px;
	opacity: 0.5; filter: alpha(opacity=50);
	position: absolute;
	/*text-indent: -999px;*/
	top: 50%;
	width: 15%;
	-webkit-transition: all 1s;
	   -moz-transition: all 1s;
	    -ms-transition: all 1s;
	     -o-transition: all 1s;
	        transition: all 1s;
	-webkit-transform: scale(1, 1);
	   -moz-transform: scale(1, 1);
	     -o-transform: scale(1, 1);
	        transform: scale(1, 1);
}

.featurePhoto:focus .featurePlayBtn,
.featurePhoto:hover .featurePlayBtn,
.featurePhoto:active .featurePlayBtn,
.featurePlaying .featurePlayBtn {
	background-color: #06c;
	border-color: #333;
	box-shadow: 6px 6px 16px #000;
	margin: -36px 0 0 -52px;
	opacity: 0.9; filter: alpha(opacity=90);
}

.featurePlaying .featurePlayBtn {
	border-width: 0;
	box-shadow: 0 0 8px #000;
	cursor: default;
	margin: 0 !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(-1, 1);
	   -moz-transform: rotate3d(0,1,0,180deg) translateZ(1px);
	     -o-transform: scale(-1, 1);
	        transform: scale(-1, 1);
	/*-moz-transform: scale(8) rotate3d(0, 1, 0, 180deg);*/
	z-index: 2;
}

.featurePlayer {
	position: absolute;
	top: -48px;
	left: 0;
	right: 0;
	bottom: 100%;
	padding: 0 47px;
	opacity: 0;
	overflow: visible;
	z-index: -1;
	-webkit-transition: opacity 1s;
	   -moz-transition: opacity 1s;
	    -ms-transition: opacity 1s;
	     -o-transition: opacity 1s;
	        transition: opacity 1s;
}
.featurePlaying .featurePlayer {
	top: 8px;
	bottom: 128px;
	opacity: 1;
	z-index: 4;
}
.featurePlayerObject {
	border: 0;
	box-shadow: 0 8px 48px #000;
	width: 100%;
	height: 100%;
}
.featurePlayerClose {
	background: #333;
	border: 3px outset #eee;
	border-radius: 16px;
	box-shadow: 4px 4px 8px #000;
	color: white;
	cursor: pointer;
	font: bold 18px/18px sans-serif;
	margin: 7px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
}
.featurePlayerClose:focus, .featurePlayerClose:hover {
	text-decoration: underline;
}
.featurePlayerClose:active {
	border-style: inset;
	box-shadow: 0 0 6px #000;
	margin: 9px;
	text-decoration: underline;
}

.featureSummary p {
	color: #eee;
	font-size: 12px;
	margin: 2px 0;
	padding: 0;
}

.featureBack, .featureNext {
	bottom: 0px;
	font: bold 32px/104px serif;
	height: 90px;
	position: absolute;
	text-align: center;
	width: 47px;
}

.featureBack {
	background-position: left bottom;
	left: -47px;
}

.featureNext {
	background-position: right bottom;
	right: -47px;
}

.featureLinks {
	background: rgba(0,0,0,0);
	border-radius: 1em;
	top: 90px;
	height: 16px;
	left: 2px;
	margin: 0 !important;
	max-height: 16px;
	overflow: hidden;
	padding: 4px;
	position: absolute;
	right: 2px;
	-webkit-transition: all 1s ease 0.5s;
	   -moz-transition: all 1s ease 0.5s;
	    -ms-transition: all 1s ease 0.5s;
	     -o-transition: all 1s ease 0.5s;
	        transition: all 1s ease 0.5s;
}
.featureContent > .featureLinks { height: auto; }
.featureLinks:hover, .featureLinksFocused {
	background: #123;
	background: rgba(0,0,0,0.5);
	height: auto;
	max-height: 80px;
}
.featureLinkItem {
	background: transparent url(featureicons.png) no-repeat;
	display: block;
	float: left;
	height: 16px;
}
.releaseFeatureLink                    { background-position: 0px   0px; }
.videoFeatureLink, .webcastFeatureLink { background-position: 0px -32px; }
.speechFeatureLink, .smrFeatureLink    { background-position: 0px -16px; }
.featureLinks .featureLink {
	padding: 0 20px;
	white-space: nowrap;
}
.featureLink:link, .featureLink:hover, .featureLink:active, .featureLink:visited { color: #6df; }

.featureControls {display: none;}
.jsFeatures .featureControls {display:block;}

.featureBackBtn, .featureNextBtn {
	background: url(featurearrows.png) no-repeat;
	border: 0;
	color: #bbb;
	cursor: pointer;
	display: block;
	height: 80px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	text-indent: -999px;
	vertical-align: baseline;
	width: 47px;
	z-index: 4;
}
.featureBackBtn { background-position:  left center;   left: 0; }
.featureNextBtn { background-position: right center; right: 0; }
.featureBackBtn:focus, .featureBackBtn:hover { background-position:  left 46%; }
.featureNextBtn:focus, .featureNextBtn:hover { background-position: right 46%; }
.featureBackBtn:active { background-position:  5% 48%; }
.featureNextBtn:active { background-position: 95% 48%; }


.featuresIndex {
	bottom: 86px;
	margin: 0 9% !important;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 80%;
	z-index: 6;
}

.featuresIndex button {
	background: transparent;
	border: 0;
	color: #0cf;
	cursor: pointer;
	display: inline;
	font: 32px/16px sans-serif;
	height: 16px;
	margin: 2px 8px;
	width: 24px;
	vertical-align: baseline;
/*	-webkit-transition: color 1s; */
	   -moz-transition: color 1s;
	    -ms-transition: color 1s;
	     -o-transition: color 1s;
	        transition: color 1s;
}

.featuresIndex button:hover, .featuresIndex button:focus {
	font-size: 36px;
	text-shadow: 0px 0px 4px #fff;
}

.featuresIndex .featureIndex {
	color: white;
}

.featuresIndex li {
	display: inline;
}

.hiddenFeature .featurePhoto { top: -1px; height: 1px; overflow: hidden; z-index: 0; }

.featuresTransitionNext .feature,
.featuresTransitionBack .feature,
.featuresTransitionJump .feature {
	-webkit-perspective: 1000px;
}

.featureTransitionOut { z-index: 1; }

.featuresTransition .featurePhoto {
	-webkit-transition: all 1s;
	   -moz-transition: all 1s;
	    -ms-transition: all 1s;
	     -o-transition: all 1s;
	        transition: all 1s;
	   -moz-transform: translate3d(0,0,0);
	    -ms-transform: translate3d(0,0,0);
	     -o-transform: scale(1) skew(0) translate(0,0);
	        transform: translate3d(0,0);
}
.featuresTransitionNext .featurePhoto,
.featuresTransitionBack .featurePhoto,
.featuresTransitionJump .featurePhoto {
	-webkit-transform: translate3d(0,0,0);
}
.featuresTransitionAuto .featurePhoto, .featuresTransitionCycle .featurePhoto {
	-webkit-transition-timing-function: ease-in-out;
	   -moz-transition-timing-function: ease-in-out;
	    -ms-transition-timing-function: ease-in-out;
	     -o-transition-timing-function: ease-in-out;
	        transition-timing-function: ease-in-out;
}

.featureTransitionOut .featureOverlay, .hiddenFeature .featureOverlay {
	height: 1px;
	margin-top: -1px;
	overflow:hidden;
	z-index: 0;
}

.featureAutoIn  .featurePhoto, .featureCycleIn .featurePhoto { left: 100%; }
.featureAutoOut .featurePhoto { left: -90%; }
.featureCycleOut .featurePhoto { left: -100%; }

.featureNextIn .featurePhoto,
.featureBackOut .featurePhoto {
	left: 33%;
	-webkit-transform-origin: 100% 0;
	-webkit-transform: rotateY(-45deg) translate3d(0,0,-700px);
	   -moz-transform: scale(0.2, 0.5) skewY(15deg) translate(133%,0);
	   -moz-transform: rotateY(-90deg) translateZ(-400px);
	    -ms-transform: rotateY(-90deg) translateZ(-400px);
	     -o-transform: scale(0.2, 0.5) skewY(15deg) translate(133%,0);
	        transform: rotateY(-90deg) translateZ(-400px);
}
.featureNextOut .featurePhoto,
.featureBackIn .featurePhoto {
	left: -33%;
	-webkit-transform-origin: 0 0;
	-webkit-transform: rotateY(45deg) translate3d(0,0,-700px);
	   -moz-transform: scale(0.2, 0.5) skewY(-15deg) translate(-133%,0);
	   -moz-transform: rotateY(60deg) translateZ(-400px);
	    -ms-transform: rotateY(60deg) translateZ(-400px);
	     -o-transform: scale(0.2, 0.5) skewY(-15deg) translate(-133%,0);
	        transform: rotateY(60deg) translateZ(-400px);
}
.featureJumpIn  .featurePhoto {
	opacity: 0;
	top: 40%;
	-webkit-transform: rotateX(-90deg);
	   -moz-transform: scale(1.4, 0.7);
	   -moz-transform: rotateX(-90deg);
	    -ms-transform: rotateX(-90deg);
	     -o-transform: scale(1.4, 0.7);
	        transform: rotateX(-90deg);
}
.featureJumpOut .featurePhoto {
	opacity: 0;
	top: -40%;
	-webkit-transform: rotateX(90deg);
	   -moz-transform: scale(0.8,0.1);
	   -moz-transform: rotateX(90deg);
	    -ms-transform: rotateX(90deg);
	     -o-transform: scale(0.8,0.1);
	        transform: rotateX(90deg);
}

.featureCycleOut .featurePhoto {
	   -moz-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	     -o-transform: rotate(-90deg);
	        transform: rotate(-90deg) translate(-80%,80%);
}
.featureCycleIn .featurePhoto {
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.featuresTransitionWrap .featurePhoto,
.featuresTransitionWrapBack .featurePhoto {
	   -moz-transform-origin: 50% 0 -256px;
	    -ms-transform-origin: 50% 0 -256px;
	        transform-origin: 50% 0 -256px;
}
.featureWrapOut .featurePhoto,
.featureWrapBackIn .featurePhoto {
	opacity: 0;
	-webkit-transform: scale3d(-0.5, 0.1, 1) translate3d(-150%, 25%, 0);
	   -moz-transform: scale(-0.5, 0.1) translate(-150%, 25%);
	   -moz-transform: rotateY(-150deg) translateZ(-128px);
	    -ms-transform: rotateY(-150deg) translateZ(-128px);
	     -o-transform: scale(-0.5, 0.1) skew(0) translate(-150%, 25%);
	        transform: rotateY(-150deg) translateZ(-128px);
}
.featureWrapIn .featurePhoto,
.featureWrapBackOut .featurePhoto {
	opacity: 0;
	-webkit-transform: scale3d(-0.5, 0.1, 1) translate3d(150%, -25%, 0);
	   -moz-transform: scale(-0.5, 0.1) translate(150%, -25%);
	   -moz-transform: rotateY(150deg) translateZ(-128px);
	    -ms-transform: rotateY(150deg) translateZ(-128px);
	     -o-transform: scale(-0.5, 0.1) skew(0) translate(150%, -25%);
	        transform: rotateY(150deg) translateZ(-128px);
}

@media only screen and (min-device-width: 640px), (-webkit-min-device-pixel-ratio: 2) {
	.features, #rightcol { -webkit-font-smoothing: antialiased; } /* Compensate for Webkit font craziness. */
}

@media print {
	.features {
		background: #fff;
		color: #000;
	}
	.featureOverlay {
		background: #fff;
		border: 2px solid #246;
		border-radius: 1em;
		color: black;
		left: 0;
		right: 0;
	}
	.featureOverlay, .featureContent {
		height: auto;
		overflow: visible;
		padding: 1em;
	}
	.featureTitle { background: #fff; text-shadow: none; }
	.featureTitle a:link, .featureTitle a:active, .featureTitle a:hover, .featureTitle a:focus, .featureTitle a:visited {
		color: #000;
	}
	.featureSummary p { color: #000; }
	.featureLinks {
		max-height:none;
		padding: 0 0 0 40px;
		position: static;
	}
	.featureLinkItem {
		background: #fff;
		display: list-item;
		float: none;
		height: auto;
	}
	.featureLinks .featureLink {
		color: #009;
		padding: 0;
	}
	.featuresIndex, .featureNext, .featureBack, .featureBackBtn, .featureNextBtn { display: none; }
}