/* 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{ width: 632px; margin-bottom: 1px; }
	.gallery-detail h3{}
	.gallery-detail p.description{}
	.gallery-detail dl.image{ width: 632px; }
		.gallery-detail dl.image dt{}
			.gallery-detail dl.image dt img { padding: 7px; border-color: #B2B2B2; background-color: #E0E0E0; }
		.gallery-detail dl.image dd{ clear: both; position: relative; padding: 10px 13px 0 13px; }
			.gallery-detail dl.image dd #SI_galleryImgNumOf{ color: #5F5F5F; position: absolute; top: 7px; right: 15px; }
				.gallery-detail dl.image dd #SI_galleryImgNumOf strong { font-weight: normal; }
			.gallery-detail dl.image dd #SI_galleryImgTitle{ margin: 0; color: #5F5F5F; font-size: 1.2em; }
			.gallery-detail dl.image dd #SI_galleryImgDesc{ margin: 0; padding: 0; }
			.gallery-detail dl.image dd #SI_galleryImgDesc p{ margin: 0; line-height: normal; color: #5F5F5F; font-size: 1.1em; }
			
	#gallery .flashplayer { margin: 16px 0 0 0; }
	#gallery dt a.file { margin-top: 10px; float: left; display: block; }
		#gallery dt a.file img { display: none; }

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

/* Gallery Paging */
.gallery-paging{ display: none; } /* also #SI_gallerySets */
body#gallery .gallery-paging,
body#gallery .gallery-directional { display: none; }
	.gallery-paging strong{ font-weight: normal; }
	.gallery-paging span{}
		.gallery-paging span a{ color: #767676; text-decoration: none; }
		.gallery-paging span a:hover,
		.gallery-paging span a:focus,
		.gallery-paging span a:active{ color: #762123; background-color: transparent; }
		

/* Gallery Previous / Next Buttons */
.gallery-directional{ float: left; width: 100%; }
	.gallery-directional .gallery-previous{ float: left; }
	.gallery-directional .gallery-next{ float: right; }
		.gallery-directional .gallery-previous a{ display: block; padding: 2px 12px; }
		.gallery-directional .gallery-next a{ display: block; padding: 2px 12px;  }

/* Gallery Thumbnails */
.gallery-thumbnails{ width: 632px; height: 97px; padding: 0; margin: 0 0 5px 0; }
	.gallery-thumbnails ul#SI_galleryThumbs{ list-style: none; margin: 0; }
		.gallery-thumbnails ul#SI_galleryThumbs li{ 
			display: inline;
			float: left;
			margin: 0 2px 0 0;
			padding: 7px!important;
			border: 1px solid #B2B2B2;
			background-color: #E0E0E0;
			}
		.gallery-thumbnails ul#SI_galleryThumbs li.alt { }
		.gallery-thumbnails ul#SI_galleryThumbs li.active{ border: 1px solid #B26E18; background-color: #EB9E3B; }
			.gallery-thumbnails ul#SI_galleryThumbs li a{ 
				display: block;
				height: 80px;
				overflow: hidden;
				position: relative;
				width: 98px;
				outline: none;
				}
			.gallery-thumbnails ul#SI_galleryThumbs li.active {  }
			.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.file{ background-image: url(/images/gallery/file-file.gif); }
			.gallery-thumbnails ul#SI_galleryThumbs li a.flv{ background-image: url(/images/gallery/file-flv.gif); }
			.gallery-thumbnails ul#SI_galleryThumbs li a.mp3{ background-image: url(/images/gallery/file-mp3.gif); }
			.gallery-thumbnails ul#SI_galleryThumbs li a.pdf{ background-image: url(/images/gallery/file-pdf.gif); }
			.gallery-thumbnails ul#SI_galleryThumbs li a.doc{ background-image: url(/images/gallery/file-doc.gif); }
			.gallery-thumbnails ul#SI_galleryThumbs li a.xls{ background-image: url(/images/gallery/file-xls.gif); }
				.gallery-thumbnails ul#SI_galleryThumbs li a img{ 
					display: block; 
					position: relative; 
					margin: 0% 0% 0% -50%;
					/*margin: -50% 0% 0% -50%;*/
					}

