﻿/*Carousel*/
.carousel-3 {
	width: 296px;
	overflow: hidden;
}

	.carousel-3 div.pagerButtons {
		font-size: 12px;
		margin-top: 3px;
	}

		.carousel-3 div.pagerButtons a {
			display: block;
			float: right;
			margin-right: 5px;
			width: 44px;
			height: 10px;
			background: url('../images/carouselSprite.png');
		}

			.carousel-3 div.pagerButtons a.previousButton {
				background-position: -53px -72px;
			}

			.carousel-3 div.pagerButtons a.nextButton {
				background-position: -97px -72px;
			}

	.carousel-3 div.slideContainer {
		width: 296px;
		height: 198px;
		position: relative;
		overflow: hidden;
		z-index: 3;
		text-align: center;
	}

		.carousel-3 div.slideContainer img {
			max-width: 100%;
            max-height: 100%;
			position: absolute;
            border: 1px solid #808080;
            top: 50%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, -50%);
		}

		.carousel-3 div.slideContainer div.details {
			width: 296px;
			height: 125px;
			color: White;
			font-size: 12px;
			line-height: 15px;
			z-index: 4;
			position: absolute;
			left: 0px;
			top: 184px;
		}

			.carousel-3 div.slideContainer div.details div.toggle {
				height: 14px;
				text-align: right;
			}

				.carousel-3 div.slideContainer div.details div.toggle span {
					background: Black;
					cursor: pointer;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
					filter: alpha(opacity=60);
					-moz-opacity: 0.6;
					-khtml-opacity: 0.6;
					opacity: 0.6;
				}

					.carousel-3 div.slideContainer div.details div.toggle span:hover {
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
						filter: alpha(opacity=100);
						-moz-opacity: 1.0;
						-khtml-opacity: 1.0;
						opacity: 1.0;
					}

			.carousel-3 div.slideContainer div.details div.text {
				background: Black;
				height: 120px;
				padding: 0px 4px 0px 4px;
				overflow: auto;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
				filter: alpha(opacity=90);
				-moz-opacity: 0.9;
				-khtml-opacity: 0.9;
				opacity: 0.9;
				text-align: left;
			}

		.carousel-3 div.slideContainer div.loadingImage {
			width: 100%;
			height: 100%;
			background: url('/DesktopModules/SlideShow/Templates/Carousel/Images/loading.gif') no-repeat scroll center center transparent;
			position: absolute;
			left: 0px;
			top: 0px;
			display: none;
			z-index: 5;
		}

	.carousel-3 div.pagerContainer {
		width: 296px;
		height: 60px;
		margin: 5px auto 0px auto;
		overflow: hidden;
	}

		.carousel-3 div.pagerContainer ul {
			display: block;
			margin: 0px;
			padding: 0px;
			list-style: none;
		}

		.carousel-3 div.pagerContainer li {
			display: block;
			width: 90px;
			height: 60px;
			padding: 0px;
			margin: 3px;
			text-align: center;
			float: left;
		}

	.carousel-3 div.pagerButtons {
		width: 296px;
		clear: both;
	}

	.carousel-3 div.pagerContainer img {
		position: relative;
		cursor: pointer;
	}

		.carousel-3 div.pagerContainer img.selected {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important;
			filter: alpha(opacity=60) !important;
			-moz-opacity: 0.6 !important;
			-khtml-opacity: 0.6 !important;
			opacity: 0.6 !important;
		}

	.carousel-3 div.clearFloat {
		width: 0px;
		height: 0px;
		line-height: 0px;
		clear: both;
	}

    .carousel-3-imagedistortion
    {
        width: 100%;
        height: 100%;
        top: 0px !important;
        left: 0px !important;
    }

    .carousel-3 .smallVideoOverlay {
		background: url('../images/dgovImageSprite.png') 0px -37px no-repeat;
		width: 14px;
		height: 14px;
		position: absolute;
		left: 38px;
        top: 26px;
		z-index: 2;
	}

    .carousel-3 .videoOverlay {
	background: url('../images/dgovImageSprite.png') -44px 0px no-repeat;
	width: 82px;
	height: 82px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -41px;
	margin-top: -41px;
	z-index: 2;
}

