/* universal settings for a.imgallery_thumb */
.imgallery_page #menubox a.imgallery_thumb span { display: none; }

#menubox h4
{
	display: block;
	clear: both;
	float: none;
}

#menubox ul.imgallery_subnav,
#menubox ul#imgallery_archives_subnav,
ul#recent_imgallery
{
	display: block;
	clear: both;
	float: none;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	height: auto;
}

#menubox ul.imgallery_subnav li,
#menubox #imgallery_archives_subnav li,
ul#recent_imgallery li
{
	float: left;
	width: 40px;
	height: 40px;
	background-color: transparent;
	border: none;
	padding: 0;
	margin: 0;
}

.imgallery_page #menubox ul li span.menuimage { width: 100%; height: 100%; display: block; text-align: center; overflow: hidden; }
.imgallery_page #menubox ul li span.menutitle { display: none; }
.imgallery_page #menubox ul li span.menuimage img { max-height: 100%; }

#menubox ul.imgallery_subnav li a,
#menubox #imgallery_archives_subnav li a,
ul#recent_imgallery li a
{
	float: left;
	width: 38px;
	height: 38px;
	margin: 1px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: white;
	opacity: .75;
	border: none;
	overflow: hidden;
}

#menubox ul.imgallery_subnav li a:hover,
#menubox #imgallery_archives_subnav li a:hover,
ul#recent_imgallery li a:hover
{
	opacity: .99;
	border: none;
}

#menubox ul.imgallery_subnav li a span,
#menubox #imgallery_archives_subnav li a span,
ul#recent_imgallery li a span { display: none; }
.imgallery_text,#featuredimage { text-align: center; }
#related_imgallery { list-style: none; }
#related_imgallery li { display: inline; }

#menubox ul.imgallery_subnav li a img { max-width: 100%; }

#related_imgallery li a
{
	float: left;
	margin: 1px;
}

#imgallery_img
{
	width: 100%;
	float: none;
	clear: both;
	text-align: center;
}

.imgallery_page .mainbox form #entry p { text-align: left; }

/* slideshow elements */
#slideShowA, #slideShowB
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
}

h4#slideShowControls
{
	display: block;
	text-align: center;
	width: 100%;
	height: 20px;
}

a.slideShowButton
{
	height: 18px;
	width: 100%;
	float: left;
	padding: 0;
	background-color: transparent;
	background-image: url(https://www.slab500.com/common/images/slideshow4.gif);
	background-repeat: no-repeat;
	background-position: center center;
	opacity: .75;
}

a.slideShowButton span { display: none; }
a.slideShowButton:hover { opacity: 1; }

ul#selectExistingImage
{
	list-style: none;
	display: block;
	background-color: #eee;
	opacity: .8;
	border: 1px #aaa solid;
	padding: 5px;
	margin: 0;
	width: 90%;
	height: 200px;
	overflow: auto;
}

ul#selectExistingImage li.images { float: left; }

.slide,fullScreenSlide
{
	position: absolute;
	top: 0;
	left: 0;
	width: 960px;
	height: 500px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 18px;
	color: white;
	opacity: .0;
}

.slide span { display: none; }

/* BEFORE AFTER IMAGES */
.beforeafter_frame
{
	display: block;
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 20px 0;
}

.beforeafter_frame h3 { text-align: center; }

.image_before,.image_after
{
	width: auto;
	height: auto;
	float: left;
	clear: none;
	margin: 0 5px;
	text-align: center;
}

#fullScreenSlideShow,.fullScreenSlide
{
	width: 100%;
	height: 100%;
	position: fixed !important;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center center;
	color: white;
}

.fullScreenSlide { opacity: .0; }

a#slideShowArrowL, a#slideShowArrowR
{
	width: 200px;
	height: 100%;
	position: fixed !important;
	top: 0;
	right: 0;
	background: url(https://www.slab500.com/common/images/graphic_elements/slideShowArrowsR.png) no-repeat transparent center center;
	cursor: pointer;
	opacity: .0;
}

a#slideShowArrowL
{
	background: url(https://www.slab500.com/common/images/graphic_elements/slideShowArrowsL.png) no-repeat transparent center center;
	left: 0;
}

a#slideShowArrowL:hover, a#slideShowArrowR:hover { opacity: .5; }

#mag_img
{
	display: none;
	position: fixed !important;
	top: 0;
	left: 0;
	width: 96%;
	height: 97%;
	padding: 2%;
	background-image: url(https://www.slab500.com/common/images/trans/black50trans.png);
	border: none;
	z-index: 999;
	cursor: pointer;
}

#mag_img_img { cursor: pointer; }

a#slideClose
{
	display: block;
	position: fixed !important;
	top: 20px;
	right: 20px;
	width: 13px;
	height: 13px;
	background: url(https://www.slab500.com/common/images/graphic_elements/closex.png) no-repeat center center;
	opacity: .88;
	z-index: 1000;
}

a#slideClose span { display: none; }

a#slideImgPrev
{
	position: fixed !important;
	left: 10px;
	top: 45%;
}

a#slideImgNext
{
	position: fixed !important;
	right: 10px;
	top: 45%;
}

a#slideImgPrev,a#slideImgNext
{
	color: white;
	width: 33px;
	height: 33px;
	font-size: 30px;
	line-height: 1;
	opacity: .33;
	background: #aaa;
	border: 2px white solid;
	text-align: center;
	z-index: 999;
	cursor: pointer;
}

/* 2.2.8 settings for AJAX gallery */
div#imgallery_extrafiles_detail img
{
	border: 1px #aaa solid;
	float: left;
	margin-right: 2px;
}

.opacitymask,#mainimage_blowup
{
	position: fixed !important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(https://www.slab500.com/common/images/trans/white50trans.png);
	z-index: 9;
	text-align: center;
	display: none;
}

#imgallery_img_big
{
	position: fixed !important;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 100px;
	display: block;
	z-index: 10;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: transparent;
}

.opacitymask img
{
	position: relative;
	top: 10px;
	z-index: 11;
	background-color: white;
}

.opacitymask #prevNextSlideButtons_big
{
	position: fixed !important;
	bottom: 5px;
	left: 48%;
	z-index: 14;
	opacity: .99999;
}

.opacitymask a.close_button
{
	position: absolute;
	top: 0;
	right: auto;
	display: block;
	height: 22px;
	width: 22px;
	padding: 0;
	margin: 0;
	background: url(https://www.slab500.com/common/images/graphic_elements/closex.png) no-repeat transparent right top;
	z-index: 13;
	text-align: center;
}

.opacitymask a.close_button:hover { opacity: .5; }
.opacitymask a.close_button:active { opacity: .99; }
.opacitymask a.close_button span { display: none; }
#menubox p.prevnext { text-align: center; }

#menubox p.prevnext,
#menubox ul
{
	display: block;
	clear: both;
	float: none;
}

ul.prevnext
{
	height: 14px;
	list-style: none;
}

ul.prevnext *
{
	float: left;
	max-height: 14px;
	padding-right: 5px;
	background: transparent;
}

ul.prevnext a
{
	max-height: 14px;
	cursor: pointer;
	background: transparent;
}

.photocredits
{
	font-size: .9em;
	text-align: center;
}