@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{}

	.gallery .list{}
		.gallery .list .images{}
		.gallery .list .images li{}
				.gallery .list .images a img{ }
			.gallery .list .images .info{ }
				.gallery .list .images .info p{}
				.gallery .list .images .info .caption{}
				.gallery .list .images .info .description{}
				.gallery .list .images .info .total{}
	
	.gallery .grid{}
		.gallery .grid .images{}
			.gallery .grid .images li{}
				.gallery .grid .images .thumb{}
					.gallery .grid .images .thumb a{ 
						display: block; 
						position: relative; 
						overflow: hidden;
						background-color: #040745;
						color: #ffffff;
						text-decoration: none;
						padding: 0;
						}
						.gallery .grid .images li a img{ }
				.gallery .grid .images .info{}
					.gallery .grid .images .info p{}
					.gallery .grid .images .info .caption{ }
					.gallery .grid .images .info .description{}
					.gallery .grid .images .info .total{}
				
	.gallery .detail .images .info{ display: none; }
	
		/* don't want to do this, but there are double dl output on file code */
		.file dl.files{ list-style: none; margin: 0; padding: 0; }
			.file dl.files li{ margin-bottom: .5em;}
				.file dl.files li p{ margin: 0; }
				.file dl.files dt strong { color: #0B0C54; }
				
	.teaser select{ margin-bottom: 1em; }
	
/* Gallery Form=
#gallery-form{ margin: 1em 0; }
	#gallery-form select{}
	.sc #gallery-form select{ width: 100%; }

/* Gallery Previous / Next Buttons =
.gallery-directional{ height: 2em; position: relative;}
	.gallery-directional .gallery-previous{ position: absolute; left: 0;}
	.gallery-directional .gallery-next{ position: absolute; right: 0; }
		.gallery-directional .gallery-previous a{ display: block; }
		.gallery-directional .gallery-next a{ display: block; }

/* 
-----------------------------------------------------------------------------
 =Teaser-Gallery
----------------------------------------------------------------------------- 
.gallery-teaser {}
	.gallery-teaser a.image {}
		.gallery-teaser a img {}
	.gallery-teaser h2 {}
	.gallery-teaser h3 {}
	.gallery-teaser h4 {}
	.gallery-teaser p {}
	.gallery-teaser a.more {}
	.gallery-teaser a.edit {}
	.gallery-teaser select {
        width: 100%; 
        }	
	
/* 
-----------------------------------------------------------------------------
 =Attachments-Gallery
----------------------------------------------------------------------------- 
.gallery-attachment {}
	.sc .gallery-attachment h2 { margin-bottom: 0;}
	.gallery-attachment .gallery-directional{ }
	.sc .gallery-attachment .gallery-directional{ margin: 5px -10px 10px; width: 90px; float: right; margin-top: -27px;}
	.gallery-attachment .gallery-directional .gallery-previous{ position: relative; float: left; left: auto; margin-right: 5px; }
	.gallery-attachment .gallery-directional .gallery-next{ position: relative; float: left; right: auto;}
		.gallery-attachment .gallery-directional .gallery-previous a,
		.gallery-attachment .gallery-directional .gallery-next a{ background: none !important; color: #FFF;}
			.gallery-attachment .gallery-directional .gallery-previous a:hover,
			.gallery-attachment .gallery-directional .gallery-next a:hover{ text-decoration: underline !important; }
		.gallery-attachment .gallery-directional .gallery-previous a.disabled,
		.gallery-attachment .gallery-directional .gallery-next a.disabled{ color: #CFD8DE !important; text-decoration: none !important; }
	.gallery-attachment dl.image-list {}
	.sc .gallery-attachment dl.image-list { margin-left: -10px; margin-right: -10px; }
		.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 { padding: 5px 10px; font-size: 11px; }
		.gallery-attachment dl.image-list dd h3.gallery-title {font-size: 12px; margin-bottom: 0;}
		.gallery-attachment dl.image-list dd p.gallery-caption{ line-height: normal; margin: 0; font-size: 11px; }

/* 
-----------------------------------------------------------------------------
 =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;
		}
		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 {
				background: none;
				padding-left: 0;
				}
				dl.file-list ul li a {
					}
				dl.file-list ul li p {
					}
	.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{}
		*/