/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    margin-bottom: 20px;
}

/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
    display:block;
    clear:both;
    content:'';
}

.tab-links {
    padding: 0;
    margin: 0;
}

.tab-links li {
    margin: 0 5px 0 0;
    float:left;
    list-style:none;
}

.tab-links a {
    display:inline-block;
    padding: 2px 5px;
    background:#999999;
    color: black;
    text-decoration: none;
}

.tab-links a:hover {
    background:#cccccc;
    text-decoration:none;
}

li.active a, li.active a:hover {
    background:#cccccc;
    color:#333333;
}

/*----- Content of Tabs -----*/
.tab-content {
    padding: 10px;
    border: 1px solid #cccccc;
    background:#fff;
}

.tab {
    display:none;
}

.tab.active {
    display:block;
}