.corner{
display:block;
}
.corner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#F0F0F0;
  }
  
 /* this class is for the top border  */
.corner_top{
  margin-left:5px;
  margin-right:5px;
  border-bottom:1px solid #000000;
  background:#9a9a9a;
  }

 /* this class is for the bottom border  */
  .corner_bottom{
  margin-left:5px;
  margin-right:5px;
  border-top:1px solid #000000;
  background:#9a9a9a;
  }
.corner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #919191;
  border-right:1px solid #919191;
  background:#9a9a9a;
  }
.corner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
  background:#303030;
  }
.corner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #303030;
  border-right:1px solid #303030;
  }
.corner4{
  border-left:1px solid #919191;
  border-right:1px solid #919191;
  }
.corner5{
border-left:1px solid #3f3f3f;
border-right:1px solid #3f3f3f;
}
.corner_content{
/* height is the height of the box minus corner height, which is 9 pixels on top and on bottom */
/*height:150px;*/
text-align:left;
padding-right:10px;
padding-left:10px;
background:#F0F0F0;
padding-top:1px;
padding-bottom:1px;
border-left:1px solid #000000;
border-right:1px solid #000000;
}