body {
 font-family: sans-serif;
 margin: 10px;
 padding-top: 5px;
}

#maincontent {
    width: 640px; 
}

h1 {
 color: #5CB542;
 font-size: 0px;
 font-family: arial;
}

span.asterix {
   color: red;
}

fieldset {
 border: 1px solid;
 background: #CCECFF;
 padding: 5px 15px 15px 15px;
}

#submit {
 float: right;
 background: #339;
 color: white;
 font-weight: bold;
 border: 2px outset #339;
 margin-top: 1em;
 width: auto;
 padding: 0 0.5em;
 font-size: 110%;
}

input#submit:hover {
   cursor: pointer;
   cursor: hand;
}

label {
 clear: both;
 display: block;
 float: left;
 max-width: 150px;
 min-width: 150px;
 width: 150px;
 margin:  18px 0 0;
}

label.obligatory {
 
}

label.obligatory:after {
 content: ' *';
 color: red;
}

p.oblignote {
  content:  'Please note that all fields marked with an asterix * must be completed.';
}

span.access {
/* text-decoration: underline; */
}

input {
 width:auto;   
 margin: 15px 0 0 0;
 width: 448px;
}

input[type="text"] {
    border: 1px solid black;   
}

input:focus {
 border: 1px solid #EF9523;
}

input:active {
 border: 1px solid red;
}

select {
 margin: 15px 0 0;
 border: 1px solid black;
 width: 450px;
}

textarea {
 border: 1px solid black;
 width: 600px;
 margin: 0px;
 margin-top: 5px;
 height: 100px;
}

textarea:focus {
 border: 1px solid #EF9523;
}

textarea:active {
 border: 1px solid red;
}

ul {
 width: 450px;
 margin: 15px 0 0;
 padding: 0px;
 float: right;
 list-style-type: none;
}

ul li {
 width: auto;
 margin: 0px;
 margin-bottom: 5px;
}

ul li input {
 display: inline; 
 float: none;
 width: auto;
 margin: 0px;
}

ul li label {
 float: none;
 display: inline; 
 margin: 0px;
}

p.disclaimer {
 clear: both;
 margin-top: 4em;
}


br {
   clear: both;
}

div.success {
/*
  margin: 1em 0px;
  padding: 2em;
  border: 2px solid #305e22;
  background: #5cb542;
  color: #eee;
*/
}

div.failure {
/*   
  margin: 1em 0px;
  padding: 2em;
  border: 2px solid #692425;
  background: #BE4143;
  color: #eee;
*/   
}