/**
 * Layout for the output of TabLinks v1
 *
 * @version: v1
 * @author: Peter Slagter
 * @author: Geert Romijn
 */

div.tablinks ul {
    width: 100%;
    margin: 0 0 .5em 0;
    padding: 0;
    overflow: auto;
    list-style: none;
    background: url(img/tab_bottom_line.png) repeat-x 0 100%;
}

div.tablinks li {
    margin: 1px 1px 0px 1px;
    float: left;
}

div.tablinks li a,
div.tablinks li a:visited,
div.tablinks li.disabled span.disabled {
    display: block;
    padding: 3px 8px 0px 8px;
    min-height: 2em;
    text-decoration: none;
    border: 1px solid #ddd;
    border-bottom: 0;
}

div.tablinks li a:focus {
    outline: 0;
    color: green;
}

div.tablinks li img {
    margin: .15em .15em 0 0;
}

/* active tab */
div.tablinks li.active {
    margin: 0px 2px;
}

div.tablinks li.active a,
div.tablinks li.active a:visited {
    padding: 4px 8px 1px 8px;
    font-weight: bold;
    border-color: #bbb;
    border-bottom: 1px solid #fff;
}

/* disabled tab */
div.tablinks li.disabled span.disabled {
    color: #bbb;
    cursor: default;
}