body {
  font-family: Verdana, Helvetica, sans-serif;
  background-color: white;
}

/* Overall layout, .edit when in edit mode, .noedit in browse mode */
div#thumbnails { position: absolute; width: 75% }
#selection_form { width: 100%; margin-bottom: 10px; }
#selection_form select { font-family: Verdana, Helvetica, sans-serif; font-size: 0.8em; }
#selection_form input { font-family: Verdana, Helvetica, sans-serif; font-size: 0.8em; }
#selection {position: absolute; }
.ui-autocomplete { margin-left: 0; padding-left: 0.2em; }
.ui-menu-item { font-family: Verdana, Helvetica, sans-serif; font-size: 0.8em; list-style-type: none; }
#thumbnails_body { position: absolute; width: 100%; }
#messages { position: absolute; width: 100%; text-align: center; z-index: 3; }
#messages span { background-color: yellow; display: inline-block; margin-left: auto; margin-right: auto; z-index: 3; }
#allthumbnails { position: absolute; }
#allthumbnails.noedit { width: 100%; }
#allthumbnails.edit { left: 21%; width: 79%; }
#alltags.edit { position: absolute; left: 0%; width: 20%; z-index: 4; }
#tools.noedit { display: none; }
#tools.edit { width: 100%; background-color: #ff0000; margin-bottom: 2px; }
#tools button { font-family: Verdana, Helvetica, sans-serif; font-size: 0.8em; }
#tools select { font-family: Verdana, Helvetica, sans-serif; font-size: 0.8em; }
#management { position: absolute; left: 78%; width: 20%; }
#tags { background-color: #ffffcc; }

#newtag, #tag, #retag, #untag { float: right; margin-top: 2px; margin-left: 5px; margin-right: 2px; }

/* Editable tags */
.editable_tag {
    font-size: 70%;
    overflow: hidden; 
    white-space: nowrap; 
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.editable_tag { background-color: #ffffcc; }
.editable_public_tag { font-weight: bold; }
.editable_private_tag { font-style: italic; }
.editable_tag:hover { background-color: rgba(204, 204, 255, 0.5); }
.editable_tag.selected { background-color: rgba(250, 50, 50, 0.9); }
.editable_tag.selected:hover { background-color: rgba(255, 0, 0, 0.5); }

div.thumbnail table { overflow: hidden; position: absolute; }

/* Thumbnails */

div.thumbnail { position: absolute; }
div.thumbnail img { border: 2px solid white; padding: 1px; }
div.thumbnail.drophover img { border: 2px solid blue; }
td.tag { border: 1px solid #999999; }
td.tag div { font-size: 70%; white-space: nowrap; }
.public_tag { background-color: #ffffcc; }
.private_tag { background-color: #999999; }

/* Selection tree */
.subtree { padding-left: 1em; }
.accordion { position: relative; margin-bottom: 4px; }
.accordion:hover { background-color: rgba(204, 204, 255, 0.5); }
.ui-icon { position: absolute; margin-top: 1px; }
.accordion a { font-weight: normal; font-size: 0.9em; padding-left: 1em; text-decoration: none; margin-bottom: 2px; }
.tree_tag { display: inline-block; left: 1em; width: 100%; }

/* Forms */
div.ui-dialog { font-size: 80%; }
option.public { font-style: italic; }

/* Upload form */
#upload_pp { float: right; }
#upload_tt { display: inline-block; width: 100%; margin-top: 10px; }
#upload_tt label { color: #1C94C4; margin-left: 2px; }
#upload_tt input { width:100%; }
#upload_file { position: relative; display: inline-block; overflow: hidden; float: left; }
#upload_file input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
}

/* Upload preview */
div.preview { display: inline-block; margin-left: 5px; margin-right: 5px; width: 100px; }
div.preview img { display: block; margin: auto; }
div.preview span { display: block; overflow: hidden; }
div.progress { height: 15px; }
.ui-progressbar-animated .ui-progressbar-value { background-image: url(images/pbar-ani.gif); }

/* Alerts */
#jalert_msg { text-align: center; margin-top: 20px; }

#settings_jform label { font-size: 80%; }
#settings_jform input { font-size: 80%; }