.mod {
	margin: 10px;
}

.bd, .ft, .hd {
	display: inline-block;
	width: 100%;
	*display: block;
	*width: auto;
	zoom: 1;
}

	.inner:after, .hd:after, .bd:after, .ft:after {
		clear: both;
		display: block;
		visibility: hidden;
		overflow: hidden;
		height: 0 !important;
		line-height: 0;
		font-size: xx-large;
		content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
	}

.inner {
	position: relative;
}

b.top, b.top b, b.bottom, b.bottom b {
	display: block;
	background-repeat: no-repeat;
	font-size: 1%;
	position: relative;
	z-index: 10;
}

.tl, .tr, .bl, .br {
	height: 10px;
	width: 10px;
	float: left;
}

.tl {
	background-position: left top;
}

.tr {
	background-position: right top;
}

.bl {
	background-position: left bottom;
}

.br {
	background-position: right bottom;
}

.br, .tr {
	float: right;
}

.tr, .tl {
	overflow: hidden;
	margin-bottom: -32000px;
}

.bl, .br {
	margin-top: -10px;
}

.top {
	background-position: center top;
}

.bottom {
	background-position: center bottom;
	_zoom: 1;
}

.complex {
	overflow: hidden;
	*position: relative;
	*zoom: 1;
}

	.complex .tl, .complex .tr {
		height: 32000px;
		margin-bottom: -32000px;
		width: 10px;
	}

	.complex .top {
		height: 5px;
	}

	.complex .bottom {
		height: 5px;
	}

.pop {
	overflow: visible;
	margin: 10px 20px 20px 10px;
	background-position: left top;
}

	.pop .inner {
		right: -10px;
		bottom: -10px;
		background-position: right bottom;
		padding: 0 10px 10px 0;
	}

	.pop .tl, .pop .br {
		display: none;
	}

	.pop .bl {
		bottom: -10px;
	}

	.pop .tr {
		float: right;
		margin-right: -10px;
		_display: inline;
	}