﻿/* ---- TABLE OF CONTENTS ----
.validation_summary
	.error
	.warning
	.valid
*/
/* default ----------------------------------------------- //// */
.validation_summary {
  max-width: 100%;
  margin: 2em 0 3em;
  border-bottom: 14px solid #a7a7a7;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.428571; }

.validation_summary h2,
.validation_summary span {
  margin: 0;
  padding: 0.6em 0 0.5em;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold; }

.validation-summary-errors span:first-of-type {
  display: block; }

.validation_summary p,
.validation_summary ul {
  margin: 0 0 0.5em; }

.validation_summary a {
  color: inherit;
  font-weight: bold;
  text-decoration: none; }

.validation_summary a:hover,
.validation_summary a:focus,
.validation_summary a:active {
  background: #ededed;
  text-decoration: underline; }

/* variations ----------------------------------------------- //// */
.validation_summary.error h2,
.validation_summary.warning h2,
.validation_summary.valid h2,
.validation_summary.error span,
.validation_summary.warning span,
.validation_summary.valid span {
  padding-left: 40px;
  background: url(/static/images/validation_summary.gif) no-repeat 3px 14px; }

#store-no-js #h2nojs {
  padding-left: 40px;
  background: url(/static/images/validation_summary.gif) no-repeat 3px 14px;
  width: 370px;
  border: none;
  padding-top: 5px; }

/* error ----------------------------------------------- */
.validation_summary.error {
  border-color: #aa1e33; }

.validation_summary.error h2,
.validation_summary.error span {
  color: #aa1e33; }

/* warning ----------------------------------------------- */
.validation_summary.warning {
  border-color: #cd7429; }

.validation_summary.warning h2,
.validation_summary.warning span {
  background-position: 3px -289px;
  color: #cd7429; }

/* valid ----------------------------------------------- */
.validation_summary.valid {
  border-color: #6d953e; }

.validation_summary.valid h2,
.validation_summary.valid span {
  background-position: 3px -586px;
  color: #6d953e; }

/* MEDIA QUERY: 480px
---------------------------------------------------------------------------------------- //// */
@media (min-width: 480px) {
  .validation_summary {
    width: 356px; }
  .validation_summary.validation_xsmall {
    width: 200px; }
  .validation_summary.validation_small {
    width: 290px; }
  .validation_summary.validation_medium {
    /* leave at default */ }
  .validation_summary.validation_large {
    width: 440px; }
  .validation_summary.validation_full {
    width: 99%; } }

.validation_summary.margin {
  margin: 0 0 3em; }

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