body {
	margin: 0;
	padding: 0;
	font-family: Georgia;
	font-size: 0.9em;
	line-height: 1.4em;
}

#example {
	position: relative;
	width: 500px;
	padding: 20px;
}

p {
	margin: 7px 0 0 0;
}

#purr-container {
	position: fixed;
	top: 0;
	right: 0;
}

.notice {
	position: relative;
	width: 350px;
}

.notice .close	
{
    position: absolute; 
    top: 12px; 
    right: 12px; 
    display: block; 
    width: 18px; 
    height: 17px; 
    text-indent: -9999px; 
    background: url(../Imagens/Purr/purrClose.png) no-repeat 0 10px;
}

.notice-body {
	min-height: 50px;
	padding: 22px 22px 0 22px;
	background: url(../Imagens/Purr/purrTop.png) no-repeat left top;
	color: #f9f9f9;
}

.notice-body img	{width: 33px; margin: 0 10px 0 0; float: left;}
.notice-body h3	    {margin: 0; font-size: 1.1em;}
.notice-body p		{margin: 5px 0 0 60px; font-size: 0.8em; line-height: 1.4em;}

.notice-bottom 
{
	height: 22px;
	background: url(../Imagens/Purr/purrBottom.png) no-repeat left top;
}

.notice-body-error 
{
	min-height: 50px;
	padding: 22px 22px 0 22px;
	background: url(../Imagens/Purr/purrTop_error.png) no-repeat left top;
	color: #ffffff;
}

.notice-body-error img	{width: 33px; margin: 0 10px 0 0; float: left;}
.notice-body-error h3	{margin: 0; font-size: 1.1em;}
.notice-body-error p	{margin: 5px 0 0 60px; font-size: 0.8em; line-height: 1.4em;}

.notice-bottom-error {
	height: 22px;
	background: url(../Imagens/Purr/purrBottom_error.png) no-repeat left top;
}

.notice-body-warning {
	min-height: 50px;
	padding: 22px 22px 0 22px;
	background: url(../Imagens/Purr/purrTop_warning.png) no-repeat left top;
	color: #FFFFFF;
}

.notice-body-warning img    {width: 33px; margin: 0 10px 0 0; float: left;}
.notice-body-warning h3	    {margin: 0; font-size: 1.1em;}
.notice-body-warning p		{margin: 5px 0 0 60px; font-size: 0.8em; line-height: 1.4em;}

.notice-bottom-warning {
	height: 22px;
	background: url(../Imagens/Purr/purrBottom_warning.png) no-repeat left top;
}

.notice-body-success {
	min-height: 50px;
	padding: 22px 22px 0 22px;
	background: url(../Imagens/Purr/purrTop_success.png) no-repeat left top;
	color: #FFFFFF;
}

.notice-body-success img	{width: 33px; margin: 0 10px 0 0; float: left;}
.notice-body-success h3	{margin: 0; font-size: 1.1em;}
.notice-body-success p		{margin: 5px 0 0 60px; font-size: 0.8em; line-height: 1.4em;}

.notice-bottom-success {
	height: 22px;
	background: url(../Imagens/Purr/purrBottom_success.png) no-repeat left top;
}