@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
----------------------------------------------------------------------------- */

body#gallery.layout-n0-p1-s1 #breadcrumbs {
	display: none;
	}
body#gallery.layout-n0-p1-s1 #primary-content {
	left: 70px;
	width: 472px;
	top: 20px;
	}
body#gallery.layout-n0-p1-s1 #secondary-content {
	left: 636px;
	width: 290px;
	top: 5px;
	}
.gallery-detail{ width: 464px; }
	.gallery-detail h2{ display: inline; }
	.gallery-detail h3{ 
		display: inline; 
		text-align: right; 
		margin-left: 10px; 
		padding-left: 25px;
		background: url(/images/common/gray-block.gif) 0 4px no-repeat;
		}
	.gallery-detail dd h3{ 
		display: inline; 
		text-align: left; 
		margin-left: 0; 
		padding-left: 0;
		font-size: 1em;
		background: none;
		}
	.gallery-detail p.description{}
	.gallery-detail dl.image img,
	.gallery-detail dl.image a.file { 
		display: block;
		padding: 9px 9px 0 9px; 
		width: 454px; 
		background: url(/images/common/image-top4.gif) 0 0 no-repeat; 
		}
	.gallery-detail dl.image a.file:hover { background: #0c5c43; }
	.gallery-detail dl.image a.file.pdf img { display: none; }
	.gallery-detail dl.image { 
		width: 472px; 
		background: url(/images/common/image-bottom4.gif) 0 bottom no-repeat; 
		margin-bottom: 1em;
		margin-top: 10px;
		}
		.gallery-detail dl.image dt{ padding: 0; margin: 0; }
		.gallery-detail dl.image dd{ padding: 5px; }
			.gallery-detail dl.image dd #SI_galleryImgNumOf{}
			.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; }

/* Gallery Form */
#gallery-form{ position: relative; height: 20px; margin: 1em 0; }
	#gallery-form select{ display: inline; }
	.sc #gallery-form select{ width: 98%; }

/* 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 .gallery-previous{ position: absolute; left: 0;}
	.gallery-directional .gallery-next{ position: absolute; right: 0px; }
		.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: #e1e1e1;
			background-image: none;
			border: 1px solid #888;
			display: inline;
			float: left;
			margin: 0 4px 4px 0;
			padding: 4px;
			}
		.gallery-thumbnails ul#SI_galleryThumbs li.alt{  }
		.gallery-thumbnails ul#SI_galleryThumbs li.active {
			background-color: #999;
			border: 1px solid #666;
			}
			.gallery-thumbnails ul#SI_galleryThumbs li a { 
				display: block;
				height: 70px;
				overflow: hidden;
				position: relative;
				width: 80px;
				padding: 0;
				border: 1px solid #666;
				}
			.gallery-thumbnails ul#SI_galleryThumbs li a:hover { 
				background-color: #ccc;
				}
			.gallery-thumbnails ul#SI_galleryThumbs li.active a{ border: 1px solid #ccc; }
			.gallery-thumbnails ul#SI_galleryThumbs li a.file{
				background-position: 50% 20%;
				padding: 0 !important;
				text-indent: -9999px;
				}
				.gallery-thumbnails ul#SI_galleryThumbs li a img{ 
					display: block; 
					position: relative; 
					margin: 0% 0% 0% 0%;
					}

/* 
-----------------------------------------------------------------------------
 =Teaser-Gallery
----------------------------------------------------------------------------- */
.gallery-teaser {}
	.gallery-teaser a.image {}
	.gallery-teaser a.image:hover { background: none; }
		.gallery-teaser a img { }
	.gallery-teaser h2 {}
	.gallery-teaser p,
	.gallery-teaser h3 { 
		color: #fff;
		padding: 0 10px;
		}
	.gallery-teaser p a { 
		display: block; 
		text-indent: -9999px;
		height: 9px;
		width: 81px;
		background: url(/images/common/view-gallery.gif) 0 0 no-repeat;
		}
	.gallery-teaser p a:hover { background-color: transparent !important; }
	.gallery-teaser .module-footer a.edit {
		position: relative;
		left: 110px;
		display: block;
		height: 10px;
		width: 117px;
		background: url(/images/common/edit-upload.gif) 0 0 no-repeat;
		text-indent: -9999px;
		border: none;
		}
	.gallery-teaser .module-footer a.edit:hover { background-color: transparent !important; }
	.gallery-teaser h4 {}
	.gallery-teaser a.more {}
	.gallery-teaser a.edit { color: #fff; margin-left: 10px; }
	.gallery-teaser strong { color: #fff; display: block; text-align: center; width: 258px; font-size: 1.1em; }
	
.sc .module.gallery-teaser  {
	background-image: none;
	background: #326a5e;
	margin: 0 0 1em 0; 
	padding: 0;
	border-left:  2px solid #6eb19f;
	border-right: 2px solid #6eb19f;
	border-bottom: 2px solid #6eb19f;
	}
	
.sc .module.gallery-teaser  h2 {
	background: url(/images/common/module-top.jpg) 0 0 no-repeat;
	height: 56px;
	padding-top: 16px;
	margin-right: -2px;
	margin-left: -2px;
	margin-bottom: -15px;
	text-align: center;
	font-family: "Trajan Pro", "Copperplate Gothic Light", "Trebuchet MS", "Times New Roman",  Times, serif; 
	}
.sc .module.gallery-teaser dl.image  {
	padding: 0;
	background: none;
	}
.sc .module.gallery-teaser dl.image dd  {
	font-weight: normal;
	}
.sc .module.gallery-teaser select  {
	width: 240px;
	margin: 10px;
	}
/* 
-----------------------------------------------------------------------------
 =Attachments-Gallery
----------------------------------------------------------------------------- */
/*#news .module.gallery-list dl.image { background: none; margin: 0 -10px; }*/
.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 {  }
		.gallery-attachment dl.image-list dt {}
			.gallery-attachment dl.image-list dt a{}
				.gallery-attachment dl.image-list dt a img{ background: none; padding: 0; margin: 0; }
		.gallery-attachment dl.image-list dd { text-align: center; padding: 0; margin: 5px; }
		.gallery-attachment dl.image-list dd h3.gallery-title { margin: 0; padding: 0; font-size: 1.2em; font-weight: normal; }
		.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 { margin: 0 0 1em 0; padding: 0; }
	dl.file-list dt { margin: 0; padding: 5px 0; }
	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: 10px 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{}
		
		dl.file-list dl.images a:hover { background: none; }


/* 
-----------------------------------------------------------------------------
/* 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
----------------------------------------------------------------------------- */
#mystuart .pc .module.gallery-thumblist { margin: .5em 0 1em 0; padding: 5px 15px; width: 459px; background: #e6e6e6 url(/images/common/gallery-thumblist-top.gif) 0 0 no-repeat; border-bottom: 1px solid #c0c0c0; }
#mystuart .pc .module.gallery-thumblist .gallery {
	float: left;
	width: 122px;
	background: #fff;
	margin: 0 4px 15px 5px;
	padding: 10px; 
	border: 1px solid #cecece;
	height: 170px;
	}
#mystuart .pc .module.gallery-thumblist h2 { color: #666666; }
#mystuart .pc .module.gallery-thumblist .gallery .picturebox { padding: 0; margin: 0; width: 110px;  }
#mystuart .pc .module.gallery-thumblist .gallery .picturebox img { 
	display: block; 
	position: relative; 
	margin: -10% 0% 0% -60%;
	}
