/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------- Easy rounded corners ------------------------------------*/
/*---------------------------- by Ignacio Ricci (www.ignacioricci.com) --------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/


		body {}
		
			/* Rounded-cornered divs -*/
			.roundedBox {position:relative; padding:17px; margin:10px 0;}
			
				/*- All the corners -*/
				.corner {position:absolute; width:17px; height:17px;}
			
				/*- Each corner -*/
				.topLeft {top:0; left:0; background-position:-1px -1px;}
				.topRight {top:0; right:0; background-position:-19px -1px;}
				.bottomLeft {bottom:0; left:0; background-position:-1px -19px;}
				.bottomRight {bottom:0; right:0; background-position:-19px -19px;}
				
			
			/*- Type1 - Blue -*/	
			#type1 {background-color:#CCDEDE;}
				#type1 .corner {background-image:url(/round_corners/images/corners-type1.gif);}
				
			/*- Type2 - Green -*/
			#type2 {background-color:#CDDFCA;}
				#type2 .corner {background-image:url(/round_corners/images/corners-type2.gif);}
							
			/*- Type3 - Violet -*/
			#type3 {background-color:#D3CADF;}
				#type3 .corner {background-image:url(/round_corners/images/corners-type3.gif);}
				
					/*- Type6 - DC 1 -*/
			#type6 {background-color:#dddddd;}
				#type6 .corner {background-image:url(/round_corners/images/corners-typedc1.gif);}	
				
				
									/*- Type6 - DC 2 -*/
			#type7 {background-color:white;}
				#type7 .corner {background-image:url(/round_corners/images/corners-typedc2.gif);}
				
										/*- Type6 - DC 3 -*/
			#type8 {background-color:white;}
				#type8 .corner {background-image:url(/round_corners/images/corners-typedc3.gif);}
				
				
			/*- Type4 - Red with border -*/
			/* We change the corners' position and add the border */
			#type4 {background-color:#CCACAE; border:1px solid #AD9396;}
				#type4 .corner {background-image:url(/round_corners/images/corners-type4.gif);}
				#type4 .topLeft {top:-1px; left:-1px;}
				#type4 .topRight {top:-1px; right:-1px;}
				#type4 .bottomLeft {bottom:-1px; left:-1px;}
				#type4 .bottomRight {bottom:-1px; right:-1px;}
				
			/*- Type5 - With gradient -*/
			/* We change the top corners' height, and the bottom corners background-position. We must also add to the containing div a gradient to repeat in x. */
			#type5 {background:#FECBCA url(/round_corners/images/roundedbox-type5-bg.png) repeat-x 0 0; min-height:110px;}
				#type5 .corner {background-image:url(/round_corners/images/corners-type5.png);}
				#type5 .topLeft,
				#type5 .topRight {height:140px;}
				#type5 .bottomLeft {background-position:-1px -142px;}
				#type5 .bottomRight {background-position:-19px -142px;}
				
				
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*--------------------------------- End of Easy rounded corners ---------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/