/* 	[ COPYRIGHT CONTEGRO  - Intelligent Website Content Management ]   */
/* 	[ http://www.contegro.com ]   */



/* -----[ IMAGE GALLERY ]--------------------------------------------------------------------- */

/*
		Unless changed below, the List will use styles from DefaultTheme.css
		Do not change class names. Alter attributes as required.
*/

/* === [ PAGING ] ============================== */

 /* Displays at the Top of list */
.GalleryCategories .OrderingTop
{
}
 /* Displays at the Bottom of list */
.GalleryCategories .OrderingBottom 
{
}
 /* Numbers */
	.GalleryCategories .OrderingTop a, 
	.GalleryCategories .OrderingBottom a 
	{
	}
	.GalleryCategories .OrderingTop a:hover, 
	.GalleryCategories .OrderingBottom a:hover 
	{
	}
 /* Selected Page */
	.SelectedPage {
	}
 /* Next and Back */
 	.GalleryCategories .OrderingTop a.OrderingNext, 
	.GalleryCategories .OrderingTop a.OrderingBack, 
	.GalleryCategories .OrderingBottom a.OrderingNext, 
	.GalleryCategories .OrderingBottom a.OrderingBack
	{
	}
	.GalleryCategories .OrderingTop a.OrderingNext, 
	.GalleryCategories .OrderingBottom a.OrderingNext
	{
	}
	.GalleryCategories .OrderingTop a.OrderingBack, 
	.GalleryCategories .OrderingBottom a.OrderingBack 
	{
	}
	.GalleryCategories .OrderingTop a.OrderingNext:hover, 
	.GalleryCategories .OrderingTop a.OrderingBack:hover,
	.GalleryCategories .OrderingBottom a.OrderingNext:hover, 
	.GalleryCategories .OrderingBottom a.OrderingBack:hover
	{
	}

/* -----[ IMAGE GALLERY CATEGORIES Module ]----------------------------------------------------- */
	
	/* === [ Surrounding DIV ] === */
	.GalleryCategories {
		position: relative;
		margin: 0px;
		padding: 0px;
		height: 1%;
	}
	.Gallery  /* === [ DIV ] === */
	{
		position: relative;
		text-align: center;
		display: block;
		margin: 0px;
		padding: 0px;
		
	}
		/* === [ DIV ] === */
			.GalleryImageRow table {
				position: relative;
				text-align: center;
				display: block;
				margin: 0px;
			}
		/* === [ TR ] === */
			.GalleryCategories table tr td,
			.GalleryImageRow td {
				padding: 4px;
				margin: 0;
				vertical-align: top;
				border: #88a8c0 4px solid;
				background: url(/Templates/Concert/_images/imageBkg.jpg) no-repeat bottom left;
			}
		/* === [ Surrounding DIV of Thumbnail and GalleryHeading ] === */
			.ThumbBorder {
				margin: 0px;
				padding: 8px;
				border: #88a8c0 1px solid;
				
			}
			.ThumbBorder:hover {
				border: #b0dcfc 1px solid;
			}
				/* === [ IMG ] === */
					.ThumbBorder img {
						margin: 0px;
					}
					
	.GalleryImageLink {
		min-height: none;
		display: block;
	}
	.GalleryImageLink {
		min-height: 70px;
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 4px 0px;
		display: block;
	}

		/* === [ Heading ] === */
			.GalleryHeading {
				text-align: center;
			}
					.GalleryHeading a {
						font-weight: bold;
						font-size: 1.2em;
						text-decoration: none;
						text-align: left;
						padding: 0px 0 0 0px;
						color: #333;
					}
		/* === [ Description ] === */
			.GalleryDesc {
				font-size: 1em;
				font-weight: normal;
			}
		/* === [ New Icon ] === */
			.ThumbNew {
				margin-left: auto;
				margin-right: auto;
				display: block;
			}

	
	
	
	
	
	
	
