/* This is the style for the informational messages presented to the user */

div.error, div.message, div.systemMessage, ul.messages {
    background: #ffc;
    border: 1px solid #000;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    margin: 10px auto;
    padding: 3px;
    text-align: left;
    vertical-align: bottom;
}

/* use a different color for the errors */
div.error {
	border: 2px solid red;
}

img.validationWarning,
div.errors img.icon, 
div.messages img.icon {
    border: 0;
    width: 14px;
    height: 13px;
    vertical-align: top;
}

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, div.systemMessage img.icon {
    vertical-align: middle;
}


ul.messages li {
	list-style: none;
	padding-left: 20px;
	background-image: url(../images/iconInformation.gif);
	background-position: left;
	background-repeat: no-repeat;
}

ul.messages {
	margin: 10px 0px;
}

div#messages {
	background-image: url(../images/silk/icons/information.png);
	background-position: left;
	background-repeat: no-repeat;
	border: 1px solid blue;
	padding: 10px 20px 10px 10px;
	padding-left: 20px;
	margin: 5px 5px 5px 5px;
	font-size: .9em;
	width: 80%;
}

div.messages {
	font-size: 1.0em;
	width: 500px;
	margin: 5px 5px 5px 5px;
	width: 100%;
	
}

div.messages .message {
	background-image: url(../images/silk/icons/bullet_green.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
}