/* system-wide navigation tabs nicely wrappable and made out of a list */
dl.xar-tabs {
    margin: 0 2%;
    padding: 3px;
    width: 96%;
    float: left;
    line-height: 1.6em;
	border: 3px groove #CC9900; 
    font-size: 10pt;
	font-family: verdana, tahoma, arial, sans-serif;
}

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

dl.xar-tabs dt.help {
    float: left;
    line-height: 1.6em;
    border: 0px none;
    font-weight: bold;
	color: #800000;
	padding: 4px 2px 0 2px;
}

dl.xar-tabs dd {
    margin: 1px -6px -1px 6px;
    float: left;
    border: 3px outset #CC9900;
    background-image: url('../../../images/bgplasteryell.jpg');
}

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

dl.xar-tabs dd a:hover {
	color: #FFFFCC;
    background-color: #990000;
    background-image: url('../../../images/bgplasterdark.jpg');
    text-decoration: none;
}

dl.xar-tabs dd:active {
	color: #FFFFCC;
    background-color: #990000;
    background-image: url('../../../images/bgplasterdark.jpg');
    text-decoration: none;
    border: 3px inset #CC9900;
}


dl.xar-tabs dd.active {
    color: #800000;
    background-color: DDDDDD;
    background-image: url('../../../images/bgplaster.jpg');
    border: 3px inset #CC9900;
    padding: 0 .5em;
}

dl.xar-tabs dd.active a {
    color: #990000;
    background-color: DDDDDD;
    background-image: url('../../../images/bgplaster.jpg');
}

/* 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 {
}

* html dl.xar-tabs dd.active {
}

dl.xar-tabs dd.active a:hover {
	color: #FFFFCC;
    background-color: #990000;
    background-image: url('../../../images/bgplasterdark.jpg');
    text-decoration: none;
}