How can i modify a Security Assist generated login page with Design Extender?

How can i modify a Security Assist generated login page with Design Extender?

Hello guys, I found an old post on how to modify an existing form from Security Assist with Form Builder but that does not apply any more.I want to do modifications on:

A) Width of the form. I am showing the login box within a lightbox and it shows me a horizontal scrolling bar as it seems that the border and I assume a DIV expands. I need to put a fixed width to that form so it can show up properly in the lightbox.

(This is the most important thing for me at the moment, I need to fit the login box in a specific lightbox)

For Fire Fox, there is a great extension called Firebughttp://www.webassist.com/tutorials/Using-Firebug

It is a developers debugging tool. using fire fox, you can inspect elements of the page and see the CSS for the selected element. You can also edit the CSS to see your changes applied for testing, before you edit the css file directly.

You can use fire bug to find the CSS that sets the form width to be able to edit it, and also find the css for the other form elements.