/*  Flash Messages
- - - - - - - - - - - - - - - - - - - - - - - -  */

	.error{
			color:#C00;
			font-weight:bold;
			}
	.success{
			color:#000;
			font-weight:bold;
			}
	#flash p{
			margin: 1em 0;
			border-width: 2px 0;
			border-style: solid;
			min-height: 2em;
			height: auto !important;
			padding: 8px 10px 8px 36px;
			background: #FFF;
			color: #000;
			}
	#flash .success strong{
			color: #76B41C;
			}
	#flash .success{
			border: 2px solid #76B41C;
			margin: 0 0 1em;
			background:#FFF url(_img/_icons/success.gif) no-repeat 10px 0.5em;
			color: #000;
			}
			
	*.warning, *.notice-info, *.notice-attention, *.notice-note{
			margin: 1em 0;
			clear: both;
			color: #FFF;
			font-size: 77%;
			}
	*.warning, *.attention{
			margin: 1em 0 30px;
			border-width: 2px;
			border-style: solid;
			}
/* Warning Styles - Main Styles can be moved to base.css so Admin has access to them though CMS, if necessary*/
	#flash .warning{
			background: #FFF url(_img/_icons/notice_warning.gif) no-repeat 10px 0.5em;
			border:2px solid;
			border-color:#CC0000;
			}
	/* Leave these here at all times */
	#flash .warning:before{ content: "Warning: "; font-weight:bolder; color:#000;}
	#flash .warning strong.highlight {
			color:#CC0000;
			}

/* Info Styles - Main Styles can be found in base.css so Admin has access to them though CMS*/
	.info:before{ content: "Info: "; font-weight:bolder;}
	.info em{
			font-weight:bolder;
			}

/* Note Styles - Main Styles can be found in base.css so Admin has access to them though CMS*/
	.note:before, .notice-note:before{ content: "Note: "; font-weight:bolder; color:#FFB400;}
	.note em{
			font-weight:bolder;
			}
/* Attention Notice Styles - Main Styles can be found in base.css so Admin has access to them though CMS*/
	.attention:before{ content: "Attention: "; font-weight:bolder; color:#000;}
	.attention em{
			font-weight:bolder;
			}
			
			/* Used to style any lists that may occur in a notification message */
			.warning li,.info li,.attention li,.note li{
					list-style:square;
					background:none;
					}

	.noteAdded{
			background: url(_img/_icons/success.gif) no-repeat 6px 0.5em;
			padding:20px 20px 20px 80px;
			height: 66px;
			border-width: 2px;
			border-color: #76B41C;
			}
	.noteAdded a{
			text-align: left;
			font-size: 92%;
			}
	.noteAdded:before{ content: "WICKED: "; font-weight:bolder; color:#000;}
	
/* Form Notification */
	li.error input, input.error, li.error select, select.error, li.error textarea, textarea.error{
			border:2px solid #CC0000;
			color:#000;
			}
	li.error label{
			color: #CC0000;
			}
	em.error{
			color:#FF0000;
			font-size:1em;
			}
			
	form fieldset div.warning ol{
			font-size: 85%;
			list-style-type: decimal;
			margin: 0;
			padding: 0; 
			}
	form fieldset div.warning li {
			
			}


/* Dan can change these - ps. developers should not be designers */
	#errorExplanation {
		border: 1px solid #F00;
	}
	
	#errorExplanation {
		padding: 10px;
		margin: 10px 20px;
		border-width: 1px 0 0;
	}
	
	#errorExplanation h2 {
		font-size: 1.2em;
	}