.section {
    width: 980px;
    position: relative;
    top: 7px;
    left: 20px;
}

ul.tabs {
    height: 28px;
    line-height: 25px;
    list-style: none;
    background: none;
}

.tabs li {
    float: left;
    display: inline;
    margin: 0 1px -1px 0;
    top: -4px;
    padding: 0 13px 1px;
    color: #2f4532;
    font-size:9pt;
    font-weight: bold;
    cursor: pointer;
    background: none;
    position: relative;
}

.tabs li:hover,.vertical .tabs li:hover {
    color: #2f4532;
    font-size:9pt;
    font-weight: bold;
    text-decoration:underline;
    padding: 0 13px;
    background: none;
}

.tabs li.current {
    color: #444;
    font-size:9pt;
    font-weight: bold;
    background: none;
    padding: 0 13px 2px;
}

.box {
    display: none;
    border-width: 0 1px 1px;
    background: none;
    padding: 0 12px;
}

.box.visible {
    display: block;
}

.section.vertical {
    width: 440px;
}

.vertical .tabs {
    width: 160px;
    float: left;
    display: inline;
    margin: 0 0 0 -160px;
}

.vertical .tabs li {
    padding: 0 13px;
    margin: 0 0 1px;
    width: 132px;
    height: 25px;
}

.vertical .tabs li:hover {
    width: 131px;
}

.vertical .tabs li.current {
    width: 133px;
    background: none;
    margin-right: -1px;
}

.vertical .box {
    border-width: 1px;
}