.note.blue {
    background: none repeat scroll 0 0 #53A3B4;
}
.note {
	background: none repeat scroll 0 0 #97C02F;
	color: #FFFFFF;
	/*margin: 2em auto;*/
	overflow: hidden;
	padding: 1em 1.5em;
	position: relative;
	width: 610px;
	background-color: #FFFFFF;
}

.note.red {
    background: none repeat scroll 0 0 #C93213;
}
.note.red:before {
    background: none repeat scroll 0 0 #97010A;
    border-color: #FFFFFF #FFFFFF #97010A #97010A;
}

.note.taupe {
    background: none repeat scroll 0 0 #999868;
}
.note.taupe:before {
    background: none repeat scroll 0 0 #BDBB8B;
    border-color: #FFFFFF #FFFFFF #BDBB8B #BDBB8B;
}



.note:before {
    background: none repeat scroll 0 0 #658E15;
    border-color: #FFFFFF #FFFFFF #658E15 #658E15;
    border-style: solid;
    border-width: 0 16px 16px 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}