@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
/* 5_0: Large changes for consistency: attachments, teasers, directional buttons. Improved default gallery-detail, gallery-file [Author: Landon Durnan]

/* GALLERY AND FILE-LIST STYLES
*******************************************************************************/

/* 
-----------------------------------------------------------------------------
 =Gallery-Detail
----------------------------------------------------------------------------- */
.gallery-detail{}
	.gallery-detail h1{}
	.gallery-detail h3{}
	.gallery-detail p.description{}
	.gallery-detail dl.image{}
		.gallery-detail dl.image dt{}
		.gallery-detail dl.image dd{}
			dl.gallery-photo dd #SI_galleryImgNumOf { margin-bottom: .6em; }
			.gallery-detail dl.image dd #SI_galleryImgTitle { margin: 0; }
			.gallery-detail dl.image dd #SI_galleryImgDesc { margin: 0; }
			.gallery-detail dl.image dd #SI_galleryImgDesc p { margin: 0; line-height: normal; }

.sc .gallery { width: 206px; position: relative; left: -7px; }


/* Gallery Form */
#gallery-form{ margin: 0 0 1.5em 0; }
	#gallery-form select{}
	.sc #gallery-form select{ width: 100%; }
		.sc .gallery-control #gallery-form{ margin-left: 7px; }
	
/* Gallery Photo */
.gallery-photo dt { margin-bottom: .4em; }
	.gallery-photo dt img { border: 3px solid #D6D6D6; }

/* Gallery Paging */
.gallery-paging{ margin-bottom: .5em; } /* also #SI_gallerySets */
	.gallery-paging strong{}
	.gallery-paging span{}
		.gallery-paging span a{}

/* Gallery Previous / Next Buttons */
.gallery-directional{ height: 2em; position: relative; }
	.gallery-directional #SI_galleryImgPrev { position: absolute; left: 0; }
	.gallery-directional #SI_galleryImgNext { position: absolute; right: 0; }
	.gallery-directional #SI_galleryImgPrev .button,
	.gallery-directional #SI_galleryImgPrev .disabled,
	.gallery-directional #SI_galleryImgPrev a,
	.gallery-directional #SI_galleryImgNext .button,
	.gallery-directional #SI_galleryImgNext .disabled,
	.gallery-directional #SI_galleryImgNext a {
		background-color: transparent;
		border: 0;
		color: #4255BE!important; 
		font: 10px Tahoma, Arial, Helvetica, sans-serif;
		padding: 0; 
		text-decoration: none;
		font-weight: bold!important;	
		}
	.gallery-directional #SI_galleryImgPrev a:hover,
	.gallery-directional #SI_galleryImgNext a:hover {
		color: #9B1320!important; 
		}
	.gallery-directional #SI_galleryImgPrev a.disabled,
	.gallery-directional #SI_galleryImgNext a.disabled {
		color: #666!important;	
		}
	.gallery-directional #SI_galleryImgPrev em {
		font-style: normal;
		font: 10px Tahoma, Arial, Helvetica, sans-serif;
		color: #666;
		font-weight: bold;
		}
		.gallery-directional .gallery-previous a{ display: block; }
		.gallery-directional .gallery-next a{ display: block; }

/* Gallery Thumbnails */
.gallery-thumbnails{}
	.gallery-thumbnails ul#SI_galleryThumbs{ list-style: none; margin: 0; }
		.gallery-thumbnails ul#SI_galleryThumbs li{ 
			background-color: #E8E8E8;
			border: 1px solid #D6D6D6;
			display: inline;
			float: left;
			margin: 0 10px 10px 0;
			padding: 3px;
			background-image: none;
			}
		.gallery-thumbnails ul#SI_galleryThumbs li.alt{ margin-right: 0; }
		.gallery-thumbnails ul#SI_galleryThumbs li.active{
			background-color: #fff;
			border: 1px solid #C44E2D;
			}
			.gallery-thumbnails ul#SI_galleryThumbs li a{ 
				display: block;
				height: 90px;
				overflow: hidden;
				position: relative;
				width: 90px;
				}
			.gallery-thumbnails ul#SI_galleryThumbs li.active a{}
			.gallery-thumbnails ul#SI_galleryThumbs li a.file{
				background-position: 50% 50%;
				padding: 0 !important;
				text-indent: -9999px;
				}
				.gallery-thumbnails ul#SI_galleryThumbs li a img{ 
					display: block; 
					position: relative; 
					margin: -25% 0% 0% -50%;
					}

