body{margin:5px;padding:0;font-family:sans-serif,Arial;font-size:16px;font-weight:400;width:calc(100% - 10px); color:#333;}
*{font-size:100%}
a { color: #06c; text-decoration: none; }
a:hover { text-decoration: underline; color: #06c; }
a:visited { color: #06c; }
form{display:block}
h1, h2, h3, h4, h5, h6{ color: #666; }
/* .asterisk{color:red;font-weight:bold} */
.form .legend, input, label, textarea { font-size: 16px; line-height: 21px; }
label { font-size: 16px; line-height: 19px; display: block; color: #999; margin: 10px 0 6px; font-weight: 400; }
input[type="text"], input[type="email"]{
  width: auto;
  max-width: 400px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 6px;
  font-size: 16px;
  line-height: 21px;
  border: solid 1px #ccc;
  color: #333;
  vertical-align: top;
}

input[type="text"]:focus, input[type="text"]:hover, 
input[type="email"]:focus, input[type="email"]:hover {
  border-color: #999;
  outline: 0;
}

input[type="submit"], 
input[type="submit"]:active:hover, 
input[type="submit"]:hover, 
input[type="submit"]:active:focus,
input[type="submit"]:focus
{
  width: auto;
  background: #06c;
  color: #fff;
  border: none;
  padding: 5px;
  font-size: 16px;
  font-weight: 700;
font-family:sans-serif,Arial;
  border-radius: 5px;
  vertical-align: top;
  outline: 0;
  cursor:pointer;
}

input[type="button"], 
input[type="button"]:active:hover, 
input[type="button"]:hover, 
input[type="button"]:active:focus,
input[type="button"]:focus{
  background: rgb(221, 221, 221);
  width: auto;
  border: none;
  padding: 5px;
  color:#333;
  font-size: 16px;
  font-weight: 700;
font-family:sans-serif,Arial;
  border-radius: 5px;
  vertical-align: top;
  outline: 0;
  cursor:pointer;

}

/* feedback pages */
.error_box{font-weight:400;color:red;font-size:16px;margin-bottom:0.5em}
.thankyou_box{font-weight:400;color:red;font-size:16px;margin-bottom:0.5em; color:#06c;}
.feedback_text{margin-bottom:1.0em; font-size: 14px; margin-top: 12px;}