@charset "UTF-8";
/* CSS Document */

#photoPage {
	position:relative; /* everything within absolutely positioned */
		zoom:1; /* IE bug fix */
}

.photoGallery * {
	box-sizing:border-box;
}

.photoGallery ul,
.photoGallery ul li {
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	position:relative;
}

.photoGallery ul li {
	margin:5px 0;
}
.photoGallery   ul.gallery-square-grid li {
	padding-top:100%;
	height:0;
	position:relative;
}
@media (min-width: 769px) {
	.photoGallery ul li {
	width:20%;
	
	float: left;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
		
	}
	
	.photoGallery   ul.gallery-square-grid li {
		float:none;
		padding-top:20%;
		display:inline-block;
	}
}

.photoGallery ul li a   {
	cursor:-webkit-zoom-in;
	cursor:-moz-zoom-in;
	cursor:zoom-in;
}

.photoGallery  ul.gallery-square-grid li a {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	text-align:center;
	/* for javascript replaced images - img replaced with background image */
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.photoGallery ul  li a img {
	width:100%;
	height:auto;
	max-width:100%;
}

.photoGallery ul.gallery-square-grid  li a img {
	width:auto;
	height:100%;
	max-width:none;
	min-width:100%;
}

.photoGallery ul li .photoTitle {
	position:absolute;
	opacity:0;
	left:0;
	bottom:0;
	width:100%;
	text-align:center;
	padding:15px;
	background:rgb(0,0,0);
	background:rgba(0,0,0,.7);
	color:#FFF;
	transition:.5s;pointer-events:none;
}

.photoGallery ul li:hover .photoTitle {
	opacity:1;
}


.photoGallery ul li .photoUpdateLink {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:45px;	
}

.photoGallery ul li .photoUpdateLink:hover {
	background:rgb(0,0,0);
	background:rgba(0,0,0,.7);
}

.photoGallery ul li .photoUpdateLink .status {
	width: 16px;
	height:16px;
	position:absolute;
	top:15px;
	left:15px;
}

.photoGallery ul li .photoUpdateLink a {
	
	width: 16px;
	height: 16px;
	position:absolute;
	top:15px;
	left:auto;
	right:15px;
	text-decoration: none;
	text-indent: -999em;
	display: none;
	background-image: url(../../core/images/icons/edit-find-replace.png);
	background-repeat: no-repeat;
}

.photoGallery ul li:hover .photoUpdateLink a {
	display:block;
}

.photoGallery ul li .handle {
	visibility:hidden;
	position:absolute;
	top:15px;
	left:50%;
	margin-left:-8px;
	background-image:url(../../core/images/icons/arrow_out.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
}

.photoGallery ul li .handle:before {
	content:"";
}

.photoGallery ul li:hover .handle {
	visibility:visible;
} 

/*** CLASSIC GALLERY 

.photoGallery {
	
}


.photoGallery ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
.photoGallery ul li {
	display:inline-block; 
	
	 vertical-align:top;
	margin: 0 1em 0 0;
	padding: 5px;
	width: 100px;
	list-style: none;
	position:relative;word-wrap: break-word;
}
.photoGallery ul li a {
	text-decoration:none;
}

.photoGallery ul li a  img {
	cursor:-webkit-zoom-in;
	cursor:-moz-zoom-in;
	cursor:zoom-in;
}
.photoGallery ul li .photoUpdateLink {
	position:absolute;
	top:0;
	left:0;
	
}

.photoGallery ul li .photoUpdateLink .status {
	width: 16px;
	height:16px;
	float:left;
	margin:10px;
}

.photoGallery ul li .photoUpdateLink a {
	display: block;
	width: 16px;
	height: 16px;
	float: left;
	margin: 10px 0;
	text-decoration: none;
	text-indent: -999em;
	display: none;
	background-image: url(../../core/images/icons/edit-find-replace.png);
	background-repeat: no-repeat;
}

.photoGallery ul li:hover .photoUpdateLink a {
	display:block;
}

.photoGallery ul li .handle {
	visibility:hidden;
	float:left;
	margin:10px;
	background-image:url(../../core/images/icons/arrow_out.png);
	background-repeat:no-repeat;
	width:16px;
	height:16px;
}

.photoGallery ul li:hover .handle {
	visibility:visible;
} 

.thumbnail {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100px;
    height: 100px;
}
.thumbnail * {
    vertical-align: middle;
}
/*\*//*/
.thumbnail {
    display: block;
}
.thumbnail span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/




/************* Review Page **************/

.photoItem {
	width:100%;
	overflow:hidden;
	margin: 1em 0;
}

.photoCheckbox {
	margin-top:1em;
}

.photoCheckbox,
.photoImage,
.photoDetails {
	float: left;
}

.photoDetails label {
	display:block;
}

.photoImage {
	
	padding: 0 10px;
}

/***** Nav ********/

#photoPage .galleryNav {
	margin: 1em 0;
}

#photoPage .galleryNav a.prev,
#photoPage .galleryNav a.next {
	display:inline-block;
	width:16px;
	height:16px;
	
	background-repeat:no-repeat;
	text-indent:-999em;
	text-decoration:none;
}

#photoPage .galleryNav a.prev {
	background-image:url(/core/images/icons/go-previous.png);
}

#photoPage .galleryNav a.next {
	background-image: url(/core/images/icons/go-next.png);
}