div#photo_dialog_background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
}
div#photo_pos {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
div#photo_dialog_area {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: #222;
}
h1#photo_title_area {}
div#photo_description_area {
	position: absolute;
	top: 0px;
	left: 60px;
	max-width: 50%;
	height: 30px;
	line-height: 30px;
	color: #fff;
	color: #FFF;
	text-shadow: 1px 1px #000;
}
div#photo_counter_area {
	color: #fff;
	position: absolute;
	bottom: 10px;
	left: 10px;
	background-color: rgba(0,0,0,0.5);
}
div#photo_close_area {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 25;
}
#photo_close_area a {
	position: relative;
	float: right;
	text-decoration: none;
	opacity: 0.7;
	background-image: url('./img/sipka_multi.png');
	background-repeat: no-repeat;
	display: block;
	width: 26px;
	height: 26px;
	margin: 1px;
}
#photo_close_area a:hover {
	opacity: 1;
}
div#photo_pred_area,
div#photo_next_area {
	z-index: 24;
	position: absolute;
	top: 0px;
	width: 26px;
	height: 100%;
}
div#photo_pred_area {left: 20px;}
div#photo_next_area {right: 20px;}

a.photo_pred, a.photo_next {
	background-image: url('./img/sipka_multi.png');
	background-repeat: no-repeat;
	display: block;
	width: 26px;
	height: 76px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0.7;
}
a.photo_pred {background-position: 0 0;}
a.photo_pred:hover {opacity: 1;}
a.photo_next {background-position: -26px 0;}
a.photo_next:hover {opacity: 1;}
a.photo_closeButton {background-position: 0 -178px;}
a:hover.photo_closeButton {background-position: -26px -178px;}
a.photo_slideshowPlayButton {background-position: 0 -256px;}
a:hover.photo_slideshowPlayButton {background-position: -26px -256px;}
a.photo_slideshowPauseButton {background-position: 0 -204px;}
a:hover.photo_slideshowPauseButton {background-position: -26px -204px;}
a.photo_downloadButton {background-position: 0 -230px;}
a:hover.photo_downloadButton {background-position: -26px -230px;}
a.photo_fullSizeButton {background-position: 0 -152px;}
a:hover.photo_fullSizeButton {background-position: -26px -152px;}

div#photo_image_area {
	position: relative;
	margin: 0 auto 0 auto;
	width: 100%;
	height: 100%;
	padding: 0;
	box-sizing: border-box;
	background-repeat: no-repeat;
	overflow: hidden;
}
div#photo_image_area div {
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
	margin: 0;
	padding: 0;
}
img#photo_loader {
	display: block;
	position: relative;
	margin: 0 auto 0 auto;
	top: 50%;
}
img#photo_image {
	display: none;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.lb {
	cursor: pointer;
}

@media(max-height:600px) {
	div#photo_dialog_area {
		margin-top: 0;
	}
}
@media(max-height:530px) {
	div#photo_image_area {
		top: 0;
	}
}