@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 { background: url(/images/module/gal-detail-bot.gif) no-repeat left bottom; }
		.gallery-detail dl.image dt { background: url(/images/module/gal-detail-top.gif) no-repeat 0 0; padding: 5px; }
			.gallery-detail dl.image dt img { padding: 0; border: 1px solid #FFF; }
		.gallery-detail dl.image dd{ padding: 11px 11px 15px 11px; }
			.gallery-detail dl.image dd #SI_galleryImgNumOf { float: right; font-size: 1.3em; color: #004E7E; padding: 0 0 0 23px; background: url(/images/common/icon_image.gif) no-repeat 0 50%; }
			.gallery-detail dl.image dd #SI_galleryImgNumOf strong { font-weight: normal; }
			.gallery-detail dl.image dd #SI_galleryImgTitle{ margin: 0 50px 12px 0; }
			.gallery-detail dl.image dd #SI_galleryImgDesc{ margin: 0; }
			.gallery-detail dl.image dd #SI_galleryImgDesc p{ margin: 0 0 10px 0; line-height: 1.6em; font-size: 1.2em; }

/* Gallery Form */
#gallery-form{ /*margin: 1em 0;*/ margin-bottom: 21px; }
	#gallery-form select{}
	.sc #gallery-form select{ width: 100%; }

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

/* Gallery Previous / Next Buttons */
.gallery-directional { float: right; background: url(/images/module/directional-div.gif) no-repeat 50% 50%; margin-right: -5px; display: inline; }
.gallery-directional * { line-height: 1.6em; }
.gallery-directional .button,
.gallery-directional .disabled {
	border: 0;
	color: #840002 !important; 
	font: 11px normal Arial, Helvetica, sans-serif;
	padding: 0; 
	text-decoration: none;
	display: inline;
	background-color: transparent;
	}
.gallery-directional .disabled { color: #50494C!important; }
	
.gallery-directional span { margin: 0; padding: 0; display: inline; }
	.gallery-directional .gallery-previous { padding: 0 10px 0 23px; background: url(/images/common/icon_back.gif) no-repeat left 50%; }
	.gallery-directional .gallery-next { padding: 0 23px 0 10px; background: url(/images/common/icon_next.gif) no-repeat right 50%; }
		.gallery-directional .gallery-previous a { }
		.gallery-directional .gallery-next a { }

/* Gallery Thumbnails */
.gallery-thumbnails { clear: both; padding-top: 7px; }
	.gallery-thumbnails ul#SI_galleryThumbs{ list-style: none; margin: 0; }
		.gallery-thumbnails ul#SI_galleryThumbs li{ 
			display: inline;
			float: left;
			margin: 0 16px 16px 0!important;
			padding: 6px!important;
			background: url(/images/module/gallery-thumb.gif) no-repeat 0 0;
			width: 82px;
			height: 82px;
			}
		.gallery-thumbnails ul#SI_galleryThumbs li.alt{ margin-right: 0!important; }
		.gallery-thumbnails ul#SI_galleryThumbs li.active{ background-image: url(/images/module/gallery-active.gif);	}
			.gallery-thumbnails ul#SI_galleryThumbs li a { 
				display: block;
				height: 82px;
				overflow: hidden;
				position: relative;
				width: 82px;
				background-image: none;
				}
			.gallery-thumbnails ul#SI_galleryThumbs li.thumb a { padding: 0!important; }
			.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: -50% 0 0 -50%;
					}

/* 
-----------------------------------------------------------------------------
 =Teaser-Gallery
----------------------------------------------------------------------------- */
.gallery-teaser {}
.sc .module.gallery-teaser { padding: 0 14px 3.2em 14px; }
.nc .module.gallery-teaser { padding-bottom: 2.8em; }
	.gallery-teaser a.image {}
		.gallery-teaser a img {}
	.gallery-teaser h2 { margin-bottom: .8em;}
	.sc .gallery-teaser h2 { margin: 0 -14px 8px -14px; }
	.nc .galler-teaser h2 { margin-bottom: 8px; }
	.sc .module.gallery-teaser .module-divider { margin: -8px -14px 8px -14px; }
	.gallery-teaser h3 {}
	.gallery-teaser h4 {}
	.gallery-teaser p { margin-bottom: 0; }
	.gallery-teaser a.more { font-weight: bold; }
	.gallery-teaser a.edit {}
	.gallery-teaser select {
        /*width: 100%;*/ 
		margin-bottom: 1em;
        }
	.sc .gallery-teaser dl.image { width: 214px; }
	.nc .gallery-teaser dl.image { width: 175px; }
		.sc .gallery-teaser dl.image dt { background-image: url(/images/module/teaser-bot.gif); margin-bottom: 9px; }
			.sc .gallery-teaser dl.image dt img { padding: 5px; background-image: url(/images/module/teaser-discover.gif); }
		.gallery-teaser dl.image dd { font-size: 1em; }

#academics .sc .module.gallery-teaser { padding: 0 14px 1.8em 14px; }
	
