#csc {
  background : #35b1e3 url("../Images/bsg.gif") no-repeat;
  background-position: -4px -4px;
  width : 170px;
  height : auto;
  position : relative;
  padding : 0px 10px 0px 0px;
}

/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 15px;
  height : 15px;  /* corner images are 15x15 */
  display : block;
  margin-bottom : -1px;  /* this is for IE */
}

/* change position and image: top-right */
.tr {
  background : transparent url("../Images/bsd.gif") no-repeat;
  top : -4px;
  right : -4px;
}

/* change position and image: bottom-left */
.bl {
  background : transparent url("../Images/big.gif") no-repeat;
  bottom : -3px;
  left : -4px;
}

/* change position and image: bottom-right */
.br {
  background : transparent url("../Images/bid.gif") no-repeat;
  right : -4px;
  bottom : -3px;
}