.box {
	width: 780px;
	background: #fff;
	padding: 0 9px;
	margin: 30px auto;
	position: relative;
	border: 1px solid #fff; /* stop margin collapse*/
}

.inner {
	background: #fff;
	padding: 10px 0;
	margin: -10px 0;
	min-height: 0; /* ie7 haslayout issues fix*/
	position: relative;
}

* html .inner,* html .box {
	height: 1px
}  /* ie6 haslayout issues fix*/

.top,.base {
	margin: -10px -10px 0;
	background: transparent url(../images/rounded-white.png) no-repeat scroll left top;
	background-position: left top;
	height: 10px;
	position: relative;
	font-size: 10px;
	clear: both
}

.base {
	background-position: left bottom;
	margin: 0 -10px -10px;
}

.top span,.base span {
	background: transparent url(../images/rounded-white.png) no-repeat right top;
	background-position: right top;
	display: block;
	height: 10px;
	font-size: 10px;
}

.base span {
	background-position: right bottom;
}

.content {
	width: 100%;
}

/* GREY BOX */

.grey, .grey .inner {
	/*background: #dbdbdb;*/
	background: #797979;
}

.grey {
	/*border-color: #dbdbdb;*/
	border-color : #797979;
}

.grey .top, .grey .base {
	background: url(../images/rounded-grey.png) no-repeat left top;
}

.grey .top span, .grey .base span {
	background: url(../images/rounded-grey.png) no-repeat right top;
}

.grey .base {
	background-position: left bottom;
}

.grey .base span {
	background-position: right bottom;
}

/* LIGHT-GREY BOX */

.lightGrey, .lightGrey .inner {
	/*background: #dbdbdb;*/
	background: #cccccc;
}

.lightGrey {
	/*border-color: #dbdbdb;*/
	border-color : #cccccc;
}

.lightGrey .top, .lightGrey .base {
	background: url(../images/rounded-light-grey.png) no-repeat left top;
}

.lightGrey .top span, .lightGrey .base span {
	background: url(../images/rounded-light-grey.png) no-repeat right top;
}

.lightGrey .base {
	background-position: left bottom;
}

.lightGrey .base span {
	background-position: right bottom;
}

/* WHITE BOX */

.white, .white .inner {
	/*background: #dbdbdb;*/
	background: #ffffff;
}

.white {
	/*border-color: #dbdbdb;*/
	border-color : #ffffff;
}

.white .top, .white .base {
	background: url(../images/rounded-white.png) no-repeat left top;
}

.white .top span, .white .base span {
	background: url(../images/rounded-white.png) no-repeat right top;
}

.white .base {
	background-position: left bottom;
}

.white .base span {
	background-position: right bottom;
}