.tabs
{
    background:    #e9e9e9;
    border-bottom: 1px solid #ccc;

    box-shadow:         inset 0px 1px 3px #ddd;
    -webkit-box-shadow: inset 0px 1px 3px #ddd;
    -moz-box-shadow:    inset 0px 1px 3px #ddd;
}

    .tabs ul
    {
        margin:  0px;
        padding: 0px 15px;
    }

    .tabs ul li
    {
        background-color: #ddd;
        border-top:       1px solid #bbb;
        border-right:     1px solid #bbb;
        border-left:      1px solid #bbb;
        color:            #000;
        display:          inline-block;
        margin:           5px 3px 0px 0px;

        border-radius:         3px 3px 0px 0px;
        -webkit-border-radius: 3px 3px 0px 0px;
        -moz-border-radius:    3px 3px 0px 0px;

        background-image: linear-gradient(#fff, #eee);
        background-image: -webkit-linear-gradient(#fff, #eee);
        background-image: -moz-linear-gradient(#fff, #eee);

        filter: progid:DXImageTransform.Microsoft.gradient(
            startColorStr='#ffffff',
            EndColorStr='#eeeeee'
        );
    }

        .tabs ul li a
        {
            color:   #000;
            display: block;
            padding: 5px 10px;
        }

        .tabs ul li a:hover
        {
            text-decoration: none;
        }

        .tabs ul li .icon
        {
            margin-left:  10px;
            padding-left: 23px;
        }

    .tabs ul li.active
    {
        background:    #fff;
        border-bottom: 1px solid #fff;
        margin-bottom: -1px;

        filter: none;
    }

    .tabs ul li:hover
    {
        background-image: linear-gradient(#fff, #f2f2f2);
        background-image: -webkit-linear-gradient(#fff, #f2f2f2);
        background-image: -moz-linear-gradient(#fff, #f2f2f2);

        filter: progid:DXImageTransform.Microsoft.gradient(
            startColorStr='#ffffff',
            EndColorStr='#f2f2f2'
        );
    }

    .tabs ul li.active:hover
    {
        background:      #fff;
        text-decoration: none;
    }