body {
  font-family:      'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
  font-size:        14px;
  text-align:       center;
  color:            #000000;
  background-color: #ababab;
  margin-top:       0;
}


h1 {
  font-size:        1.4em;
  font-weight:      bold;
  letter-spacing:   1.4em;
  text-transform:   uppercase;
}

h2 {
  font-size:        0.9em;
  font-weight:      normal;
  letter-spacing:   1em;
  text-transform:   uppercase;
}


a {
  color:            #666666;
  background-color: transparent;
  text-decoration:  none;
}

a:hover {
  text-decoration:  underline;
}

#header {
  color:            #000000;
  background-color: #989898;
  padding:          10px;
}

#main {
  min-width:        640px;
  width:            70%; 
  margin-left:      auto;
  margin-right:     auto;
  margin-top:       0;
  padding-top:      0;
}

#footer {
  clear:            both;
  color:            #000000;
  background-color: #989898;
}

#disclaimer {
  color:            #989898;
  background-color: transparent;
  float:            right;
  border-top:       none;
  padding:          3px;
  margin-bottom:    20px;
}

#generator {
  clear:            both;
}

#qrcodeimage {
  float:            right;
  padding-right:    5%;
  padding-top:      50px;
  padding-bottom:   75px;
}

#qrcode {
  border:           1px solid #000;
}

#statistics {
  color:            #989898;
  background-color: transparent;
  margin:           20px;
}

.text {
  padding-left:     5%;
  padding-top:      25px;
}

.box {
  border:           2px solid #989898;
  padding:          3px;
  margin-bottom:    20px;
  text-align:       left;
}


.clear {
  clear:            both;
}

.button {
  padding:          2px;
  border:           1px solid #333333;
}

input {
  border:           1px solid #333333;
}

address {
  color:            #555555;
  background-color: transparent;
  text-align:       right;
  padding:          5px;
}


.code {
  white-space:      pre;
}

