/*
  +------------------------------------------------------------------+
  | Green-Beast.com                                                  |
  | CSS: Smart Corners                                               |
  | Cascading Style Sheet                                            |
  | Copyright Aug 2006                                               |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/* here's the box... the image is the upper-left corner */
#csc {
	width : 175px;
	height : auto;
	position : relative;
	background-color: #F30;
	background-image: url(csc_tl.png);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 40px;
}

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

/* change position and image: top-right */
.tr {
	top : 0;
	right : 0;
	background-color: transparent;
	background-image: url(csc_tr.png);
	background-repeat: no-repeat;
}

/* change position and image: bottom-left */
.bl {
	bottom : 0;
	left : 0;
	background-color: transparent;
	background-image: url(csc_bl.png);
	background-repeat: no-repeat;
}

/* change position and image: bottom-right */
.br {
	right : 0;
	bottom : 0;
	background-color: transparent;
	background-image: url(csc_br.png);
	background-repeat: no-repeat;
}


/* End Styles */