.page-nav-left { width: 30px; float: left; position: relative; margin-left: -100%; left: -30px; }
.page-nav-right { width: 30px; float: left; position: relative; margin-right: -100%; }
.page-nav-left a, .page-nav-right a { display: inline-block; position: relative; top: 50px; width: 30px; height: 30px; text-decoration: none; }
.page-nav-left a {background: url(../images/panel-lr.png) 0 0 no-repeat; }
.page-nav-right a {background: url(../images/panel-lr.png) -30px 0 no-repeat; }

div.photonic-post-gallery { width: 100%; clear: both; }
ul.photonic-post-gallery { float: left; }
.photonic-post-gallery ul { margin: 0; padding: 0; position: relative;}
.photonic-post-gallery li { list-style: none; float: left; }
.photonic-post-gallery-content img { float: left; }
.photonic-post-gallery-nav li { float: left; text-align: center; }
.photonic-post-gallery-nav a { display: inline-block; border: none; }
ul.photonic-post-gallery-content {margin: 5px 0; }

.panel-previous { position: absolute; left: 15px; top: 50%; background: url(../images/panel-lr.png) 0 0 no-repeat; width: 30px; height: 30px; text-decoration: none; }
.panel-next { position: absolute; right: 15px; top: 50%; background: url(../images/panel-lr.png) -30px 0 no-repeat; width: 30px; height: 30px; text-decoration: none; }
.panel-previous:hover, .panel-next:hover { text-decoration: none; }
ul.slideshow-grid-panel  { float: left; width: 100% !important; position: relative; display: inline-block; }
li.slideshow-grid { width: 100% !important; }
li.slideshow-grid li { display: inline-block; }
.slideshow-grid-panel a { display: inline-block; }

.simplemodal-data { display: inline-block !important; }
.simplemodal-wrap { overflow: hidden !important; }
.simplemodal-container { position: absolute !important;}
.modalCloseImg { background: url(../scripts/fancybox/fancy_close.png) no-repeat; width: 30px; height: 30px; top: -15px; right: -15px; position: absolute; cursor: pointer; }

.photonic-gallery-1c { width: 98%; }
.photonic-gallery-2c { width: 49%; }
.photonic-gallery-3c { width: 32%; }
.photonic-gallery-4c { width: 24%; }
.photonic-gallery-5c { width: 19%; }
.photonic-gallery-6c { width: 16%; }
.photonic-gallery-7c { width: 14%; }
.photonic-gallery-8c { width: 12%; }
.photonic-gallery-9c { width: 10.5%; }
.photonic-gallery-10c { width: 9.5%; }
.photonic-gallery-11c { width: 8.6%; }
.photonic-gallery-12c { width: 8%; }
.photonic-gallery-13c { width: 7.2%; }
.photonic-gallery-14c { width: 6.8%; }
.photonic-gallery-15c { width: 6.5%; }
.photonic-gallery-16c { width: 6.2%; }
.photonic-gallery-17c { width: 5.8%; }
.photonic-gallery-18c { width: 5.5%; }
.photonic-gallery-19c { width: 5.2%; }
.photonic-gallery-20c { width: 4.95%; }
.photonic-gallery-21c { width: 4.7%; }
.photonic-gallery-22c { width: 4.5%; }
.photonic-gallery-23c { width: 4.3%; }
.photonic-gallery-24c { width: 4.1%; }
.photonic-gallery-25c { width: 3.95%; }

.photonic-tree li { list-style: none; }

.photonic-panel ul { padding: 0; margin: 10px auto; }
.photonic-panel { display: none; text-align: center; width: 800px; z-index: 5; padding: 10px; border-radius:10px; }

