/* system-wide navigation tabs nicely wrappable and made out of a list */
dl.xar-tabs {
    margin: 0 0 .5em 0;
    padding: 3px 0 0 0;
    width: 100%;
    float: left;
    line-height: 1.6em;
    border-bottom: 1px solid #7a422c;
}

html * dl.xar-tabs {
    display: table;
    float: none;
}

dl.xar-tabs dt.help {
    float: left;
    padding: 2px 6px;
    margin-bottom: -2px;
    line-height: 1.6em;
    border: 0 none;
    font-weight: bold;
}

dl.xar-tabs dd {
    margin: 1px -6px -1px 5px;
    padding: 0;
    float: left;
    border: 1px solid #7a422c;
    border-bottom: 1px solid #D1BA6F;
}

dl.xar-tabs dd a {
    display: block;
    padding: 0 .5em;
    color: #900;
    background-color: #D1BA6F;
    text-decoration: none;
    white-space: nowrap;
}

dl.xar-tabs dd a:hover {
    color: #c30;
}

dl.xar-tabs dd.active a {
    color: #d1b96e;
    background-color: #BC6100;
    border: 1px solid #990000;
    border-bottom: 1px solid transparent;
}

/* ie5-mac seems to need this */
* html dl.xar-tabs dd a { display: inline-block; }

/* a bit fancier look for good browsers */
dl.xar-tabs dd.active > a {
    margin: -3px 1px -1px -1px;
    border-bottom: 3px solid transparent;
}

* html dl.xar-tabs dd.active {
    margin-top: -3px;
    border: 0 none;
    line-height: 1.9em;
}

dl.xar-tabs dd.active a:hover {
    color: #fff;
}