form, #responseWrap {margin: 10px auto; border: 1px solid #f8dea1; background: #f4f0d5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

#myform {padding: 30px 0; width: 95%; margin: auto;  border: 1px solid #f2d09f;}
#responseWrap {text-align: left; margin-bottom: 100px; padding: 20px 0; margin: 5px auto; width: 80%;}
.clearfix:after {content: ""; display: table; clear: both;}

/* calendar */

.ui-draggable, .ui-droppable {background-position: top;}

p.response {margin: 10px 5%; padding: 10px 5%;}
p.response2 {margin: 10px 5%; padding: 10px 5%;}
p.intro {font-size: 12px; text-align: left; margin: 5px 10%; padding: 8px; border-bottom: 1px solid black;}
p.required {color: #a7353d; font-weight: bold; font-size: 12px; text-align: center;}
 
form p {padding: 0 0 5px 0; margin: 5px; font-size: 1em;}

form p span {color: #a6353d; font-weight: bold;}
form .choose p span {margin: 12px 0 6px;border-bottom: 1px solid black; display: inline-block;}
form p span.warning {color: #a7353d; font-weight: bold; font-size: 11px; margin-left: 50px;border: none;}

p.deny, p.spam { padding: 150px 5%; background: #f8f5e2; color: #880000;}

div.leftForm {float: left; width: 46%; margin: 1%;}
div.rightForm {float: left; width: 46%;margin: 1%;}
div.choose, div.choose2 {background: #fffbde; padding: 10px 0; margin: 0 5px 10px;}

label.info {float: left; text-align: right; width: 40%; display: inline-block;}
label {color: #3b4c1c;}

.feedback {background: #fff;
border: 1px solid #bda385; padding: 5px 30px; text-align: left;
margin:  80px 10% 100px; }

.bold {color: #770000; font-weight: bold;}
.boldblack {font-weight: bold;}

input {margin: 3px;}

 input, textarea {margin-left: 5px; margin-bottom: 0; font-size: .9em;}
p.comments {margin: 36px 10px;}

input, textarea {padding: 4px; border: 1px solid #bebebe;
-moz-border-radius: 3px; max-width: 300px;
-webkit-border-radius: 3px;
border-radius: 3px;}

input:required:invalid {
background-image: url(invalid.png);
  background-position: right;
  background-repeat: no-repeat;
}

textarea:required:invalid {
background-image: url(invalid.png);
  background-position: right top;
  background-repeat: no-repeat;
}

input:required:valid, textarea:required:valid {
 background-image: url(valid.png);
  background-position: right top;
  background-repeat: no-repeat;
}

input[type="radio"],input[type="checkbox"] {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
}

div#buttons {margin: 0 auto; height: 70px; width: 300px;}

input[type=submit], input[type=reset] {
  background: #465629;text-transform: uppercase;
  border: none; width: 125px; float: left;
  color: white; font-size: 20px;
  padding: 10px 24px;
  text-decoration: none;
  margin: 4px;
  cursor: pointer;}

#submit:hover {opacity:0.9;}
#reset:hover {opacity:0.9;}

@media only screen and (max-width: 767px) {
form {width: 90%; margin: auto;}	
}

@media only screen and (max-width: 600px) {
form {width: 100%;}
body form p {margin-bottom: 0; padding-bottom: 0;}
div.choose {background: #fffbde; padding: 10px 0; margin: 10px auto;}
label, label.info, input, textarea{float: none; width: 95%; display: block;}
label.info {text-align: left;}
div.leftForm, div.rightForm {float: none; width: 95%; margin: auto;}
.choose label { float: right; text-align: left; width: 90%;}
.choose input {width: 10%;}
.choose2 p {text-align: left;}
.choose2 input {width: 100px;}
.leftForm [type=submit], .rightForm input[type=reset] {width: 40%;}	
}