#mediagallerycontainer .imgcontainer {
	padding:0px;
	margin:2%;
	width:96%;
	display:inline-block;
	background-color:#E4E4C9;
	position:relative;
	border:1px solid #999999;
	border-radius: 10px;
	font-family: Trebuchet MS, Arial, Helvetica;
	text-align:center;
	font-size:10px;
	color:black;
	position:relative;
}
#mediagallerycontainer .imgcontainer .thumbcontainer {
	width:96%;
	height:0px;
	padding-bottom:96%;
	margin:2%;
	background-color:#666666;
	background-image:url('nohighlight_lg.jpg');
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	border:1px solid #333333;
	border-radius:5px;
}
.mediaheader {
	background-color:#FFFFFF;
	font-size:11px;
	color:#000000;
	width:90%;
	height:14px;
	padding:2px;
	position:absolute;
	bottom:-6px;
	left:5%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border:1px solid #333333;
	border-radius:5px;
}
.mediaheader-title {
	display:inline-block;
	overflow:hidden;
	text-overflow:ellipsis;
	width:100%;
	height:14px;
}
#mediagallerycontainer .col-albums {
	display:grid;
	grid-template-columns: repeat(2, minmax(0, 1fr)); /*2 col grid*/
	width:100%;
	position:relative;
}
#mediagallerycontainer .col-photos {
	width:100%;
	display:grid;
	grid-template-columns:repeat(5, minmax(0, 1fr)); /*5 col grid*/
	column-gap: 10px;
	row-gap: 10px;
	position:relative;
}
@media screen and (max-width: 850px) {
	#mediagallerycontainer .col-photos {
		grid-template-columns:repeat(4, minmax(0, 1fr)); /*4 col grid*/
	}
}
@media screen and (max-width: 650px) {
	#mediagallerycontainer .col-photos {
		grid-template-columns:repeat(3, minmax(0, 1fr)); /*3 col grid*/
	}
	#mediagallerycontainer .col-albums {
		grid-template-columns:repeat(1, minmax(0, 1fr)); /*2 col grid*/
	}
}
@media screen and (max-width: 475px) {
	#mediagallerycontainer .col-photos {
		grid-template-columns:repeat(2, minmax(0, 1fr)); /*2 col grid*/
	}
}

#mediagallerycontainer .albumcontainer {
	margin:2%;
	width:calc(96% - 4px);
	/*height:180px;*/
	border:2px solid black;
	border-radius:10px;
	text-align:left;
	font-family: Trebuchet MS, Arial;
	font-size:16px;
	font-size: calc(10px + 6 * ((100vw - 320px) / 680));
	color:black;
	background-color: #E4E4C9;
	display:inline-block;
}
#mediagallerycontainer .albumcontainer .albumthumbcontainer {
	width:22%;
	height:0px;
	padding-bottom:22%;
	background-color:#666666;
	background-image:url('nohighlight_lg.jpg');
	background-position:center;
		/*if browser supports it, resize background*/
	background-size:cover;
	background-repeat:no-repeat;
	border:1px solid #333333;
	border-radius:5px;
	margin:calc(1% - 1px);
	display:inline-block;
	vertical-align:middle;
}
#mediagallerycontainer .albumcontainer .albumtext {
	display:inline-block;
	width:75%;
	vertical-align:middle;
	text-align:center;
	color:#000000;
	text-decoration:none;
	font-size:0.03em;
}
.fancybox-overlaycaption {
	display:inline-block;
	padding:5px;
	background-color:#333333;
	color:#FFFFFF;
	border-radius:10px;
	font-size:12px;
	font-weight:bold;
}
.header-about {
	font-size:8px;
	color:#333333;
	text-align:right;
}



	/*---- ZBTN Styles ----*/