/* -----[ IMAGE GALLERY THUMBNAILS Module - Table Layout ]--------------------------------------- */
	
	.GalleryThumbnails /* === [ Surrounding DIV of Table Layout ] === */
	{
		position: relative;
		margin: 20px 0px;
		padding: 0px;
		padding-bottom: 1px;
		/* === [ Add in overflow if Table layout extends beyond Container ] === */
		/* overflow: scroll; */
	}
	.GalleryThumbnails .GalleryHeading /* === [ Heading ] === */
	{
		font-size: 1.3em;
		font-weight: bold;
		text-align: left;
	}
	.GalleryThumbnails .GalleryDesc /* === [ Description ] === */
	{
		font-size: 0.8em;
		font-weight: normal;
		text-align: left;
	}
	.GalleryImageHires {
		margin: 10px 0px 0px 0px;
	}
	.GalleryHires,
	.GalleryImageHiresLink {
		background: url(/Templates/_images/icon_link.gif) no-repeat center left;
		font-weight: normal;
		padding: 0px 0px 0px 18px;
		margin: 3px 0px 0px 0px;
	}
	

	.GalleryThumbnails table /* === [ TR ] === */
	{
		background: #fff;
	}
	.GalleryThumbnails .GalleryImageRow td /* === [ TR ] === */
	{
		text-align: left;
		margin: 4px;
		
		
	}

/* -----[ IMAGE GALLERY THUMBNAILS Module - Scroller Layout ]--------------------------------------- */

	.GalleryScrollerHorizontal /* === [ Surrounding DIV of Scroller ] === */
	{
		position: relative;
		text-align: center;
		margin: 0px;
		padding: 70px 0 0 0;
		display: block;
		background: url(/Templates/Concert/_images/swirlbkg.gif) no-repeat top center;
		
		
	}
	.GalleryScrollerVertical /* === [ Surrounding DIV of Scroller ] === */
	{
		position: relative;
		text-align: center;
		margin: 0px;
		padding: 10px;
		display: block;
		float: left;
	}
	.GalleryOuterH  /* === [ Surrounding DIV of Scroller Placement ] === */
	{
		background: url(/Templates/Concert/_images/scrollerGallery.jpg) no-repeat bottom left;
		position: relative;
		border: #88a8c0 1px solid;
		overflow: hidden;
		float: left;
		clear: both;
		display: block;
		margin: 15px 0 0 0;
		padding: 8px 8px 8px 8px;
	}
	.GalleryInnerH  /* === [ Inner DIV of Scroller - Contains Thumbnails ] === */
	{
		position: absolute;
		top: 0px;
		left: 0px;
		margin: 0px;
	}
	.GalleryInnerH img 
	{
		padding: 2px;
	  filter: alpha(opacity=100);
	  opacity: 1;
	  background: #88a8c0;
	}
	.GalleryInnerH a:hover img {
		padding: 2px;
		background: #88a8c0;
		filter: alpha(opacity=70);
		opacity: 0.7;
	 }
	
	.GalleryInnerH a:active img {
	  padding: 2px;
	  background: #88a8c0;
	  filter: alpha(opacity=100);
	  opacity: 1;
	 }	
	.GalleryLeft  /* === [ Scroller Buttons ] === */
	{
	}
	.GalleryRight {
		margin: 0 0 0 -4px;
	}
	.GalleryBack {
		margin: 10px 0px 0px 0px;
	}
	.GalleryNext {
		margin: 10px 0px 0px 0px;
	}
	
