/* my */
/*td {border:1px solid #ccc;}
div {border:1px dotted #ccc;}*/


/*' =corners.css' */

.bg {
  position:absolute;
  z-index:10;
  line-height:1px;
  font-weight:1px;
  height:5px;
  overflow:hidden;
  width:5px;
  background: #fff url() no-repeat top left;
}


.background  {
  position:relative; /*!!!*/
  background-color:#ccc;
  padding:10px;
}
.background .top-left {
  top:0;
  left:0;
  background: url(corners/bg_white_top_left.png);
}
.background .top-right {
  top:0;
  right:0;
  background: url(corners/bg_white_top_right.png);
}
.background .bottom-left {
  bottom:0;
  left:0;
  background: url(corners/bg_white_bottom_left.png);
}
.background .bottom-right {
  bottom:0;
  right:0;
  background: url(corners/bg_white_bottom_right.png);
}


/**/
.border  {
  position:relative; /*!!!*/
  padding:0 10px;
  border:1px solid #ccc;
}

.border .bg {
  position:absolute;
  z-index:10;
  overflow:hidden;
  height:10px;
  width:10px;
  line-height:1px;
  font-weight:1px;
  background: #fff url() no-repeat top left;
}

.border .top-left {
  top:-1px;
  left:-1px;
  background: url(corners/border-top-left.gif);
}
.border .top-right {
  top:-1px;
  right:-1px;
  background: url(corners/border-top-right.gif);
}
.border .bottom-left {
  bottom:-1px;
  left:-1px;
  background: url(corners/border-bottom-left.gif);
}
.border .bottom-right {
  bottom:-1px;
  right:-1px;
  background: url(corners/border-bottom-right.gif);
}