<p class="dismiss">
	<a href="http://commons.gc.cuny.edu/members/cstein/?remove" class="button">Remove Message Permanently</a>
</p>

/* BUTTON Styling */
#cacap-message .button {
	background: none repeat scroll 0 0 #e6254e;
	border: 1px solid #c92045;
	box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
	background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
}
/*Separte button from text above it */
#cacap-message .dismiss {
	margin-top: 1em;
}






<!-- replaces current paragraph. Also moves Hide Message to inside the heading and gave it a class of hide. Moving it in and changing the class is not a requirement and a bit of a hack. The alternative is to float the heading and the hide message. I just figured that might require more checking and fixing for something we're about to remove. -->
<h5>
	New CUNY Academic Commons Profiles 
	<span class="hide"><a href="#">Hide Message</a></span>
</h5>

#cacap-message .hide {
	padding-left: 20px;
}

