html, body {
  height:100%;
	margin: 0;
	font-family: Arial;
}

body {
	background-color: #000;
}

/*ie fix */
img {
	border: 0;
}
          
#myPage {
  width: 100%;
  margin: 0 auto;
}

#myBar {
  background-color: #333;
  font-size: 80%;
  min-height: 40px;
  margin: 0;
  position: fixed;
  width: 100%;
  z-index: 99;
}

#myBar div {
	padding: 7px 2em;
	line-height: 2.1em;	
	vertical-align: middle;
}

#myBar select,
#myBar label.cbx_label {
	font-size: 90%;
	padding-bottom: 3px;
	background-color: #333;
	color: #f1f1f1;
	border: 1px solid #414141;
}

#myBar label.cbx_label {
	border: none;
}	

#myBar label {
	color: #999;
}

#thumbList {
	margin: 0;
	padding-top: 50px;
	display: table;
}

#pubLink a {
	text-decoration: none;
	color: #f1f1f1;
}

#pubLink a:hover {
	text-decoration: underline;
}

#pubLink img {
	margin: 0 0 -2px 4px;
	display: inline-block;
}

#logo {
    float: right;
    margin-right: 25px;
}

#logo img {
	height: 32px;
}

/*
#logo img:hover {
	background: url('/thumbnail/images/logo_buwr_biale.png') no-repeat;
	background-size: 58px 32px;
}
*/

li.thumbnail {
	float: left;
	position: relative;
	list-style: none;
  margin: 0.4em;
  /*width: 210px;*/
	border: 5px solid #000;
}

li.thumbnail img {
	height: 140px; 
	max-width: 210px; 
}

li.thumbnail.small,
li.thumbnail.small img {
	height: 70px; 
	max-width: 105px; 
}

li.thumbnail.big {
	width: 300px;
}	

li.thumbnail.big,
li.thumbnail.big img {
	height: 240px;
	max-width: 300px; 
}


li.thumbnail.large,
li.thumbnail.large img {
	height: 480px;
	max-width: 600px; 
}

li.thumbnail.extralarge,
li.thumbnail.extralarge img {
	height: 666px;
	max-width: 1000px; 
}


li.thumbnail.current {
	border: 5px solid #666;
}

li.thumbnail:hover {
	border: 5px solid #ccc;
}

li.thumbnail .pager {
	font-size: 12px;
	position: absolute;
	right: 2px;
	bottom: 2px;
	z-index: 10;
	color: #f1f1f1;
	background-color: darkred;
	padding: 4px;
	opacity: 0.7
}

li.thumbnail .pager img {
	height: 16px;
	width: 16px;
	vertical-align: bottom;
	opacity: 0.9;
}	
	

a.downloadLink {
	color: #f1f1f1;
	text-decoration: none;
}

a.downloadLink img {
	padding: 0 0.3em;
	width: 24px;
	vertical-align: middle;	
}	

a.downloadLink:hover {
	text-decoration: underline;
}	

.pagination {
	text-align: center;
}	

.pagination li {
	display: inline-block;
	margin: 0.7em 0.2em;
}	

.pagination li a,
.pagination li span {
	width: 1em;
	padding: 0.5em;
	border: 1px solid #ededed;
	color: #ccc;
	opacity: 0.5;
}	

.pagination li span {
	background-color: #ededed;
	color: #333;
}	

.no-result-msg {
	padding-top: 5em;
	width: 100%;
}	

.no-result-msg p {
	text-align: center;	
	color: #999;
	font-size: 140%;
	font-weight: 400;
}	

iframe.standard {
	width: 100%;
	height: 520px;
	border: 0;
}	

.blockMsg {
	cursor: default !important;
}