@charset "UTF-8";
@import url("/Resources/GlobalCSS/CallOuts/CallOut01.css");
/* CSS Document */




.roundedBox {position:relative; padding:0; margin:0; z-index:0; }



.CallOut {
	width:280px;
	min-height:119px;
	padding:0;
	margin-bottom: 10px;
}
.CallOutContents {
	text-align:left;
	z-index:2;
}
div.CallOutContents,  
div.CallOutContents p  {
	margin:0px;
	padding:0px;
}


/*- Type1 - RoundCorners w/o Border -*/	
#type1 {
	background:#FFFFFF url(../Images/gradientcorner.png) top right no-repeat;

	text-align:center;
	/*padding:5px;*/
}
#type1 .corner {background-image:url(../Images/corners-type1.png);}
/*- Each corner -*/
#type1 .topLeft,
#type1 .topRight,
#type1 .bottomLeft,
#type1 .bottomRight {background-color:#54177e; z-index:-1;}


/*- Type2 - RoundCorners w/ Border -*/
/* We change the corners' position and add the border */
#type2 {
	background-color:#FFFFFF;
	border:1px solid #ffffff;
	text-align:center;
	padding:0;
	display: block;
	
}
#type2 .corner {
	background-image:url(../Images/corners-type2.png);
}
/*- Each corner -*/
#type2 .topLeft {
	top:-1px;
	left:-1px;
	background-color:#54177e;
}
#type2 .topRight {
	top:-1px;
	right:-1px;
	background-color:#54177e;
}
#type2 .bottomLeft {
	bottom:-1px;
	left:-1px;
	background-color:#54177e;
}
#type2 .bottomRight {
	bottom:-1px;
	right:-1px;
	background-color:#54177e;
	z-index: -1;
}

#leftPanelBox
{
	padding-top:20px;
}

#leftPanelBox p
{
	text-align:center;
}
#leftPanelBox .Callout{
	width:auto;
}

#leftPanelBox .Callout .roundedBox{
	background-image:none;
	background-color:Transparent;
}

#leftPanelBox .Callout .corner {
	display:none;
}
/*- Each corner -*/
#leftPanelBox .Callout .topLeft {
display:none;
}
#leftPanelBox .Callout .topRight {
display:none;
}
#leftPanelBox .Callout .bottomLeft {
display:none;
}
#leftPanelBox .Callout .bottomRight {
display:none;
}

#rightPanel .Callout
{
	margin-bottom:10px;
}


/*- Type3 - RoundCorners w/gradient w/o Border -*/	
#type3 {
	background-color:#FFFFFF;
	text-align:center;
	padding:0;
}
#type3 .corner {background-image:url(../Images/corners-type3.png);}
/*- Each corner -*/
#type3 .topLeft,
#type3 .topRight,
#type3 .bottomLeft,
#type3 .bottomRight {background-color:#54177e; z-index:-1;}