/* Carousel */
.jcarousel-container { position: relative; padding: 0 27px; }
	.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
		.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
			.jcarousel-list li,
			.jcarousel-item { 
				float: left;
				list-style: none;
				/* We set the width/height explicitly. No width/height causes infinite loops. */
				width: 98px;
				height: 80px;
				}

				/**
				 * The buttons are added dynamically by jCarousel before
				 * the <ul> list (inside the <div> described above) and
				 * have the classnames "jcarousel-next" and "jcarousel-prev".
				 */
	.jcarousel-prev,
	.jcarousel-next {
		z-index: 3;
		display: none;
		background-color: #C4C4C4;
		width: 26px;
		height: 96px;
		position: absolute;
		top: 0;
		cursor: pointer;
		background-image: url(/images/gallery/media-sprite.gif);
		background-repeat: no-repeat;
		}
	.jcarousel-next { right: 0; background-position: right top; }
	.jcarousel-prev { left: 0; background-position: left top; }
	.jcarousel-next.hover, .jcarousel-prev.hover { background-color: #EB9D3A; }
	.jcarousel-next.hover { background-position: right bottom; }
	.jcarousel-prev.hover { background-position: left bottom; }
	.jcarousel-next-disabled { background-position: right top!important; background-color: #C4C4C4!important; }
	.jcarousel-prev-disabled { background-position: left top!important; background-color: #C4C4C4!important; }

/* Tooltips */
#fileToolTip { position: relative; margin: 0; padding: 0; }
	#fileToolTip span { display: block; font-size: 11px; text-align: center; }
		#fileToolTip span.outer {
			 background: url(/images/gallery/title-top.gif) no-repeat center top;
			 width: 173px;
			 position: absolute;
			 z-index: 900;
			 bottom: 5px;
			 }
		#fileToolTip span.inner {
			 background: url(/images/gallery/title-bottom.gif) no-repeat center bottom;
			 padding: 7px 11px 16px 11px;
			 width: 151px;
			 }
			

/* 
-----------------------------------------------------------------------------
 =Gallery SC Module
----------------------------------------------------------------------------- */
#gallery .sc .module { position: relative; }
	#gallery .sc .module h2 { background-color: #EB9E3B; padding: 10px 11px 7px 11px; color: #FFF; font-weight: normal; margin: 0 0 1px 0; }
	#gallery .sc .module .description { border: 1px solid #E7E7E7; background-color: #F8F8F8; padding: 10px 10px 5px 10px; color: #545353; }


/* 
-----------------------------------------------------------------------------
 =Teaser-Gallery
----------------------------------------------------------------------------- */
.gallery-teaser { 
	width: 200px; 
	background-color: #F79A2D; 
	}
	.gallery-teaser h2 {
		display: block; 
		background: url(/images/common/h2-photogallery.gif) left top no-repeat; 
		width: 200px; 
		height: 54px;
		text-indent: -3000px;
		text-decoration: none; 
		margin: 0;
		padding: 0; 
		}
		.gallery-teaser a.image {}
		.gallery-teaser dl.image dt a img { 
			border: 0; 
			background-color: transparent; 
			padding: 0; 
			}
	.gallery-teaser dl.image h3 { 
		font-size: 1.4em;
		font-weight: bold;
		color: #FFF; 
		margin: 0 10px 4px 10px; 
		padding: 0; 
		}
	.gallery-teaser dl.image dd { }
	.gallery-teaser dl.image dd p, 
	.gallery-teaser p.no-content {
		color: #FFF; 
		font-size: 1.1em; 
		margin: 0 10px 4px 10px; 
		padding: 0; 
		font-weight: normal;
		}
	.gallery-teaser dl.image dd p { margin-bottom: 0.8em; }
	.gallery-teaser a.more { margin: 0px 10px 10px 10px; }
	.gallery-teaser a.edit {}
	.gallery-teaser a:hover { color: #FFF; }
	.gallery-teaser select { width: 100%; }

/* 
-----------------------------------------------------------------------------
 =Portal Teaser Gallery
----------------------------------------------------------------------------- */
.portal-gallery-teaser { 
	width: 262px; 
	background: url(/images/portal/sc-module-bg.gif) left bottom no-repeat; 
	padding: 0 0 10px 0 !important; 
	margin: 0 0 1.0em 0;
	}
.portal-gallery-teaser * { margin-right: 10px; margin-left: 10px; }
	.portal-gallery-teaser h2 {
		background: url(/images/portal/sc-module-h2-bg.gif) left top no-repeat; 
		padding: 10px; 
		margin: 0 0 0.4em 0; 
		color: #FFF;  
		}
		.portal-gallery-teaser a.image {
			display: block;
			width: 250px; 
			overflow: hidden; 
			margin: 0; 
			padding: 0; 
			}
		.portal-gallery-teaser a img { 
			border: 0; 
			background-color: transparent; 
			padding: 0; 
			}
	.portal-gallery-teaser h3 { 
		font-size: 1.4em;
		font-weight: bold;
		margin: 0 10px 4px 10px; 
		padding: 0; 
		}
	.portal-gallery-teaser dl.image dd { }
	.portal-gallery-teaser p, 
	.portal-gallery-teaser p.no-content {
		font-size: 1.1em; 
		margin: 0 10px 4px 10px; 
		padding: 0; 
		font-weight: normal;
		}
	.portal-gallery-teaser p { margin-bottom: 0.8em; }
	.portal-gallery-teaser a.more { margin: 0px 10px 10px 10px; }
	.portal-gallery-teaser a.edit {}
	.portal-gallery-teaser a:hover { color: #6CC4F2; }
	.portal-gallery-teaser select { width: 100%; }

/* 
-----------------------------------------------------------------------------
 =Attachments-Gallery
----------------------------------------------------------------------------- */
.gallery-attachment {}
	.gallery-attachment h2 {}
	.gallery-attachment .gallery-directional{ width: 206px; }
	.sc .gallery-attachment .gallery-directional{ margin-bottom: .3em; }
	.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 {}
	.sc .gallery-attachment dl.image-list { clear: left; }
		.gallery-attachment dl.image-list dt {}
			.gallery-attachment dl.image-list dt a{}
				.gallery-attachment dl.image-list dt a img{
					padding: 2px; 		
					border: 1px solid #EE8913;
					background-color: #EE8913;
					}
		.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;}

/* 
-----------------------------------------------------------------------------
 =SC Slideshow
----------------------------------------------------------------------------- */
#gallery .sc #slideshow { margin: 0; padding: 0; }
	#gallery .sc #slideshow h2#album-title { background-color: #EEE; padding: 10px 8px 6px 8px; color: #2E79BB; font-size: 1.2em; font-weight: normal; margin: -1px 0 1px 0; }
	#gallery .sc #slideshow ul { margin: 0; padding: 0; height: 224px; width: 260px; border: 1px solid #DCDCDC; background-color: #F8F8F8; }
		#gallery .sc #slideshow ul li { margin: 5px; padding: 0; height: 214px; width: 250px; overflow: hidden; background: #E0E0E0; }
			#gallery .sc #slideshow ul li img { /*position: absolute; top: -20%; left: -30%;*/ }
			#gallery .sc #slideshow .controls { border: 1px solid #DCDCDC; border-top-width: 0; height: 40px; position: relative; color: #545353; }
				#gallery .sc #slideshow .controls #next-slider { position: absolute; top: 6px; right: 16px; outline: none; }
				#gallery .sc #slideshow .controls #prev-slider { position: absolute; top: 6px; right: 56px; outline: none; }
				#gallery .sc #slideshow .controls p { position: absolute; top: 10px; left: 16px; }				

/* 
-----------------------------------------------------------------------------
 =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;
			list-style-image: 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{}
		.gallery-list dl.file-list dd ul li p { margin-left: 24px; }


/* 
-----------------------------------------------------------------------------
/* 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 {	}

/* Expanded View */
.full-album .gallery-thumblist .gallery { width: 296px; background: url(/images/gallery/media-border.gif) repeat-x left top; float: left; margin: 0 20px 3px 0; padding-top: 4px; }
.full-album .gallery-thumblist .top { background-image: none; }
.full-album .gallery-thumblist .alt { margin-right: 0; }
	.full-album .gallery .picturebox { border: 1px solid #C7C7C7; padding: 2px; background-color: #FFF; float: left; margin: 0; }
		.full-album .gallery .picturebox a { display: block; width: 100px; height: 67px; position: relative; overflow: hidden; padding: 0!important; background: #FFF; }
			.full-album .gallery .picturebox a img { display: block; margin: -50% 0 0 -50%; position: relative; }
			.full-album .gallery .picturebox a.file { background: url(/images/gallery/file-file.gif) no-repeat 50% 50%; height: 64px; width: 100px; padding: 2px; }
	.full-album .gallery p { margin: 0 0 10px 110px; font-size: 10px; }
		.full-album .gallery p a { display: block; font-size: 12px; }

/* Teaser View */
.sc .teaser-album { border: 1px solid #E7E7E7; background-color: #F8F8F8; padding: 10px 7px 13px 7px; }
	.sc .teaser-album .gallery-thumblist { margin-bottom: 20px; }
		.sc .teaser-album .gallery-thumblist .gallery { float: left; width: 100%; clear: left; margin-bottom: 2px; }
			.sc .teaser-album .gallery-thumblist .gallery .picturebox { float: left; }
				.sc .teaser-album .gallery-thumblist .gallery .picturebox a { display: block; border: 1px solid #C2C2C2; background-color: #FFF; padding: 2px; margin: 0 4px 0 0; width: 100px; }
				.sc .teaser-album .gallery-thumblist .gallery .picturebox a.file { padding: 2px!important; height: 58px; background-image: url(/images/gallery/file-file.gif); }
					.sc .teaser-album .gallery-thumblist .gallery .picturebox img { display: block; }
				.sc .teaser-album .gallery-thumblist .gallery p { font-size: .9em; margin-left: 112px; margin-bottom: 1em; }
					.sc .teaser-album .gallery-thumblist .gallery p a { display: block; font-size: 1.2em; }


/* 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 {
	}