* { 
  color: inherit;
  background-color: transparent;
  text-align: left;
  vertical-align: top;
/**  display: block; **/
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: inherit;
/**  overflow: auto; **/
}

html {
  min-height:100%;
  position:relative;
}

body {
 height: 100%;
 background-color: white;
 color: black;
}

div {
 display: inline-block;
}

a {
 font-size: inherit;
}
strong {
 font-size: inherit;
}
table {
 border-collapse: collapse;
 border: 1px solid grey;
 width: 100%;
}
tr:nth-child(odd){
 background-color: rgb(180,180,180,0.7);
}
tr:nth-child(even){
 background-color: rgb(255,255,255,0.7);
}
th, td {
 border: 1px solid grey;
 padding: 2px;
 vertical-align: top;
}
th {
 background-color: rgb(100,100,100,0.7);
 font-weight: bold;
 text-align: center;
}
td {
 text-align: left;
}
.nostyle, .nostyle tr, .nostyle th, .nostyle td {
 margin: 0px;
 padding: 0px;
 border: 0px solid white;
 background-color: white;
 color: black;
}

form {
 display: inline-block;
 margin: 10px;
 padding: 10px;
 border-radius: 10px;
}

input, textarea {
 display: inline-block;
 width: auto;
 margin: 2px;
 padding: 4px;
 background-color: lightgrey;
 border: 1px solid grey;
}
button, input[type=button], input[type=submit], input[type=reset] {
 display: inline-block;
 font-weight: bold;
 background-color: GoldenRod;
 cursor: pointer;
 height: 28px;
 border-radius: 8px;
 padding: 4px;
 box-shadow: 2px 2px #888888;
 
 height: auto;
 padding: 4px;
 background-color: white;
 border: 1px solid grey;
 border-radius: 4px;
 font-weight: normal;
 box-shadow: none;
 border: 2px solid grey;
}
button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
 background-color: GoldenRod;
 
 border: 2px solid orange;
 background-color: white;
 cursor: arrow;
}
.largeTextarea {
 width: 400px;
 height: 300px;
}
h1, h2, h3, h4, h5, h6 {
 font-weight: bold;
 color: grey;
 margin-top: 20px;
}
h1 {
 margin-top: 6px;
 font-size: 20pt;
}
h2 {
 font-size: 16pt;
}
h3 {
 font-size: 12pt;
}
p {
 padding: 5px;
}
hr {
 width: 80%
 height: 10px;
 border: 2px solid white;
 margin: 10px 0px;
}
li {
margin-left: 20px;
}
small {
  font-size: small;
}

/** every page **/
#toplogo {
 display: inline-block;
 height: 100px;
}
#toplogo img {
 height: 100px;
}
#topManage a {
 display: inline-block;
 padding: 10px;
 text-decoration: none;
 font-size: 15pt;
 font-weight: bold;
}
#top {
  text-align: right;
 display: inline-block;
}
#topLang {
 display: block;
 float: right;
 position: absolute;
 top: 5px;
 right: 5px;
}
#topLang img{
 height: 24px;
}
#topMenu {
 display: block;
}
#topMenu a {
 display: inline-block;
 padding: 10px;
 text-decoration: none;
 font-size: 9pt;
 font-weight: bold;
}
#topSearch {
 display: block;
}
#topRight {
 display: inline-block;
 padding: 10px;
 text-decoration: none;
 font-size: 12pt;
 font-weight: bold;
 position: absolute;
 top: 0px;
 right: 0px;
}
#main {
 padding: 20px;
 width: calc(100% - 40px);
}
.clear {
 display: block;
 clear: left;
}
.center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.left {
 display: inline-block;
 min-width: calc(50% - 20px);
}
.right {
 display: inline-block;
 min-width: calc(50% - 20px);
}
.errors {
 display: block;
 padding: 5px;
 border: 4px dotted red;
}
.success {
 display: block;
 padding: 5px;
 border: 4px dotted green;
}
.selected {
 background-color: yellow;
}
.collectionItem {
 display: inline-block;
 margin: 10px;
 padding: 10px;
 font-weight: bold;
 text-align: center;
}
.collectionImage {
 border: 10px solid black;
 padding: 10px;
 text-align: center;
}
.collectionImage img {
 height: 100px;
}

/** specific pages **/
.info-icon {
 height: 20px;
}
#searchForm {
 text-align: center;
}
#searchForm input[type=text] {
 width: 400px;
 background-color: white;
}
.dropzone {
 padding: 10px;
 width: 300px;
 height: 200px;
 border: dotted darkblue 2px;
 background-color: #c8dadf;
 border-radius: 10px;
 position: relative;
}
.dropzone .center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
#uploadForm {
 width: 300px;
 height: 180px;
 border: dotted darkblue 2px;
 background-color: #c8dadf;
}
#uploadForm input {
 height: auto;
}
.uploadResult {
 margin: 10px; 
 padding: 10px;
 border: 10px solid black;
}
.uploadResult img {
 max-width: 300px;
 max-height: 300px;
}
.uploadResult input {
 width: 500px;
}
.uploadResult textarea {
 width: 500px;
 height: 300px;
}
.collectionItemData {
 display: inline-block;
 padding: 10px;
}
.collectionItemExtra {
 font-size: 9pt;
}
.pageviews {
 margin: 10px;
 padding: 20px;
 background-color: darkblue;
 color: white;
 text-align: center;
 border-radius: 5px;
}
.pageviews .counter {
 display: block;
 color: gold;
 font-size: 40pt;
 font-weight: bold;
 text-align: center;
}
.searchPopularQuery {
 font-size: 40pt;
}
.shareLink {
 text-decoration: none;
 color: grey;
 font-weight: bold;
 font-size: 30pt !important;
 padding: 0px;
}
#contactSocialTable img {
 margin: 2px;
}