Overlays

Replaces the old style browser dialog box. Overlays a box with options on the users screen.
 * Dialog Overlay- **

Used to capture the users attention. media type="file" key="dialog_overlay.flv" width="510" height="510"

This kind of overlay provide the user with additional information w/o having to leave the page.
 * Detail Overlay **
 * 1) used to give"sneak peek" at detaild information
 * 2) provide delays for hover overlays to avoid the Mousetrap.
 * 3) best to provide simple mouse-out or mouse-click for deactivation.

media type="file" key="overlayDetail.flv" width="510" height="420"

To simplify the visual style of the form and also used for additional help in the overlay should allow clicking anywhere to activate
 * Input Overlay **

Make sure to only visual change between the field and the overlay fields is intentional

media type="file" key="input overlay.flv" width="509" height="509"

**Dialog Overlay Process** Executes a websites process in an overlay dialog box.

Important to indicate what step in the process the user is in with a clear status media type="file" key="dialog_overlay_process.flv" width="510" height="510"