/*
#####################################################################
#########################################rounde edges box ###########
#####################################################################
#####################################################################
*/
/*
==========================================================
===================the title area=========================
==========================================================
*/
.box
{
width:100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}
.boxtop
{
	height: 10px;
}
.boxtopleft
{
	background: transparent url(images/upLeft.png) no-repeat bottom right;
	display: table-cell;
	width: 10px;
	height: 10px;
	border-collapse: collapse;
}
.boxtopcenter
{
	background: transparent url(images/upCenter.png) repeat-x bottom;
	width: auto;
}
.boxtopright
{
	background: transparent url(images/upRight.png) no-repeat bottom left;
	display: table-cell;
	width: 10px;
	height: 10px;
}


/*
==========================================================
=======================end of the title area=============
==========================================================
*/




/*
==========================================================
=======================the content area=============
==========================================================
*/

.boxcontentleft
{
	background: transparent url(images/centerLeft.png) repeat-y right top;
}


.boxcontentcenter
{
	background: #fff;
}
.boxcontentright
{
	background: transparent url(images/centerRight.png) repeat-y top left;
}

/*
==========================================================
=======================end of the content area=============
==========================================================
*/


/*
==========================================================
=======================the bottom area=============
==========================================================
*/
.boxbottom
{
	height: 10px;
}
.boxbottomleft
{
	background: transparent url(images/downLeft.png) no-repeat top right;
	display: table-cell;
	width: 10px;
	height: 10px;
}
.boxbottomcenter
{
	background: transparent url(images/downCenter.png) repeat-x;
}
.boxbottomright
{
	background: transparent url(images/downRight.png) no-repeat left top;
	width: 10px;
	height: 10px;
	display: table-cell;
}

/*
==========================================================
=======================end of the bootom area=============
==========================================================
*/