/* 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%;
    display: table;
    line-height: 1.6em;
    border-bottom: 1px solid #C95E04;
}

* html dl.xar-tabs {
	height: 2em;
}

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: 4px -6px -1px 6px;
    padding: 0;
    float: left;
    border: 1px solid #CBBDCD;
    border-bottom: #C95E04;
}

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

* html dl.xar-tabs dd a {
	position: relative;
    z-index: 2;
}

dl.xar-tabs dd a:hover {
    color: #ffffff;
    background-color: #CBBDCD;
    text-decoration: none;
}

dl.xar-tabs dd.active a {
    color: #C95E04;
    background-color: #FFFFFF;
    border: 1px solid #C95E04;
    border-bottom: 1px solid #FFFFFF;
}

/* 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 #ffffff;
}

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

dl.xar-tabs dd.active a:hover {
    text-decoration: none;
    color: #C95E04;
    background-color: #FFFFFF;
}