/* round corners */
.RoundCorner 
{
	position:absolute;
	width:8px;
	height:8px;
	background-repeat:no-repeat;
	font-size:0;
}
.PurpleCornerTopRight
{
	top:0;
	right:0;
	background-image:url(../images/per_r_up.gif);
}
.PurpleCornerTopLeft
{
	top:0;
	left:0;
	background-image:url(../images/per_l_up.gif);
}
.PurpleCornerBottomRight
{
	bottom:0;
	right:0;
	background-image:url(../images/per_r_down.gif);
}
.PurpleCornerBottomLeft
{
	bottom:0;
	left:0;
	background-image:url(../images/per_l_down.gif);
}
.PinkCornerTopRight
{
	top:0;
	right:0;
	background-image:url(../images/pi_r_up.gif);
}
.PinkCornerTopLeft
{
	top:0;
	left:0;
	background-image:url(../images/pi_l_up.gif);
}
.PinkCornerBottomRight
{
	bottom:0;
	right:0;
	background-image:url(../images/pi_r_down.gif);
}
.PinkCornerBottomLeft
{
	bottom:0;
	left:0;
	background-image:url(../images/pi_l_down.gif);
}

/* White Box */
.WhiteBox
{
	position:relative;
	float:left;
	display:inline;
}

.WhiteBoxTop 
{
	position:absolute;
	width:144px;
	height:25px;
	z-index:10;
	top:1px;
	right:0;
	background-position:right center;
	background-repeat:no-repeat;
}

.WhiteBoxCenter 
{
	width:100%;	
	margin-top:21px;
	float:right;
	background-color:#FFF;
	background-image:url(../images/b_bg_up.gif);
	background-position:center top;
	background-repeat:repeat-x;
	border:solid 1px #B5B7C6;
}

.WhiteCornerTopLeft
{
	position:absolute;
	width:10px;
	height:10px;
	top:21px;
	left:-2px;
	background-image:url(../images/b_l_up.gif);
	background-repeat:no-repeat;
	z-index:100;
}

.WhiteCornerTopLeftPurple
{
	background-image:url(../images/b_l_up_p.gif);
	background-repeat:no-repeat;
}

.WhiteCornerTopLeftWhite
{
	background-image:url(../images/b_l_up_w.gif);
	background-repeat:no-repeat;
}

.WhiteCornerBottomRight
{
	position:absolute;
	width:9px;
	height:9px;	
	bottom:0px;
	right:0px;
	background-image:url(../images/b_r_down_p.gif);
	background-repeat:no-repeat;
	z-index:100;
}

.WhiteCornerBottomRightWhite
{
	background-image:url(../images/b_r_down_w.gif);
	background-repeat:no-repeat;
}

/* purple and pink boxes */
.PurpleBox
{
	position:relative;
	display:inline;
	float:right;	
	width:226px;
	min-height:99px;
	background-color:#CECCE4;
	padding:10px;
}

.PinkBox
{
	position:relative;
	display:inline;
	float:right;
	width:226px;
	min-height:99px;
	background-color:#EBC9DA;
	padding:10px;
}

.PurpleBox P, .PinkBox P 
{
	margin:10px 0 0 0;
	line-height:80%;
}

.WideBox 
{
	width:228px;
	height:99px;
}