/* -----[ IMAGE GALLERY IMAGE Module ]----------------------------------------------------------- */

	.GalleryImageHolder /* === [ Surrounding DIV of Image Gallery Image Module ] === */
	{
		margin: 1px auto;
		padding: 0px;
		display: inline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		color: #847b72;

	}
	.HorizontalTable /* === [ Addition for Horizontal Table Option ] === */
	{
		width: 100%;
		
	}	
	.HorizontalScroller /* === [ Addition for Horizontal Scroller Option ] === */
	{
		width: 100%; 
	}
	.VerticalScroller /* === [ Addition for Horizontal Scroller Option ] === */
	{
		padding: 0px 20px;
	}
	.GalleryImageControl  /* === [ Inner DIV of Image Gallery Image Module ] === */
	{
		display: block;
		white-space: nowrap;
	}
	.GalleryImage  /* === [ Image ] === */
	{
		margin: 0px auto;
		padding: 10px;
		border: #d7d7d7 1px solid;
		background: #FFFFFF;
		clear: both;
		display: block;
	}
	.GalleryImageTitle  /* === [ Title ] === */
	{
		clear: both;
		font-weight: bold;
		font-size: 1.3em;
		padding: 0 0 10px 0px;
	}
	
	.GalleryImageLabel {
		clear: none;
		float: left;
		width: auto;
		font-size: 1.4em;
		padding: 0 20px 0 0px;
	}
	.GalleryImageValue {
		clear: none;
		float: left;
		width: auto;
		font-size: 1.4em;
		padding: 0 0 0 0;
	}
	.GalleryImageDescription  /* === [ Decription ] === */
	{
		font-size: 1.2em;
		text-align: left;
		padding: 0 0 0 0px;
		color: #000000;
	}
	.GalleryImageCode  /* === [ Code ] === */
	{
		padding: 0 10px 0 0px;
		float: left;
		clear: none;
		font-size: 1.2em;
	}
	.GalleryImagePrice  /* === [ Price ] === */
	{
		font-size: 1.2em;
		text-align: left;
		padding: 0 0 0 0px;
	}
	.GalleryImageHolder .ImageControls {
				padding: 10px 0 20px 0px;
				margin: 0px 0 0 0px;
				clear: both;
			}
	.PrintButtonBottom {
		margin: 30px 0px 0px 0px;
	}
	
/* -----[ IMAGE DISPLAY - POPUP WINDOW OPTION ]----------------------------------------------- */

	.ImageGalleryPopup {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
	color: #847b72;
		margin: 0px;
		padding: 10px;
		text-align: center;
		background-color: #FFFFFF;
	}
	.ImageGalleryPopup a {
		color: #000000;
		text-decoration: none;
	}
	.ImageGalleryPopup a.hover {
		text-decoration: underline;
	}
	.GalleryImageMouseOverPopup{
		padding: 5px;
		background-color:#FFFFFF;
		border: #d7d7d7 1px solid;
	}
	
/* -----[ IMAGE GALLERY SEARCH module ]----------------------------------------------- */

	.ImageGallerySearch /* === [ Decription ] === */
	{
		position: relative;
		display: block;
		clear: both;
		font-size: 1.2em;
		margin: 20px 23px 20px 20px;
		width: 180px;
		padding: 10px 10px 10px 30px;
		background: #FFFFFF;
	}
	.ImageGalleryHeading /* === [ Heading ] === */
	{
		margin: 2px 0px 10px 0px;
		font-weight: bold;
		font-size:1.4em;
	}
	.ImageGalleryTitle /* === [ Title ] === */
	{
		margin: 4px 0px 2px 0px;
		font-weight: bold;
	}
	.ImageGallerySearch input /* === [ Decription ] === */
	{
		width: 145px;
		font-size: 14px;
		margin-bottom: 4px;
	}
	.ImageGallerySearch select /* === [ Decription ] === */
	{
		font-size: 14px;
		width: 170px;
		margin-bottom: 4px;
	}
	.ImageGallerySearch input[type=checkbox] {
		margin: 0px 6px 0px 2px;
		width: auto;
		
	}
	.ImageGallerySearch input[type=radio] {
		margin: 0px 6px 0px 0px;
		width: auto;
	}
	 
	.ImageGallerySearchButton /* === [ Button ] === */
	{
		margin: 6px 0px 0px 0px;
		width: auto;
	}
	
