.error {
	padding:0 20px;
	background-color:#faffbd;
	box-sizing: border-box;
	margin:20px 0;
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -moz-animation: fadein 2s; /* Firefox */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera */
    animation: fadein 2s;
	}

.error ul {
	list-style-type: none;
	padding: 0;
	}
	
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
	}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​

/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​


/*Summary & Details*/
details summary::-webkit-details-marker {
  display: none;
}

summary::-webkit-details-marker {
  display: none;
}

summary {
font-weight:700;
cursor: pointer;
display:inline;
}

summary:focus {
outline:none;
}

summary:after {
  background: #ddd;
  color:#777;
  border-radius: 4px; 
  content: "?"; 
  font-size: .7em; 
  font-weight:700;
  margin-left:.5em; 
  padding: .2em .4em 0 .4em; 
  text-align: center;
  cursor: pointer;
}

details p {
	padding:20px;
	background-color:#faffbd;
	box-sizing: border-box;
	margin:20px 0;
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -moz-animation: fadein 2s; /* Firefox */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera */
    animation: fadein 2s;
	}
	
/*JavaScript Fallback Styles*/	
details, summary { display: block;}
summary { cursor: pointer; }
summary:hover, summary:focus {}
.no-details details > * { display: none; }
.no-details details > summary:before { float: left; width: 20px; content: '► '; }
.no-details details.open > summary:before { content: '▼ '; }
.no-details details summary { display: block; }