// override these in your code to change the default behavior and style
jQuery.blockUI.defaults = {
    // message displayed when blocking (use null for no message)
    message:  '<h3>Please wait...</h3>',

    // styles for the message when blocking; if you wish to disable
    // these and use an external stylesheet then do this in your code:
    // $.blockUI.defaults.css = {};
    css: {
        padding:        0,
        margin:         0,
        width:          '50%',
        top:            '40%',
        left:           '35%',
        textAlign:      'center',
        color:          '#888888',
        border:         '2px solid #D1EEEF',
        backgroundColor:'#ECFFFF',
        cursor:         'wait'
    },

    // styles for the overlay
    overlayCSS:  {
        backgroundColor:'#FFFFFF',
        opacity:        '0.8'
    },

    // z-index for the blocking overlay
    baseZ: 1000,

    // set these to true to have the message automatically centered
    centerX: true,// <-- only effects element blocking (page block controlled via css above)
    centerY: true,

    // allow body element to be stetched in ie6; this makes blocking look better
    // on "short" pages.  disable if you wish to prevent changes to the body height
    allowBodyStretch: true,

    // be default blockUI will supress tab navigation from leaving blocking content;
    constrainTabKey: true,

    // fadeOut time in millis; set to 0 to disable fadeout on unblock
    fadeOut:  200,

    // suppresses the use of overlay styles on FF/Linux (due to significant performance issues with opacity)
    applyPlatformOpacityRules: true
};