/* -----[ Gallery Image Carousel ]----------------------------------------------- */

.GalleryImageCarousel {
	height: 400px;
	clear: both;
	display: block;
}
.LoadingPanel {
}
	.GalleryImageCarousel .BackWrapper {
		width: 32px;
		float: left;
		height: 410px;
		line-height: 400px;
	}
	.GalleryImageCarousel .BackWrapper img, .GalleryImageCarousel .NextWrapper img {
		vertical-align: middle;
	}
	.GalleryImageCarousel .NextWrapper {
		width: 32px;
		margin-left: 635px;
		height: 410px;
		line-height: 400px;
	}
	.GalleryImageCarousel .CarouselWrapper {
		margin: 0px 35px;
	}
		.GalleryImageCarousel .CarouselImage {
			width: 400px;
			height: 370px;
			line-height: 370px;
			float: left;
			text-align: middle;
			overflow: hidden;
			position: relative;
			z-index: 20;
			}
		.GalleryImageCarousel .CarouselImage img {
			vertical-align: middle;
		}
		.GalleryImageCarousel .CarouselWrapper .GalleryImage {
			margin: 0;
		}
		.GalleryImageCarousel .GalleryPreviousImages {
			width: 100px;
			float: left;
			height: 410px;
			overflow:visible;
			position: relative;
		}
		.GalleryImageCarousel .GalleryPreviousImages div {
			height: 410px;
			line-height: 410px;
		}
		.GalleryImageCarousel .GalleryPreviousImages div img {
			vertical-align: middle;
		}
			.GalleryImageCarousel .GalleryPrevious1 {

				float: left;
				width: 270px;
				overflow: hidden;
				position: absolute;
				left: 35px;
			}
			.GalleryImageCarousel .GalleryPrevious1 img {
				height: 200px;
				position: absolute;
				left: 0px;
				top: 105px;
				z-index: 10;
			}
			.GalleryImageCarousel .GalleryPrevious2 {
				float: left;
				width: 35px;
			}
			.GalleryImageCarousel .GalleryPrevious2 img {
				height: 140px;
			}
		.GalleryImageCarousel .GalleryNextImages {
			width: 100px;
			float: left;
			height: 410px;
			overflow: visible;
			position: relative;
		}
		.GalleryImageCarousel .GalleryNextImages div {
			height: 410px;
			line-height: 410px;
		}
		.GalleryImageCarousel .GalleryNextImages div img {
			vertical-align: middle;
		}
			.GalleryImageCarousel .GalleryNext1 {
				float: left;
				width: 270px;
				overflow: hidden;
				position: absolute;
				right: 35px;
			}
			.GalleryImageCarousel .GalleryNext1 img {
				height: 200px;
				position: absolute;
				right: 0px;
				top: 105px;
				z-index: 10;
			}
			.GalleryImageCarousel .GalleryNext2 {
				margin-left: 65px;
				width: 35px;
				overflow: hidden;
				position: relative;
			}
			.GalleryNext2 img {
				height: 140px;
				vertical-align: middle;
				right: 0px;
				position: relative;
				z-index: 5;
			}
			.ListSelect {
				text-align: center;
			}
			.ListSelectButton {
				display: inline;
			}

/* Automatically Updateded in patch version 3.05.05.30800 */
/* -----[ Patch 3.6.0 ]----- */
/* -----[ Feature ID 323, 433.Defect ID 1123 Upgrade for Editor  ]----- */
/* -----[ Add to ImageGallery.css  ]----- */
/* -----[ IMAGE GALLERY CATEGORIES Module ]----------------------------------------------------- */

	.ImagePosition { /* === [ Span ] === */
	}
	.ThumbnailBack { /* === [ Span ] === */
	}
	.ThumbnailNext { /* === [ Span ] === */
	}
	.ImageNext { /* === [ Span ] === */
	}
	.ImageBack { /* === [ Span ] === */
	}
	.GalleryDesc {
	}