/* =============================================================================
   Colors & Globals
   ========================================================================== */
/* =============================================================================
   Forms
   ========================================================================== */
form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label {
  cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */
button, input {
  line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */
button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */
button[disabled], input[disabled] {
  cursor: default; }

/*
 * Consistent box sizing and appearance
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #FFFFFF; }

/*input# {
	display:block;
	text-indent: -9999px;
	margin: 0;
	height: px;
	width: px;
	background: url('../img/') no-repeat left top;
	padding:0;
	border:none;
}

input#:hover, input#:focus {
	background-position: left -px;
}*/
#MemberLoginForm_LoginForm {
  width: 32%;
  margin-top: 0px; }
  #MemberLoginForm_LoginForm label.right {
    float: none; }

#MemberLoginForm_LostPasswordForm {
  width: 32%;
  margin-top: 0px; }

#MemberLoginForm_LoginForm label {
  width: 27%;
  margin-bottom: 10px;
  display: inline-block; }

#MemberLoginForm_LostPasswordForm label {
  width: auto;
  display: inline-block;
  margin-right: 10px; }

#MemberLoginForm_LoginForm .field, #MemberLoginForm_LostPasswordForm .field {
  margin-bottom: 20px; }

#MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Remember_Holder label {
  width: 90%;
  display: inline; }

p#ForgotPassword {
  margin-top: 15px; }

#MemberLoginForm_LoginForm input, #MemberLoginForm_LostPasswordForm input {
  border: 1px solid #CCCCCC;
  padding: 5px 10px;
  width: 200px; }

#MemberLoginForm_LoginForm input#MemberLoginForm_LoginForm_Remember, #MemberLoginForm_LostPasswordForm input#MemberLoginForm_LoginForm_Remember {
  width: auto;
  margin-right: 10px; }
#MemberLoginForm_LoginForm input#MemberLoginForm_LoginForm_action_dologin, #MemberLoginForm_LoginForm #MemberLoginForm_LostPasswordForm_action_forgotPassword, #MemberLoginForm_LostPasswordForm input#MemberLoginForm_LoginForm_action_dologin, #MemberLoginForm_LostPasswordForm #MemberLoginForm_LostPasswordForm_action_forgotPassword {
  background-color: #9D3A20;
  color: #FFFFFF;
  padding: 12px 20px;
  -webkit-transition: background-color 250ms ease-out 0s;
  -moz-transition: background-color 250ms ease-out 0s;
  -o-transition: background-color 250ms ease-out 0s;
  transition: background-color 250ms ease-out 0s;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  width: auto;
  outline: none; }
  #MemberLoginForm_LoginForm input#MemberLoginForm_LoginForm_action_dologin:hover, #MemberLoginForm_LoginForm #MemberLoginForm_LostPasswordForm_action_forgotPassword:hover, #MemberLoginForm_LostPasswordForm input#MemberLoginForm_LoginForm_action_dologin:hover, #MemberLoginForm_LostPasswordForm #MemberLoginForm_LostPasswordForm_action_forgotPassword:hover {
    background-color: #4F8694; }

#subscription-form {
  margin-top: 30px; }
  #subscription-form .fields {
    float: left;
    width: 70.627063%; }
  #subscription-form input.email {
    width: 100%;
    padding: 15px 10px 13px 10px;
    font-family: "source-sans-pro", Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 1.125em;
    color: #9D3A20;
    box-sizing: border-box; }
  #subscription-form .actions {
    float: right;
    width: 24.422442%; }
  #subscription-form input.submit-button {
    display: block;
    background-color: #9D3A20;
    font-family: "source-sans-pro", Arial, Helvetica Neue, Helvetica, sans-serif;
    letter-spacing: 1px;
    color: #FFFFFF;
    padding: 15px 35px 15px 35px;
    width: 100%;
    font-size: 1.125em;
    border-radius: 0px;
    border: none;
    font-style: normal;
    -webkit-transition: background-color 250ms ease-out 0s;
    -moz-transition: background-color 250ms ease-out 0s;
    -o-transition: background-color 250ms ease-out 0s;
    transition: background-color 250ms ease-out 0s;
    outline: none; }
    #subscription-form input.submit-button:hover {
      background-color: #4F8694; }
  #subscription-form label.error {
    display: block;
    margin-top: 10px;
    color: #9D3A20; }

/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */
@media screen and (min-width: 0px) {
  #subscription-form {
    margin-top: 30px; }
    #subscription-form .fields {
      float: none;
      width: 100%; }
    #subscription-form .actions {
      float: none;
      width: 100%;
      margin-top: 30px; } }
@media screen and (min-width: 480px) {
  #subscription-form {
    margin-top: 30px; }
    #subscription-form .fields {
      float: left;
      width: 60.627063%; }
    #subscription-form .actions {
      float: right;
      width: auto;
      max-width: 138px;
      width: 34.422442%;
      margin-top: 0px; } }
@media screen and (min-width: 500px) {
  #subscription-form {
    margin-top: 30px; }
    #subscription-form .fields {
      float: left;
      width: 62.627063%; }
    #subscription-form .actions {
      max-width: 100%;
      width: 32.422442%; } }

/*# sourceMappingURL=form.css.map */