/*Slideshow*/
.slideshow-1 {
  width:636px;
  height:346px;
  background:Black;
  border:solid 1px #878785;
  position:relative;
  overflow:hidden;
  z-index:200;
  font-family:Arial,Helvetica,sans-serif;
  visibility:hidden;
  margin-bottom:25px; /* Spacing belongs in container */
}
.slideshow-1 div.slideContainer {
  width:636px;
  height:305px;
  border-bottom:solid 1px #6D6E68;
  position:relative;
  z-index:201;
}
.slideshow-1 div.pagerContainer {
  width:636px;
  height:40px;
  position:relative;
  background:url('../images/imageSprite.png') 0px 0px;
  z-index:203;
}
.slideshow-1 a.prevImage, .slideshow-1 a.nextImage {
  width:43px;
  height:61px;
  background-image:url('../images/imageSprite.png');
  position:absolute;
  top:110px;
  z-index:202;
  display:none;
}
.slideshow-1 a.prevImage {
  background-position:0px -41px;
  left:0px;
}
.slideshow-1 a.nextImage {
  background-position:-44px -41px;
  right:0px;
}
.slideshow-1 div.slideContainer div.slide {
  width:636px;
  height:305px;
  position:relative;
  overflow:hidden;
}
.slideshow-1 div.slideContainer div.slide a {
  position:relative;
}
.slideshow-1 div.slideContainer div.slide a img {
  position:relative;
  display:block;
  margin-left:auto;
  margin-right:auto;
  max-width:100%;
  max-height:100%;
}
.slideshow-1 div.slideContainer div.slide div.details {
  width:636px;
  height:120px;
  background:Black;
  color:White;
  position:absolute;
  left:0px;
  top:307px;
  z-index:202;
  overflow:auto;
  font-family:Helvetica, Arial, Sans-Serif;
}
.slideshow-1 div.slideContainer div.slide div.details div.slideTitle {
  color:White;
  font-weight:bold;
  font-size:16px;
  padding:2px 2px 2px 2px;
}
.slideshow-1 div.slideContainer div.slide div.details div.slideCaption {
  font-size:12px;
  padding:2px 2px 2px 2px;
}
.slideshow-1 div.slideContainer div.slide div.details div.slideLinks {
  font-weight:bold;
  font-size:12px;
  padding:2px 2px 2px 2px;
  color:#55B0FF;
  text-align:center;
}
.slideshow-1 div.slideContainer div.slide div.details div.slideLinks a.link {
  color:#55B0FF;
  text-decoration:none;
}
.slideshow-1 div.slideContainer div.slide div.details div.slideLinks a.link:hover {
  color:White;
}
.slideshow-1 div.pagerContainer a.prevCarousel {
  display:block;
  width:22px;
  height:33px;
  position:absolute;
  left:39px;
  top:4px;
  background:url('../images/imageSprite.png') 0px -103px Black;
}
.slideshow-1 div.pagerContainer a.nextCarousel {
  display:block;
  width:22px;
  height:33px;
  position:absolute;
  left:575px;
  top:4px;
  background:url('../images/imageSprite.png') -23px -103px Black;
}
.slideshow-1 div.pagerContainer div.carousel {
  width:514px;
  height:33px;
  position:absolute;
  left:61px;
  top:4px;
  background:Black;
  overflow:hidden;
}
.slideshow-1 div.pagerContainer div.carousel div.groupMaster {
  position:absolute;
  left:0px;
  top:0px;
}
.slideshow-1 div.pagerContainer div.carousel div.group {
  width:514px;
  height:33px;
  float:left;
}
.slideshow-1 div.pagerContainer a.firstCarousel, .slideshow-1 div.pagerContainer a.lastCarousel {
  display:block;
  width:0px;
  height:0px;
  line-height:0px;
}
.slideshow-1 div.pagerContainer div.carousel a {
  display:inline-block;
  width:31px;
  height:25px;
  border:solid 1px Black;
  margin:3px 0px 0px 6px;
  overflow:hidden;
  position:relative;
}
.slideshow-1 div.pagerContainer div.carousel a.activeSlide {
  margin-top:1px !important;
  border:2px solid white;
}
.slideshow-1 div.pagerContainer div.carousel a img {
  display:block;
  margin-left:auto;
  margin-right:auto;
  max-width:100%;
}

