.form
{
  padding: 0;
  margin: 0 0 26px;
}

.form label
{
  display: block;
  font-weight: bold;
  margin: 10px 0 4px;
}

.form .reactInput
{
  margin: 0;
}

.fieldActive input
{
  background: #fffaef;
  font-weight: bold;
}

span.required
{
  display: -moz-inline-box;
  display: inline-block;
  width: 6px;
  height: 7px;
  vertical-align: super;
  background: url('/images/berichten/asterisk.gif');
  font-size: 0;
  margin-left: 4px;
}

.labelInfo
{
  color: #949494;
  margin-left: 4px;
  font-style: italic;
  font-weight: normal;
}

.form input
{
  margin: 0;
  padding: 2px 4px;
  width: 464px;
  border: 1px solid #c4daff;
  margin-right: 8px;
}

.form .textContainer
{
  width: 440px;
  margin-bottom: 8px;
}

.checkboxContainer
{
  padding: 0 0 0px 23px;
  width: 440px;
  position: relative;
  margin: 3px 0;
}

.neighborhoodOpinion
{
  padding: 0 8px 0 0;
}

.checkboxContainer input
{
  position: absolute;
  top: 4px;
  left: 3px;
  width: auto;
  border: none;
}

.neighborhoodOpinion input
{
  width: auto;
  border: none;
  vertical-align: bottom;
  padding: 0;
  margin: 0 3px 0 0;
}

.neighborhoodOpinion label
{
  display: inline;
}

.radioTime input
{
  position: relative;
  top: 1px;
  left: auto;
  width: 35px;
  border: 1px solid #c4daff;
  margin-right: 4px;
  padding: 1px 4px;
}

.radioTime .labelRadio
{
  display: -moz-inline-box;
  display: inline-block;
  width: 75px;
}

.radioTime
{
  margin-bottom: 5px;
}

.checkboxContainer label
{
  display: inline;
  font-weight: normal;
  margin: 0;
}

.form .medium
{
  width: 179px;
}

.form .medium_plus
{
  width: 264px;
}

.form .small_plus
{
  width: 135px;
}

.form .small
{
  width: 71px;
}

.form select
{
  width: 264px;
  border: 1px solid #c4daff;
  margin-right: 4px;
}

.form textarea
{
  border: 1px solid #c4daff;
  width: 472px;
  height: 134px;
}

.form .hr
{
  border-bottom: 1px dashed #9bb6d0;
  margin-top: 30px;
}

.form .selectDay
{
  width: 50px;
}
.form .selectMonth
{
  width: 137px;
}
.form .selectYear
{
  width: 70px;
}

.field
{
  position: relative;
  z-index: 1;
}
.kalender-tijd
{
  margin-top: 12px;
}

.fieldActive
{
  z-index: 2;
}

form .info
{
  display: none;
  width: 218px;
  background: #fffaef;
  border: 1px solid #f69321;
  position: absolute;
  left: 100%;
  top: 0px;
  margin-left: 20px;
  margin-top: -24px;
  padding: 4px 6px;
}

.fieldActive .info
{
  display: block;
}

form .infoTitle
{
  font-weight: bold;
  display: block;
}

form .infoArrow
{
  display: block;
  position: absolute;
  top: 12px;
  right: 100%;
  width: 13px;
  height: 41px;
  background: url('/images/berichten/info_arrow_left.gif');
}

.reactInput
{
  border: 1px solid #c4daff;
  width: 472px;
  margin: 6px 0;
}

.reactButtons
{
  height: 25px;
  line-height: 25px;
  background: #f1f7ff; /*url('/images/smileys.gif');*/
  border-bottom: 1px solid #c4daff;
}

.smiley
{
  display: -moz-inline-box;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 4px;
  vertical-align: text-bottom;
}

.ie6 .reactButtons .smiley
{
  position: relative;
  top: 4px;
}

.reactButtons .smiley
{
  cursor: pointer;
}

.smiley-smile
{
  background: url('/images/smileys/smile.gif');
}
.smiley-grin
{
  background: url('/images/smileys/grin.gif');
}
.smiley-wink
{
  background: url('/images/smileys/wink.gif');
}
.smiley-yawn
{
  background: url('/images/smileys/yawn.gif');
}
.smiley-puh
{
  background: url('/images/smileys/puh.gif');
}
.smiley-cool
{
  background: url('/images/smileys/cool.gif');
}
.smiley-angry
{
  background: url('/images/smileys/angry.gif');
}
.smiley-confused
{
  background: url('/images/smileys/confused.gif');
}
.smiley-blush
{
  background: url('/images/smileys/blush.gif');
}
.smiley-unhappy
{
  background: url('/images/smileys/unhappy.gif');
}
.smiley-sad
{
  background: url('/images/smileys/sad.gif');
}

.reactInput textarea
{
  width: 464px;
  height: 84px;
  border: 0px none;
  margin: 0;
  padding: 0 4px;
  vertical-align: bottom;
}

.attachmentsNew
{
  background-color: #ffe;
}
.attachmentsNew .attachmentsTitle
{
  background-color: #ffc;
}
.attachmentsNew .attachmentsTitle .new
{
  text-transform: uppercase;
  font-size: 9px;
  font-weight: bold;
  vertical-align: super;
  padding-left: 4px;
  color: Red;
}

.attachmentsTitle
{
  position: relative;
  background: #f1f7ff;
  color: #e57b00;
  padding: 9px;
  font-weight: bold;
  font-size: 14px;
  border-top: 1px solid #c4daff;
  line-height: 17px;
}

.attachmentsTitle .headerButtons
{
  font-weight: normal;
  top: 6px;
}

.attachments
{
  margin-top: 26px;
}

.iconAdd
{
  position: absolute;
  top: 6px;
  left: 3px;
}
.addButton
{
  padding-left: 20px;
}

.fieldLabelInline
{
  display: block;
  padding-left: 100px;
  position: relative;
  margin: 5px 0;
  _zoom: 1;
}

.fieldLabelInline label
{
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}

.fieldLabelInline input
{
  width: 364px;
}

.attachmentsFileInput
{
  margin: 25px 0;
}

.attachmentsButtons
{
  margin-bottom: 20px;
  overflow: hidden;
  _zoom: 1;
}

.attachmentsButtons .headerButton
{
  margin: 0;
}

.labelRadio
{
  color: #05488a;
}

.formPostMessage input.medium, .medium
{
  width: 179px;
}

#formVraagAanbod div.notice { margin: 0 10px; }