@import url("/_infrastructure/css/module/gallery.css");

/* VERSIONS
/* 4_5: Initial css version, with most recent production improvements
/* 4_6: Added empty teaser gallery css, renamed to teaser-gallery, and added portal teaser/file gallery css as seperate styles

/* GALLERY AND FILE-LIST STYLES
*******************************************************************************/

/* MAIN GALLERY
----------------------------------------------------------------------------- */
.gallery {
	position: relative;
	}
.gallery .gallery-top {
	}
.gallery form.gallery select {
	width: 220px; 
	margin-bottom: 10px;
	}
.gallery .gallery-control {
	}
.gallery .gallery-directional em {
	font-style: normal;
	}
.gallery .gallery-photo {
	}
.gallery .gallery-photo img {
	display: block;
	border: 5px solid #E5E5E5; 
	padding: 1px; 
	background-color: #FFF; 
	}
.gallery .gallery-photo dd #SI_galleryImgTitle {
	font-size: 1em;
	}
.gallery .gallery-photo dd #SI_galleryImgDesc {
	}
#gallery-form {
	}
		
/* GALLERY THUMBNAILS
----------------------------------------------------------------------------- */
.gallery .gallery-thumbnails {
	}
.gallery .gallery-thumbnails ul {
	list-style: none;
	width: 190px;
	padding: 0;
	background-color: #FFF;
	}
.gallery ul li {
	float: left;
	display: inline;
	margin: 0 11px 11px 0;
	border: 3px solid #E5E5E5; 
	padding: 1px; 
	background-color: #FFF; 
	}
.gallery ul li.active {
	border-color: #3E9DD4;
	}
/* IE MAC HACK */
/*\*/ .gallery ul li a {
	position: relative;
	overflow: hidden;
	width: 76px;
	height: 51px;
	display: block;
	margin: 0;
	} /**/
.gallery ul li img { display: block; margin: 0; }
.gallery .empty {
	margin-left: 20px;
	}
.gallery ul li a.file {
	text-indent: -9999px;
	padding: 0 !important;
	background-position: 50% 50%;
	}


/* GRID GALLERY
----------------------------------------------------------------------------- */
.gallery-grid {
	position: relative;
	}
.select-paging {
	width: 30%;
	}	
