body {
	background-color: #eeeeee;
	color: #555555;
	margin-top: 50px;
	font-family: 'Waiting for the Sunrise', cursive;
}
a {
        color: #666666;
}

a:hover {
        color: #bababa;
        text-decoration: underline;
}

.aaa-selected {
        color: #bababa;
}

div.aaa-image-display-container {
    width:442px;
    height:442px;
    background-color: #eeeeee;
    box-shadow: 0 0 10px #dddddd;	
}

img.aaa-image-display {
    max-width: 440px;
    max-height: 440px;
}

img.aaa-preview-block-thumb {
    padding: 5px;
    max-width: 75px;
    max-height: 75px;
    cursor: pointer;
}

img.aaa-image-preview-thumb {
    padding: 5px;
    max-width: 75px;
    max-height: 75px;
    cursor: pointer;
    box-shadow: 0 0 10px #dddddd;
}

img.aaa-image-preview-thumb-selected {
	box-shadow: 0 0 10px #aaaaaa;
}

div.aaa-image-display-info {
	text-align: center;
	padding-top: 80px;
	font-size: 1.6em;
}

img.grid-item {
	padding: 5px;
}

img.grid-item-large {
	padding: 5px;
	width: 200px;
	height: 200px;
}

img.thumb {
	border: 10px solid #000000;	
}

/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox
{
	cursor: pointer;
	position: fixed;
	z-index: 10000;

	-ms-touch-action: none;
	touch-action: none;

	-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
	box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}


/* ACTIVITY INDICATION */

#imagelightbox-loading,
#imagelightbox-loading div
{
	border-radius: 50%;
}
#imagelightbox-loading
{
	width: 2.5em; /* 40 */
	height: 2.5em; /* 40 */
	background-color: #444;
	background-color: rgba( 0, 0, 0, .5 );
	position: fixed;
	z-index: 10003;
	top: 50%;
	left: 50%;
	padding: 0.625em; /* 10 */
	margin: -1.25em 0 0 -1.25em; /* 20 */

	-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
	box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
}
#imagelightbox-loading div
{
	width: 1.25em; /* 20 */
	height: 1.25em; /* 20 */
	background-color: #428BCA;

	-webkit-animation: imagelightbox-loading .5s ease infinite;
	animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading
{
	from { opacity: .5;	-webkit-transform: scale( .75 ); }
	50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
	to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
}
@keyframes imagelightbox-loading
{
	from { opacity: .5;	transform: scale( .75 ); }
	50%	 { opacity: 1;	transform: scale( 1 ); }
	to	 { opacity: .5;	transform: scale( .75 ); }
}


/* OVERLAY */

#imagelightbox-overlay
{
	background-color: #000;
	background-color: rgba( 0, 0, 0, .9 );
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.visible-overlay {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s linear;
}
.hidden-overlay {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1s, opacity 1s linear;
}