Tabs - align right

Simple question...

I have AW.UI.Tabs on my page, but I want it fixed to the right of my page rather than the left. I tried floating it off to the right, but the tabs have a lot of extra blank space within the outer span to the right of the tab buttons.

Is there a nice elegant way I can make them flow from the right instead of from the left?

ok, right-aligned tabs -

<style>

#myTabs {
    width: 100%;
}

#myTabs .aw-list-template {
    position: absolute;
    right: 0px;
    padding-right: 4px;
    text-align: right;
}

#myTabs .aw-item-template {
    float: none;
}

</style>
<script>

    var obj = new AW.UI.Tabs;
    obj.setId("myTabs");
    obj.setItemText(["Item1", "Item2", "Item3"]);
    obj.setItemCount(3);
    obj.setSelectedItems([0]);
    document.write(obj);

</script>
<div style="border-top:1px solid #ccc"></div>
 

Thanks Alex.