formulare/voluntariat/stil.css

body {
  background-color: #eee;
  max-width: 700px;
  border: solid 1px #ccc;
  margin: 0 auto;
  font-family: 'DejaVu Sans', sans-serif;
}

div#header { text-align: center; }

p {
  padding-left: 1%;
  padding-right: 2%;
}

label.first {
  font-weight: bold;
  font-size: .9em;
}

label.help {
  color: #333;
  font-size: .7em;
}

label.subtitle {
  color: #333;
  font-size: .9em;
  font-weight: bold;
}

select, input#send {
  font-weight: bold;
}

div#license {
  font-size: 0.9em;
}


form input[type=text],
form input[type=email],
form input[type=number],
form input[type=checkbox],
form input[type=button],
form input[type=submit],
form select,
form option,
form textarea {
    background: #eee;
    color: #222;
    border-radius: 3px;
    border: 1px gray inset;
    padding: 2px 3px;
}

form input[type=text],
form input[type=email],
form select,
form option,
form textarea {
    width: 96%;
}

form input[type=button],
form input[type=submit] {
    border: 2px black outset;
    padding: 1%;
}

table#form-table {
    background: #ddd;
}

table#form-table td {
    width: 30%;
    outline: 0px red solid;
    padding-top: 1em;
    vertical-align: top;
}

table#form-table td.right {
    text-align: right;
}

table#form-table td.center {
    text-align: center;
}

table#form-table td.left {
    text-align: left;
}

hr {
   border: 0;
   height: 1px;
   background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
   background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
   background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
   background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}