.frame { position: relative; }
.f00, .f01, .f1, .f2, .f3, .f4, .f5, .f6, .f7, .f8 { position: relative; }

.f00 { background-color: white; left: -5px; }
.f01 { background-color: white; left: 10px; }
.f1 { background: transparent url(../images/frame/t.png) repeat-x scroll 0 0; left: -5px; top: -10px; }
.f2 { background: transparent url(../images/frame/b.png) repeat-x scroll bottom left; top: 20px; }
.f3 { background: transparent url(../images/frame/l.png) repeat-y scroll 0 0; left: -10px; top: -10px; }
.f4 { background: transparent url(../images/frame/r.png) repeat-y scroll top right; left: 20px; }
.f5 { background: transparent url(../images/frame/tl.png) no-repeat scroll 0 0; top: -10px; left: -20px; }
.f6 { background: transparent url(../images/frame/tr.png) no-repeat scroll top right; left: 20px; }
.f7 { background: transparent url(../images/frame/bl.png) no-repeat scroll bottom left; left: -20px; top: 20px; }
.f8 { background: transparent url(../images/frame/br.png) no-repeat scroll bottom right; left: 20px; }
.frame .client { left: -10px; top: -10px; padding: 0 20px 20px 10px; overflow: auto; }
.frame .client h1 { margin: 6px 0 20px 0; background: transparent none no-repeat scroll top center; text-indent: -9999px; }

.frame .close { width: 10px; height: 10px; display: block; position: absolute; right: 15px; top: -6px; cursor: pointer }
.frame .close { background-image: url('../images/frame/close.png') }
.frame span.close:hover { background-image: url('../images/frame/close-hover.png') }