/******************************************************************************
//
//  Rectangle with soft corners (rounded).  No border.
//  
*/

.rounded 
{
  background: #AA0000;
  margin: 0px 1px;
  margin-top: 10px;
}

.rtop, .rbottom
{
  display: block;
  background: #FCFCFC;   /* background color */
}

.rtop *, .rbottom *
{
  display: block;
  height: 1px;
  overflow: hidden;
  background: #AA0000;
}

.r1
{
  margin: 0px 5px;
}

.r2
{
  margin: 0px 3px;
}

.r3
{
  margin: 0px 2px;
}

.r4
{
  margin: 0px 1px; 
  height: 2px;
}

/******************************************************************************
//
//  Rectangle with soft corners (rounded) and border
//  
*/

.border 
{
  background: #3354AA;         /* border color */
  margin: 0px;
  margin-top: 10px;
}

.btop, .bbottom
{
  display: block;
}

.btop *, .bbottom *
{
  display: block;
  height: 1px;
  overflow: hidden;
  background: #3354AA;         /* border color */
}

.b1
{
  margin: 0 5px;
  background: #3354AA;
}

.b2
{ 
  margin: 0 3px;
  background: white;
  border-left: 2px solid #3354AA;
  border-right: 2px solid #3354AA;
}

.b3
{
  margin: 0 2px;
  background: white;
  border-left: 1px solid #3354AA;
  border-right: 1px solid #3354AA;
}

.b4
{
  margin: 0 1px; 
  height: 2px;
  background: white;
  border-left: 1px solid #3354AA;
  border-right: 1px solid #3354AA;
}

.borderInside
{
  background: white;
  margin: 0 1px;
}

.topInside *, .bottomInside *
{
  display: block;
  height: 1px;
  overflow: hidden;
  background: white;
}