/* overlay.css */

#overlayVid, #overlayPic {
	position: absolute;
	z-index: 9999;
	top: 20%;
	left: 20%;
	padding: 0 5px 0 0;
}
#overlayVid {width: 689px}
	#overlayVid div.overlayBg {
		background: url(/img/media/bg/media.vid.overlay.bg.png) bottom left no-repeat;
		_background: 0;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/img/media/bg/media.vid.overlay.bg.png', sizingMethod='scale');
		width: 684px;
		height: 372px;
		zoom: 1;
		float: left;
	}
		#overlayVid div.vidRightShadow {
			background: url(/img/media/bg/media.vid.overlay.bg.png) bottom right no-repeat;
			_background: none;
			width: 5px;
			display:block;
			height: 372px;
			float: right;
			_display: none;
		}
	#overlayVid div.overlayContent {
		/* width: 784px;
		height: 372px;
		position: absolute;
		z-index: 999999;
		top: 0;
		left:0; */
	}
		#vidLeft {
			/*width: 492px;*/
			width: 366px;
			float: left;
			margin: 32px 0 0 20px;
			_margin: 30px 0 0 10px;
		}
		.vidHeight {
			height: 277px;
			margin-bottom: 13px;
			position: relative;
			z-index: 99999;
		}
		#vidLeft .flash {
			border-bottom: 4px solid #820048;
			margin: 0 0 7px 0;
			_position: absolute;
		}
			#vidLeft img {
				background: url(/img/media/bg/media.main.vid.bg.gif) top left no-repeat;
				width: 506px;
				height: 285px;
				padding: 1px 2px 6px 2px;
			}
		#vidRight {
			width: 265px;
			float: right;
			margin: 32px 0 0 0;
			position: relative;
			z-index: 999999;
		}
		#vidLeft h4 {
			background: url(/img/media/misc/video.icon.gif) 0 3px no-repeat;
			font: 20px arial;
			height: 18px;
			display: block;
			padding: 0 0 5px 32px;
			color: #0c2847;
		}
		#vidRight h5 {
			background: url(/img/media/title/media.morevideos.title.gif) top left no-repeat;
			height: 14px;
			text-indent: -9999px;
			display: block;
			margin: 0 0 4px 0;
		}
		#media #vidRight ul {
			width: 217px;
			margin: 11px 0 0 0;
		}
		#media #vidRight ul li {
			padding: 1px 0 1px 0;
			border-top: 1px solid #e2e5e9;
			display: block;
		}
			#media #vidRight ul li a {
				display: block;
				height: 60px;
				padding: 5px 0 0 5px;
			}

			#media #vidRight ul li a:hover {
				background-color: #e6ccdb;
			}
			#media #vidRight ul li.active a,
			#media #vidRight ul li.active a:hover {
				background-color: #e6ccdb;
			}		
			
			#media #vidRight ul li a:hover * {
				color: inherit;
			}
			#media #vidRight ul li a img {
				background: url(/img/media/bg/media.mini.vid.bg.png) top left no-repeat;
				_background: 0;
				_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/img/media/bg/media.mini.vid.bg.png', sizingMethod='image');
				display:  block;
				padding: 4px 8px 6px 5px;
				float: left;
			}
			#media #vidRight ul li a strong {
				font: bold 11px arial;
				color: #820049;
				float: right;
				clear: right;
				width: 120px;
			}
			#media #vidRight ul li a em {
				background: url(/img/media/misc/media.clock.icon.gif) 0 0 no-repeat;
				_background: url(/img/media/misc/media.clock.icon.gif) 0 1px no-repeat;
				font: 10px arial;
				color: #aa5183;
				font-style: normal;
				float: right;
				clear: right;
				padding: 0 0 1px 14px;
				width: 106px;
				height: 10px;
				_line-height: 12px;
			}
				#media #vidRight ul li.active a strong,
				#media #vidRight ul li.active a:hover strong { color: #0C2847; }	

				#media #vidRight ul li a:hover em {
				 	background-position: 0 -12px;
					_padding: 0 0 0 14px;
				}
				#media #vidRight ul li.active a em, 
				#media #vidRight ul li.active a:hover em {
				 	background-position: 0 -12px;
					_padding: 0 0 0 14px;
					color: #aa5183;
				}					
			
	.closeVid, .closePic {
		background: url(/img/media/btn/close.btn.gif) top left no-repeat;
		height: 26px;
		width: 26px;
		display: block;
		position: absolute;
		z-index: 10;
		top: 10px;
		right: 17px;
		_right: 21px;
		text-indent: -9999px;
	}
	.pageNum {
		color: #a2a1a1;
		font: 14px arial;
		position: absolute;
		z-index: 30;
		top: 24px;
		right: 57px;
	}
/*--end video overlay */

	#overlayPic div.overlayBg {
		background: url(/img/media/bg/media.pic.overlay.bg.gray.png) top left no-repeat;
		_background: 0;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/img/media/bg/media.pic.overlay.bg.gray.png', sizingMethod='image');
		width: 683px;
		height: 493px;
		zoom: 1;
	}
	#overlayPic div.overlayContent {
		/* width: 683px;
		height: 493px;
		position: absolute;
		z-index: 999999;
		top: 0;
		left:0; */
		padding: 15px 0 0 22px;
	}
	#overlayPic .loader {
		position: absolute;
		top: 225px;
		left: 325px;
	}
		#overlayPic .slide {
			height: 460px;
			width: 637px;
			position: absolute;
			bottom: 19px;
		}
		#overlayPic .slide img {
			margin: 0 auto;
		}
		#picInner {
			margin: 20px 0 0 20px;
			_margin: 15px 0 0 20px;
		}
			#picInner img {
				background: url(/img/media/bg/media.main.picture.pic.bg.gif) top left no-repeat;
				width: 637px;
				height: 419px;
				padding: 1px 3px 3px 3px;
			}

		#overlayPic h6 {
			background: url(/img/media/misc/camera.icon.gif) 0 3px no-repeat;
			font: 20px arial;
			line-height: 28px;
			display: block;
			padding: 0 0 5px 32px;
			margin: 0 0 1px 0;
			color: #0c2847;
		}
		#overlayPic .picTogglerLeft {
			background: url(/img/media/btn/photo.togglers.left.btn.png) top left no-repeat;
			_background: 0;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/img/media/btn/photo.togglers.left.btn.png', sizingMethod='image');
			width: 54px;
			height: 58px;
			display: block;
			text-indent: -9999px;
			position: absolute;
			top: 225px;
			left: -12px;
		}
		#overlayPic .picTogglerRight {
			background: url(/img/media/btn/photo.togglers.right.btn.png) top left no-repeat;
			_background: 0;
			_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/img/media/btn/photo.togglers.right.btn.png', sizingMethod='image');
			width: 54px;
			height: 58px;
			display: block;
			text-indent: -9999px;
			position: absolute;
			top: 225px;
			right: -12px;
		}

/*--end pic overlay */