.tabs {
      position: relative;   
      min-height: 400px; /* This part sucks */
      clear: both;
      margin: 25px 0;
    }
    .tab {
      float: left;
    }
    .tab label {
      background: #e7bf43; 
      padding: 10px; 
	  font-weight:bold;
	  color:#5c5c5c;
      margin-left: -1px; 
	  -webkit-border-radius: 7px;
	  -moz-border-radius: 7px;
	  border-radius: 7px;
      position: relative;
      left: 1px; 
	  cursor:hand; cursor:pointer;
	  margin-right:5px;
    }
    .tab [type=radio] {
      display: none;   
    }
    .content {
      position: absolute;
      top: 46px;
      left: 0;
      background: #ebeec1;
	  	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
      right: 0;
      bottom: 0;
      padding: 5px;
	text-align:left;
      overflow: hidden;
    }
    .content > * {
      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);

      -webkit-transform: translateX(-100%);
      -moz-transform:    translateX(-100%);
      -ms-transform:     translateX(-100%);
      -o-transform:      translateX(-100%);

      -webkit-transition: all 0.6s ease;
      -moz-transition:    all 0.6s ease;
      -ms-transition:     all 0.6s ease;
      -o-transition:      all 0.6s ease;
    }
    [type=radio]:checked ~ label ~ .content > * {
      opacity: 1;

      -webkit-transform: translateX(0);
      -moz-transform:    translateX(0);
      -ms-transform:     translateX(0);
      -o-transform:      translateX(0);
    }
    [type=radio]:checked ~ label {
      background: #55af55;
	  color:#FFF;
	  font-weight:bold;
      z-index: 2;
    }
    [type=radio]:checked ~ label ~ .content {
      z-index: 1;
    }