#mystuart .pc .module.gallery-thumblist .gallery .picturebox a { 
	display: block;
	height: 120px;
	width: 122px;
	overflow: hidden;
	position: relative;
	}
#mystuart .pc .module.gallery-thumblist .gallery .picturebox a.file { 
	text-indent: -9999px; 
	background-position: 50% 50%; 
	height: 120px; 
	width: 105px; 
	}
#mystuart .pc .module.gallery-thumblist .gallery p {font-size: .9em;}
#mystuart .pc .module.gallery-thumblist .gallery p a { text-decoration: none; line-height: 1.2em; font-weight: bold; display: block; margin-top: 2px; }

/* 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 {
	}
	
.teaser-gallery .gallery-list { background: none; border: 0; margin: 0; padding: 0; }
.teaser-gallery .gallery-list dl.image { 
	overflow: hidden; 
	width: 246px; 
	background: none; 
	margin: 0;
	}
.teaser-gallery .gallery-list dl.image img { 
	display: block;
	padding: 0;
	background: none;
	}
.teaser-gallery .gallery-list dl.image dd { margin: 0; }
	
/* GALLERY SLIDESHOW
----------------------------------------------------------------------------- */
.pc h6.select-text { position: absolute; top: 68px; left: 0; }

#slideshow dl.image { display: block; margin-top: 5px; position: relative; top: 20px; left: 0px; }
/*#slideshow dl.image dd { display: none; }
#slideshow dl.image img { display: block; background: none; padding: 0; }*/
#slideshow dl.image dt { width: 278px; background: url(/images/common/image-bottom3.gif) 0 bottom no-repeat; padding-bottom: 10px; }
#slideshow h2 {  }
#slideshow h3 {  }
#ticker-pager {  }
#ticker-pager a { margin: 3px 0 0 3px; padding: 0px 3px; text-decoration: none; color: #0c5c43; float: left; width: 12px; text-align: center; background: #E0EFE5; border: 1px solid #ccc; }
#ticker-pager a:hover { font-weight: bold; background: #0c5c43; color: #FFF; }
#ticker-pager a.activeSlide { color: #852a0b; font-weight: bold; background: #0c5c43; color: #FFF }
#ticker-control { height: 32px; }
#ticker-control a { }
#ticker-control a#ticker-prev { float: left; }
#ticker-control a#ticker-next { float: left; margin-left: 3px; }
#ticker-control a#ticker-pause { float: right; text-align: center; width: 50px; margin-right: 5px; }
#ticker-control a#ticker-play { float: right; text-align: center; width: 50px; margin-right: 5px; }
#ticker-control a#ticker-prev span { background: url(/images/common/ticker-prev.gif) 0 2px no-repeat; padding-left: 12px; }
#ticker-control a#ticker-next span { background: url(/images/common/ticker-next.gif) right 2px no-repeat; padding-right: 12px; }
#ticker-control a#ticker-pause span { background: url(/images/common/ticker-pause.gif) 0 2px no-repeat; padding-left: 10px; }
#ticker-control a#ticker-play span { background: url(/images/common/ticker-play-alt.gif) right 2px no-repeat; padding-right: 10px; }