.slideshow-1-imagedistortion
    {
        width: 100%;
        height: 100%;
        top: 0px !important;
        left: 0px !important;
    }

.slideshow-1 .smallVideoOverlay {
	background: url('../images/dgovImageSprite.png') 0px -37px no-repeat;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -7px;
	margin-top: -7px;
	z-index: 2;
}

.slideshow-1 .videoOverlay {
	background: url('../images/dgovImageSprite.png') -44px 0px no-repeat;
	width: 82px;
	height: 82px;
	position: absolute;
	margin-left: 277px;
    margin-top: -219px;
	z-index: 2;
}

/*Top Rotator*/
.top-rotator-1 {
  width:632px;
  height:340px;
  background:#EFF1EE;
  border-radius:10px;
  position:relative;
  overflow:hidden;
  z-index:200;
  font-family:Arial,Helvetica,sans-serif;
  visibility:hidden;
  margin-bottom:13px; /* Spacing belongs in container */
}
.top-rotator-1 div.slideContainer {
  width:632px;
  height:340px;
  position:relative;
  z-index:201;
}
.top-rotator-1 div.pagerContainer {
  width:210px;
  height:30px;
  text-align:center;
  position:absolute;
  left:400px;
  top:295px;
  z-index:202;
}
.top-rotator-1 div.slideContainer div.slide {
  width:632px;
  height:340px;
  position:relative;
}
.top-rotator-1 div.slideContainer div.slide div.leftSide {
  width:390px;
  height:340px;
  color:#546856;
  position:absolute;
  left:0px;
  top:0px;
  overflow:hidden;
}
    .top-rotator-1 div.slideContainer div.slide div.leftSide img {
        display: block;
        margin-left: auto;
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }
.top-rotator-1 div.slideContainer div.slide div.rightSide {
  width:242px;
  height:340px;
  position:absolute;
  right:0px;
  top:0px;
}
.top-rotator-1 div.slideContainer div.slide div.rightSide div.slideText {
  height:227px;
  margin:10px 10px 0px 10px;
  overflow:hidden;
}
.top-rotator-1 div.slideContainer div.slide div.rightSide div.slideText div.slideTitle {
  color:#517768;
  font-weight:bold;
  font-size:16px;
  line-height:20px;
}
.top-rotator-1 div.slideContainer div.slide div.rightSide div.slideText div.slideCaption {
  color:#546856;
  font-size:12px;
  line-height:16px;
  margin:10px 5px 0px 5px;
}
.top-rotator-1 div.slideContainer div.slide div.rightSide div.slideLinks {
  height:45px;
  margin:10px 10px 0px 10px;
  text-align:center;
  overflow:hidden;
}
.top-rotator-1 div.slideContainer div.slide div.rightSide div.slideLinks a.link {
  display:inline-block;
  height:14px;
  line-height:14px;
  margin:2px 0px 0px 2px;
  color:#517768;
  background:#AFBEB3;
  border:solid 1px #769083;
  font-size:10px;
  padding:2px 8px;
  text-decoration:none;
}
.top-rotator-1 div.pagerContainer a.page {
  width:17px;
  height:18px;
  margin:3px 0px 0px 5px;
  display:inline-block;
  text-decoration:none;
  background:url("../images/toprotatorSprite.png") -88px 0px;
}
.top-rotator-1 div.pagerContainer a.page.activeSlide {
  background-position:-105px 0px;
}
.jquery-corner > div {
  background-color:transparent !important;
}

.top-rotator-1-imagedistortion
    {
        width: 100%;
        height: 100%;
        top: 0px !important;
        left: 0px !important;
    }

.top-rotator-1 .smallVideoOverlay {
		background: url('../images/dgovImageSprite.png') 0px -37px no-repeat;
		width: 14px;
		height: 14px;
		position: absolute;
		left: 50%;
		top:50%;
		margin-left:-7px;
		margin-top:-7px;
		z-index: 2;
	}
.top-rotator-1 .videoOverlay {
	background: url('../images/dgovImageSprite.png') -44px 0px no-repeat;
	width: 82px;
	height: 82px;
	position: absolute;
	left: 40%;
	top: 40%;
	z-index: 2;
}