/* BEGIN STYLES FOR ROUNDED BOX */
/* to override the width of a rounded box, use id specific attributes e.g. #myRoundedBox { width: 600px; }   */
/* if you don't use an id, then the width of the .raised class will be the default */

/* to make a rounded box:

	<div class="raised">
		<div class="b1"></div><div class="b2"></div><div class="b3"></div><div class="b4"></div>
		<div class="roundContent">
			My content here.
		</div>
		<div class="b4"></div><div class="b3"></div><div class="b2"></div><div class="b1"></div>
	</div>
	
	just copy and paste the above code, and ad an id to the outermost div so you can set its width
*/
.raised
{
	background: transparent; 
  	margin: 0px auto;
	width: 400px;
}

.raised .b1, .raised .b2, .raised .b3, .raised .b4
{
	display: block; 
	overflow: hidden;
  	font-size: 1px;
}

.raised p
{
	margin: 0 10px;
	padding-bottom: 0.6em;
	padding-top: 0.5em;
}

.raised .b1
{
	height: 1px;
	margin: 0 5px; 
	background: #49118E;
}

.raised .b2
{
    height: 1px;
	background: rgb(230, 230, 230); 
	border-left: 1px solid #49118E; 
	border-right: 1px solid #49118E;
	margin: 0 3px; 
	border-width: 0 2px;
}

.raised .b3
{
	height: 1px;
	background: rgb(230, 230, 230); 
	border-left: 1px solid #49118E; 
	border-right: 1px solid #49118E;
	margin: 0 2px;
}

.raised .b4
{
	background: rgb(230, 230, 230); 
	border-left: 1px solid #49118E; 
	border-right: 1px solid #49118E;
	height: 2px;
	margin: 0 1px;
}

.raised .roundContent
{
	display: block;  
	background: rgb(230, 230, 230); 
	padding-top: 0px;
	border-left: 1px solid #49118E; 
	border-right: 1px solid #49118E;
}

/* END STYLES FOR ROUNDED BOX */