/* basic tag and other styles */

body {
  font: normal 0.9em Verdana, Tahoma, Arial, Helvetica, sans-serif;
  line-height: 1.3em;
  color: #D0D0D0;
  background-color: #000000;
}

.maincontainer {
  width: 100%;
/*  padding: 20px; */
/*  background-color: #202020; */
}

.formcontainer {
  margin: 0 auto;
}

.responsecontainer {
  position: absolute;
  top: 170px;
  left: 28%;
  width: 460px;
  margin-left: 0px;
  padding: 10px;
  font-weight: bold;
  color: #A0A0A0;
  border: 2px solid #E0E0E0;
  background-color: #404040;
  display: none;
}

.successmessage {
  font-weight: bold;
}

.warningmessage {
  font-weight: bold;
}

/* form layout syles */

form {
  font: normal 0.9em Verdana, Tahoma, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  width: 640px;
}

form fieldset {
  border-color: #606060;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  margin: 0;
}

form fieldset legend {
  color: #FFFFFF;
  font-size: 1.1em;
  font-weight: bold;
  margin-top: -4px;
}

form label {
  display: block;
  float: left;
  width: 140px;
  padding: 0 10px 0 0;
  margin: 5px 0 0;
  text-align: right;
  font-weight: bold;
}

form img {
  display: block;
  float: left;
  margin-left: 200px;
  margin-top: 10px;
  margin-bottom: 15px;
  border: thin solid #000;
}

form input, form textarea {
  font-size: 10pt;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  width: auto;
  margin: 5px 0 0 10px;
}

form textarea {
  overflow: auto;
}

form small {
  display: block;
  margin: 0 0 5px 160px;
  padding: 1px 3px;
  font-size: 88%;
}

form .submit {
  margin-left: 87px;
  width: 100px;
  font-size: 110%;
  height: 25px;
  text-align: center;
  background: url(feedback-button-bg.gif) repeat-x 0 0;
  color: #5f5f5f;
  border: 1px solid #aaa;
  cursor: pointer;
}

form .submit:hover {
  background: url(feedback-button-bg-hover.gif) repeat-x 0 0;
  color: #ffffff;
  border: 1px solid #5f5f5f;
}

form .reset {
  margin-left: 0px;
  position: relative;
  left: +60px;
  width: 100px;
  font-size: 110%;
  height: 25px;
  text-align: center;
  background: url(feedback-button-bg.gif) repeat-x 0 0;
  color: #5f5f5f;
  border: 1px solid #aaa;
  cursor: pointer;
}

form .reset:hover {
  background: url(feedback-button-bg-hover.gif) repeat-x 0 0;
  color: #ffffff;
  border: 1px solid #5f5f5f;
}

div.securityimage {
  margin-left: 105px;
}

p.clear {
  clear: both;
}

div.warningbox {
  color: #BB0000;
  font-weight: bold;
  text-align: center;
  width: 360px;
  margin: 20px auto 0 auto;
  padding: 10px;
  display: none;
}

/* validator overrides and extensions */

#feedbackform input.error {
  background-color: #FFAAAA;
}

#feedbackform textarea.error {
  background-color: #FFAAAA;
}

label.error {
  width: 99%;
  text-align: center;
}