<br />
<b>Notice</b>:  Undefined variable: imgOvTC in <b>/home/lincolnb/public_html/ellesmere/files/styles/stylesGal.php</b> on line <b>107</b><br />

/* PHOTO GALLERY STYLES - LUXSOFT */

/* ---- GENERAL TAGS ----- */
h4 {font-size:1.2em; margin:10px 0; color:#404060;}
p {margin:4px 0;}
a:link {color:blue; text-decoration:none;}
a:hover {color:red; text-decoration:none;}

/* ---- GENERAL STYLES ----- */
.hide {display:none;}
.clear {clear:both;}
.press {cursor:pointer;}
.zoom {cursor:zoom-in;}
.floatC {text-align:center;}
.big {font-size:1.4em;}
span.fullscreen {position:fixed; top:0px; right:10px; color:#888; font-size:3em; cursor:pointer; z-index:10;}

/* ---- ALBUM PAGE ----- */
.albumBox {padding:20px 2%;}
span.albTopR {position:absolute; top:20px; right:2vw; z-index:10;}
button.dload {margin-top:6px; display:none;}

/* --- ALBUM IMAGES --- */

.albBox, .imgBox {position:relative; float:left; margin:0 12px 12px 0;}
.albBox img, .imgBox img, .imgBox video {border-radius:8px; float:left;}
.albBox p:nth-of-type(1) {position:absolute; bottom:15%; width:100%; text-align:center;}
.albBox p:nth-of-type(1) span {font:1.5vw tahoma; color:#105080; background:rgba(255,255,255,0.7); border-radius:8px;}
.albBox p:nth-of-type(2) {position:absolute; bottom:5%; width:100%; text-align:center;}
.albBox p:nth-of-type(2) span {font:1.2vw tahoma; color:#105080; background:rgba(255,255,255,0.7); border-radius:4px;}
.imgBox p {position:absolute; bottom:0; width:100%; text-align:center;}
.imgBox p span {font:0.9em tahoma; color:#105080; background:rgba(255,255,255,0.7); border-radius:4px;}

/* ---- SLIDE PAGE ----- */
#slMenu {
	position:fixed; top:25px; left:0; right:0;
	display:table;
	margin:0 auto;
	visibility:hidden;
	background:rgba(255,255,255,0.5);
	border-radius:4px;
	z-index:100;
}

#slMenu span {
	padding:0 10px;
	font-size:2.4em;
	cursor:pointer;
}

#slMenuL, #slMenuR {
	color:#808080;
}

#slMenuM, #slMenuI {
	color:#808080;
}

#slideBox {
	position:fixed; top:0px; bottom:40px; left:2%; right:2%; z-index:10;
	visibility:hidden;
	background:#E8E8E8;
	overflow:hidden;
}

.slide {
	position:absolute; top:50%; left:50%;
	transform:translate(-50%,-50%);
	transition:opacity 1.5s ease-in;
	border:1px solid #AAAABB;
	border-radius:4pt;
	padding:4px;
	opacity:0;
}

.slide img, .slide video {
	max-width:calc(98vw - 4px);
	max-height:calc(98vh - 4px);
/*	transition:background-size 0.1s all;*/
}

.slide p {
	position:absolute; bottom:3%; left:0; right:0;
	text-align:center;
}

.slide p span {font:1.0em tahoma; font-weight:bold; line-height: 1.4; color:; background:rgba(255,255,255,0.5); border-radius:4px;}

div#infoBox {
	position:absolute; top:0; left:50%;
	transform:translate(-50%,-20%);
	opacity:0; transition: opacity 1.5s;
	color:#083060; background:#F8F8F8;
	font-size:1.1em;
	padding:10px;
	max-width:80%;
	border:1px solid #336699; border-radius:5px; box-shadow:5px 5px 5px #888;
	cursor:pointer;
	z-index:50;
}

div.helpInfo p {line-height:0.5cm;}