.zbtn {
	display:inline-block;
	margin:1px;
	padding: 3px 5px 3px 10px;
	border:1px solid #999999;
	border-radius:7px;
	background-color:#CCCCCC;
	background-image:url('btn_layer.png');
	background-repeat:repeat-x;
	font-family:Arial, Helvetica;
	font-size:10px;
	vertical-align:middle;
	color: #FFFFFF;
}
.zbtn-small {
	margin:1px;
	padding: 3px 5px 3px 5px;
	border:1px solid #999999;
	border-radius:7px;
	background-color:#CCCCCC;
	background-image:url('btn_layer.png');
	background-repeat:repeat-x;
	font-family:Arial, Helvetica;
	font-size:10px;
	vertical-align:middle;
	color: #FFFFFF;
}
.zbtn:hover {
	background-color:#AAAAAA;
	cursor:pointer;
}
.zbtn-edit { background-color:#F89406;border:1px solid #C17104; }
.zbtn-edit:hover { background-color:#FCBA61; }
.zbtn-destroy { background-color:#DA4F49;border:1px solid #8D221D; }
.zbtn-destroy:hover { background-color:#E27570; }
.zbtn-add { background-color:#0055CC;border:1px solid #004A82; }
.zbtn-add:hover { background-color:#4595ED; }
.zbtn-back { background-color:#414141 }
.zbtn-back:hover { background-color:#6B6B6B; }
.zbtn-light { background-color:#DDDDDD; }
.zbtn-light:hover { background-color:#CCCCCC; }
.zbtn-search { background-color:#5BB75B;border:1px solid #378037; }
.zbtn-search:hover { background-color:#84CA84; }


[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;*margin-right:.3em;line-height:14px;vertical-align:text-top;background-image:url("glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;}
[class^="icon-"]:last-child,[class*=" icon-"]:last-child{*margin-left:0;}
.icon-white{background-image:url("glyphicons-halflings-white.png");}
.icon-glass{background-position:0 0;}
.icon-music{background-position:-24px 0;}
.icon-search{background-position:-48px 0;}
.icon-envelope{background-position:-72px 0;}
.icon-heart{background-position:-96px 0;}
.icon-star{background-position:-120px 0;}
.icon-star-empty{background-position:-144px 0;}
.icon-user{background-position:-168px 0;}
.icon-film{background-position:-192px 0;}
.icon-th-large{background-position:-216px 0;}
.icon-th{background-position:-240px 0;}
.icon-th-list{background-position:-264px 0;}
.icon-ok{background-position:-288px 0;}
.icon-remove{background-position:-312px 0;}
.icon-zoom-in{background-position:-336px 0;}
.icon-zoom-out{background-position:-360px 0;}
.icon-off{background-position:-384px 0;}
.icon-signal{background-position:-408px 0;}
.icon-cog{background-position:-432px 0;}
.icon-trash{background-position:-456px 0;}
.icon-home{background-position:0 -24px;}
.icon-file{background-position:-24px -24px;}
.icon-time{background-position:-48px -24px;}
.icon-road{background-position:-72px -24px;}
.icon-download-alt{background-position:-96px -24px;}
.icon-download{background-position:-120px -24px;}
.icon-upload{background-position:-144px -24px;}
.icon-inbox{background-position:-168px -24px;}
.icon-play-circle{background-position:-192px -24px;}
.icon-repeat{background-position:-216px -24px;}
.icon-refresh{background-position:-240px -24px;}
.icon-list-alt{background-position:-264px -24px;}
.icon-lock{background-position:-287px -24px;}
.icon-flag{background-position:-312px -24px;}
.icon-headphones{background-position:-336px -24px;}
.icon-volume-off{background-position:-360px -24px;}
.icon-volume-down{background-position:-384px -24px;}
.icon-volume-up{background-position:-408px -24px;}
.icon-qrcode{background-position:-432px -24px;}
.icon-barcode{background-position:-456px -24px;}
.icon-tag{background-position:0 -48px;}
.icon-tags{background-position:-25px -48px;}
.icon-book{background-position:-48px -48px;}
.icon-bookmark{background-position:-72px -48px;}
.icon-print{background-position:-96px -48px;}
.icon-camera{background-position:-120px -48px;}
.icon-font{background-position:-144px -48px;}
.icon-bold{background-position:-167px -48px;}
.icon-italic{background-position:-192px -48px;}
.icon-text-height{background-position:-216px -48px;}
.icon-text-width{background-position:-240px -48px;}
.icon-align-left{background-position:-264px -48px;}
.icon-align-center{background-position:-288px -48px;}
.icon-align-right{background-position:-312px -48px;}
.icon-align-justify{background-position:-336px -48px;}
.icon-list{background-position:-360px -48px;}
.icon-indent-left{background-position:-384px -48px;}
.icon-indent-right{background-position:-408px -48px;}
.icon-facetime-video{background-position:-432px -48px;}
.icon-picture{background-position:-456px -48px;}
.icon-pencil{background-position:0 -72px;}
.icon-map-marker{background-position:-24px -72px;}
.icon-adjust{background-position:-48px -72px;}
.icon-tint{background-position:-72px -72px;}
.icon-edit{background-position:-96px -72px;}
.icon-share{background-position:-120px -72px;}
.icon-check{background-position:-144px -72px;}
.icon-move{background-position:-168px -72px;}
.icon-step-backward{background-position:-192px -72px;}
.icon-fast-backward{background-position:-216px -72px;}
.icon-backward{background-position:-240px -72px;}
.icon-play{background-position:-264px -72px;}
.icon-pause{background-position:-288px -72px;}
.icon-stop{background-position:-312px -72px;}
.icon-forward{background-position:-336px -72px;}
.icon-fast-forward{background-position:-360px -72px;}
.icon-step-forward{background-position:-384px -72px;}
.icon-eject{background-position:-408px -72px;}
.icon-chevron-left{background-position:-432px -72px;}
.icon-chevron-right{background-position:-456px -72px;}
.icon-plus-sign{background-position:0 -96px;}
.icon-minus-sign{background-position:-24px -96px;}
.icon-remove-sign{background-position:-48px -96px;}
.icon-ok-sign{background-position:-72px -96px;}
.icon-question-sign{background-position:-96px -96px;}
.icon-info-sign{background-position:-120px -96px;}
.icon-screenshot{background-position:-144px -96px;}
.icon-remove-circle{background-position:-168px -96px;}
.icon-ok-circle{background-position:-192px -96px;}
.icon-ban-circle{background-position:-216px -96px;}
.icon-arrow-left{background-position:-240px -96px;}
.icon-arrow-right{background-position:-264px -96px;}
.icon-arrow-up{background-position:-289px -96px;}
.icon-arrow-down{background-position:-312px -96px;}
.icon-share-alt{background-position:-336px -96px;}
.icon-resize-full{background-position:-360px -96px;}
.icon-resize-small{background-position:-384px -96px;}
.icon-plus{background-position:-408px -96px;}
.icon-minus{background-position:-433px -96px;}
.icon-asterisk{background-position:-456px -96px;}
.icon-exclamation-sign{background-position:0 -120px;}
.icon-gift{background-position:-24px -120px;}
.icon-leaf{background-position:-48px -120px;}
.icon-fire{background-position:-72px -120px;}
.icon-eye-open{background-position:-96px -120px;}
.icon-eye-close{background-position:-120px -120px;}
.icon-warning-sign{background-position:-144px -120px;}
.icon-plane{background-position:-168px -120px;}
.icon-calendar{background-position:-192px -120px;}
.icon-random{background-position:-216px -120px;}
.icon-comment{background-position:-240px -120px;}
.icon-magnet{background-position:-264px -120px;}
.icon-chevron-up{background-position:-288px -120px;}
.icon-chevron-down{background-position:-313px -119px;}
.icon-retweet{background-position:-336px -120px;}
.icon-shopping-cart{background-position:-360px -120px;}
.icon-folder-close{background-position:-384px -120px;}
.icon-folder-open{background-position:-408px -120px;}
.icon-resize-vertical{background-position:-432px -119px;}
.icon-resize-horizontal{background-position:-456px -118px;}
.icon-hdd{background-position:0 -144px;}
.icon-bullhorn{background-position:-24px -144px;}
.icon-bell{background-position:-48px -144px;}
.icon-certificate{background-position:-72px -144px;}
.icon-thumbs-up{background-position:-96px -144px;}
.icon-thumbs-down{background-position:-120px -144px;}
.icon-hand-right{background-position:-144px -144px;}
.icon-hand-left{background-position:-168px -144px;}
.icon-hand-up{background-position:-192px -144px;}
.icon-hand-down{background-position:-216px -144px;}
.icon-circle-arrow-right{background-position:-240px -144px;}
.icon-circle-arrow-left{background-position:-264px -144px;}
.icon-circle-arrow-up{background-position:-288px -144px;}
.icon-circle-arrow-down{background-position:-312px -144px;}
.icon-globe{background-position:-336px -144px;}
.icon-wrench{background-position:-360px -144px;}
.icon-tasks{background-position:-384px -144px;}
.icon-filter{background-position:-408px -144px;}
.icon-briefcase{background-position:-432px -144px;}
.icon-fullscreen{background-position:-456px -144px;}
