/* 
	Pure CSS Rounded Corner Div without using images 
	Note:		New and improved, now with transparent corners,
					so it can be placed over different color bgs, images, gradients, etc.
	Support: IE 6, 7 and FF
	Usage:
	
			<div class="Box">
			    <b class="BoxTop">
			    	<b class="Corner1"></b>
			    	<b class="Corner2"></b>
			    	<b class="Corner3"></b>
			    	<b class="Corner4"></b>
			    </b>
			    <div class="CurveBoxContent">
			  		<b class="InnerTop">
			  			<b class="In1"></b>
			  			<b class="In2"></b>
			  			<b class="In3"></b>
			  			<b class="In4"></b>
			  		</b>
						<div class="ElementPadding">
						 CONTENT HERE 
			
						</div>
			  		<b class="InnerBottom">
			  			<b class="In4"></b>
			  			<b class="In3"></b>
			  			<b class="In2"></b>
			  			<b class="In1"></b>
			  		</b>
			    </div>
			    <b class="BoxBottom">
			    	<b class="Corner4"></b>
			    	<b class="Corner3"></b>
			    	<b class="Corner2"></b>
			    	<b class="Corner1"></b>
			    </b>
			</div>		

			
 Must Be defined in the skins css 	
div.Box,b.BoxTop b, b.BoxBottom b,b.InnerTop, b.InnerBottom,div.CurveBoxContent {
	background-color:#91C3DC;
	border-left-color:#91C3DC;
	border-right-color:#91C3DC;
}

	
b.InnerTop b, b.InnerBottom b,div.CurveBoxContent {
	background-color:#91C3DC;	
		
}			
			
*/

/*div.Box,b.BoxTop b, b.BoxBottom b,b.InnerTop, b.InnerBottom,div.CurveBoxContent {
	background-color:#91C3DC;
	border-left-color:#91C3DC;
	border-right-color:#91C3DC;
}*/
	


	/* Main Container */
div.Box {
	background:transparent; 
	margin-top:0px;
	margin-right:0px;
	z-index:100;
} 
	/* Outer Curve of Power */
b.BoxTop, b.BoxBottom {
	display:block;   
	background-color:transparent;
}

b.BoxTop b, b.BoxBottom b,b.InnerTop b, b.InnerBottom b{
	display:block;
	height: 1px;
	overflow: hidden; 
}

b.BoxTop b.Corner4, b.BoxBottom b.Corner4 {
	margin: 0 1px; 
	height:2px;
}

b.Corner1,b.In1 {margin: 0 5px;}
b.Corner2,b.In2 {margin: 0 3px;}
b.Corner3,b.In3{margin: 0 2px;}

	/* Inner Curve of Power */
b.InnerTop, b.InnerBottom {
	display:block; 
}

b.InnerTop b.In4, b.InnerBottom b.In4 {	margin:0 1px; height:2px; }

	/* Stuff Goes in this part */
div.CurveBoxContent {
	margin-top:0px; 
	margin-bottom:0px; 
	text-align:left; 
	/*color:#46554f;*/
	border-left-width:5px;
	border-left-style:solid;
	border-right-width:5px;
	border-right-style:solid;
}

	/* Set distance between border of Rounded Corner Div and Content */
div.CurveBoxContent .ElementPadding {
	padding-left: 3px;
	paddin-right: 3px;
}