.box {
	width: 500px;
	height: 400px;
	overflow: visible;
}

.box {
	position: relative;
	color: white;
}

.box .tl,
.box .tr,
.box .bl,
.box .br {
	position: absolute;
	width: 8px;
	height: 8px;
	background: red;
}

.box .tm,
.box .bm,
.box .ml,
.box .mr {
	position: absolute;
	background: blue;
}

.box .tl {
	left: 0;
	top: 0;
	background: url(../images/k-toggle-box/box-tl.png) no-repeat;
}

.box .tm {
	top: 0;
	left: 8px;
	right: 8px;
	height: 8px;
	background: url(../images/k-toggle-box/box-mm.png) repeat-x;
}

.box .tr {
	top: 0;
	right: 0;
	background: url(../images/k-toggle-box/box-tr.png) repeat-x;
}

.box .ml {
	width: 8px;
	top: 8px;
	left: 0;
	bottom: 8px;
	background: url(../images/k-toggle-box/box-mm.png) repeat-y;
}

.box .mr {
	width: 8px;
	top: 8px;
	right: 0;
	bottom: 8px;
	background: url(../images/k-toggle-box/box-mm.png) repeat-y;
}

.box .bl {
	left: 0;
	bottom: 0;
	background: url(../images/k-toggle-box/box-bl.png) no-repeat;
}

.box .br {
	right: 0;
	bottom: 0;
	background: url(../images/k-toggle-box/box-br.png) no-repeat;
}

.box .bm {
	bottom: 0;
	left: 8px;
	right: 8px;
	height: 8px;
	background: url(../images/k-toggle-box/box-mm.png) repeat-x;
}

.box .mm {
	position: absolute;
	background: red;
	left: 8px;
	top: 8px;
	bottom: 8px;
	right: 8px;
	background: url(../images/k-toggle-box/box-mm.png);
}

/* close button */
.box .cb {
	background: url(../images/k-toggle-box/box-cp.png);
	width: 36px;
	height: 36px;
	z-index: 100;
	right: -9px;
	top: -9px;
	position: absolute;
	cursor: pointer;
}

/* speech bubble arrow */
.box .bb {
	background: url(../images/k-toggle-box/box-bb.png);
	width: 12px;
	height: 9px;
	position: absolute;
	bottom: -9px;
	left: 25px;
}

/* IE 6 */
* html .box .cb {
	right: 0px;
	top: 0px;
}

/* IE 7 */
*:first-child+html .box .cb {
	right: 0px;
	top: 0px;
}

/* IE 6 */
* html .box .tl,
* html .box .tm,
* html .box .tr,
* html .box .ml,
* html .box .bb,
* html .box .mr,
* html .box .bl,
* html .box .bm,
* html .box .br, {
	display: none;
}

/* IE 7 */
*:first-child+html .box .tl,
*:first-child+html .box .tm,
*:first-child+html .box .tr,
*:first-child+html .box .ml,
*:first-child+html .box .bb,
*:first-child+html .box .mr,
*:first-child+html .box .bl,
*:first-child+html .box .bm,
*:first-child+html .box .br {
	display: none;
}