How to align RIGHT with AW.UI.Input

I'm trying to get the currency in this input control to align to the right.

<style>
#d008001 {left:0px; top:0px; width:50px;text-align:right; }
</style>
<body>
var d008001 = new AW.UI.Input;
d008001.setId("d008001");
d008001.setName("d008001");
d008001.setControlFormat(dollars);
d008001.setControlText("1.23");
d008001.onControlValidated = function(text){
var format = this.getControlFormat();
var value = format.textToValue(text);
var final = format.valueToText(value);
this.setControlValue(value);
this.setControlText(final);
};
</body>

The number is still aligned to the left of the input box. 3 hours later and I've still not figured this out or found it in the support forum.

Forum search