﻿/*
	Name:		Message Styling
	File:		messages.css
	Purpose:	Consistent styling for page, label, and data field messages - error or informational. 

*/
/*
	Top of page error box style
*/
div#errorbox {
	border: solid 2px #9C301A /* spice red */;
	background: #FFFFCC;
	padding: 3px;
	margin: 6px;
	text-align: left;
}
div#errorbox h6 {
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	color: #9C301A /* spice red */;
}
div#errorbox p {
	margin: 0 0 3px 0;
	padding: 0 0 0 12px;
}
/*
	Top of page information box style
*/
div#infobox {
	border: solid 2px #56732E /* forest green */;
	background: #FFFFCC;
	padding: 3px;
	margin: 6px;
	text-align: left;
}
div#infobox h6 {
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	color: #56732E /* forest green */;
}
div#infobox p {
	margin: 0 0 3px 0;
	padding: 0 0 0 12px;
}

/*
	***** Used to highlight the label of the data field with an error
*/
label.error {
	color: #9C301A /* spice red */;
	border-left: solid 3px #9C301A /* spice red */;
	padding-left: 3px;
}

/*--------- begin:errorInfo page css --------*/

.errorInfoBox{
	float:left;
	width:950px;
	padding:20px 0;
	margin: 0 0 20px 20px;
	border-bottom: 1px solid #444444;
	background-color:#FFFFFF;
}

.errorIconBox{
	float:left;
}

.errorInfo{
	float:right;
	width:590px;
	text-align:left;
	padding: 0 30px 50px 0;
}

.errorInfo img{
	margin-bottom:50px;
}

.errorInfo h2{
	color:#60682F;
	padding-bottom: 12px;
}

.errorInfo p{
	margin-bottom: 6px;
}

/*--------- end:errorInfo page css --------*/
