

/**
 * The slideshow object
 */
.slideshow {
	overflow: hidden;
	height:420px;
}

	/* The list container of items within the slideshow */
	.slideshow_box {
		position: relative;
		list-style: none;
		padding: 0;
		margin: 0;
	}

		/* The individual item within the slideshow */
		.slideshow_item {
			float: left;
			position: relative;
		}

			/* Call-to-action links within a slideshow item */
			.slideshow_itemAction {
				position: absolute;
				bottom: 15px;
				left: 175px;
				padding: 3px 13px;
				background: #0060a9;
				border: 5px solid #e9e9e9;
				border-right-width: 31px;
				color: #fff;
				text-decoration: none;
				font-weight: bold;
				text-transform: uppercase;
				-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4), inset 0 1px #003076;
				   -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4), inset 0 1px #003076;
						box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4), inset 0 1px #003076;
				-webkit-border-radius: 3px;
				   -moz-border-radius: 3px;
						border-radius: 3px;
			}
			.slideshow_itemAction:hover {
				border-right-width: 43px;
				color: #0060a9;
				background: #fff;
				-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4), inset 0 1px #ccc;
				   -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4), inset 0 1px #ccc;
						box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4), inset 0 1px #ccc;
			}
				.slideshow_itemAction:after {
					content: " ";
					background: transparent url(/images/home/2011/arrow-broadcast.gif) 0 0 no-repeat;
					position: absolute;
					left: 100%;
					top: 0;
					bottom: 0;
					width: 23px;
					margin-top: 5px;
					margin-left: 8px;
				}
				.slideshow_itemAction:hover:after {
					margin-left: 20px;
				}

			/* CTAs that are just overlays (no content) */
			.slideshow_itemActionOverlay {
				position: absolute;
			}

		/* Clear the floats */
		.slideshow_box:after {
			content: " ";
			display: table;
			clear: both;
		}

			/* The slideshow items with full-width images */
			.slideshow_image {
				min-width: 100%;
				display: block;
			}


	/* The controls of the slideshow */
	.slideshow_controls {
		position: absolute;
		right: 0;
		bottom: 0;
		padding-right: 20px;
	}

		/* The box containing control items */
		.slideshow_controlsItems {
			float: left;
			background: transparent url(/images/home/2011/broadcastCarousel-left.png) no-repeat 0 0;
			height: 25px;
			margin-bottom: -21px;
			padding-top: 12px;
			padding-bottom: 20px;
		}
		.slideshow_controlsItems-nails {
			padding-left: 18px;
		}
		.slideshow_controlsItems-playPause {
			background-image: url(/images/home/2011/broadcastCarousel-right.png);
			background-position: 100% 0;
			width: 35px;
			padding-right: 18px;
			padding-left: 8px;
		}

			/* Thumb buttons within the controls */
			.slideshow_controlsThumb {
				width: 42px;
				cursor: pointer;
				background: none;
				margin: 0 1px;
				padding: 1px 2px 0;
				border: 0;
				position: relative;
			}
			.slideshow_controlsThumb-active {
				background: transparent url(/images/home/2011/broadcastCarousel-current.gif) 0 0 repeat;
				padding-bottom: 4px;
			}
			.slideshow_controlsThumb-playPause {
				background: transparent url(/images/home/2011/button-play-pause.gif) 0 0 no-repeat;
				width: 30px;
				height: 27px;
			}
			.slideshow_controlsThumb-playPause:hover {
				background-position: 0 -27px;
			}
			.slideshow_controlsThumb-playPause-on {
				background-position: -30px 0;
			}
			.slideshow_controlsThumb-playPause-on:hover {
				background-position: -30px -27px;
			}

				/* The thumbnail's tooltip */
				.slideshow_controlsThumbTip {
					display: none;
					position: absolute;
					z-index: 100;
					bottom: 100%;
					left: 50%;
					margin-bottom: 6px;
				}
				.slideshow_controlsThumb:hover .slideshow_controlsThumbTip {
					display: block;
				}

					/* The tooltip content wrapper */
					.slideshow_controlsThumbTipWrap {
						position: relative;
						left: -50%;
						white-space: nowrap;
						background: #fff;
						border: 1px solid #888;
						padding: 4px 8px;
						font-size: 10px;
						color: #888;
					}

					/* The tooltip pointer */
					.slideshow_controlsThumbTipWrap:before,
					.slideshow_controlsThumbTipWrap:after {
						content: " ";
						width: 0;
						height: 0;
						position: absolute;
						top: 100%;
						left: 50%;
						border-left: 4px solid transparent;
						border-right: 4px solid transparent;
						border-top: 5px solid #fff;
					}
					.slideshow_controlsThumbTipWrap:before {
						border-left-width: 5px;
						border-right-width: 5px;
						border-top-width: 6px;
						border-top-color: #666;
						margin-left: -5px;
					}
					.slideshow_controlsThumbTipWrap:after {
						margin-left: -4px;
					}

				/* The thumbnail image box */
				.slideshow_controlsThumbNail {
					border: 1px #a6a6a6 solid;
					overflow: hidden;
					position: absolute;
					left: 1px;
					-moz-box-sizing: border-box;
						 box-sizing: border-box;
				}
				.slideshow_controlsThumb:hover .slideshow_controlsThumbNail {
					height: 40px;
					top: -4px;
				}
				.slideshow_controlsThumbNail,
				.slideshow_controlsThumb-active:hover .slideshow_controlsThumbNail {
					height: 22px;
					top: 1px;
				}
					.slideshow_controlsThumb:hover .slideshow_controlsThumbNail:before {
						content: " ";
						background: transparent url(/images/home/2011/icon-play.png) center center no-repeat;
						position: absolute;
						z-index: 10;
						top: 0;
						right: 0;
						left: 0;
						bottom: 0;
					}
					.slideshow_controlsThumb-active:hover .slideshow_controlsThumbNail:before {
						display: none;
					}
					.slideshow_controlsThumbNailImage {
						position: relative;
					}
					.slideshow_controlsThumb:hover .slideshow_controlsThumbNailImage {
						top: 0;
					}
					.slideshow_controlsThumbNailImage,
					.slideshow_controlsThumb-active:hover .slideshow_controlsThumbNailImage {
						top: -5px;
					}


				/* The progress bar box */
				.slideshow_controlsThumbProgress {
					margin-top: 28px;
					background: #6a6a6a;
				}
				.slideshow_controlsThumb-active .slideshow_controlsThumbProgress {
					background: #cbcbcb;
				}
					.slideshow_controlsThumbProgressBar {
						background: #0060a9;
						width: 0;
						height: 6px;
					}

