/***************** GALLERYVIEW PAGE SPECIFIC STYLES (SIZE) *****************/

/* Thumbnail Size */
.gc_gallery_galleryview ul.gc_gallery li {
	width: 75px;
	height: 75px;
}

/* jCarousel Item Size (Set to same as Thumbnail size above) */
.gc_gallery_galleryview .jcarousel-list li,
.gc_gallery_galleryview .jcarousel-item {
    /* We set the width/height explicitly. No width/height causes infinite loops. */
  width: 75px;
  height: 75px;
}

/* jCarousel Container Size and Padding */
.gc_gallery_galleryview .jcarousel-skin-gcgallery .jcarousel-container-horizontal {
  width: 471px;
  	margin-top: 5px;
	padding: 15px 41px 15px 41px;
	background: #f2f2f2;
	border: 1px solid #e5e5e5;
}

/* jCarousel Item Container Size */
.gc_gallery_galleryview .jcarousel-skin-gcgallery .jcarousel-clip-horizontal {
  width: 471px;
  height: 75px;
}

/* jCarousel Item Margins */
.gc_gallery_galleryview .jcarousel-skin-gcgallery .jcarousel-item-horizontal {
  margin-left: 0px;
  margin-right: 5px;
}

/**************** CAROUSELVIEW PAGE SPECIFIC STYLES (SIZE) *****************/

/* Thumbnail Size */
.gc_gallery_carouselview ul.gc_gallery li {
	width: 75px;
	height: 75px;
}

/* jCarousel Item Size (Set to same as Thumbnail size above) */
.gc_gallery_carouselview .jcarousel-list li,
.gc_gallery_carouselview .jcarousel-item {
  /* We set the width/height explicitly. No width/height causes infinite loops. */
  width: 75px;
  height: 75px;
}

/* jCarousel Container Size and Padding */
.gc_gallery_carouselview .jcarousel-skin-gcgallery .jcarousel-container-horizontal {
  width: 250px;
	padding: 10px 41px 4px 41px;
}

/* jCarousel Item Container Size */
.gc_gallery_carouselview .jcarousel-skin-gcgallery .jcarousel-clip-horizontal {
  width: 250px;
  height: 80px;
}

/* jCarousel Item Margins */
.gc_gallery_carouselview .jcarousel-skin-gcgallery .jcarousel-item-horizontal {
  margin-left: 5px;
  margin-right: 5px;
}

/**************** TIMERVIEW PAGE SPECIFIC STYLES (SIZE) *****************/

/* Thumbnail Size */
.gc_gallery_timerview ul.gc_gallery {
	display: none;
}

.gc_gallery_timerview {
	/*padding: 3px;*/
	/*border: 2px solid black;*/
	padding-top: 5px;
}

.gc_gallery_timerview .gc_gallery_timerview_cont {
	position: relative;
}

.gc_gallery_timerview .timedimageswap-image {
	position: absolute;
	top: 0px;
	left: 0px;
}

.gc_gallery_timerview .timedimageswap-caption {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 28px;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background: #FFFFFF;
}

/********************** GALLERIA AND JCAROUSEL STYLES **********************/


/* Galleria */
.gc_gallery_carouselview .galleria_container {
	display: none;
}

ul.gc_gallery {	
	list-style: none;
	width: 100%;
}

ul.gc_gallery li{
	display: block;
	overflow: hidden;
	float:left; 
	margin: 0px;
	padding: 0px;
}

ul.gc_gallery .thumb {
	cursor:pointer
}

.galleria_container {
	overflow: hidden;
	margin: auto;
}

.galleria_container div.caption {
	font-style: italic;
	text-align: center;
}

.gc_gallery_nav {
	clear: both;
	text-align: center;
}

.gc_gallery_slideshow {
	clear: both;
	text-align: center;
}

/* jCarousel */
/*
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
	position: relative;
}

.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
	float: left;
	list-style: none;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
	z-index: 3;
	display: none;
}

.jcarousel-prev {
	z-index: 3;
	display: none;
}

/* Skin */

.jcarousel-skin-gcgallery .jcarousel-container {
	position: relative;
	/*-moz-border-radius: 10px;*/
	background: #ffffff;
}

.jcarousel-skin-gcgallery .jcarousel-container-horizontal {
	margin: auto;

}

.jcarousel-skin-gcgallery .jcarousel-item-placeholder {
  background: #fff;
  color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-gcgallery .jcarousel-next-horizontal {
	position: absolute;
	top: 26px;
	right: -6px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(img/gc_gallery_next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-gcgallery .jcarousel-next-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-gcgallery .jcarousel-next-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-gcgallery .jcarousel-next-disabled-horizontal,
.jcarousel-skin-gcgallery .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-gcgallery .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: -96px 0;
}

.jcarousel-skin-gcgallery .jcarousel-prev-horizontal {
	position: absolute;
	top: 26px;
	left: 0px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background: transparent url(img/gc_gallery_prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-gcgallery .jcarousel-prev-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-gcgallery .jcarousel-prev-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-gcgallery .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-gcgallery .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-gcgallery .jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  background-position: -96px 0;
}



/*

.jcarousel-skin-gcgallery .jcarousel-container-vertical {
    width: 80px;
    height: 260px;
    padding: 40px 20px;
}

.jcarousel-skin-gcgallery .jcarousel-clip-vertical {
    width:  80px;
    height: 260px;
}

.jcarousel-skin-gcgallery .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-gcgallery .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 41px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}
.jcarousel-skin-gcgallery .jcarousel-next-vertical:hover {background-position: 0 -32px;}
.jcarousel-skin-gcgallery .jcarousel-next-vertical:active {background-position: 0 -64px;}
.jcarousel-skin-gcgallery .jcarousel-next-disabled-vertical,
.jcarousel-skin-gcgallery .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-gcgallery .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-gcgallery .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 41px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}
.jcarousel-skin-gcgallery .jcarousel-prev-vertical:hover {background-position: 0 -32px;}
.jcarousel-skin-gcgallery .jcarousel-prev-vertical:active {background-position: 0 -64px;}
.jcarousel-skin-gcgallery .jcarousel-prev-disabled-vertical,
.jcarousel-skin-gcgallery .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-gcgallery .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

*/

/***************************** LIGHTBOX STYLES *****************************/

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#lightbox-loading-link {
	height: 31px;
	width: 31px;
	margin: auto;
	background: url(img/gc_gallery_lightbox_ico_loading.gif) top left no-repeat;	
	/* ../../../../../fileadmin/templates/css/img/loading.gif */
}

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}

#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}

#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}

#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}

#lightbox-container-image-data {
	padding: 0 0; 
	color: #666; 
}

#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	

#lightbox-image-details-caption {
	font-style: italic;
	text-align: center;
}

#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			

#lightbox-secNav-btnClose {
	width: 20px; 
	float: right;
	padding-bottom: 0.7em;	
}

#lightbox-secNav-btnClose-img {
	float: right;
	width: 20px;
	height: 20px;
	background: url(img/gc_gallery_lightbox_btn_close.gif) top left no-repeat;	
}