html, body { height: 100%; }
body  {
  text-align: center;
  /*
  background: #f1f1f1;
  */
  background: #fbfbfb;
  color: rgb(51, 51, 51);
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin:0ex;
}

a {
  color: #090;
}

.content {
  padding: 1em;
  min-height: 10em;
  /*
  border: 1px solid red; 
  */
  text-align: left;
  width: 50ex;
  margin: auto;

}
.page-container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -2em; /* the bottom margin is the negative value of the footer's height */
}

footer, .push {
    height: 2em; /* .push must be the same height as .footer */
}
.footer {
  border-top: 1px solid #aaa;
  font-size: 80%;
  text-align: center;
  padding: 1ex;
  color: #555;
}
.footer .container {
  border-top: 1px solid #aaa;
}
h1 {
  text-align: center;
  font-size: 220%;
}

h2 {
  font-size: 150%;
  margin-bottom:0;
}

p.helptext {
  margin-top: 0.1ex;
}


.hint {
  font-size: 70%;
  /*
  text-align: right;
  */
}

/**
 * Topmenu
 */
div.topmenu {
  border-bottom: 1px solid rgb(212, 212, 212);
  background: #fff;
  background-image: linear-gradient(rgb(255, 255, 255), rgb(242, 242, 242));
  color: rgb(119, 119, 119);
  padding: 1em;
  /*
  text-align: right;
  */
  overflow:hidden;
}
div.topmenu a {
  color: rgb(119, 119, 119);
  padding: 1ex;
}

div.topmenu a { 
  height:100%;
}

div.topmenu a:hover { 
  text-decoration: underline;
}

div.topmenu ul {
  padding: 0;
  margin: 0;
}

div.topmenu ul li {
  display: inline;
  border: 0px solid #f00;
  padding: .5em;
  margin: 0 0.5em 0 0.5em;
}

div.topmenu ul li a {
  text-decoration: none;
}

.topmenu .current {
  font-weight: bold;
}

/* 
 * Form
 */
form.upload label {
  font-weight: bold;
}
input.file {
  width: 100%;
  height: 1.7em;
  font-size: 120%;
}
input.submit {
  width: 100%;
  font-size: 120%;
  padding: 1ex;
  border: 0;
}

.button {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
  color: #fff;
  background-color: rgb(91, 183, 91);
  background-image: -moz-linear-gradient(center top , rgb(98, 196, 98), rgb(81, 163, 81));
  background-repeat: repeat-x;
  display: inline-block;
  line-height: 2em;
  padding: 1ex;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);

}

.downloadlink {
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

.downloadbutton {
  font-size: 120%;
  font-weight: bold;
  border: 1px solid #494;
  padding: 1ex;
  background: rgb(095, 195, 095);
  background-image: linear-gradient(rgb(095, 195, 095), rgb(081, 164, 081));
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  margin: 1em;
}

.downloadbutton:hover {
  background: rgb(081, 164, 081);
}

.page-container {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}


table {
  border-collapse: collapse;
}

td , th {
  border: 1px solid #aaa;
  padding: 0.5ex;
  margin: 0;
}
.rightalign {
  text-align: right;
}

.downloadbutton-container {
  text-align: center;
  margin: 2em;
  margin-bottom: 3em;
}
.center {
  text-align: center;
}
.small {
  font-size: 75%;
}

.upload #downloadlimit {
  width: 3em;
}

.upload #removalcode {
  font-family: monospace;
  width: 8em;
}

#progress {
  font-size: 4em;
  display: none;
  text-align: center;
}

.bar {
  height: 1ex;
  color: #009;
  width: 0;
}

.button-row {
  overflow: hidden;
  width: 11ex;
  margin: auto;
}