Cannot remove the 3D border from an input control.

I need to use an input box without the border, I'm not using a label because sometimes the user needs to edit the information.

I have tried with the following code but the 3D line is not removed.
I'm using aqua style and the following backround color: #f9f8f4

MyCSS.css
......
#ReadInput {left: 170px; top: 45px; width: 235px; height: 20px; border: 0px none #f9f8f4; outline-width: 0px; outline-style: none; outline-color: #f9f8f4;background: #f9f8f4;}
.....

My AW code:
var readonly_input = new AW.UI.Input;
readonly_input.setId("ReadInput");
readonly_input.setControlText("Product ID");
document.write(readonly_input);

Any help will be appreciated!!!

Please ignore this question, I have changed the coding approach.