/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)

-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding-left:1.4em; margin: 0; border: none; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  background-color:#fff;
  border:2px solid #dddddd;
}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border-color:#fce39f;
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin-top: 0; margin-left: 10px;
}

input.text,
input.title   { width: 230px; padding:5px; }
input.title   { font-size:1em; }
textarea      { width: 390px; height: 200px; padding:5px; }

input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative; top:.25em;
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


#mc-embedded-subscribe {background-image:url(src/go-button.png); width: 32px; height: 32px; border: 0px; margin-left: 5px;}
#mce-EMAIL {width: 170px;}


/* AJAX CONTACT FORM */


#contact h1 { margin: 0px 0 10px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 0px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }
#contact { display: block; width: 400px; margin: 0px auto; padding: 15px; border: 1px solid #ebcf7d; background-color: rgb(255, 239, 192) ;opacity: .8; color:#2e2e2e; -webkit-border-radius:8px;  }


#contact label { display: inline-block; float: left; height: 16px; width: 125px; -webkit-border-radius:5px; padding-top: 10px;}
#contact input, textarea, select { height: 25px; width: 240px; margin: 0; padding: 0px; color: #666; background: #f5f5f5; border: 1px solid #ebcf7d; margin: 10px 0; webkit-border-radius:5px; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 100px; cursor: pointer; border: none; background:#333; color:#fff; font-family: Georgia, "Times New Roman", Times, serif;}


#contact input.submit {background-color:#00916a; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 110px; height: 32px; margin-top: 15px; color: #ffffff;}

#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding-top:10px; border:1px solid none; -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:0px 0px; font-weight:bold; color:#2e2e2e; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:10px; }
#verify {padding-left: 25px;}

#contact span.required{ color: #ff0000; } 

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:15px; }



/* WHICH WAY QA */

#whichway {padding: 0px;}
#whichway h3 {padding-left: 0px; padding-top: 0px; border-bottom: 3px dotted #00916a;}
#whichway table td  { padding-left:0px; padding-bottom: 15px; padding-top: 10px; vertical-align:top; height: 10px;}
#whichway table p {line-height: 20px; padding: 3; margin: 0 auto;}
#whichway .g_btn {background-color:#00916a; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 110px; height: 32px; margin-bottom: 45px; margin-left: 0px; color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; border: none;}