@charset "UTF-8";

/*
article / section
*/

form fieldset {
  -webkit-border-radius: .5em;
  -moz-border-radius: .5em;
  border-radius: .5em;
}
legend {
  background-color: #fefefe;
}
form fieldset div {
  display: block;
  margin: .3em auto;
}
form fieldset div label {
  display: inline-block;
  zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
  *display: inline;
  text-align: right;
  vertical-align: top;
  min-width: 8em;
}
form em, .error em {
  color: #d22d2d;
}
form fieldset div p {
  text-align: left;
  font-size: small;
  text-indent: 0;
  padding-left: 10em;
}
form fieldset div.button {
  text-align: center;
}
form input[type="text"], form input[type="tel"], form input[type="email"], form textarea {
  border: 2px inset #f2f2f2;
  -moz-box-shadow: 3px 3px 3px rgba(0,0,0,.1) inset, 0 0 3px #ccc;
  -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.1) inset, 0 0 3px #ccc;
  box-shadow: 3px 3px 3px #f2f2f2 inset, 0 0 2px #f2f2f2;
}
form .error input[type="text"], form .error input[type="tel"], form .error input[type="email"] {
  border: 2px solid #d22d2d;
}
form input[type="text"], form input[type="tel"], form input[type="email"], form select {
  min-height: 1.4em;
  padding: .1em;
}
.button input[type="submit"] {
  font-weight: bold;
  margin: .2em;
  padding: .6em 2em .55em;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, .1em .18em .15em rgba(0,0,0,.3);
  -webkit-border-radius: .5em; 
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 .3em .3em rgba(255,254,255,.6) inset, 0 -0.1em .3em rgba(0,0,0,.15) inset, 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 .3em .3em rgba(255,254,255,.6) inset, 0 -0.1em .3em rgba(0,0,0,.15) inset, 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 .3em .3em rgba(255,254,255,.6) inset, 0 -0.1em .3em rgba(0,0,0,.15) inset, 0 1px 2px rgba(0,0,0,.2);
  background-color: #b3cce6;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.8)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.8), rgba(255,255,255,0)); /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.8), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.8), rgba(255,255,255,0)); /* 10+ */
  background-image: -o-linear-gradient(top, rgba(255,255,255,.8), rgba(255,255,255,0)); /* 11.1+ */
  background-image: linear-gradient(to bottom, rgba(255,255,255,.8), rgba(255,255,255,0));
  -webkit-transition: background .5s ease-in-out;
  -moz-transition: background .5s ease-in-out;
  transition: background .5s ease-in-out;
}
.button input[type="submit"]:hover,.button input[type="submit"]:active {
  background-color: #d98c8c;
}
.button input[type="submit"]:active {
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  -o-transform: translateY(1px);
  transform: translateY(1px);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,.6)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.6)); /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.6));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.6)); /* 10+ */
  background-image: -o-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.6)); /* 11.1+ */
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.6));
}

/* screen < 820
 */

@media only screen and (min-width:541px) and (max-width:820px) {
form fieldset div p{ text-align: right; padding-left: 0;}
}

/* screen < 540
 */

@media only screen and (max-width:540px) {
form fieldset div{width:95%;}
form fieldset div label{text-align:left;min-width:auto;}
form fieldset div p{text-align:left;padding-left:0;}
form input[type="text"], form input[type="tel"], form input[type="email"], form textarea{width:90%;}
}

/* print
 */

@media only print {
form input[type="text"],form input[type="tel"],form input[type="email"],form textarea{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
}