.sprite1 {
        background-image: url(sprite_box2.gif);
        background-color: transparent;
        background-repeat: no-repeat;
}
.box2 {
        border: 1px solid #dbdbdb;
        zoom: 1;
}
.box2 .corner {
        position: relative;
        clear: both;
        height: 10px;
        font: 0/0 arial;
        zoom: 1;
}
.box2 .corner div {
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: #fff;
}
.box2 .corner .left {
        float: left;
}
.box2 .corner .right {
        float: right;
}
.box2 .top .left {
        background-position: 0px 0px;
        top: -1px;
        left: -1px;
}
.box2 .top .right {
        background-position: -20px 0px;
        top: -1px;
        right: -1px;
}
.box2 .bottom .left {
        background-position: -40px 0px;
        bottom: -1px;
        left: -1px;
}
.box2 .bottom .right {
        background-position: -60px 0px;
        bottom: -1px;
        right: -1px;
}
.box2 {
        clear: both;
        zoom: 1;
}
.box2:after {
        content: ".";
        clear: both;
        display: block;
        height: 0;
        font: 0/0 arial;
        visibility: hidden;
}