/*
	CSS FOR ROUNDED CORNERS EFFECT
*/
.curved3	{
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius: 3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
}

.curved6	{
	border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius: 6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
}
.curved10	{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
.rel {	/* areas that use rounded corners elements must be enclosed inside this class to work correctly */
/*	border: 1px dashed #33FF99;*/
/*	margin: 0px 0px 0px 0px;*/
/*	padding: 0px;*/
	position: relative;
	z-index: inherit;
	zoom: 1; /* For IE6 */
}

/*	READY-TO-USE BOXES TO GO WITH ROUNDED CORNERS
	To make rounded corners apply one of the .curvedXX classes in addition to one of these.
	Example: class="box2 curved6"
*/
.box2	{
	background-color:#E9E9EC;
	border: 1px solid #909090;
	padding: 2px 2px 2px 2px;
}

.box3	{
	background-color:#ececec;
	border: 1px solid #909090;
	padding: 2px 2px 2px 2px;
}