.gallery-grid .paging-container:after,
.column-container:after {
	content: ".";
	display: list-item;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.column-container div {
	float: left;
	}
.column-container .col-1 {
	margin-right: 24px;
	}
.gallery-grid dl.gallery-image { 
	border: 1px solid #DDD;
	background-color: #EEE; 
	padding: 8px;
	}
.gallery-grid dl.gallery-image img {
	background-color: #FFF;
	padding: 3px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	} 
.gallery-grid dl.gallery-image p {
	margin: 4px 0 0;
	}
.gallery-grid .paging-container {
	position: relative;
	padding: 0 30px 0 32px;
	float: left;
	}
.gallery-grid .paging-container span {
	color: #999;
	}
.gallery-grid .paging-container .prev-btn,
.gallery-grid .paging-container .next-btn {
	position: absolute;
	top: 0;
	
	width: 28px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	
	border: 1px solid #DDD;
	background-color: #EEE;
	}
.gallery-grid .paging-container .prev-btn {
	left: 0;
	}
.gallery-grid .paging-container .next-btn {
	right: 0;
	}
.gallery-grid .paging-container ul {
	list-style: none;
	padding: 0;
	}
.gallery-grid .paging-container li {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	
	border: 1px solid #DDD;
	background-color: #EEE; 
	margin-right: 2px;
	}
.gallery-grid .paging-container li.active {
	background-color: #999;
	}
.gallery-grid .paging-container li.active a {
	color: #FFF;
	}
.gallery-grid .gallery-desc {
	clear: both;
	padding-top: 0.6em;
	}

/* GALLERY LIST WITH THUMBS
----------------------------------------------------------------------------- */
.gallery-thumblist {
	}
.gallery-thumblist .gallery {
	margin-bottom: 10px;
	}
.gallery-thumblist .gallery .picturebox {
	padding: 0;
	margin: 0;
	}
.gallery-thumblist .gallery .picturebox a,
.gallery-thumblist .gallery .picturebox img {
	margin: 0;
	padding: 0;
	}
.gallery-thumblist .gallery .picturebox a.file {
	/*text-indent: -9999px;
	padding: 0 !important;*/
	background-position: 50% 50%;
	height: 50px;
	width: 50px;
	}
	
.gallery-thumblist .gallery p {
	}

/* FILE-LIST
----------------------------------------------------------------------------- */
.gallery-file, 
.gallery-file dl.file-group, 
.gallery-file dl.file-list {
	margin: 0;
	padding: 0;
	}
.gallery-file dl.file-group dt, 
.gallery-file dl.file-list dt {
	margin: 0;
	padding: 0;
	}	
.gallery-file dl.file-group dt,
.gallery-file dl.file-group dt strong, 
.gallery-file dl.file-list dt,
.gallery-file dl.file-group dt,
.gallery-file dl.file-group dt strong,
dl.file-list h2 {
	}
.gallery-file dl.file-group * dd, 
.gallery-file dl.file-list * dd, 
dl.file-list dd {
	padding: 0;
	margin: 0;
	}
.gallery-file dl.file-group dd p, 
.gallery-file dl.file-list dd p, 
dl.file-list dd p {
	padding: 0;
	margin: 0 0 5px 0;
	}
.gallery-file dl.file-group dd p p, 
.gallery-file dl.file-list dd p p, 
dl.file-list dd p p {
	padding: 0;
	margin: 0;
	}
.gallery-file dl.file-group ul, 
.gallery-file dl.file-list ul, 
dl.file-list ul {
	list-style: none;
	list-style-image: none; 
	padding: 0;
	margin: 0;
	}
.gallery-file dl.file-group ul li, 
.gallery-file dl.file-list ul li, 
dl.file-list ul li {
	background: none;
	padding-left: 0;
	}
.gallery-file dl.file-group ul li a, 
.gallery-file dl.file-list ul li a, 
dl.file-list ul li a {
	}
.gallery-file dl.file-group ul li p, 
.gallery-file dl.file-list ul li p, 
dl.file-list ul li p {
	}
.gallery-file a.edit {
	}

/* Relates Photos
----------------------------------------------------------------------------- */
.sc .mini-gallery {
	margin-left: 1px;
	}
.pc .mini-gallery .mini-directional, 
.sc .mini-gallery .mini-directional {
	margin: 0 6px 6px 6px; 
	width: 70px; 
	height: 15px; 
	width: auto;  
	position: relative; 
	}
.pc .mini-gallery .mini-directional a img, 
.sc .mini-gallery .mini-directional a img { position: absolute; }
.pc .mini-gallery .mini-directional a img.mini_prev, 
.sc .mini-gallery .mini-directional a img.mini_prev { left: 0; }
.pc .mini-gallery .mini-directional a img.mini_next, 
.sc .mini-gallery .mini-directional a img.mini_next { left: 40px; }
.pc .mini-gallery dl, 
.sc .mini-gallery dl {	
	width: 256px; 
	}
.pc .mini-gallery dl dt a, 
.sc .mini-gallery dl dt a { 
	}
.pc .mini-gallery dl dt a img, 
.sc .mini-gallery dl dt a img { 
	display: block;
	border: 5px solid #E5E5E5; 
	padding: 1px; 
	background-color: #FFF; 
	}
.sc .mini-gallery dl dt a img { 
	}
.pc .mini-gallery dl,  
.pc .mini-gallery dl dd, 
.sc .mini-gallery dl,  
.sc .mini-gallery dl dd {
	padding: 0;
	margin: 0;  
	font-size: 0.92em; 
	line-height: 1.1em; 
	} 
.pc .mini-gallery dl dd h5#SI_miniTitle, 
.pc .mini-gallery dl dd div#SI_miniCaption, 
.pc .mini-gallery dl dd p, 
.sc .mini-gallery dl dd h5#SI_miniTitle, 
.sc .mini-gallery dl dd div#SI_miniCaption, 
.sc .mini-gallery dl dd p {
	margin: 0; 
	padding: 2px 6px; 
	}

/* TEASER GALLERY
----------------------------------------------------------------------------- */
.gallery-teaser {
	}
.gallery-teaser a.image {
	}
.gallery-teaser a img {
	display: block;
	border: 5px solid #E5E5E5; 
	padding: 1px; 
	background-color: #FFF; 
	}
.gallery-teaser h2 {
	}
.gallery-teaser h3 {
	}
.gallery-teaser h4 {
	}
.gallery-teaser p {
	}
.gallery-teaser a.more {
	font-weight: bold; 
	}
.gallery-teaser a.edit {
	}
.gallery-teaser form#gallery-form select {
	width: 220px; 
	margin-bottom: 6px; 
	}

	
/* PORTAL GALLERY STYLES
*******************************************************************************

PORTAL FILE GALLERY
----------------------------------------------------------------------------- */
.portal-gallery-file {
	}
.portal-gallery-file dl.file-group {
	}
.portal-gallery-file dl.file-list {
	margin: 0 0 0 10px;
	padding: 0;
	}
.portal-gallery-file dl.file-list dt {
	padding: 0;
	margin: 0;
	}	
.portal-gallery-file dl.file-list dt ,
.portal-gallery-file dl.file-list dt strong {
	color: #440022;
	}
.portal-gallery-file dl.file-list dd p {
	padding: 0;
	margin: 0 0 5px 0;
	}
.portal-gallery-file dl.file-list dd p p {
	padding: 0;
	margin: 0;
	}
.portal-gallery-file dl.file-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
.portal-gallery-file dl.file-list ul li {
	background: none;
	padding-left: 0;
	}
.portal-gallery-file dl.file-list ul li a {
	}
.portal-gallery-file dl.file-list ul li p {
	}
.portal-gallery-file a.edit {
	}
.portal-gallery-file p.login-link {
	}

/* PORTAL TEASER GALLERY
----------------------------------------------------------------------------- */
.portal-gallery-teaser{
	}
.portal-gallery-teaser a.image {
	}
.portal-gallery-teaser a img {
	}
.portal-gallery-teaser h2 {
	}
.portal-gallery-teaser h3 {
	}
.portal-gallery-teaser h4 {
	}
.portal-gallery-teaser p {
	}
.portal-gallery-teaser a.more {
	}
.portal-gallery-teaser a.edit {
	}
.portal-gallery-teaser p.login-link {
	}
