css effect to make 3d panels with curved corners and shadow . just needs height and width for .flex-column that set elsewhere.

gistfile1.css

.flex_column {
      position: relative;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      background-color: rgba(0,0,0,0.0);
      box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
      border: 2px solid #6640FF;
      /*border-radius: 1% 1% 1% 1% /  1%  1%   1%   1%;*/
      padding-left: 10px;
      padding-top: 10px;
      padding-right: 10px;
      padding-bottom: 10px;
      }
.flex_column:before {
      position: absolute;
      width: 80%;
      height: 40%;
      left: 10%;
      border-radius: 50%;
      z-index: -1;
      top: 0%;
      content: "";
      box-shadow: 0 -7px 16px rgba(0,0,0,0.4);
      }
.flex_column:after {
      position: absolute;
      width: 80%;
      height: 40%;
      left: 10%;
      border-radius: 50%;
      z-index: -1;
      bottom: 0%;
      content: "";
      box-shadow: 0 7px 16px rgba(0,0,0,0.4);
      } 

/* http://www.clipular.com/c?8148149=gdtT_1yP35oTh4-qyi2Hxq7S33M&f=.png */