/*                                                                      */
/* 		                   FEEDBACK                       		        */
/*                                                                      */
/* v001 02 Aug 2019 -   Initial version created from WOL mobile.css     */
/* v002 06 Aug 2019 -   Modified to new content element names           */
/*                                                                      */
/*                                                                      */

form#feedback h4 {
  color: #6E267B /* __ ARP 3 __ Purple (Pantone 259c) */;
  font-weight: bold;
  margin-bottom: 0;
}

form#feedback hr {
  border: 0;
  height: 1px;
  background-color: #C9CAC8 /* __ ARP 3 __ Light Grey */;     /* Acting as a border, so border colour */
  margin-left: 26px;
}

form#feedback label {
  padding-left: 26px;
  display: block;
  margin-bottom: 10px;
}

form#feedback input[type=radio] {
  float: left;
  clear: left;
  margin-top: 3px;
}

form#feedback p.textarea-header {
  color: #000 /* black */;
  font-weight: bold;
  line-height: 1.35em;
}

form#feedback #name { 
  width: 90%;
  font-size: 16px;
}
form#feedback textarea {
  width: 97%;
  font-size: 16px;
}

/* OLD */
table#feedback th,
table#feedback td {
  border-top: 1px solid #C9CAC8 /* __ ARP 3 __ Light Grey */;
  padding: .5em 0;
}
table#feedback th {
  vertical-align: top;
  text-align: left;
}
table#feedback div p {
  margin-top: 10px;
  margin-left: 20px;
  font-weight: normal;
}
div.showhide {
  display: none;
  border: 1px solid #C9CAC8 /* __ ARP 3 __ Light Grey */;
  padding: 10px 10px 0px 10px;
  margin: 0 0 10px 0;
}
table#feedback input {
  margin-right: 10px;
}
table#feedback input.submit {
  margin-right: 0px;
  margin-bottom: 20px;
  /*width: 80px;*/
  text-align: center;
}
table#feedback td div {
  margin-left: 10px;
}