/* 
-----------------------------------------------------------------------------
 =Teaser-Gallery
----------------------------------------------------------------------------- */
.gallery-teaser {}
	.gallery-teaser a.image {}
		.gallery-teaser a img {}
	.gallery-teaser h2 {}
	.gallery-teaser h3 {}
	.gallery-teaser h4 {}
	.gallery-teaser p.more { text-align: right; }
		.gallery-teaser p.more a {
			color: #9B1320;
			font-weight: normal;
			background: url(/images/common/icon_more.gif) no-repeat right 50%;
			padding: 1px 20px 1px 0;
			}
		.gallery-teaser p.more a:hover { color: #4255BE; }
	.gallery-teaser a.more {}
	.gallery-teaser a.edit {}
	.gallery-teaser dl.image dd { padding: 9px 0 0 0; }
	.pc .gallery-teaser { width: 382px; }
		.pc .gallery-teaser dl.image dd { padding: 4px 4px 0 4px; }
		.pc .gallery-teaser #gallery-form { padding: 0 4px; }
	.sc .gallery-teaser {
		width: 204px;
		position: relative;
		left: -5px;
		border-top: 5px solid #9B1320;
		padding-top: 2px;
		}
		.sc .gallery-teaser select { width: 100%; }
		.sc .gallery-teaser h2 {
			font: bold 1.2em/1.4em Georgia, "Times New Roman", Times, serif;
			color: #9B1320;
			}
		.sc .gallery-teaser dl.image dd { padding: 4px 4px 0 4px; }
		.sc .gallery-teaser h3 {
			font: bold 1.1em/1.3em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
			color: #2D376F;
			margin-bottom: .7em;
			}
			.sc .gallery-teaser #gallery-form { width: 204px; margin-left: 7px; }
			select.gallery-select { margin-bottom: 1.5em; }
	
	
/* 
-----------------------------------------------------------------------------
 =Attachments-Gallery
----------------------------------------------------------------------------- */
.gallery-attachment {}
	.gallery-attachment h2 {}
	.gallery-attachment .gallery-directional{}
	.gallery-attachment .gallery-directional .gallery-previous{}
	.gallery-attachment .gallery-directional .gallery-next{}
		.gallery-attachment .gallery-directional .gallery-previous a{}
		.gallery-attachment .gallery-directional .gallery-next a{}
	.gallery-attachment dl.image-list {}
		.gallery-attachment dl.image-list dt {}
			.gallery-attachment dl.image-list dt a{}
				.gallery-attachment dl.image-list dt a img{}
		.gallery-attachment dl.image-list dd {}
		.gallery-attachment dl.image-list dd h3.gallery-title {}
		.gallery-attachment dl.image-list dd p.gallery-caption{ line-height: normal; margin: 0;}

/* 
-----------------------------------------------------------------------------
 =File Gallery
----------------------------------------------------------------------------- */
.gallery-file {}
	.gallery-file dl.file-group {}
	/* .gallery-file / .gallery-list */
	dl.file-list,
	dl.file-list dt,
	dl.file-list dd {
		margin: 0;
		padding: 0;
		}
	.sc dl.file-list h2 { margin-bottom: .4em; }
		dl.file-list dt,
		dl.file-list dt strong {
			color: #666;
			}
		dl.file-list dd p {
			padding: 0;
			margin: 0 0 1em 0;
			}
			dl.file-list dd p p {
				padding: 0;
				margin: 0;
				}
		dl.file-list ul {
			list-style: none;
			padding: 0;
			margin: 0;
			}
			dl.file-list ul li,
			.sc dl.file-list ul li {
				background: none;
				padding-left: 0;
				line-height: 1.4em;
				}
				dl.file-list ul li a {
					}
				dl.file-list ul li p {
					}
			dl.file-list dl.images { margin-bottom: 1.5em; }
				dl.file-list dl.images dt { margin-bottom: .4em; }
					dl.file-list dl.images dt img { border: 3px solid #D6D6D6; }
	.gallery-file a.edit {}
	
	.gallery-file dl.file-list{}
		.gallery-file dl.file-list dt{}
		.gallery-file dl.file-list dd{}
	.gallery-list dl.file-list{}
		.gallery-list dl.file-list dt{}
		.gallery-list dl.file-list dd{}


/* 
-----------------------------------------------------------------------------
/* Below is condensed temporarily - Not frequently used
-----------------------------------------------------------------------------
/* 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 {	}
	
/* 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 {
	}
.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 {
	}

/* Ticker
----------------------------------------------------------------------------- */
#ticker-control {
	padding: 0 0 12px 28px;
	float: left;
	width: 100%;
	}
	#ticker-control a {
		float: left;
		display: block;
		margin-right: 10px;
		}
#ticker-pager { clear: left; }
	#ticker-pager a {
		background: #ECEBEC;
		border: 1px solid #D6D6D5;
		color: #333;
		padding: 3px 0;
		width: 24px;
		display: block;
		float: left;
		text-align: center;
		margin: 0 12px 12px 0;
		}
		#ticker-pager a.activeSlide {
			background: #4255BE;
			border: 1px solid #7587ED;
			color: #FFF;
			}
.mini-directional { height: 2em; }
.mini-directional a span#SI_miniPrev { float: left; }
.mini-directional a span#SI_miniNext { float: right; }