body {
  background-color: rgb(197, 204, 211);
  padding: 10px;
  margin: 0px;
  color: rgb(76, 86, 108);
}

p {
  margin: 0.6em 0em;
}

.group, body > form {
  color: black;
  margin: 17px 0px;
  padding: 8px 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  background-color: white;
}

p:after, .clearfix:after, .group:after, form:after, .elm:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.group hr, hr {
  visibility: hidden;
  margin: 0px;
  border: 0px;
  padding: 0px;
  height: 0px;
}

h1, h2, h3, h4, h5, h6 {
  text-align: center;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0px;
}

h1 + .group, h2 + .group, h3 + .group, h4 + .group, h5 + .group, h6 + .group, h1 + form, h2 + form, h3 + form, h4 + form, h5 + form, h6 + form {
  margin-top: -10px;
}

div.elm > h1, div.elm > h2, div.elm > h3, div.elm > h4, div.elm > h5, div.elm > h6 {
  margin: 0px;
}


.label, label, a[rel=previous] {
  float: left;
}

.label img {
  vertical-align: middle;
}

.control, input[type=submit], a[rel=next]{
  float: right;
  display: inline-block;
}

.control input[type=submit] {
  float: none;
}

.control-line {
  text-align: right;
}

.clear {
  margin: 0px;
  clear: both;
}

.list {
  margin: 0px;
}

.list > div {
  height: 19px;
  font-family: Helvetica;
  font-size: 20px;
  font-weight: bold;

  padding-right:10px;
  padding-left:10px;
}

.list > div.elm, .group > div.elm {
  border-top-width:1px;
  border-top-color:rgb(217,217,217);
  border-top-style:solid;

  margin: 0px -10px;
  padding: 0px 10px;

  padding-top:10px;
  padding-bottom:14px;

  line-height:19px;

  background-color: transparent;
  color: black;
}

.list > div.elm:first-child, .group > div.elm:first-child, .list > hr:first-child + div.elm, .group > hr:first-child + div.elm {
  margin-top: -8px;
  border-top: 0px;
}

div.elm form {
  margin-top: -3px;
  margin-bottom: -3px;
}

/* safari does not support last-child selector. */
.list > div:last-child, .group > div:last-child, .list > hr:last-child + div, .group > hr:last-child + div {
  margin-bottom: -8px;
}

body.landscape .only_portrait {
  display: none;
}

body.portrait .only_landscape {
  display: none;
}

.qrcode {
}

.disabled {
  color: rgb(197, 204, 211);
}

.menu {
  margin-top:-10px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-topleft: 0px;
}

/* scaffold */
.control form.button-to {
  margin: 0px;
  padding: 0px 3px;
}

.control form.button-to > div > input[type=submit] , .control form.button-to > div {
  margin: 0px;
  padding: 0px;
}

/* for flash message. */
p:empty, div.group:empty {
  display: none;
  visibility: hidden;
}

.left {
  float:left;
}

.select {
  color: rgb(197, 204, 211);
  font-size: 12px;

  background-color: transparent;
  background-image: url("/images/grad.png");
  background-repeat: repeat-x;

  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
}

.inactive {
  color: black;
}

textarea.full, input[type=text].full {
  width: 100%;
}