/*
	$Id: gallery.css 93 2008-09-04 14:45:53Z crosser $

	This is a part of mkgallery.pl suite
	http://www.average.org/mkgallery/

	DO NOT EDIT THIS FILE OR FACE RISK OF PROBLEMS ON UPGRADE
	Instead, include custom modifications into custom.css
*/

h2.ititle {
	text-align: center;
}

h2.atitle {
	text-align: center;
}

img.thumbnail {
 clear:both;
 border-style: inset;
 border-color: gray;
 border-width: 2px;
 margin: 0.2ex;
}

img.mainformat {
 clear:both;
 border-style: none;
 margin: 0px;
 padding: 0px;
}

table.slide {
 float: left;
 width: 210px;
 height: 210px;
 margin: 0.2ex;
 border-style: outset;
 border-color: #e0c080;
 border-width: 2px;
 background-color: #e0c080;
 text-align: center;
 font-size: 10px
}
table.slide tr {
 margin: 0px;
}
table.slide td {
 margin: 0px;
 vertical-align: middle;
}

table.ipage {
 background-color: #ffffc0;
 border: 1px solid black;
 border-collapse: collapse;
 text-align: left;
 margin: 0px;
 padding: 0px;
}
table.ipage td {
 border: 1px solid black;
 margin: 0px;
 padding: 1ex;
}

table.infotable {
 border-width: 0px;
}
table.infotable td {
 border-width: 0px;
 padding: 0.3ex;
}

table.navi {
 background-color: #c0c0c0;
 border: 1px solid black;
 border-collapse: collapse;
 text-align: center;
 margin: 0px;
 padding: 0px;
}
table.navi td {
 border: 1px solid black;
 margin: 0px;
 padding: 1ex;
}

table.picframe {
 border: 1px solid black;
 margin: 10px;
 padding: 10px;
}

.loading {
 background: url(loading.gif) center no-repeat;
}

.slideshowContainer {
 background-color: black;
 width: 100%;
}

.slideshowControls {
 position: absolute;
 bottom: 0px;
 left: 0px;
 width: 100%;
 height: 30px;
 z-index: 3;
 opacity: .15;
 color: white;
}

.slideshowControls:hover {
 opacity: 1;
}

.controlButton {
 position: absolute;
 bottom: 3px;
 width: 24px;
 height: 24px;
 cursor: pointer;
}

.controlButton#prev {
 left: 3px;
 background: url(left.png) no-repeat;
}

.controlButton#prevDisabled {
 left: 3px;
 background: url(leftDisabled.png) no-repeat;
 cursor: default;
}

.controlButton#stop {
 left: 28px;
 background: url(stop.png) no-repeat;
}

.controlButton#play {
 left: 28px;
 background: url(play.png) no-repeat;
}

.controlButton#next {
 left: 53px;
 background: url(right.png) no-repeat;
}

.controlButton#nextDisabled {
 left: 53px;
 background: url(rightDisabled.png) no-repeat;
 cursor: default;
}

.controlButton#exit {
 left: 78px;
 background: url(close.png) no-repeat;
}

.controlButton#comm {
 left: 103px;
 width: auto;
 font-size: 20px;
 margin-left: .5ex;
 margin-right: .5ex;
 padding-left: .5ex;
 padding-right: .5ex;
 background-color: rgba(0,0,0,.5);
 cursor: default;
}

.controlButton#comm a {
 color: white;
 text-decoration: none;
}

.controlPosition {
 vertical-align: middle;
 font-size: 10px;
 margin-right: 1ex;
}

.MultiBoxContainer {
	position: absolute;
	border: 2px solid #000;
	background-color: #FFF;
	display: none;
	z-index: 2;
	text-align: left;
}

.MultiBoxLoading {
	background: url(loading.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	width: 100%;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #000000;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}

div.slideimage {
 position: relative;
}

div.geoloc {
 position: absolute;
 right: 0px;
 top: 0px;
 width: 14px;
 height: 14px;
 background: url(smallglobe.png) no-repeat;
}