/* 
-----------------------------------------------------------------------------
 =Attachments-Gallery
----------------------------------------------------------------------------- */
.gallery-attachment {}
	.gallery-attachment h2 {}
	.gallery-attachment .gallery-directional, 
	.gallery-attachment .mini-directional{ height: 1.8em; width: 228px; }
		.gallery-attachment .gallery-directional a, 
		.gallery-attachment .mini-directional a { position: absolute; width: 40px; }
	.gallery-attachment .gallery-directional .gallery-previous, 
	.gallery-attachment .gallery-directional .gallery-next { } 
		.gallery-attachment .gallery-directional .gallery-previous a, 
		.gallery-attachment .mini-directional a #SI_miniPrev { left: 0; }
		.gallery-attachment .gallery-directional .gallery-next a a, 
		.gallery-attachment .mini-directional a #SI_miniNext { right: 0; }
	.gallery-attachment dl { margin: 0 -8px 10px -8px; padding: 0; }
		.gallery-attachment dl dt {}
			.gallery-attachment dl dt a{}
				.gallery-attachment dl dt a img{}
		.gallery-attachment dl dd {}
		.gallery-attachment dl dd h3.gallery-title {}
		.gallery-attachment dl 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;
		}
		dl.file-list dt,
		dl.file-list dt strong {
			color: #666;
			}
		dl.file-list dd p {
			padding: 0;
			margin: 0 0 .5em 0;
			}
			dl.file-list dd p p {
				padding: 0;
				margin: 0;
				}
		dl.file-list ul {
			list-style: none;
			padding: 0;
			margin: 0 0 1.8em 0;
			}
		#nav-sub dl.file-list ul { margin-bottom: 1.8em; }					
			dl.file-list ul li {
				background: none;
				padding-left: 0;
				}
			#nav-sub dl.file-list ul li { margin-bottom: 1em; }					
				dl.file-list ul li a {
					}
				#nav-sub dl.file-list ul li a {
					background-image: none;
					color: #840002;
					display: inline;
					padding: 0;
					}					
				dl.file-list ul li p { margin-bottom: 0; }
	.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 {
	}
	
	
/* MASTER GALLERY - need to clean this up!
----------------------------------------------------------------------------- */
	
/* Gallery List */
.gallery-list {
	margin: 0;
	padding: 0;
	}
.gallery-list ul.images {
	list-style: none;
	position: relative;
	margin: 0 0 0 -1em; 
	padding: 0;
	}
	.gallery-list ul.images:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
	.gallery-list ul.images li {
		list-style-image: none;
		background: none;
		margin: 0 0 1em 1em;
		padding: 0;
		float: left;
		width: 100px;
		}
		.gallery-list ul.images li:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
			.gallery-list ul.images li a {
			display: block;
			width: 100px;
			height: 70px;
			overflow: hidden;
			border: 1px solid blue;
			}
				.gallery-list ul.images li a img {
				width: 100px;
				min-height: 70px;
				}
			.gallery-list ul.images li p {
			margin: 0;
			padding: 0;
			font-size: 80%;
			text-align: center;
			}
				.gallery-list ul.images li p.caption {
				}
				.gallery-list ul.images li p.description {
				}
				.gallery-list ul.images li p.total {
				font-size: 70%;
				color: #999;
				}


/* Gallery Index */
.gallery-index ul.images li {
	width: 200px;
	}
.gallery-index ul.images li a {
	width: 200px;
	height: 125px;
	}
.gallery-index ul.images li a img {
	width: 200px;
	min-height: 125px;
	}
.gallery-index ul.images li p.description {
	display: none;
	}
	
/* Gallery Album */
.gallery-album ul.images li {
	width: 150px;
	margin-bottom: 0;
	min-height: 180px;
	height:auto !important;
	height:180px;
	}
.gallery-album ul.images li a {
	width: 150px;
	height: 100px;
	}
.gallery-album ul.images li a img {
	width: 150px;
	min-height: 112px;
	}
.gallery-album ul.images li p.description {
	display: none;
	}

/* Gallery Detail */
.gallery-detail ul.images li p.caption {
	display: none;
	}
.gallery-detail ul.images li p.description {
	display: none;
	}

/* Gallery Slideshow */
.gallery-slide ul.images li {
	width: 300px;
	}
.gallery-slide ul.images li a {
	width: 300px;
	height: auto;
	}
.gallery-slide ul.images li a img {
	width: 300px;
	min-height: 1px;
	}
.gallery-slide ul.images li p {
	text-align: left;
	}
.gallery-slide ul.images li p.caption {
	font-weight: bold;
	}
.gallery-slide #ticker-pager a { margin-right: .2em; }
.gallery-slide #ticker-pager a { margin-right: .2em; }
.gallery-slide #ticker-pager a.activeSlide { background: blue; color: #FFF }


/* Gallery Full Info */
.gallery-full ul.images {
	margin-left: 0;
	}
.gallery-full ul.images li {
	position: relative;
	float: none;
	width: 100%;
	min-height: 112px;
	margin-left: 0;
	margin-bottom: 1em;
	}
.gallery-full ul.images li a {
	position: absolute;
	top: 0;
	left: 0;
	}
.gallery-full ul.images li .info {
	position: relative;
	margin-left: 165px;
	width: auto;
	}
.gallery-full ul.images li p {
	text-align: left;
	}
.gallery-full ul.images li p.caption {
	display: block;
	font-weight: bold;
	}
.gallery-full ul.images li p.description {
	display: block;
	margin: .5em 0;
	}
.gallery-full ul.images li p.total {
	}

/* Gallery Detail Full Info */
.gallery-detail-full ul.images li {
	min-height: 75px;
	}
.gallery-detail-full ul.images li .info {
	margin-left: 115px;
	}
	
/* Collapsible File List */
	dl.file-list dd ul li span { display: none; }
	dl.file-list dt.enabled { cursor: pointer; background: url(/_infrastructure/images/icons/16x16/expand.gif) -3px 1px no-repeat; padding-left: 15px !important;;}
	.sc dl.file-list dt.enabled { background-position: -3px -1px; }
	dl.file-list dt.collapse { background-image: url(/_infrastructure/images/icons/16x16/collapse.gif);}
	dl.file-list dd.enabled ul { margin-top: .3em; }
	dl.file-list dd.enabled ul { margin-left: 13px; }
	dl.file-list dd.enabled ul li p { margin-left: 0px; color: #777; }