/* Default styling. Used when JavaScript is unsupported */
.borders {
  padding: 0 1em;
  margin: 1em 0;
  background: white;
  border: 1px solid #666;
}

/* Rules for the top corners and border */
.borders-bt {
  margin: 0 0 0 0;
  background-repeat: no-repeat;
  background-position: right top;
}
.borders-bt div {
  position: relative;
  background-repeat: no-repeat;
  background-position: left top;
}

/* Rules for the bottom corners and border */
.borders-bb {
  background-repeat: no-repeat;
  background-position: right bottom;
  margin: 0 0 0 0;
}
.borders-bb div {
  position: relative;
  background-repeat: no-repeat;
  background-position: left bottom;
}

/* Insert the left border */
.borders-i1 {
  padding: 0 0 0 0;
  background-repeat: repeat-y;
  background-position: left top;
}
.borders-i2 {
  padding: 0 0 0 0;
  background-repeat: repeat-y;
  background-position: right top;
}