/* SIGNUP FORM CSS ________________________________________________________________________*/
.dim:hover {
  margin-top: 5px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* For IE8 and earlier */

}

/* this is the name email phone etc box part of the form_______*/
#sqmonk-form input,
#sqmonk-form textarea {
  padding: 5px;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.8rem;
  font-weight: 300;
  color: #ccc;
  background-color: transparent;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid #33ff00;
  border-right: 1px solid transparent;
  margin-bottom: 15px;
}

/* END this is the name email phone etc box part of the form_______*/
/* this is the message box part of the form_______*/
#sqmonk-form textarea {
  height: 150px;
  background-color: transparent;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid #33ff00;
  border-right: 1px solid transparent;
}

/* END this is the message box part of the form_______*/
#sqmonk-form textarea:focus,
#sqmonk-form input:focus {
  background-color: #339900;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid #333;
  border-right: 1px solid transparent;
}

#sqmonk-form input.submit-button {
  font-family: 'Lato', sans-serif;
  font-size: 0.8rem;
  font-weight: 300;
  text-transform: uppercase;
  width: auto;
  float: left;
  color: #fff;
  background-color: transparent;
  border-top: 1px solid #33ff00;
  border-left: 1px solid #33ff00;
  border-bottom: 1px solid #33ff00;
  border-right: 1px solid #33ff00;
  -moz-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  padding: 20px;
}

#sqmonk-form input.submit-button:hover {
  color: #fff;
  background-color: #339900;
}

label {
  float: left;
  text-align: left;
  margin-right: 1.0rem;
  width: 100px;
  padding-top: 5px;
  font-family: 'Lato', sans-serif;
  font-size: 1.0rem;
  font-weight: 300;
}

::-webkit-input-placeholder {
  color: #ccc;
  font-size: 14px;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc;
  font-size: 14px;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
  font-size: 14px;
}

:-ms-input-placeholder {
  color: #ccc;

  font-size: 14px;
}



/* EMAIL SPAM FILTER CSS///////////////////////// 
    This styling will hide the email field from display, but it will still be seen by spambots */

#email_add {
  display: none;
}

/* END ******  SIGNUP FORM CSS ________________________________________________________________________*/