.tabbed{
  float : left;
  width : 100%;

}

.tabbed > input{
  display : none;
}

.tabbed > section > h1{
  float       : left;
  box-sizing  : border-box;
  margin      : 0 0 -3px 0;
  padding     : 0.3em 0.2em 0;
  font-size   : .8em;
  font-weight : normal;
  letter-spacing:1px;
}

.tabbed > input:first-child + section > h1{
margin-left:3px;
}
.tabbed > section > h1 > label{
  display                 : block;
  padding                 : 0.25em 5px;
  border                  : 1px solid #ddd;
  border-bottom           : none;
  border-top-left-radius  : 4px;
  border-top-right-radius : 4px;
  cursor                  : pointer;
     -moz-user-select     : none;
      -ms-user-select     : none;
  -webkit-user-select     : none;
}

.tabbed > section > div{
  position      : relative;
  z-index       : 1;
  float         : right;
  box-sizing    : border-box;
  width         : 100%;
  margin        : 52px 4px 30px -100%;
  padding:0 25px 0 20px;
  border        : 1px solid #ddd;
  border-radius : 4px;
  background    : #fff;
box-shadow: 0px 0px 8px rgba(33,62,83,0.3) inset;
 -moz-box-shadow: 0px 0px 8px rgba(33,62,83,0.3) inset;
 -webkit-box-shadow: 0px 0px 8px rgba(33,62,83,0.3) inset;	background-image: url('../imgs/drop-bg.png');background-repeat:no-repeat;background-position:bottom right;}
 
.tabbed > input:checked + section > h1{
  position : relative;
  z-index  : 2;
  background-color:#ddd;
  padding:1px;
  border-top-right-radius:4px;
  border-top-left-radius:4px;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
  margin-top:0;
  font-weight:900 !important;
  color:#000;
  text-shadow:0px 0px 2px #fff;
  letter-spacing:1px;
}

.tabbed > input:not(:checked) + section > div{
  display : none;
}