/*
http://www.spiffycorners.com/

class name: spiffy
background color: dadada
foreground color: f4f4f4
5px

HTML:
=====
<div>
  <b class="spiffy">
  <b class="spiffy1"><b></b></b>
  <b class="spiffy2"><b></b></b>
  <b class="spiffy3"></b>
  <b class="spiffy4"></b>
  <b class="spiffy5"></b></b>

  <div class="spiffyfg">
    <!-- content goes here -->
  </div>

  <b class="spiffy">
  <b class="spiffy5"></b>
  <b class="spiffy4"></b>
  <b class="spiffy3"></b>
  <b class="spiffy2"><b></b></b>
  <b class="spiffy1"><b></b></b></b>
</div>
*/

.spiffy {
	display: block
}
.spiffy * {
	display: block;
	height: 1px;
	overflow: hidden;
	font-size: .01em;
	background: #f4f4f4
}
.spiffy1 {
	margin-left: 3px;
	margin-right: 3px;
	padding-left: 1px;
	padding-right: 1px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	background: #ededed
}
.spiffy2 {
	margin-left: 1px;
	margin-right: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	background: #efefef
}
.spiffy3 {
	margin-left: 1px;
	margin-right: 1px;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
}
.spiffy4 {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5
}
.spiffy5 {
	border-left: 1px solid #ededed;
	border-right: 1px solid #ededed
}
.spiffyfg {
	background: #f4f4f4
}