.tabs>ul{
    margin:0px;
    padding:0px;
    list-style-type: none;
    width:100%;
    border-bottom:1px solid #ddd;
}

.tabs>ul>li {
    display:inline-block;
}

.tabs>ul>li>a {
    display:block;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    background-color:#ddd;
    padding:5px 15px;
    border-top-left-radius: 10em 30em;
    border-top-right-radius: 10em 30em;
    
    border-bottom-left-radius: 1em 30em;
    border-bottom-right-radius: 1em 30em;
}

.tabs>ul>li:hover>a {
    /*background-color:#eee;*/
    background-image: linear-gradient(bottom, rgba(255,255,255, 0) 0%, rgba(255,255,255, .3) 100%);
    background-image: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255, .3) 100%);
    background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255, .3) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255, .3) 100%);
    background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255, .3) 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgba(255,255,255,0)),
        color-stop(1, rgba(255,255,255,.3))
    );
}


.tabs>ul>li>a{
    text-decoration:none;
    color:#555;
    font-weight:bold;
}

.tabs>ul>li.active>a{
    background-color:#fff;
    padding-bottom:6px;
    margin-bottom:-1px;
}

.tabs>ul>li.active>a {
    cursor:default;
}

.tabs>.tab-content {
    padding:15px;
    border:1px solid #ddd;
    border-top:0px;
    position:absolute;
    top:-9999px;
    left:-9999px;
}

.tabs>.tab-content.active {
    position:static;
}