.tabs {
      position: relative;   
      min-height: 480px; /* This part sucks */
      clear: both;
      margin-top: -15px;
      margin-bottom: 25px;
    }

.tabstall {
	  min-height: 480px; /* This part sucks */
    
}

.finallevel {
    margin-top: 0;
}
    .tab {
      float: left;
    }
    .tab label {
      padding: 10px;  
      margin-left: -1px; 
      position: relative;
      /*background-color: #666666;*/
      background-color: #688281;
      left: 1px; 
      max-width: none;
      display: inline;
      font-weight: normal;
      color: #cfd5d5;
      /*color: #dfdfdf;*/
      cursor: pointer;
      -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        border-top-left-radius: 5px;
        border-top: 1px solid #dfdfdf;
        border-left: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;
        }

        .tab label:hover {
            background-color: #2e5352
        }

    .tab [type=radio] {
      display: none;   
    }
    .content {
      position: absolute;
      top: 28px;
      left: 0;
      background: #ffffff;
      right: 0;
      bottom: 0;
      padding: 10px;
      overflow: hidden;
      border-left: 1px solid #cacaca;
      border-right: 1px solid #cacaca;
      border-bottom: 1px solid #cacaca;
      /*-webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
        border-top-right-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        border-bottom-right-radius: 5px;*/
    }
    .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 {
      color: #666666;
      background-color: #ffffff;
      z-index: 2;
      border-top: 1px solid #cacaca;
        border-left: 1px solid #cacaca;
        border-right: 1px solid #cacaca;
    }
    [type=radio]:checked ~ label ~ .content {
      z-index: 1;
    }
    [type=radio]:checked ~ label ~ .content > * {
      opacity: 1;
      
      -webkit-transform: translateX(0);
      -moz-transform:    translateX(0);
      -ms-transform:     translateX(0);
      -o-transform:      translateX(0);
    }

    /*  ice tab */

.ice {
    background-image: url('../images/tile_bg_ice.png');
    background-position: -5px top;
    background-repeat: no-repeat;
    background-size: 50px;
}

/* banking tab */

[type=radio]:checked ~ label ~ .content img.imagebanking {
    width: 100px;
    position: absolute;
    bottom: 0;
    left: -20px;
    opacity: 0.3;
    z-index: -10000;
}