p { text-align:justify; }
#content p.center { text-align:center; }
.zitat { margin-left:1cm; margin-right:1cm; font-style:italic; }
#intro {
  border-spacing:1em;
  border:1px solid gray;
  border-radius:0.5em;
  box-shadow: 10px 10px 5px #888;
  margin:1.5em;
  font-size:.9em;
  width:600px; max-width:90%;
  display:table; margin-left:auto;margin-right:auto;
  font-size:.8em; color: #555555;
}
#intro > p { margin-top:0;}
#intro p:last-child {margin-bottom:0;}
.last {
 border-bottom: 1px solid black;
 padding-bottom:.5em;
 text-align:center;
}
table { border-collapse:collapse; }
h2 { text-align:center; }

div.filterline { display:table;margin-left:auto;margin-right:auto;margin-bottom:1em;vertical-align:middle;display:table;font-size:.8em; }
div.filterline form { display:table-row; }
div.filterline .filtercell { display:table-cell;vertical-align:middle; }
fieldset { float:left; }
fieldset select, fieldset input { font-size:.9em; }

.perms { font-family: monospace; font-size:.8em; }

.repoapplist { display:table; border-collapse:collapse; margin-left:auto; margin-right:auto; width:600px; max-width:90%; }
.approw, appdetailrow { display:table-row; }
.appdetailrow { padding:.5em; }
.appiconbig, .appdetailblock, .appdetailcell { display:table-cell }
.appiconbig { vertical-align:middle; text-align:center; }
.appdetailinner { display:table; width:100%; }
.applinkcell { text-align:center; float:right; width:100%; margin-bottom:1em; }
.paddedlink { margin:1em; }

.approw {
  border-spacing:1em;
  border:1px solid gray;
  border-radius:0.5em;
  padding:0.5em;
  margin:1.5em;
}
.appdetailinner .appdetailrow:first-child { background-color:#d5d5d5; }
.appdetailinner .appdetailrow:first-child .appdetailcell { min-width:33%; float:left; text-align:center; }
.appdetailinner .appdetailrow:first-child .appdetailcell:first-child { text-align:left; }
.appdetailinner .appdetailrow:first-child .appdetailcell:last-child { float:none; min-width:10em; }

#content .minor-details { font-size:.8em; color: #555555; }
.boldname { font-weight:bold; }
#content #appcount { text-align:center; margin-bottom:.5em; }

kbd {
    padding: 0.1em 0.6em;
    border: 1px solid #CCC;
    background-color: #F7F7F7;
    color: #333;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 2px #FFF inset;
    border-radius: 3px;
    display: inline-block;
    margin: 0px 0.1em;
    text-shadow: 0px 1px 0px #FFF;
    white-space: nowrap;
}

.pager { display:table; margin-left:auto; margin-right:auto; width:600px; max-width:90%; padding-top:.6em; } /* should correspond to .repoapplist */
.pagerrow { display:table-row; }
.pagercell { display:table-cell; }
#content .pagercell.left { text-align:left; padding-right:1em; }
#content .pagercell.middle { text-align:center; font-size:.9em; color:#555; }
#content .pagercell.right { text-align:right; padding-left:1em; }

@media (max-width: 600px) {
 #intro { width:auto; }
 .repoapplist { display:block; width:auto; }
 .appdetailinner, .appdetailrow { display:block; }
 .appdetailcell { display:block; float:left; line-height:1.5em; }
}