body {
    background: #999;  
}
#page-wrap {
  width: 400px; 
  height: 500px;
}
    .tabs {
      position: relative;   
      min-height: 400px;                     
      clear: both;
      margin: 20px 0;      
    }
    .tab {
      /*float: left; */     
       height: 40px; 
    }
    .tab label {
      background: rgb(126, 161, 166); 
      padding: 7px; 
      border: 1px solid #f6e1b9; 
      margin-left: -8px; 
      position: relative;
      left: 1px;        
      width: 85px;
      display: block;
    }
    .tab [type=radio] {
      display: none;   
    }
    .content {
      position: absolute;
      top: -1px;
      left: 75px;
      background: #f6e1b9;
      right: 0;
      bottom: 0;
      padding: 15px;
      border: -3px solid #ccc;       
    }
    [type=radio]:checked ~ label {
      background: #f6e1b9;
      border-bottom: 1px solid #f6e1b9;
      z-index: 2;
    }
    [type=radio]:checked ~ label ~ .content {
      z-index: 1;
    }