* {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}

body{
  background-color: #eee;
  /*background-color: #023;*/
  font-family: Tahoma, Geneva, sans-serif;
  line-height: 1.5em;
  padding: 0;
  margin: 0;
  font-size: 16px;
}

[type="button"]:focus{
  outline: none;
}
[type="button"]::-moz-focus-inner{
  border: none;
}

#wrapper{
  background-color: #fff;
  border: 2px solid #098;
  margin: auto;
  max-width: 960px;
  margin-top: 2em;
  margin-bottom: 2em;
  padding: 1em;
}

form > div:first-child > div{
  display: block;
  margin-bottom: 1em;
  /*border-bottom: 2px solid #ddd;*/
}
/*
div.missing{
  background-color: #fdc;
}*/

form > div:first-child label{
  float: left;
  text-align: right;
  margin-right: 0.5em;
}

form > div:first-child > div > label{
  width: 12em;
}

form > div:first-child > div > div > div > label{
  width: 8em;
}

/*
form > div:first-child > div,
form > div:first-child > div > div > div{
  background-color: #eee;
}*/

form > div:first-child > div > div,
form > div:first-child > div > div > div > div{
  display: inline-block;
}

form > div:first-child hr{
  clear: both;
  border: none;
}

textarea:focus, input:focus {
  border: 2px solid #098;
  background-color: #eff;
}

div.missing > div /*textarea, div.missing input*/ {
  border: 2px solid #900;
  background-color: #fee;
}

span.mandatory{
  color: #c00;
  font-weight: bold;
}

canvas{
  background-color: #cef;
  margin-bottom: 0.5em;
}

.action, a{
  color: #05b;
  text-decoration: none;
}

.action{
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.action:hover, a:hover{
  text-decoration: underline;
}

.sendbutton{
  /*display: inline-block;*/
  font-weight: bold;
  color: #000;
  background-color: #cde;
  padding: 0.5em;
  border-radius: 0.5em;
  border: 2px solid transparent;
  cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.sendbutton:hover{
  background-color: #888;
}

.entryview{
  background-color: #dff;
  max-width: 35em;
  border: 1px solid #9bb;
  border-bottom-width: 2px;
  padding-right: 0.5em;
  padding-left: 0.5em;

}