.medium_entry,
.site_entry
{
  background-color: #DDDDDD;
  margin: 5px;
  padding: 5px;
  overflow: auto;
  display:inline-block;
  height: 120px;
}

.medium_entry {
  min-width: 200px;
}

.site_entry {
    min-width: 240px;
}


.icon_entry {
  background-color: #DDDDDD;
  margin: 5px;
  padding: 5px;
  overflow: auto;
  display:inline-block;
  height: 120px;
}

.pl_entry
{
  background-color: #DDDDDD;
  margin: 5px;
  padding: 5px;
  overflow: auto;
}

.medium_entry img,
.site_entry img,
.choosable_medium img,
.pl_entry img,
.icon_entry img
{
  padding: 5px;
  float: left;
}

.medium_entry img {
  cursor: pointer;
}


.thumb {
  max-width: 128px;
  max-height: 100px;
}

.icon_thumb {
  max-width: 64px;
  max-height: 64px;
}

.playlist_image {
  max-width: 128px;
  max-height: 100px;
  cursor: pointer;
}

.choosable_medium {
  background-color: #DDDDDD;
  margin: 5px;
  padding: 5px;
  display:inline-block;
  height: 104px;
}

 .choosable_medium img
{
  padding: 5px;
  float: left;
  max-width: 100px;
  max-height: 100px;
}

#medium_choose_area {
  z-index: 100;
  position: fixed;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 20px;
  max-width: 80%;
  max-height: 80%;
  width: 80%;
  height: 80%;
  background-color: #eeeeee;
  display: none;
  overflow: auto;
}

#upload_in_progress {
  z-index: 105;
  position: fixed;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 20px;
  width: 200px;
  height: 200px;
  text-align: center;
  vertical-align: middle;
  background-color: #ffffff;
  display: none;
}

#preview {
  z-index: 105;
  position: fixed;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 20px;
  width: 80%;
  height: 80%;
  text-align: center;
  vertical-align: middle;
  background-color: #bbbbbb;
  display: none;
  object-fit: contain;
}

#preview img,
#preview video,
#preview audio {
  width: 90%;
  height: 90%;
  object-fit: contain;
}

.preview_blank {
  font-size: 2.5em;
}

#preview button {
  width: 90%;
}

#remove_medium_button {
  float: right;
  position: relative;
}

#abort_medium_choosing_button {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%
}

.save_button {
  width: 100%;
}

#map {
  width: 100%;
  height: 250px;
  margin: 0px;
  padding: 0px;
  border: none;
  display:block;
  position:relative;
  z-index: 5;
}

fieldset {
  margin-top: 1ex;
}

legend {
  margin-top: 1ex;
}