/* formulär */

form  {
  max-width: 1280px;
}

.an-error-occurred {
  padding: 5px 5px 5px 5px;
  border: 1px solid #FF0000;
  background-color: #FFCCCC;
  font-size: 0.8em;
}

fieldset {
  padding: 0px 0px 10px 0px;
  margin: 10px 0px 10px 0px;
  border: 1px solid #CACBCC;
  font-size: 0.9em;
}

fieldset legend {
  margin-left: 10px;
  font-style: italic;
}

input.text {
  width: 18em;
  line-height: 1.2em;
}

input.id { width: 15em; }
form.beskrivande input.id { width: 40em; }
ul.lista input.id { width: 20em; }

input.postnummer { width: 5em; }
input.epost { width: 20em; }
input.version { width: 5em; }
input.manader { width: 3em; }
input.valuta { width: 8em; }
input.datum { width: 8em; }
input.tidpunkt { width: 14em; }

input.bokningsdatum { width: 8em; }

textarea {
  width: 540px;
  height: 12em;
  line-height: 1.2em;
}

span.required {
  display: block;
  padding: 2px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  position: absolute;
  top: 0;
  left: -1em;
  color: #6B92CD;
}

p.description {
  width: 44em;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  position: relative;
  font-style: italic;
  font-size: 0.9em;
}

p.description span.example {
  width: 440px;
  padding: 12px 12px 12px 12px;
  margin: 0px 10px 0px 0px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #FED180;
  position: absolute;
  left: 100%;
  top: 100%;
  background-color: #FEE2B1;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  font-size: 0.9em;
  font-style: normal;
}

p.error {
  display: inline;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  color: #EA4E25;
  vertical-align: top;
  font-weight: bold;
}

p.format {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 0.7em;
}

p.standardvarde {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 2px 0px;
  font-size: 0.7em;
}

/* fokus på översikt av inputs */

form.oversikt fieldset ol {
  width: 100%;
  padding: 10px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: left;
  list-style-type: none;
}

form.oversikt fieldset ol li {
  width: 100%;
  padding: 0px 0px 4px 0px;
  margin: 0px 0px 0px 0px;
  float: left;
}

form.oversikt fieldset ol li label {
  display: block;
  width: 205px;
  padding: 0px 5px 0px 0px;
  margin: 0px 0px 0px 50px;
  position: relative;
  float: left;
}

form.oversikt fieldset ol li img {
  vertical-align: top;
  cursor: help;
}

form.oversikt fieldset ol li input.datum + img {
  margin: 0px 8px 0px 8px;
  cursor: help;
}

form.oversikt fieldset ol li div {
  margin: 0px 0px 0px 260px;
}

form.oversikt fieldset.choice ol li p.description {
  width: auto;
}

/* fokus på tydliga beskrivningar av inputs */

form.beskrivande fieldset ol {
  padding: 10px 0px 0px 50px;
  margin: 0px 0px 0px 0px;
  list-style-type: none;
}

form.beskrivande fieldset ol li {
  padding: 0px 0px 15px 0px;
  margin: 0px 0px 0px 0px;
  clear: both;
}

form.beskrivande fieldset ol li label {
  display: block;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  position: relative;
  font-weight: bold;
  font-size: 0.9em;
}

/* checkboxar och radioknappar visas annorlunda än övriga inputs */

form.oversikt fieldset ol li.option input,
form.oversikt fieldset ol li.option label,
form.beskrivande fieldset ol li.option input,
form.beskrivande fieldset ol li.option label {
  display: inline;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: none;
  vertical-align: middle;
}

form.oversikt fieldset ol li.option input,
form.beskrivande fieldset ol li.option input {
  margin: 0px 10px 0px 0px;
}

/* uppdatera fil */

form.oversikt fieldset ol li span.uppladdad {
  font-style: italic;
}

form.oversikt fieldset ol li ul.uppdatera-fil {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

form.oversikt fieldset ol li ul.uppdatera-fil li {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 2px 0px;
  list-style-type: none;
}

form.oversikt fieldset ol li ul.uppdatera-fil li input {
  float: none;
  vertical-align: text-bottom;
  margin: 0px 0px 2px 0px;
}

form.oversikt fieldset ol li ul.uppdatera-fil li label {
  float: none;
  display: inline;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

form.oversikt fieldset ol li ul.uppdatera-fil li div {
  padding: 0px 0px 0px 0px;
  margin: 4px 0px 0px 18px;
}

/* lista av värden */

form.oversikt fieldset ol li ul.lista {
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 0px 0px;
}

form.oversikt fieldset ol li ul.lista li {
  list-style-type: disc;
}

form.oversikt fieldset ol li ul.lista li input {
  vertical-align: middle;
}

form.oversikt fieldset ol li ul.lista li img {
  cursor: pointer;
}

form.oversikt fieldset ol li ul.lista + p {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 5px 0px;
  float: left;
  font-size: 0.8em;
}

form.oversikt fieldset ol li ul.lista + p img {
  vertical-align: middle;
  cursor: pointer;
}

/* submit */

form.oversikt fieldset.submit,
form.beskrivande fieldset.submit {
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 20px 0px;
  border-style: none;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  border-color: #ECF416;
  background-color: #ECF416;
  background-color: #F5FA7D;
  background-color: #FDFFC3;
}

form.oversikt fieldset.submit ol,
form.beskrivande fieldset.submit ol {
  width: auto;
  padding: 5px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
  float: none;
  list-style-type: none;
  font-size: 0.9em;
  font-style: italic;
}

form.oversikt fieldset.submit ol li {
  width: auto;
  padding: 0px 0px 0px 0px;
  margin: 5px 20px 5px 260px;
  float: none;
  position: relative;
}

form.beskrivande fieldset.submit ol li {
  padding: 0px 0px 0px 0px;
  margin: 5px 20px 5px 50px;
}

form.oversikt fieldset.submit ol li a.cancel {
  font-style: normal;
  margin-left: 20px;
}

form.beskrivande fieldset.submit ol li a.cancel {
  margin-left: 20px;
  font-style: normal;
}

form.oversikt fieldset.submit ol li input,
form.beskrivande fieldset.submit ol li input {
  width: auto;
}