/* This is the style for the informational messages presented to the user */

div.error, div.message, li.error {	
    background: #ffffcc;
    border: 1px solid #000;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 10px auto;
    padding: 3px;
    text-align: left;
    vertical-align: top !important;	    
}

div.error ul {
    list-style-image:url(../images/iconWarning.gif);     	
    margin: 0 0 0 15px !important;
    padding: 3px !important;   
}

div.error ul li {
	padding: 3px !important;    	
    margin: 0 0 0 0 !important;
}

div.message ul {
    list-style-image:url(../images/iconInformation.gif);     		
    margin: 0 0 0 15px !important;
    padding: 3px !important;  
}

div.message ul li {
	padding: 3px !important;    	
    margin: 0 0 0 0 !important;	
    background: #ffffcc !important;     
}

/* use a different color for the errors */
div.error, li.error {
    border: 2px solid red;
	background: #FFDDDC !important;            	    
}

/* IE fix, followed by the rest of the world fix */
li.error {
    padding: 3px !important;
}

ul>li.error {
    padding: 0px !important;    
}

div.message p, div.message p {
    margin-bottom: 0;
}

img.validationWarning, div.error img.icon, div.message img.icon, li.error img.icon {
    border: 0 !important;
    width: 14px;
    height: 13px;
    vertical-align: middle;
    margin-left: 3px;
    background: transparent !important;
    /* important added because some themes define div#main img */
}

div.message a {
    background: transparent;
    color: #0000FF;
}

div.message a:visited {
    background: transparent;
    color: #0000FF;
}

div.message a:hover {
    background: transparent;
    color: #008000;
}

div.message a:active {
    text-decoration: underline overline;
}

div.message img.icon {
    vertical-align: middle;
}

span.error {
	color: black; !important;
    font-size: 1.0em; !important;
    display: block; !important;		
}	

span.message {
	color: black; !important;
    font-size: 1.0em; !important;
    display: block; !important;		
}	

span.fieldError, .errorMessage {
    color: red;
    font-size: .95em;
    display: block;
    font-weight: bold;    
}