.photonic-flickr-panel .photonic-flickr-image img { border-color: #333; }

.photonic-flickr-image, .photonic-picasa-image, .photonic-500px-image, .photonic-smug-image, .photonic-instagram-image, .photonic-zenfolio-image {
	display: inline-block;
	list-style: none;
	vertical-align: top;
	text-align: center;
	background: transparent !important;
	line-height: 1.1em;
	zoom: 1;
	*display: inline;
}

.photonic-stream img.circle {
	border-radius: 50%;
}

.photonic-random-layout {
	display: inline-block;
	width: 100% !important;
}
.photonic-random-layout .photonic-pad-photos { display: none; }
.photonic-random-layout .photonic-level-2 { display: none; }

.photonic-random-layout .photonic-tiled-photo {
	float: left; position: relative; padding: 5px; box-sizing: border-box; background-size: 100% 100%;
}
.photonic-tiled-photo img {
	width: 100% !important; height: 100% !important;
}
.photonic-tiled-photo a { /*box-sizing: border-box; display: block; width: 100%; height: 100%;*/ }

.photonic-title-info { position: relative; }
.title-display-hover-slidedown-show .photonic-title-info { margin-top: -100%; }
.title-display-hover-slideup-show a .photonic-title, .title-display-hover-slidedown-show a .photonic-title {
	background: #111;
	background: rgba(33, 33, 33, 0.8);
	display: none;
	width: 100%;
	font-size: 0.7em;
	color: #ddd;
	font-family: "Noto Sans", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: absolute;
	padding: 3px;
	text-align: left;
}
.title-display-hover-slideup-show a .photonic-title { bottom: 0; }
.title-display-hover-slidedown-show a .photonic-title { top: 0; }

.photonic-flickr-image img, .photonic-picasa-image img, .photonic-500px-image img, .photonic-smug-image img, .photonic-instagram-image img, .photonic-zenfolio-image img  { padding: 5px; filter: alpha(opacity=75); opacity: 0.75; }
.photonic-flickr-image a, .photonic-picasa-image a, .photonic-500px-image a, .photonic-smug-image a, .photonic-instagram-image a, .photonic-zenfolio-image a { display: inline-block; text-align: center; text-decoration: none; font-size: 0.9em; vertical-align: middle; border: none; padding: 5px; }
.photonic-flickr-image a span, .photonic-picasa-image a span, .photonic-500px-image a span, .photonic-smug-image a span, .photonic-instagram-image a span, .photonic-zenfolio-image a span { display: block; padding: 3px; width: 100%; }
.photonic-flickr-image a:hover img, .photonic-picasa-image a:hover img, .photonic-500px-image a:hover img, .photonic-smug-image a:hover img, .photonic-instagram-image a:hover img, .photonic-zenfolio-image a:hover img { filter: alpha(opacity=100); opacity: 1; }

.photonic-flickr-collection { display: inline-block; width: 100%; text-align: left; border-width: 1px 0 1px 0; border-style: dotted; border-color: #888; padding: 0.5em 0; margin: 0.5em 0; }
.photonic-flickr-set, .photonic-flickr-gallery, .photonic-smug-album, .photonic-smug-category, .photonic-smug-sub-category, .photonic-zenfolio-set, .photonic-zenfolio-group { list-style: none; display: inline-block; width: 100%; text-align: left; border-width: 1px 0 1px 0; border-style: dotted; border-color: #888; padding: 0.5em 0; margin: 0.5em 0; }

.photonic-set-title, .photonic-gallery-title, .photonic-photo-title, .photonic-photo-pop-title, .photonic-album-title { display: block; text-decoration: none; }
.photonic-set-photo-count, .photonic-gallery-photo-count, .photonic-album-photo-count { font-size: 85%; font-style: italic; display: block; }

.photonic-header-thumb { float: left; margin: 0 1em 0 0; }
.photonic-header-details { float: left; }
.photonic-header-title { font-size: 120%; font-weight: bold; display: block; }
.photonic-header-info { font-size: 90%; font-style: italic; }

.photonic-zenfolio-panel {
	color: #787878;
}

.photonic-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin-top: -50px;
	margin-left: -50px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1100;
	display: none;
	background: #fff url(../images/loading.gif) no-repeat center;
}

#photonic-login-box-flickr .auth-button, #photonic-login-box-500px .auth-button, .photonic-login-box-smug .auth-button, #photonic-login-box-picasa .auth-button, #photonic-login-box-instagram .auth-button, .photonic-more-button, .photonic-more-button:visited {
	padding: 10px 15px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	min-width: 120px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin: 20px 0 0;
	background: #6af;
	background: -moz-linear-gradient(center top, #336699 20%, #224477 100%) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(center top, #336699 20%, #224477 100%) repeat scroll 0 0 transparent;
	color: #fff;
	float: none;
	border-radius: 3px;
}
#photonic-login-box-flickr .auth-button:hover, #photonic-login-box-500px .auth-button:hover, .photonic-login-box-smug .auth-button:hover, #photonic-login-box-picasa .auth-button:hover, #photonic-login-box-instagram .auth-button:hover, .photonic-more-button:hover {
	text-decoration: none;
	color: #fff;
	background: #48d;
	background: -moz-linear-gradient(center top, #224477 20%, #336699 100%) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(center top, #224477 20%, #336699 100%) repeat scroll 0 0 transparent;
}
.photonic-login-box {
	border: 1px solid #888;
	padding: 10px;
	border-radius: 5px;
	display: block;
	clear: both;
}

.photonic-auth-button, .photonic-more-button {
	margin: 0 auto;
	text-align: center;
}
.photonic-more-link-container {
	text-align: right;
	display: inline-block;
	width: 100%;
}
.photonic-user-thumbnail img, .photonic-500px-user img {
	width: 100px;
	min-height: 100px;
}

.photonic-panel-header { top: 0; left: 0; padding: 10px 0; text-align: left; font-weight: bold; border-bottom: 5px solid #787878; color: #787878; position: relative; display: table; width: 100%; border-top: none; margin: 0; }
.photonic-panel-header div { vertical-align: middle; margin: 0 5px; }
.photonic-panel-header a { text-decoration: none; font-size: 100%; }



/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px }

/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 80; }
.ui-widget-overlay { background: #000; opacity: .3;filter:Alpha(Opacity=30) }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa; opacity: .3;filter:Alpha(Opacity=30); border-radius: 8px; }


#TB_overlay { z-index: 1050 !important; }
#TB_window { z-index: 1060 !important; }

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	background: #333;
	background: rgba(33, 33, 33, 0.8);
	color: #eee;
}
body .ui-tooltip {
	border-width: 2px;
}
.ui-tooltip-content {
	font-family: "Noto Sans", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

#fancybox-right, #fancybox-left { width: 15%; }

.photonicModalOverlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	background: #333;
	background: rgba(33, 33, 33, 0.8);
	text-align: center;
}

.photonicModalOverlayScrollable {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.photonicModal { margin: 0 auto; }

.photonicModal.photonic-panel { border-radius: 0 0 10px 10px; }

a.photonicModalClose {
	position: absolute;
	float: right;
	border: none;
	font-family: "Noto Sans", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 30px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #bbb;
	top: 0;
	z-index: 10000;
}