body { background-color:#F1FF83 }
h3 { text-align:center; }
.packagelist, #desc + div { clear:both; }
.package h4 { margin-top:.3em; }
h5 { font-size:1em; margin-bottom:.3em; }
h2 + #summary { text-align:center; }
#appdetails h2 { margin-top:.5em; margin-bottom:.2em; }
#appdetails, #keydata, .package {
  background-color:#ffffff;
  border-spacing:1em;
  border:1px solid gray;
  border-radius:0.5em;
  padding:0.5em;
  margin:1.5em;
  clear: right;
}
#appdetails { /* center & resize */
  width:900px;
  max-width:95%;
  margin-left:auto;
  margin-right:auto;
}
.applink_icon {
  border:0;
  height:1em;
}
#desc { display:inline; }
#keydata {
  display:inline;
  background-color:#f0f0f0;
  float:right;
}
.keydatatable td, .libdetails { font-size:.8em; color: #555555; padding-left:.5em; padding-right:.5em; }
.toggle { text-decoration: underline dotted; cursor:pointer; }
.permissions li { font-family: monospace; font-size:.9em; }
.antifeatures {
  border:1px solid rgb(255,102,102); border-radius:.5em;
  background-color:rgba(255,204,0,.3);
  margin-bottom:1em;
  clear:both;
}
.antifeatures code { font-size:.9em; }
#appdetails .whatsnew { background-color:#f0f0f0; margin-left:1em; margin-bottom:.7em; max-width:-moz-fit-content; padding: 1px 1em 1px 1em; border-radius:0.5em; }
#appdetails .doublelist { background-color:#f1ff834d; margin-left:1em; margin-bottom:.7em; margin-top:.7em; max-width:-moz-fit-content; padding:.75em; border:1px solid gray; border-radius:0.5em; font-size:90%; clear:right; }
#footer { text-align:center; font-size:.8em; margin-top:-.7em; }
#footer a { background-color:#f0f0f0; padding:.2em .4em .4em; border-radius:.4em; border:1px solid lightgray; }
.modules { width:100%; }
.liblist {
  border-spacing:1em;
  border:1px solid gray;
  border-radius:0.5em;
  padding:0.5em;
  /* max-width: 33%; */
  min-width:10%;
  display: table-cell;
}
.vt { margin-bottom: .3em; margin-top: 1.7em; }
span.shield {
  background:url(../templates/icons/shield-empty.png) left no-repeat;
  padding-left:20px;
  margin-left:.5em;
  min-width:10em;
}
span.shield-fail { background:url(../templates/icons/shield-fail.png) left no-repeat; }
span.shield-warn { background:url(../templates/icons/shield-warn.png) left no-repeat; }
span.shield-note { background:url(../templates/icons/shield-note.png) left no-repeat; }
span.shield-ok   { background:url(../templates/icons/shield-ok.png) left no-repeat; }

li.shield { list-style-image: url(../templates/icons/shield-empty.png); }
li.shield-fail { list-style-image: url(../templates/icons/shield-fail.png); }
li.shield-warn { list-style-image: url(../templates/icons/shield-warn.png); }
li.shield-note { list-style-image: url(../templates/icons/shield-note.png); }
li.shield-ok   { list-style-image: url(../templates/icons/shield-ok.png); }

.hidden { display:none; }

a.help { cursor:help; color:inherit; text-decoration:underline dotted; }
.appicon { margin-top:1em; width:48px; }

div.screenshots { text-align:center; margin:1.5em; white-space: nowrap; overflow:auto; border:1px solid gray; border-radius:.5em; }
div.screenshots img { max-height:267px; }

@media (max-width: 600px) {
  #desc, #keydata, .liblist { display:block; }
  #keydata {
    padding:0;
/*    margin-top:1em; margin-bottom:1em; */
    margin:1em 0 1em 0;
    float:none;
  }
  .appicon { margin-top:0; }
}