title: Override CSS ValidationMessageFor
body: <p>I can't seem to manage to put a new css in a validationMessageFor in my Ajax form... </p>
  
  <pre><code> @using (Ajax.BeginForm(new AjaxOptions { HttpMethod = "POST", OnSuccess = "Success", OnFailure = "Fail" }))
  {
  
  &lt;div class="separaror"&gt;
      &lt;div class="line1"&gt;
          @Html.LabelFor(m =&gt; m.Name)
          &lt;br /&gt;
          @Html.TextBoxFor(m =&gt; m.Name)
  
              @Html.ValidationMessageFor(m =&gt; m.Name)
  
      &lt;/div&gt;
  
      &lt;div class="linha2"&gt;
          &lt;br&gt;
          &lt;input type="submit" value="Save" /&gt;
          &lt;input type="button" id="btnCancel" value="Cancel" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>}</p>
  
  <p>My css</p>
  
  <pre><code>.field-validation-error {
  color: #e80c4d;
  font-weight: bold;
  }
  
  .field-validation-valid {
  display: none;
  }
  
  input.input-validation-error {
  border: 1px solid #e80c4d;
  }
  
  input[type="checkbox"].input-validation-error {
  border: 0 none;
  }
  
  .validation-summary-errors {
  color: #e80c4d;
  font-weight: bold;
  font-size: 1.1em;
  }
  
  .validation-summary-valid {
  display: none;
  }
  </code></pre>
  
  <p>It doesn't override.. Why is that? Any help would be appreciated!
  I copied the css directly from the default Asp MVC 4 application from visual studio,
  I have no idea why this doesnt work.
  The application I'm doing is not the default application from mvc 4, so there must be something I'm missing</p>