/*******************************************************************************
CSS for a rounded box - see RoundedCornerElement

To customise your rounded box, you should only need to:

1) Change the background images
2) Adjust the corner height (whatever the height of your corner image file is), default is 13px.
3) Change the background colour of the rounded-box class
4) Change the border colour, default is #333333.
********************************************************************************/
div.rounded-box
{
	background: #FFFFFF url(../images/rounded-box-background.png) repeat-x bottom;
	margin-bottom: 10px;
}

div.rounded-box div.rounded-box-top div div
{
	background: url(../images/rounded-box-top-left.png) no-repeat top left;
}

div.rounded-box div.rounded-box-top div
{
	background: url(../images/rounded-box-top-right.png) no-repeat top right;
}

div.rounded-box div.rounded-box-top
{
	background: url(../images/rounded-box-top.png) repeat-x top;
}

div.rounded-box div.rounded-box-bottom div div
{
	background: url(../images/rounded-box-bottom-left.png) no-repeat bottom left;
}

div.rounded-box div.rounded-box-bottom div
{
	background: url(../images/rounded-box-bottom-right.png) no-repeat bottom right;
}

div.rounded-box div.rounded-box-bottom
{
	background: url(../images/rounded-box-bottom.png) repeat-x bottom;
}

div.rounded-box div.rounded-box-top, div.rounded-box div.rounded-box-top div, div.rounded-box div.rounded-box-bottom, div.rounded-box div.rounded-box-bottom div
{
	width: 100%;
	height: 13px;
	font-size: 1px;
}

div.rounded-box div.rounded-box-content
{
	padding: 0 10px 0 10px;
	border-left: 1px solid #C1C1C0;
	border-right: 1px solid #C1C1C0;
}

div.rounded-box div.rounded-box-margin-fix
{
	height: 1px;
	font-size: 1px;
}