/* including package ext-theme-base */
/**
 * Creates a background gradient.
 *
 * Example usage:
 *     .foo {
 *          @include background-gradient(#808080, matte, left);
 *     }
 *
 * @param {Color} $bg-color The background color of the gradient
 * @param {String/List} [$type=$base-gradient] The type of gradient to be used. Can either
 * be a String which is a predefined gradient name, or it can can be a list of color stops.
 * If null is passed, this mixin will still set the `background-color` to $bg-color.
 * The available predefined gradient names are:
 *
 * * bevel
 * * glossy
 * * recessed
 * * matte
 * * matte-reverse
 * * panel-header
 * * tabbar
 * * tab
 * * tab-active
 * * tab-over
 * * tab-disabled
 * * grid-header
 * * grid-header-over
 * * grid-row-over
 * * grid-cell-special
 * * glossy-button
 * * glossy-button-over
 * * glossy-button-pressed
 *
 * Each of these gradient names corresponds to a function named linear-gradient[name].
 * Themes can override these functions to customize the color stops that they return.
 * For example, to override the glossy-button gradient function add a function named
 * "linear-gradient-glossy-button" to a file named "sass/etc/mixins/background-gradient.scss"
 * in your theme.  The function should return the result of calling the Compass linear-gradient
 * function with the desired direction and color-stop information for the gradient.  For example:
 *
 *     @function linear-gradient-glossy-button($direction, $bg-color) {
 *         @return linear-gradient($direction, color_stops(
 *             mix(#fff, $bg-color, 10%),
 *             $bg-color 50%,
 *             mix(#000, $bg-color, 5%) 51%,
 *             $bg-color
 *         ));
 *     }
 *
 * @param {String} [$direction=top] The direction of the gradient. Can either be
 * `top` or `left`.
 *
 * @member Global_CSS
 */
/*
 * Method which inserts a full background-image property for a theme image.
 * It checks if the file exists and if it doesn't, it'll throw an error.
 * By default it will not include the background-image property if it is not found,
 * but this can be changed by changing the default value of $include-missing-images to
 * be true.
 */
/* including package ext-theme-neutral */
/* including package ext-theme-classic */
/* including package ext-theme-classic-sandbox */
/* including package ext-theme-classic-sandbox */
/* including package ext-theme-classic */
/* including package ext-theme-neutral */
/**
 * @class Global_CSS
 */
/**
 * @var {color} $color
 * The default text color to be used throughout the theme.
 */
/**
 * @var {string} $font-family
 * The default font-family to be used throughout the theme.
 */
/**
 * @var {string} $font-size
 * The default font-family to be used throughout the theme.
 */
/**
 * @var {string} $base-gradient
 * The base gradient to be used throughout the theme.
 */
/**
 * @var {color} $base-color
 * The base color to be used throughout the theme.
 */
/**
 * @var {color} $neutral-color
 * The neutral color to be used throughout the theme.
 */
/**
 * @var {color} $body-background-color
 * Background color to apply to the body element
 */
/**
 * @class Ext.FocusManager
 */
/**
 * @var {color}
 * The border-color of the focusFrame.  See {@link #method-enable}.
 */
/**
 * @var {color}
 * The border-style of the focusFrame.  See {@link #method-enable}.
 */
/**
 * @var {color}
 * The border-width of the focusFrame.  See {@link #method-enable}.
 */
/**
 * @class Ext.LoadMask
 */
/**
 * @var {number}
 * Opacity of the LoadMask
 */
/**
 * @var {color}
 * The background-color of the LoadMask
 */
/**
 * @var {string}
 * The type of cursor to dislay when the cursor is over the LoadMask
 */
/**
 * @var {number/list}
 * The padding to apply to the LoadMask's message element
 */
/**
 * @var {string}
 * The border-style of the LoadMask's message element
 */
/**
 * @var {color}
 * The border-color of the LoadMask's message element
 */
/**
 * @var {number}
 * The border-width of the LoadMask's message element
 */
/**
 * @var {color}
 * The background-color of the LoadMask's message element
 */
/**
 * @var {string/list}
 * The background-gradient of the LoadMask's message element. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {number/list}
 * The padding of the message inner element
 */
/**
 * @var {string}
 * The icon to display in the message inner element
 */
/**
 * @var {list}
 * The background-position of the icon
 */
/**
 * @var {string}
 * The border-style of the message inner element
 */
/**
 * @var {color}
 * The border-color of the message inner element
 */
/**
 * @var {number}
 * The border-width of the message inner element
 */
/**
 * @var {color}
 * The background-color of the message inner element
 */
/**
 * @var {color}
 * The text color of the message inner element
 */
/**
 * @var {number}
 * The font-size of the message inner element
 */
/**
 * @var {string}
 * The font-weight of the message inner element
 */
/**
 * @var {string}
 * The font-family of the message inner element
 */
/**
 * @var {number/list}
 * The padding of the message element
 */
/**
 * @var {number}
 * The border-radius of the message element
 */
/**
 * @class Ext.ProgressBar
 */
/**
 * @var {number}
 * The height of the ProgressBar
 */
/**
 * @var {color}
 * The border-color of the ProgressBar
 */
/**
 * @var {number}
 * The border-width of the ProgressBar
 */
/**
 * @var {number}
 * The border-radius of the ProgressBar
 */
/**
 * @var {color}
 * The background-color of the ProgressBar
 */
/**
 * @var {color}
 * The background-color of the ProgressBar's moving element
 */
/**
 * @var {string/list}
 * The background-gradient of the ProgressBar's moving element. Can be either the name of
 * a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The color of the ProgressBar's text when in front of the ProgressBar's moving element
 */
/**
 * @var {color}
 * The color of the ProgressBar's text when the ProgressBar's 'moving element is not under it
 */
/**
 * @var {string}
 * The text-align of the ProgressBar's text
 */
/**
 * @var {number}
 * The font-size of the ProgressBar's text
 */
/**
 * @var {string}
 * The font-weight of the ProgressBar's text
 */
/**
 * @var {boolean}
 * True to include the "default" ProgressBar UI
 */
/**
 * @class Ext.button.Button
 */
/**
 * @var {number}
 * The default width for a button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default height for a button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default width for a {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default height for a {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default space between a button's icon and text
 */
/**
 * @var {number}
 * The default border-radius for a small {@link #scale} button
 */
/**
 * @var {number}
 * The default border-width for a small {@link #scale} button
 */
/**
 * @var {number}
 * The default padding for a small {@link #scale} button
 */
/**
 * @var {number}
 * The default horizontal padding to add to the left and right of the text element for
 * a small {@link #scale} button
 */
/**
 * @var {number}
 * The default font-size for a small {@link #scale} button
 */
/**
 * @var {number}
 * The default font-size for a small {@link #scale} button when the cursor is over the button
 */
/**
 * @var {number}
 * The default font-size for a small {@link #scale} button when the button is focused
 */
/**
 * @var {number}
 * The default font-size for a small {@link #scale} button when the button is pressed
 */
/**
 * @var {number}
 * The default font-size for a small {@link #scale} button when the button is disabled
 */
/**
 * @var {string}
 * The default font-weight for a small {@link #scale} button
 */
/**
 * @var {string}
 * The default font-weight for a small {@link #scale} button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-weight for a small {@link #scale} button when the button is focused
 */
/**
 * @var {string}
 * The default font-weight for a small {@link #scale} button when the button is pressed
 */
/**
 * @var {string}
 * The default font-weight for a small {@link #scale} button when the button is disabled
 */
/**
 * @var {string}
 * The default font-family for a small {@link #scale} button
 */
/**
 * @var {string}
 * The default font-family for a small {@link #scale} button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-family for a small {@link #scale} button when the button is focused
 */
/**
 * @var {string}
 * The default font-family for a small {@link #scale} button when the button is pressed
 */
/**
 * @var {string}
 * The default font-family for a small {@link #scale} button when the button is disabled
 */
/**
 * @var {number}
 * The default icon size for a small {@link #scale} button
 */
/**
 * @var {number}
 * The default width of a small {@link #scale} button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default height of a small {@link #scale} button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default width of a small {@link #scale} {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default height of a small {@link #scale} {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default border-radius for a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default border-width for a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default padding for a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default horizontal padding to add to the left and right of the text element for
 * a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default font-size for a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default font-size for a medium {@link #scale} button when the cursor is over the button
 */
/**
 * @var {number}
 * The default font-size for a medium {@link #scale} button when the button is focused
 */
/**
 * @var {number}
 * The default font-size for a medium {@link #scale} button when the button is pressed
 */
/**
 * @var {number}
 * The default font-size for a medium {@link #scale} button when the button is disabled
 */
/**
 * @var {string}
 * The default font-weight for a medium {@link #scale} button
 */
/**
 * @var {string}
 * The default font-weight for a medium {@link #scale} button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-weight for a medium {@link #scale} button when the button is focused
 */
/**
 * @var {string}
 * The default font-weight for a medium {@link #scale} button when the button is pressed
 */
/**
 * @var {string}
 * The default font-weight for a medium {@link #scale} button when the button is disabled
 */
/**
 * @var {string}
 * The default font-family for a medium {@link #scale} button
 */
/**
 * @var {string}
 * The default font-family for a medium {@link #scale} button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-family for a medium {@link #scale} button when the button is focused
 */
/**
 * @var {string}
 * The default font-family for a medium {@link #scale} button when the button is pressed
 */
/**
 * @var {string}
 * The default font-family for a medium {@link #scale} button when the button is disabled
 */
/**
 * @var {number}
 * The default icon size for a medium {@link #scale} button
 */
/**
 * @var {number}
 * The default width of a medium {@link #scale} button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default height of a medium {@link #scale} button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default width of a medium {@link #scale} {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default height of a medium {@link #scale} {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default border-radius for a large {@link #scale} button
 */
/**
 * @var {number}
 * The default border-width for a large {@link #scale} button
 */
/**
 * @var {number}
 * The default padding for a large {@link #scale} button
 */
/**
 * @var {number}
 * The default horizontal padding to add to the left and right of the text element for
 * a large {@link #scale} button
 */
/**
 * @var {number}
 * The default font-size for a large {@link #scale} button
 */
/**
 * @var {number}
 * The default font-size for a large {@link #scale} button when the cursor is over the button
 */
/**
 * @var {number}
 * The default font-size for a large {@link #scale} button when the button is focused
 */
/**
 * @var {number}
 * The default font-size for a large {@link #scale} button when the button is pressed
 */
/**
 * @var {number}
 * The default font-size for a large {@link #scale} button when the button is disabled
 */
/**
 * @var {string}
 * The default font-weight for a large {@link #scale} button
 */
/**
 * @var {string}
 * The default font-weight for a large {@link #scale} button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-weight for a large {@link #scale} button when the button is focused
 */
/**
 * @var {string}
 * The default font-weight for a large {@link #scale} button when the button is pressed
 */
/**
 * @var {string}
 * The default font-weight for a large {@link #scale} button when the button is disabled
 */
/**
 * @var {string}
 * The default font-family for a large {@link #scale} button
 */
/**
 * @var {string}
 * The default font-family for a large {@link #scale} button when the cursor is over the button
 */
/**
 * @var {string}
 * The default font-family for a large {@link #scale} button when the button is focused
 */
/**
 * @var {string}
 * The default font-family for a large {@link #scale} button when the button is pressed
 */
/**
 * @var {string}
 * The default font-family for a large {@link #scale} button when the button is disabled
 */
/**
 * @var {number}
 * The default icon size for a large {@link #scale} button
 */
/**
 * @var {number}
 * The default width of a large {@link #scale} button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default height of a large {@link #scale} button's {@link #cfg-menu} arrow
 */
/**
 * @var {number}
 * The default width of a large {@link #scale} {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {number}
 * The default height of a large {@link #scale} {@link Ext.button.Split Split Button}'s arrow
 */
/**
 * @var {color}
 * The base color for the `default` button UI
 */
/**
 * @var {color}
 * The base color for the `default` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The base color for the `default` button UI when the button is focused
 */
/**
 * @var {color}
 * The base color for the `default` button UI when the button is pressed
 */
/**
 * @var {color}
 * The base color for the `default` button UI when the button is disabled
 */
/**
 * @var {color}
 * The border-color for the `default` button UI
 */
/**
 * @var {color}
 * The border-color for the `default` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The border-color for the `default` button UI when the button is focused
 */
/**
 * @var {color}
 * The border-color for the `default` button UI when the button is pressed
 */
/**
 * @var {color}
 * The border-color for the `default` button UI when the button is disabled
 */
/**
 * @var {color}
 * The background-color for the `default` button UI
 */
/**
 * @var {color}
 * The background-color for the `default` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The background-color for the `default` button UI when the button is focused
 */
/**
 * @var {color}
 * The background-color for the `default` button UI when the button is pressed
 */
/**
 * @var {color}
 * The background-color for the `default` button UI when the button is disabled
 */
/**
 * @var {string/list}
 * The background-gradient for the `default` button UI.  Can be either the name of a
 * predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default` button UI when the cursor is over the button.
 * Can be either the name of a predefined gradient or a list of color stops. Used as the
 * `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default` button UI when the button is focused.  Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default` button UI when the button is pressed.  Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default` button UI when the button is disabled.  Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The text color for the `default` button UI
 */
/**
 * @var {color}
 * The text color for the `default` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The text color for the `default` button UI when the button is focused
 */
/**
 * @var {color}
 * The text color for the `default` button UI when the button is pressed
 */
/**
 * @var {color}
 * The text color for the `default` button UI when the button is disabled
 */
/**
 * @var {color}
 * The color of the {@link #glyph} icon for the `default` button UI
 */
/**
 * @var {color}
 * The opacity of the {@link #glyph} icon for the `default` button UI
 */
/**
 * @var {color}
 * The border-color for the `default-toolbar` button UI
 */
/**
 * @var {color}
 * The border-color for the `default-toolbar` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The border-color for the `default-toolbar` button UI when the button is focused
 */
/**
 * @var {color}
 * The border-color for the `default-toolbar` button UI when the button is pressed
 */
/**
 * @var {color}
 * The border-color for the `default-toolbar` button UI when the button is disabled
 */
/**
 * @var {color}
 * The background-color for the `default-toolbar` button UI
 */
/**
 * @var {color}
 * The background-color for the `default-toolbar` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The background-color for the `default-toolbar` button UI when the button is focused
 */
/**
 * @var {color}
 * The background-color for the `default-toolbar` button UI when the button is pressed
 */
/**
 * @var {color}
 * The background-color for the `default-toolbar` button UI when the button is disabled
 */
/**
 * @var {string/list}
 * The background-gradient for the `default-toolbar` button UI.  Can be either the name of
 * a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default-toolbar` button UI when the cursor is over the
 * button. Can be either the name of a predefined gradient or a list of color stops. Used
 * as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default-toolbar` button UI when the button is focused.
 * Can be either the name of a predefined gradient or a list of color stops. Used as the
 * `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default-toolbar` button UI when the button is pressed.
 * Can be either the name of a predefined gradient or a list of color stops. Used as the
 * `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the `default-toolbar` button UI when the button is disabled.
 * Can be either the name of a predefined gradient or a list of color stops. Used as the
 * `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The text color for the `default-toolbar` button UI
 */
/**
 * @var {color}
 * The text color for the `default-toolbar` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The text color for the `default-toolbar` button UI when the button is focused
 */
/**
 * @var {color}
 * The text color for the `default-toolbar` button UI when the button is pressed
 */
/**
 * @var {color}
 * The text color for the `default-toolbar` button UI when the button is disabled
 */
/**
 * @var {color}
 * The color of the {@link #glyph} icon for the `default-toolbar` button UI
 */
/**
 * @var {color}
 * The opacity of the {@link #glyph} icon for the `default-toolbar` button UI
 */
/**
 * @var {boolean} $button-include-ui-menu-arrows
 * True to use a different image url for the menu button arrows for each button UI
 */
/**
 * @var {boolean} $button-include-ui-split-arrows
 * True to use a different image url for the split button arrows for each button UI
 */
/**
 * @var {boolean} $button-include-split-over-arrows
 * True to include different split arrows for buttons' hover state.
 */
/**
 * @var {boolean} $button-toolbar-include-split-noline-arrows
 * True to include "noline" split arrows for toolbar buttons in their default state.
 */
/**
 * @var {number} $button-opacity-disabled
 * opacity to apply to the button's main element when the buton is disabled
 */
/**
 * @var {number} $button-inner-opacity-disabled
 * opacity to apply to the button's inner elements (icon and text) when the buton is disabled
 */
/**
 * @var {number} $button-toolbar-opacity-disabled
 * opacity to apply to the toolbar button's main element when the buton is disabled
 */
/**
 * @var {number} $button-toolbar-inner-opacity-disabled
 * opacity to apply to the toolbar button's inner elements (icon and text) when the buton is disabled
 */
/**
 * @var {boolean}
 * True to include the "default" button UI
 */
/**
 * @var {boolean}
 * True to include the "default" button UI for "small" scale buttons
 */
/**
 * @var {boolean}
 * True to include the "default" button UI for "medium" scale buttons
 */
/**
 * @var {boolean}
 * True to include the "default" button UI for "large" scale buttons
 */
/**
 * @var {boolean}
 * True to include the "default-toolbar" button UI
 */
/**
 * @var {boolean}
 * True to include the "default-toolbar" button UI for "small" scale buttons
 */
/**
 * @var {boolean}
 * True to include the "default-toolbar" button UI for "medium" scale buttons
 */
/**
 * @var {boolean}
 * True to include the "default-toolbar" button UI for "large" scale buttons
 */
/**
 * @class Ext.toolbar.Toolbar
 */
/**
 * @var {number}
 * The default font-size of Toolbar text
 */
/**
 * @var {color}
 * The background-color of the Toolbar
 */
/**
 * @var {string/list}
 * The background-gradient of the Toolbar.  Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {number}
 * The horizontal spacing of Toolbar items
 */
/**
 * @var {number}
 * The vertical spacing of Toolbar items
 */
/**
 * @var {number}
 * The horizontal spacing of {@link Ext.panel.Panel#fbar footer} Toolbar items
 */
/**
 * @var {number}
 * The vertical spacing of {@link Ext.panel.Panel#fbar footer} Toolbar items
 */
/**
 * @var {color}
 * The background-color of {@link Ext.panel.Panel#fbar footer} Toolbars
 */
/**
 * @var {number}
 * The border-width of {@link Ext.panel.Panel#fbar footer} Toolbars
 */
/**
 * @var {number/list}
 * The margin of {@link Ext.panel.Panel#fbar footer} Toolbars
 */
/**
 * @var {color}
 * The border-color of Toolbars
 */
/**
 * @var {number}
 * The border-width of Toolbars
 */
/**
 * @var {string}
 * The border-style of Toolbars
 */
/**
 * @var {number}
 * The width of Toolbar {@link Ext.toolbar.Spacer Spacers}
 */
/**
 * @var {color}
 * The main border-color of Toolbar {@link Ext.toolbar.Separator Separators}
 */
/**
 * @var {color}
 * The highlight border-color of Toolbar {@link Ext.toolbar.Separator Separators}
 */
/**
 * @var {number/list}
 * The margin of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
/**
 * @var {number}
 * The height of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
/**
 * @var {string}
 * The border-style of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
/**
 * @var {number}
 * The border-width of {@link Ext.toolbar.Separator Separators} on a horizontally oriented Toolbar
 */
/**
 * @var {number/list}
 * The margin of {@link Ext.toolbar.Separator Separators} on a vertically oriented Toolbar
 */
/**
 * @var {string}
 * The border-style of {@link Ext.toolbar.Separator Separators} on a vertically oriented Toolbar
 */
/**
 * @var {number}
 * The border-width of {@link Ext.toolbar.Separator Separators} on a vertically oriented Toolbar
 */
/**
 * @var {string}
 * The default font-family of Toolbar text
 */
/**
 * @var {number}
 * The default font-size of Toolbar text
 */
/**
 * @var {number}
 * The default font-size of Toolbar text
 */
/**
 * @var {number/list}
 * The margin of Toolbar text
 */
/**
 * @var {color}
 * The text-color of Toolbar text
 */
/**
 * @var {number/list}
 * The padding of Toolbar text
 */
/**
 * @var {number}
 * The line-height of Toolbar text
 */
/**
 * @var {number}
 * The width of Toolbar scrollers
 */
/**
 * @var {number}
 * The height of Toolbar scrollers
 */
/**
 * @var {color}
 * The border-color of Toolbar scrollers
 */
/**
 * @var {number}
 * The border-width of Toolbar scrollers
 */
/**
 * @var {string}
 * The cursor of Toolbar scrollers
 */
/**
 * @var {string}
 * The cursor of disabled Toolbar scrollers
 */
/**
 * @var {number}
 * The opacity of disabled Toolbar scrollers
 */
/**
 * @var {string}
 * The sprite to use for {@link Ext.panel.Tool Tools} on a Toolbar
 */
/**
 * @var {boolean}
 * True to include the "default" toolbar UI
 */
/**
 * @class Ext.panel.Panel
 */
/**
 * @var {number}
 * The default border-width of Panels
 */
/**
 * @var {color}
 * The base color of Panels
 */
/**
 * @var {color}
 * The default border-color of Panels
 */
/**
 * @var {$border-width-threshold}
 * The maximum width a Panel's border can be before resizer handles are embedded into the borders using negative absolute positions.
 *
 * This defaults to 2, so that in the classic theme which uses 1 pixel borders, resize handles are in the content area
 * within the border as they always have been.
 *
 * In the Neptune theme, the handles are embedded into the 5 pixel wide borders of any framed panel.
 */
/**
 * @var {string}
 * The default border-style of Panels
 */
/**
 * @var {color}
 * The default body background-color of Panels
 */
/**
 * @var {color}
 * The default color of text inside a Panel's body
 */
/**
 * @var {color}
 * The default border-color of the Panel body
 */
/**
 * @var {number}
 * The default border-width of the Panel body
 */
/**
 * @var {number}
 * The default font-size of the Panel body
 */
/**
 * @var {string}
 * The default font-weight of the Panel body
 */
/**
 * @var {number}
 * The space between the Panel {@link Ext.panel.Tool Tools}
 */
/**
 * @var {string}
 * The background sprite to use for Panel {@link Ext.panel.Tool Tools}
 */
/**
 * @var {number}
 * The border-width of Panel Headers
 */
/**
 * @var {string}
 * The border-style of Panel Headers
 */
/**
 * @var {number/list}
 * The padding of Panel Headers
 */
/**
 * @var {number}
 * The font-size of Panel Headers
 */
/**
 * @var {number}
 * The line-height of Panel Headers
 */
/**
 * @var {string}
 * The font-weight of Panel Headers
 */
/**
 * @var {string}
 * The font-family of Panel Headers
 */
/**
 * @var {string}
 * The text-transform of Panel Headers
 */
/**
 * @var {number/list}
 * The padding of the Panel Header's text element
 */
/**
 * @var {string/list}
 * The background-gradient of the Panel Header. Can be either the name of a predefined
 * gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The border-color of the Panel Header
 */
/**
 * @var {color}
 * The inner border-color of the Panel Header
 */
/**
 * @var {number}
 * The inner border-width of the Panel Header
 */
/**
 * @var {color}
 * The text color of the Panel Header
 */
/**
 * @var {color}
 * The background-color of the Panel Header
 */
/**
 * @var {number}
 * The width of the Panel Header icon
 */
/**
 * @var {number}
 * The height of the Panel Header icon
 */
/**
 * @var {number}
 * The space between the Panel Header icon and text
 */
/**
 * @var {list}
 * The background-position of  the Panel Header icon
 */
/**
 * @var {color}
 * The color of the Panel Header glyph icon
 */
/**
 * @var {number}
 * The opacity of the Panel Header glyph icon
 */
/**
 * @var {color}
 * The base color of the framed Panels
 */
/**
 * @var {number}
 * The border-radius of framed Panels
 */
/**
 * @var {number}
 * The border-width of framed Panels
 */
/**
 * @var {string}
 * The border-style of framed Panels
 */
/**
 * @var {number}
 * The padding of framed Panels
 */
/**
 * @var {color}
 * The background-color of framed Panels
 */
/**
 * @var {color}
 * The border-color of framed Panels
 */
/**
 * @var {number}
 * The border-width of the body element of framed Panels
 */
/**
 * @var {number}
 * The border-width of framed Panel Headers
 */
/**
 * @var {color}
 * The inner border-color of framed Panel Headers
 */
/**
 * @var {number}
 * The inner border-width of framed Panel Headers
 */
/**
 * @var {number/list}
 * The padding of framed Panel Headers
 */
/**
 * @var {number}
 * The opacity of ghost Panels while dragging
 */
/**
 * @var {string}
 * The direction to strech the background-gradient of top docked Headers when slicing images
 * for IE using Sencha Cmd
 */
/**
 * @var {string}
 * The direction to strech the background-gradient of bottom docked Headers when slicing images
 * for IE using Sencha Cmd
 */
/**
 * @var {string}
 * The direction to strech the background-gradient of right docked Headers when slicing images
 * for IE using Sencha Cmd
 */
/**
 * @var {string}
 * The direction to strech the background-gradient of left docked Headers when slicing images
 * for IE using Sencha Cmd
 */
/**
 * @var {boolean}
 * True to include neptune style border management rules.
 */
/**
 * @var {color}
 * The color to apply to the border that wraps the body and docked items in a framed
 * panel. The presence of the wrap border in a framed panel is controlled by the
 * {@link #border} config. Only applicable when `$panel-include-border-management-rules` is
 * `true`.
 */
/**
 * @var {number}
 * The width to apply to the border that wraps the body and docked items in a framed
 * panel. The presence of the wrap border in a framed panel is controlled by the
 * {@link #border} config. Only applicable when `$panel-include-border-management-rules` is
 * `true`.
 */
/**
 * @var {boolean}
 * True to include the "default" panel UI
 */
/**
 * @var {boolean}
 * True to include the "default-framed" panel UI
 */
/**
 * @class Ext.tip.Tip
 */
/**
 * @var {color}
 * The background-color of the Tip
 */
/**
 * @var {string/list}
 * The background-gradient of the Tip. Can be either the name of a predefined gradient or a
 * list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The text color of the Tip body
 */
/**
 * @var {number}
 * The font-size of the Tip body
 */
/**
 * @var {string}
 * The font-weight of the Tip body
 */
/**
 * @var {number/list}
 * The padding of the Tip body
 */
/**
 * @var {color}
 * The text color of any anchor tags inside the Tip body
 */
/**
 * @var {color}
 * The text color of the Tip header
 */
/**
 * @var {number}
 * The font-size of the Tip header
 */
/**
 * @var {string}
 * The font-weight of the Tip header
 */
/**
 * @var {number/list}
 * The padding of the Tip header's body element
 */
/**
 * @var {color}
 * The border-color of the Tip
 */
/**
 * @var {number}
 * The border-width of the Tip
 */
/**
 * @var {number}
 * The border-radius of the Tip
 */
/**
 * @var {color}
 * The inner border-color of the form field error Tip
 */
/**
 * @var {number}
 * The inner border-width of the form field error Tip
 */
/**
 * @var {color}
 * The border-color of the form field error Tip
 */
/**
 * @var {number}
 * The border-radius of the form field error Tip
 */
/**
 * @var {number}
 * The border-width of the form field error Tip
 */
/**
 * @var {color}
 * The background-color of the form field error Tip
 */
/**
 * @var {number/list}
 * The padding of the form field error Tip's body element
 */
/**
 * @var {color}
 * The text color of the form field error Tip's body element
 */
/**
 * @var {number}
 * The font-size of the form field error Tip's body element
 */
/**
 * @var {string}
 * The font-weight of the form field error Tip's body element
 */
/**
 * @var {color}
 * The color of anchor tags in the form field error Tip's body element
 */
/**
 * @var {number}
 * The space between {@link Ext.panel.Tool Tools} in the header
 */
/**
 * @var {string}
 * The sprite to use for the header {@link Ext.panel.Tool Tools}
 */
/**
 * @var {boolean}
 * True to include the "default" tip UI
 */
/**
 * @var {boolean}
 * True to include the "form-invalid" tip UI
 */
/**
 * @class Ext.container.ButtonGroup
 */
/**
 * @var {color}
 * The background-color of the ButtonGroup
 */
/**
 * @var {color}
 * The border-color of the ButtonGroup
 */
/**
 * @var {number}
 * The border-radius of the ButtonGroup
 */
/**
 * @var {number}
 * The border-radius of framed ButtonGroups
 */
/**
 * @var {number}
 * The border-width of the ButtonGroup
 */
/**
 * @var {number/list}
 * The body padding of the ButtonGroup
 */
/**
 * @var {number/list}
 * The inner border-width of the ButtonGroup
 */
/**
 * @var {color}
 * The inner border-color of the ButtonGroup
 */
/**
 * @var {number/list}
 * The margin of the header element. Used to add space around the header.
 */
/**
 * @var {number}
 * The font-size of the header
 */
/**
 * @var {number}
 * The font-weight of the header
 */
/**
 * @var {number}
 * The font-family of the header
 */
/**
 * @var {number}
 * The line-height of the header
 */
/**
 * @var {number}
 * The text color of the header
 */
/**
 * @var {number}
 * The padding of the header
 */
/**
 * @var {number}
 * The background-color of the header
 */
/**
 * @var {number}
 * The border-spacing to use on the table layout element
 */
/**
 * @var {number}
 * The background-color of framed ButtonGroups
 */
/**
 * @var {number}
 * The border-width of framed ButtonGroups
 */
/**
 * @var {string}
 * Sprite image to use for header {@link Ext.panel.Tool Tools}
 */
/**
 * @var {boolean}
 * True to include the "default" button group UI
 */
/**
 * @var {boolean}
 * True to include the "default-framed" button group UI
 */
/**
 * @class Ext.window.Window
 */
/**
 * @var {color}
 * The base color of Windows
 */
/**
 * @var {number}
 * The padding of Windows
 */
/**
 * @var {number}
 * The border-radius of Windows
 */
/**
 * @var {number}
 * The border-width of Windows
 */
/**
 * @var {color}
 * The border-color of Windows
 */
/**
 * @var {color}
 * The inner border-color of Windows
 */
/**
 * @var {number}
 * The inner border-width of Windows
 */
/**
 * @var {color}
 * The background-color of Windows
 */
/**
 * @var {number}
 * The body border-width of Windows
 */
/**
 * @var {string}
 * The body border-style of Windows
 */
/**
 * @var {color}
 * The body border-color of Windows
 */
/**
 * @var {color}
 * The body background-color of Windows
 */
/**
 * @var {color}
 * The body text color of Windows
 */
/**
 * @var {number/list}
 * The padding of Window Headers
 */
/**
 * @var {number}
 * The font-size of Window Headers
 */
/**
 * @var {number}
 * The line-height of Window Headers
 */
/**
 * @var {color}
 * The text color of Window Headers
 */
/**
 * @var {color}
 * The background-color of Window Headers
 */
/**
 * @var {string}
 * The font-weight of Window Headers
 */
/**
 * @var {number}
 * The space between the Window {@link Ext.panel.Tool Tools}
 */
/**
 * @var {string}
 * The background sprite to use for Window {@link Ext.panel.Tool Tools}
 */
/**
 * @var {string}
 * The font-family of Window Headers
 */
/**
 * @var {number/list}
 * The padding of the Window Header's text element
 */
/**
 * @var {string}
 * The text-transform of Window Headers
 */
/**
 * @var {number}
 * The width of the Window Header icon
 */
/**
 * @var {number}
 * The height of the Window Header icon
 */
/**
 * @var {number}
 * The space between the Window Header icon and text
 */
/**
 * @var {list}
 * The background-position of  the Window Header icon
 */
/**
 * @var {color}
 * The color of the Window Header glyph icon
 */
/**
 * @var {number}
 * The opacity of the Window Header glyph icon
 */
/**
 * @var {number}
 * The border-width of Window Headers
 */
/**
 * @var {color}
 * The inner border-color of Window Headers
 */
/**
 * @var {number}
 * The inner border-width of Window Headers
 */
/**
 * @var {boolean} $ui-force-header-border
 * True to force the window header to have a border on the side facing the window body.
 * Overrides dock layout's border management border removal rules.
 */
/**
 * @var {number}
 * The opacity of ghost Windows while dragging
 */
/**
 * @var {boolean}
 * True to include neptune style border management rules.
 */
/**
 * @var {color}
 * The color to apply to the border that wraps the body and docked items. The presence of
 * the wrap border is controlled by the {@link #border} config. Only applicable when
 * `$window-include-border-management-rules` is `true`.
 */
/**
 * @var {number}
 * The width to apply to the border that wraps the body and docked items. The presence of
 * the wrap border is controlled by the {@link #border} config. Only applicable when
 * `$window-include-border-management-rules` is `true`.
 */
/**
 * @var {boolean}
 * True to include the "default" window UI
 */
/**
 * @class Ext.form.Labelable
 */
/**
 * @var {color}
 * The text color of form field labels
 */
/**
 * @var {string}
 * The font-weight of form field labels
 */
/**
 * @var {number}
 * The font-size of form field labels
 */
/**
 * @var {string}
 * The font-family of form field labels
 */
/**
 * @var {number}
 * The line-height of form field labels
 */
/**
 * @var {color}
 * The text color of toolbar field labels
 */
/**
 * @var {string}
 * The font-weight of toolbar field labels
 */
/**
 * @var {number}
 * The font-size of toolbar field labels
 */
/**
 * @var {string}
 * The font-family of toolbar field labels
 */
/**
 * @var {number}
 * The line-height of toolbar field labels
 */
/**
 * @var {number}
 * Width for form error icons.
 */
/**
 * @var {number}
 * Height for form error icons.
 */
/**
 * @var {number/list}
 * Margin for error icons that are aligned to the side of the field
 */
/**
 * @var {number}
 * The space between the icon and the message for errors that display under the field
 */
/**
 * @var {number/list}
 * The padding on errors that display under the form field
 */
/**
 * @var {color}
 * The text color of form error messages
 */
/**
 * @var {string}
 * The font-weight of form error messages
 */
/**
 * @var {number}
 * The font-size of form error messages
 */
/**
 * @var {string}
 * The font-family of form error messages
 */
/**
 * @var {number}
 * The line-height of form error messages
 */
/**
 * @var {measurement} $form-item-margin-bottom
 * The bottom margin to apply to form items when in auto, anchor, vbox, or table layout
 */
/**
 * @class Ext.form.field.Base
 */
/**
 * @var {number} $form-field-height
 * Height for form fields.
 */
/**
 * @var {number} $form-toolbar-field-height
 * Height for form fields in toolbar.
 */
/**
 * @var {number} $form-field-padding
 * Padding around form fields.
 */
/**
 * @var {number} $form-field-font-size
 * Font size for form fields.
 */
/**
 * @var {string} $form-field-font-family
 * Font family for form fields.
 */
/**
 * @var {string} $form-field-font-weight
 * Font weight for form fields.
 */
/**
 * @var {font} $form-field-font
 * Font for form fields.
 */
/**
 * @var {number} $form-toolbar-field-font-size
 * Font size for toolbar form fields.
 */
/**
 * @var {string} $form-toolbar-field-font-family
 * Font family for toolbar form fields.
 */
/**
 * @var {string} $form-toolbar-field-font-weight
 * Font weight for toolbar form fields.
 */
/**
 * @var {font} $form-toolbar-field-font
 * Font for toolbar form fields.
 */
/**
 * @var {color} $form-field-color
 * Text color for form fields.
 */
/**
 * @var {color} $form-field-empty-color
 * Text color for empty form fields.
 */
/**
 * @var {color} $form-field-border-color
 * Border color for form fields.
 */
/**
 * @var {number} $form-field-border-width
 * Border width for form fields.
 */
/**
 * @var {string} $form-field-border-style
 * Border style for form fields.
 */
/**
 * @var {color} $form-field-focus-border-color
 * Border color for focused form fields.
 */
/**
 * @var {color} $form-field-invalid-border-color
 * Border color for invalid form fields.
 */
/**
 * @var {color} $form-field-background-color
 * Background color for form fields.
 */
/**
 * @var {string} $form-field-background-image
 * Background image for form fields.
 */
/**
 * @var {color} $form-field-invalid-background-color
 * Background color for invalid form fields.
 */
/**
 * @var {string} $form-field-invalid-background-image
 * Background image for invalid form fields.
 */
/**
 * @var {string} $form-field-invalid-background-repeat
 * Background repeat for invalid form fields.
 */
/**
 * @var {string/list} $form-field-invalid-background-position
 * Background position for invalid form fields.
 */
/**
 * @var {number} $form-field-disabled-opacity
 */
/**
 * @class Ext.form.field.TextArea
 */
/**
 * @var {number/string}
 * The line-height to use for the TextArea's text
 */
/**
 * @class Ext.form.field.Display
 */
/**
 * @var {color}
 * The text color of display fields
 */
/**
 * @var {string}
 * The font-weight of display fields
 */
/**
 * @var {number}
 * The font-size of display fields
 */
/**
 * @var {string}
 * The font-family of display fields
 */
/**
 * @var {number}
 * The line-height of display fields
 */
/**
 * @var {string}
 * The font-weight of toolbar display fields
 */
/**
 * @var {number}
 * The font-size of toolbar display fields
 */
/**
 * @var {string}
 * The font-family of toolbar display fields
 */
/**
 * @var {number}
 * The line-height of toolbar display fields
 */
/**
 * @class Ext.window.MessageBox
 */
/**
 * @var {color}
 * The background-color of the MessageBox body
 */
/**
 * @var {number}
 * The border-width of the MessageBox body
 */
/**
 * @var {color}
 * The border-color of the MessageBox body
 */
/**
 * @var {string}
 * The border-style of the MessageBox body
 */
/**
 * @var {list}
 * The background-position of the MessageBox icon
 */
/**
 * @class Ext.form.field.Checkbox
 */
/**
 * @var {number}
 * The size of the checkbox
 */
/**
 * @var {number}
 * The space between the boxLabel and the checkbox.
 */
/**
 * @class Ext.form.CheckboxGroup
 */
/**
 * @var {number/list}
 * The padding of the CheckboxGroup body element
 */
/**
 * @var {color}
 * The text color of the CheckboxGroup label
 */
/**
 * @var {number}
 * The padding of the CheckboxGroup label
 */
/**
 * @var {number}
 * The margin of the CheckboxGroup label
 */
/**
 * @var {number}
 * The border-width of the CheckboxGroup label
 */
/**
 * @var {number}
 * The border-style of the CheckboxGroup label
 */
/**
 * @var {number}
 * The border-color of the CheckboxGroup label
 */
/**
 * @class Ext.form.FieldSet
 */
/**
 * @var {number}
 * The font-size of the FieldSet header
 */
/**
 * @var {string}
 * The font-weight of the FieldSet header
 */
/**
 * @var {string}
 * The font-family of the FieldSet header
 */
/**
 * @var {number/string}
 * The line-height of the FieldSet header
 */
/**
 * @var {color}
 * The text color of the FieldSet header
 */
/**
 * @var {number}
 * The border-width of the FieldSet
 */
/**
 * @var {string}
 * The border-style of the FieldSet
 */
/**
 * @var {color}
 * The border-color of the FieldSet
 */
/**
 * @var {number/list}
 * The FieldSet's padding
 */
/**
 * @var {number/list}
 * The FieldSet's margin
 */
/**
 * @var {number/list}
 * The padding to apply to the FieldSet's header
 */
/**
 * @var {number/list}
 * The margin to apply to the FieldSet's collapse tool
 */
/**
 * @var {number/list}
 * The padding to apply to the FieldSet's collapse tool
 */
/**
 * @var {number/list}
 * The margin to apply to the FieldSet's checkbox (for FieldSets that use
 * {@link #checkboxToggle})
 */
/**
 * @var {number}
 * The size of the FieldSet's collapse tool
 */
/**
 * @var {string} $fieldset-collapse-tool-background-image
 * The background-image to use for the collapse tool. If null the default tool
 * sprite will be used.  Defaults to null.
 */
/**
 * @class Ext.form.field.Radio
 */
/**
 * @var {number}
 * The size of the radio button
 */
/**
 * @class Ext.form.field.Trigger
 */
/**
 * @var {number}
 * The width of the Trigger field's trigger element
 */
/**
 * @var {number/list}
 * The width of the trigger's border
 */
/**
 * @var {color}
 * The color of the trigger's border
 */
/**
 * @var {string}
 * The style of the trigger's border
 */
/**
 * @var {color}
 * The color of the trigger's border when hovered
 */
/**
 * @var {color}
 * The color of the trigger's border when the field is focused
 */
/**
 * @var {color}
 * The color of the trigger's border when the field is focused and the trigger is hovered
 */
/**
 * @class Ext.form.field.Spinner
 */
/**
 * @var {number}
 * The height of the Spinner trigger buttons
 */
/**
 * @var {number}
 * The height of the Spinner trigger buttons when the Spinner is used on a
 * {@link Ext.toolbar.Toolbar Toolbar}
 */
/**
 * @class Ext.toolbar.Paging
 */
/**
 * @var {boolean}
 * True to include different icons when the paging toolbar buttons are disabled.
 */
/**
 * @class Ext.view.BoundList
 */
/**
 * @var {color}
 * The background-color of the BoundList
 */
/**
 * @var {color}
 * The border-color of the BoundList
 */
/**
 * @var {number}
 * The border-width of the BoundList
 */
/**
 * @var {string}
 * The border-style of the BoundList
 */
/**
 * @var {number}
 * The height of BoundList items
 */
/**
 * @var {number/list}
 * The padding of BoundList items
 */
/**
 * @var {number}
 * The border-width of BoundList items
 */
/**
 * @var {string}
 * The border-style of BoundList items
 */
/**
 * @var {color}
 * The border-color of BoundList items
 */
/**
 * @var {color}
 * The border-color of hovered BoundList items
 */
/**
 * @var {color}
 * The border-color of selected BoundList items
 */
/**
 * @var {color}
 * The background-color of hovered BoundList items
 */
/**
 * @var {color}
 * The background-color of selected BoundList items
 */
/**
 * @class Ext.picker.Date
 */
/**
 * @var {number}
 * The border-width of the DatePicker
 */
/**
 * @var {string}
 * The border-style of the DatePicker
 */
/**
 * @var {color}
 * The background-color of the DatePicker
 */
/**
 * @var {string}
 * The background-image of the DatePicker next arrow
 */
/**
 * @var {string}
 * The background-image of the DatePicker previous arrow
 */
/**
 * @var {number}
 * The width of DatePicker arrows
 */
/**
 * @var {number}
 * The height of DatePicker arrows
 */
/**
 * @var {string}
 * The type of cursor to display when the cursor is over a DatePicker arrow
 */
/**
 * @var {number}
 * The opacity of the DatePicker arrows
 */
/**
 * @var {number}
 * The opacity of the DatePicker arrows when hovered
 */
/**
 * @var {string/list}
 * The Date Picker header background gradient. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {number/list}
 * The padding of the Date Picker header
 */
/**
 * @var {color}
 * The color of the Date Picker month button
 */
/**
 * @var {number}
 * The width of the arrow on the Date Picker month button
 */
/**
 * @var {string}
 * The background-image of the arrow on the Date Picker month button
 */
/**
 * @var {boolean}
 * True to render the month button as transparent
 */
/**
 * @var {string}
 * The text-align of the Date Picker header
 */
/**
 * @var {number}
 * The height of Date Picker items
 */
/**
 * @var {number}
 * The width of Date Picker items
 */
/**
 * @var {number/list}
 * The padding of Date Picker items
 */
/**
 * @var {string}
 * The font-family of Date Picker items
 */
/**
 * @var {number}
 * The font-size of Date Picker items
 */
/**
 * @var {string}
 * The font-weight of Date Picker items
 */
/**
 * @var {string}
 * The text-align of Date Picker items
 */
/**
 * @var {color}
 * The text color of Date Picker items
 */
/**
 * @var {string}
 * The type of cursor to display when the cursor is over a Date Picker item
 */
/**
 * @var {string}
 * The font-family of Date Picker column headers
 */
/**
 * @var {number}
 * The font-size of Date Picker column headers
 */
/**
 * @var {string}
 * The font-weight of Date Picker column headers
 */
/**
 * @var {string/list}
 * The background-gradient of Date Picker column headers. Can be either the name of a
 * predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string}
 * The border-style of Date Picker column headers
 */
/**
 * @var {number}
 * The border-width of Date Picker column headers
 */
/**
 * @var {string}
 * The text-align of Date Picker column headers
 */
/**
 * @var {number}
 * The height of Date Picker column headers
 */
/**
 * @var {number/list}
 * The padding of Date Picker column headers
 */
/**
 * @var {number}
 * The border-width of Date Picker items
 */
/**
 * @var {string}
 * The border-style of Date Picker items
 */
/**
 * @var {color}
 * The border-color of Date Picker items
 */
/**
 * @var {string}
 * The border-style of today's date on the Date Picker
 */
/**
 * @var {string}
 * The border-style of the selected item
 */
/**
 * @var {string}
 * The font-weight of the selected item
 */
/**
 * @var {color}
 * The text color of the items in the previous and next months
 */
/**
 * @var {string}
 * The type of cursor to display when the cursor is over a disabled item
 */
/**
 * @var {color}
 * The text color of disabled Date Picker items
 */
/**
 * @var {color}
 * The background-color of disabled Date Picker items
 */
/**
 * @var {color}
 * The background-color of the Date Picker footer
 */
/**
 * @var {string/list}
 * The background-gradient of the Date Picker footer. Can be either the name of a
 * predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {number/list}
 * The border-width of the Date Picker footer
 */
/**
 * @var {string}
 * The border-style of the Date Picker footer
 */
/**
 * @var {string}
 * The text-align of the Date Picker footer
 */
/**
 * @var {number/list}
 * The padding of the Date Picker footer
 */
/**
 * @var {number}
 * The space between the footer buttons
 */
/**
 * @var {color}
 * The border-color of the Month Picker
 */
/**
 * @var {number}
 * The border-width of the Month Picker
 */
/**
 * @var {string}
 * The border-style of the Month Picker
 */
/**
 * @var {color}
 * The text color of Month Picker items
 */
/**
 * @var {color}
 * The text color of Month Picker items
 */
/**
 * @var {color}
 * The border-color of Month Picker items
 */
/**
 * @var {string}
 * The border-style of Month Picker items
 */
/**
 * @var {string}
 * The font-family of Month Picker items
 */
/**
 * @var {number}
 * The font-size of Month Picker items
 */
/**
 * @var {string}
 * The font-weight of Month Picker items
 */
/**
 * @var {number/list}
 * The margin of Month Picker items
 */
/**
 * @var {string}
 * The text-align of Month Picker items
 */
/**
 * @var {number}
 * The height of Month Picker items
 */
/**
 * @var {string}
 * The type of cursor to display when the cursor is over a Month Picker item
 */
/**
 * @var {color}
 * The background-color of hovered Month Picker items
 */
/**
 * @var {color}
 * The background-color of selected Month Picker items
 */
/**
 * @var {string}
 * The border-style of selected Month Picker items
 */
/**
 * @var {color}
 * The border-color of selected Month Picker items
 */
/**
 * @var {number}
 * The height of the Month Picker year navigation buttons 
 */
/**
 * @var {number}
 * The width of the Month Picker year navigation buttons 
 */
/**
 * @var {string}
 * The type of cursor to display when the cursor is over a Month Picker year navigation button 
 */
/**
 * @var {number}
 * The opacity of the Month Picker year navigation buttons 
 */
/**
 * @var {number}
 * The opacity of hovered Month Picker year navigation buttons 
 */
/**
 * @var {string}
 * The background-image of the Month Picker next year navigation button
 */
/**
 * @var {string}
 * The background-image of the Month Picker previous year navigation button
 */
/**
 * @var {list}
 * The background-poisition of the Month Picker next year navigation button
 */
/**
 * @var {list}
 * The background-poisition of the hovered Month Picker next year navigation button
 */
/**
 * @var {list}
 * The background-poisition of the Month Picker previous year navigation button
 */
/**
 * @var {list}
 * The background-poisition of the hovered Month Picker previous year navigation button
 */
/**
 * @var {string}
 * The border-style of the Month Picker separator
 */
/**
 * @var {number}
 * The border-width of the Month Picker separator
 */
/**
 * @var {color}
 * The border-color of the Month Picker separator
 */
/**
 * @var {number/list}
 * The margin of Month Picker items when the datepicker does not have footer buttons
 */
/**
 * @var {number}
 * The height of Month Picker items when the datepicker does not have footer buttons
 */
/**
 * @class Ext.picker.Color
 */
/**
 * @var {color}
 * The background-color of Color Pickers
 */
/**
 * @var {color}
 * The border-color of Color Pickers
 */
/**
 * @var {number}
 * The border-width of Color Pickers
 */
/**
 * @var {string}
 * The border-style of Color Pickers
 */
/**
 * @var {number}
 * The number of columns to display in the Color Picker
 */
/**
 * @var {number}
 * The number of rows to display in the Color Picker
 */
/**
 * @var {number}
 * The height of each Color Picker item
 */
/**
 * @var {number}
 * The width of each Color Picker item
 */
/**
 * @var {number}
 * The padding of each Color Picker item
 */
/**
 * @var {string}
 * The cursor to display when the mouse is over a Color Picker item
 */
/**
 * @var {color}
 * The border-color of Color Picker items
 */
/**
 * @var {number}
 * The border-width of Color Picker items
 */
/**
 * @var {string}
 * The border-style of Color Picker items
 */
/**
 * @var {color}
 * The border-color of hovered Color Picker items
 */
/**
 * @var {color}
 * The background-color of Color Picker items
 */
/**
 * @var {color}
 * The background-color of hovered Color Picker items
 */
/**
 * @var {color}
 * The border-color of the selected Color Picker item
 */
/**
 * @var {color}
 * The background-color of the selected Color Picker item
 */
/**
 * @var {color}
 * The inner border-color of Color Picker items
 */
/**
 * @var {number}
 * The inner border-width of Color Picker items
 */
/**
 * @var {string}
 * The inner border-style of Color Picker items
 */
/**
 * @class Ext.form.field.HtmlEditor
 */
/**
 * @var {number}
 * The border-width of the HtmlEditor
 */
/**
 * @var {color}
 * The border-color of the HtmlEditor
 */
/**
 * @var {color}
 * The background-color of the HtmlEditor
 */
/**
 * @var {number}
 * The size of the HtmlEditor toolbar icons
 */
/**
 * @var {number}
 * The font-size of the HtmlEditor's font selection control
 */
/**
 * @var {number}
 * The font-family of the HtmlEditor's font selection control
 */
/**
 * @class Ext.panel.Table
 */
/**
 * @var {color}
 * The color of the text in the grid cells
 */
/**
 * @var {number}
 * The font size of the text in the grid cells
 */
/**
 * var {number} $grid-row-cell-line-height
 * The line-height of the text inside the grid cells.
 */
/**
 * @var {string}
 * The font-weight of the text in the grid cells
 */
/**
 * @var {string}
 * The font-family of the text in the grid cells
 */
/**
 * @var {color}
 * The background-color of the grid cells
 */
/**
 * @var {color}
 * The border-color of row/column borders. Can be specified as a single color, or as a list
 * of colors containing the row border color followed by the column border color.
 */
/**
 * @var {string}
 * The border-style of the row/column borders.
 */
/**
 * @var {number}
 * The border-width of the row and column borders.
 */
/**
 * @var {color}
 * The background-color of "special" cells.  Special cells are created by {@link
 * Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel Checkbox Selection
 * Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 */
/**
 * @var {string}
 * The background-gradient to use for "special" cells.  Special cells are created by {@link
 * Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel Checkbox Selection
 * Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 */
/**
 * @var {number}
 * The border-width of "special" cells.  Special cells are created by {@link
 * Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel Checkbox Selection
 * Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 * Only applies to the vertical border, since the row border width is determined by
 * {#$grid-row-cell-border-width}.
 */
/**
 * @var {color}
 * The border-color of "special" cells.  Special cells are created by {@link
 * Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel Checkbox Selection
 * Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 * Only applies to the vertical border, since the row border color is determined by
 * {#$grid-row-cell-border-color}.
 */
/**
 * @var {string}
 * The border-style of "special" cells.  Special cells are created by {@link
 * Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel Checkbox Selection
 * Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 * Only applies to the vertical border, since the row border style is determined by
 * {#$grid-row-cell-border-style}.
 */
/**
 * @var {color}
 * The border-color of "special" cells when the row is selected using a {@link
 * Ext.selection.RowModel Row Selection Model}.  Special cells are created by {@link
 * Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel Checkbox Selection
 * Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 * Only applies to the vertical border, since the selected row border color is determined by
 * {#$grid-row-cell-selected-border-color}.
 */
/**
 * @var {color} 
 * The background-color of "special" cells when the row is hovered. Special cells are
 * created by {@link Ext.grid.RowNumberer RowNumberer}, {@link Ext.selection.CheckboxModel
 * Checkbox Selection Model} and {@link Ext.grid.plugin.RowExpander RowExpander}.
 */
/**
 * @var {color}
 * The background-color color of odd-numbered rows when the table view is configured with
 * `{@link Ext.view.Table#stripeRows stripeRows}: true`.
 */
/**
 * @var {string}
 * The border-style of the hovered row
 */
/**
 * @var {color}
 * The text color of the hovered row
 */
/**
 * @var {color}
 * The background-color of the hovered row
 */
/**
 * @var {color}
 * The border-color of the hovered row
 */
/**
 * @var {string}
 * The border-style of the selected row
 */
/**
 * @var {color}
 * The text color of the selected row
 */
/**
 * @var {color}
 * The background-color of the selected row
 */
/**
 * @var {color}
 * The border-color of the selected row
 */
/**
 * @var {color}
 * The border-color of the focused row
 */
/**
 * @var {string}
 * The border-style of the focused row
 */
/**
 * @var {color}
 * The text color of the focused row
 */
/**
 * @var {color}
 * The background-color of the focused row
 */
/**
 * @var {boolean}
 * True to show the focus border when a row is focused even if the grid has no 
 * {@link Ext.panel.Table#rowLines rowLines}.  
 */
/**
 * @var {color} 
 * The text color of a selected cell when using a {@link Ext.selection.CellModel
 * Cell Selection Model}.
 */
/**
 * @var {color} 
 * The background-color of a selected cell when using a {@link Ext.selection.CellModel
 * Cell Selection Model}.
 */
/**
 * @var {number}
 * The amount of padding to apply to the grid cell's inner div element
 */
/**
 * @var {string}
 * The type of text-overflow to use on the grid cell's inner div element
 */
/**
 * @var {color}
 * The border-color of the grid body
 */
/**
 * @var {number}
 * The border-width of the grid body border
 */
/**
 * @var {string}
 * The border-style of the grid body border
 */
/**
 * @var {color}
 * The background-color of the grid body
 */
/**
 * @var {number}
 * The amount of padding to apply to the grid body when the grid contains no data.
 */
/**
 * @var {color}
 * The text color of the {@link Ext.view.Table#emptyText emptyText} in the grid body when
 * the grid contains no data.
 */
/**
 * @var {color}
 * The background color of the grid body when the grid contains no data.
 */
/**
 * @var {number}
 * The font-size of the {@link Ext.view.Table#emptyText emptyText} in the grid body when
 * the grid contains no data.
 */
/**
 * @var {number}
 * The font-weight of the {@link Ext.view.Table#emptyText emptyText} in the grid body when
 * the grid contains no data.
 */
/**
 * @var {number}
 * The font-family of the {@link Ext.view.Table#emptyText emptyText} in the grid body when
 * the grid contains no data.
 */
/**
 * @var {color}
 * The color of the resize markers that display when dragging a column border to resize
 * the column
 */
/**
 * @class Ext.grid.header.DropZone
 */
/**
 * @var {number}
 * The size of the column move icon
 */
/**
 * @class Ext.grid.header.Container
 */
/**
 * @var {color}
 * The background-color of grid headers
 */
/**
 * @var {string/list}
 * The background-gradient of grid headers.  Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The border-color of grid headers
 */
/**
 * @var {number}
 * The border-width of grid headers
 */
/**
 * @var {string}
 * The border-style of grid headers
 */
/**
 * @var {color}
 * The background-color of grid headers when the cursor is over the header
 */
/**
 * @var {string/list}
 * The background-gradient of grid headers when the cursor is over the header.  Can be
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`
 * parameter for {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The background-color of a grid header when its menu is open
 */
/**
 * @var {number/list}
 * The padding to apply to grid headers
 */
/**
 * @var {number}
 * The height of grid header triggers
 */
/**
 * @var {number}
 * The width of grid header triggers
 */
/**
 * @var {number}
 * The width of the grid header sort icon
 */
/**
 * @var {string}
 * The type of cursor to display when the cursor is over a grid header trigger
 */
/**
 * @var {number}
 * The amount of space between the header trigger and text
 */
/**
 * @var {list}
 * The background-position of the header trigger
 */
/**
 * @var {color}
 * The background-color of the header trigger
 */
/**
 * @var {color}
 * The background-color of the header trigger when the menu is open
 */
/**
 * @var {number}
 * The space between the grid header sort icon and the grid header text
 */
/**
 * @class Ext.grid.column.Column
 */
/**
 * @var {string}
 * The font-family of grid column headers
 */
/**
 * @var {number}
 * The font-size of grid column headers
 */
/**
 * @var {string}
 * The font-weight of grid column headers
 */
/**
 * @var {number}
 * The line-height of grid column headers
 */
/**
 * @var {color}
 * The text color of grid column headers
 */
/**
 * @var {number}
 * The border-width of grid column headers
 */
/**
 * @var {string}
 * The border-style of grid column headers
 */
/**
 * @class Ext.grid.column.Action
 */
/**
 * @var {number}
 * The height of action column icons
 */
/**
 * @var {number}
 * The width of action column icons
 */
/**
 * @var {string}
 * The type of cursor to display when the cursor is over an action column icon
 */
/**
 * @var {number}
 * The opacity of disabled action column icons
 */
/**
 * @var {number}
 * The amount of padding to add to the left and right of the action column cell
 */
/**
 * @class Ext.grid.column.CheckColumn
 */
/**
 * @var {number}
 * Opacity of disabled CheckColumns
 */
/**
 * @class Ext.grid.column.RowNumberer
 */
/**
 * @var {number}
 * The horizontal space before the number in the RowNumberer cell
 */
/**
 * @var {number}
 * The horizontal space after the number in the RowNumberer cell
 */
/**
 * @class Ext.grid.feature.Grouping
 */
/**
 * @var {color}
 * The background color of group headers
 */
/**
 * @var {number/list}
 * The border-width of group headers
 */
/**
 * @var {string}
 * The border-style of group headers
 */
/**
 * @var {color}
 * The border-color of group headers
 */
/**
 * @var {number/list}
 * The padding of group headers
 */
/**
 * @var {string}
 * The cursor of group headers
 */
/**
 * @var {color}
 * The text color of group header titles
 */
/**
 * @var {string}
 * The font-family of group header titles
 */
/**
 * @var {number}
 * The font-size of group header titles
 */
/**
 * @var {string}
 * The font-weight of group header titles
 */
/**
 * @var {number}
 * The line-height of group header titles
 */
/**
 * @var {number/list}
 * The amount of padding to add to the group title element.  This is typically used
 * to reserve space for an icon by setting the amountof space to be reserved for the icon
 * as the left value and setting the remaining sides to 0.
 */
/**
 * @class Ext.grid.feature.RowBody
 */
/**
 * @var {number}
 * The font-size of the RowBody
 */
/**
 * @var {number}
 * The line-height of the RowBody
 */
/**
 * @var {string}
 * The font-family of the RowBody
 */
/**
 * @var {number}
 * The font-weight of the RowBody
 */
/**
 * @var {number/list}
 * The padding of the RowBody
 */
/**
 * @class Ext.grid.feature.RowWrap
 */
/**
 * @var {color}
 * The border-color of wrapped rows
 */
/**
 * @var {string}
 * The border-style of wrapped rows
 */
/**
 * @class Ext.grid.locking.Lockable
 */
/**
 * @var {number}
 * The width of the border between the locked views
 */
/**
 * @var {string}
 * The border-style of the border between the locked views
 */
/**
 * @class Ext.grid.plugin.Editing
 */
/**
 * The height of grid editor text fields.  Defaults to $form-field-height.  If grid row
 * height is smaller than $form-field-height, defaults to the grid row height.  Grid row
 * height is caluclated by adding $grid-row-cell-line-height to the top and bottom values of
 * $grid-cell-inner-padding.
 */
/**
 * The padding of grid editor text fields.
 */
/**
 * @var {number}
 * The font size of the grid editor text
 */
/**
 * @var {string}
 * The font-weight of the grid editor text
 */
/**
 * @var {string}
 * The font-family of the grid editor text
 */
/**
 * @class Ext.grid.plugin.RowEditing
 */
/**
 * @var {color}
 * The background-color of the RowEditor
 */
/**
 * @var {color}
 * The border-color of the RowEditor
 */
/**
 * @var {number}
 * The border-width of the RowEditor
 */
/**
 * @var {number/list}
 * The padding of the RowEditor
 */
/**
 * @var {number}
 * The amount of space in between the editor fields
 */
/**
 * @var {number}
 * The space between the RowEditor buttons
 */
/**
 * @var {number}
 * The border-radius of the RowEditor button container
 */
/**
 * @var {number/list}
 * The padding of the RowEditor button container
 */
/**
 * @var {number/list}
 * Padding to apply to the body element of the error tooltip
 */
/**
 * @var {string}
 * The list-style of the error tooltip's list items
 */
/**
 * @var {number}
 * Space to add before each list item on the error tooltip
 */
/**
 * @class Ext.grid.plugin.RowExpander
 */
/**
 * @var {number}
 * The height of the RowExpander icon
 */
/**
 * @var {number}
 * The width of the RowExpander icon
 */
/**
 * @var {number}
 * The horizontal space before the RowExpander icon
 */
/**
 * @var {number}
 * The horizontal space after the RowExpander icon
 */
/**
 * @var {string}
 * The cursor for the RowExpander icon
 */
/**
 * @class Ext.grid.property.Grid
 */
/**
 * @var {string}
 * The background-image of property grid cells
 */
/**
 * @var {string}
 * The background-position of property grid cells
 */
/**
 * @var {number/string}
 * The padding to add before the text of property grid cells to make room for the
 * background-image. Only applies if $grid-property-cell-background-image is not null
 */
/**
 * @class Ext.layout.container.Accordion
 */
/**
 * @var {color}
 * The text color of Accordion headers
 */
/**
 * @var {color}
 * The background-color of Accordion headers
 */
/**
 * @var {number}
 * The size of {@link Ext.panel.Tool Tools} in Accordion headers
 */
/**
 * @var {number/list}
 * The border-width of Accordion headers
 */
/**
 * @var {number/list}
 * The padding of Accordion headers
 */
/**
 * @var {string}
 * The font-weight of Accordion headers
 */
/**
 * @var {string}
 * The font-family of Accordion headers
 */
/**
 * @var {string}
 * The text-transform property of Accordion headers
 */
/**
 * @var {string}
 * The text-transform property of Accordion headers
 */
/**
 * @var {color}
 * The background-color of the Accordion layout element
 */
/**
 * @var {color}
 * The background-color of the Accordion layout element
 */
/**
 * @var {number/list}
 * The padding of the Accordion layout element
 */
/**
 * @var {string}
 * The sprite image to use for {@link Ext.panel.Tool Tools} in Accordion headers
 */
/**
 * @class Ext.resizer.Splitter
 */
/**
 * @var {number}
 * The size of the Splitter
 */
/**
 * @var {color}
 * The background-color of the active Splitter (the Splitter currently being dragged)
 */
/**
 * @var {number}
 * The opacity of the active Splitter (the Splitter currently being dragged)
 */
/**
 * @var {number}
 * The opacity of the collapse tool on the active Splitter (the Splitter currently being dragged)
 */
/**
 * @var {string}
 * The the type of cursor to display when the cursor is over the collapse tool
 */
/**
 * @var {number}
 * The size of the collapse tool. This becomes the width of the collapse tool for
 * horizontal splitters, and the height for vertical splitters.
 */
/**
 * @class Ext.layout.container.Border
 */
/**
 * @var {color}
 * The background-color of the Border layout element
 */
/**
 * @class Ext.menu.Menu
 */
/**
 * @var {color}
 * The background-color of the Menu
 */
/**
 * @var {color}
 * The border-color of {@link Ext.menu.Separator Menu Separators}
 */
/**
 * @var {color}
 * The background-color of {@link Ext.menu.Separator Menu Separators}
 */
/**
 * @var {number}
 * The size of {@link Ext.menu.Separator Menu Separators}
 */
/**
 * @var {color}
 * The border-color of the Menu
 */
/**
 * @var {string}
 * The border-style of the Menu
 */
/**
 * @var {number}
 * The border-width of the Menu
 */
/**
 * @var {number}
 * The font-size of {@link Ext.menu.Item Menu Items}
 */
/**
 * @var {number}
 * The margin of {@link Ext.menu.Item Menu Items}
 */
/**
 * @var {number}
 * The height of {@link Ext.menu.Item Menu Items}
 */
/**
 * @var {number}
 * The border-width of {@link Ext.menu.Item Menu Items}
 */
/**
 * @var {string}
 * The style of cursor to display when the cursor is over a {@link Ext.menu.Item Menu Item}
 */
/**
 * @var {color}
 * The background-color of the active {@link Ext.menu.Item Menu Item}
 */
/**
 * @var {color}
 * The border-color of the active {@link Ext.menu.Item Menu Item}
 */
/**
 * @var {string/list}
 * The background-gradient for {@link Ext.menu.Item Menu Items}. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {number}
 * The border-radius of {@link Ext.menu.Item Menu Items}
 */
/**
 * @var {number}
 * The size of {@link Ext.menu.Item Menu Item} icons
 */
/**
 * @var {number}
 * The space to the left and right of {@link Ext.menu.Item Menu Item} icons
 */
/**
 * @var {list}
 * The background-position of {@link Ext.menu.Item Menu Item} icons
 */
/**
 * @var {number}
 * The space to the left and right of {@link Ext.menu.Item Menu Item} text
 */
/**
 * @var {number/list}
 * The margin of {@link Ext.menu.Separator Menu Separators}
 */
/**
 * @var {number}
 * The padding to the right of {@link Ext.menu.CheckItem Check Items}, to make room
 * for the checkbox
 */
/**
 * @var {number}
 * The height of {@link Ext.menu.Item Menu Item} arrows
 */
/**
 * @var {number}
 * The width of {@link Ext.menu.Item Menu Item} arrows
 */
/**
 * @var {number}
 * The space to the left and right of {@link Ext.menu.Item Menu Item} arrows
 */
/**
 * @var {number}
 * The opacity of disabled {@link Ext.menu.Item Menu Items}
 */
/**
 * @var {number}
 * The height of Menu crollers
 */
/**
 * @var {number}
 * The opacity of Menu crollers
 */
/**
 * @var {number}
 * The opacity of Menu crollers when hovered
 */
/**
 * @var {number}
 * The opacity of Menu crollers when pressed
 */
/**
 * @var {number/list}
 * The padding to apply to the Menu body element
 */
/**
 * @var {color}
 * The color of Menu Item text
 */
/**
 * @var {number/list}
 * The margin non-MenuItems placed in a Menu
 */
/**
 * @var {color} $menu-glyph-color
 * The color to use for menu icons configured using {@link Ext.menu.Item#glyph glyph}
 */
/**
 * @var {number} $menu-glyph-opacity
 * The opacity to use for menu icons configured using {@link Ext.menu.Item#glyph glyph}
 */
/**
 * @class Ext.panel.Tool
 */
/**
 * @var {number}
 * The size of Tools
 */
/**
 * @var {boolean}
 * True to change the background-position of the Tool on hover. Allows for a separate
 * hover state icon in the sprite.
 */
/**
 * @var {string}
 * The cursor to display when the mouse cursor is over a Tool
 */
/**
 * @var {number}
 * The opacity of Tools
 */
/**
 * @var {number}
 * The opacity of hovered Tools
 */
/**
 * @var {number}
 * The opacity of pressed Tools
 */
/**
 * @var {string}
 * The sprite to use as the background-image for Tools
 */
/**
 * @class Ext.slider.Multi
 */
/**
 * @var {number}
 * The horizontal slider thumb width
 */
/**
 * @var {number}
 * The horizontal slider thumb height
 */
/**
 * @var {number}
 * The width of the horizontal slider end caps
 */
/**
 * @var {number}
 * The vertical slider thumb width
 */
/**
 * @var {number}
 * The vertical slider thumb height
 */
/**
 * @var {number}
 * The height of the vertical slider end caps
 */
/**
 * @class Ext.tab.Tab
 */
/**
 * @var {color}
 * The base color of Tabs
 */
/**
 * @var {color}
 * The base color of hovered Tabs
 */
/**
 * @var {color}
 * The base color of the active Tabs
 */
/**
 * @var {color}
 * The base color of disabled Tabs
 */
/**
 * @var {color}
 * The text color of Tabs
 */
/**
 * @var {color}
 * The text color of hovered Tabs
 */
/**
 * @var {color}
 * The text color of the active Tab
 */
/**
 * @var {color}
 * The text color of disabled Tabs
 */
/**
 * @var {number}
 * The font-size of Tabs
 */
/**
 * @var {number}
 * The font-size of hovered Tabs
 */
/**
 * @var {number}
 * The font-size of the active Tab
 */
/**
 * @var {number}
 * The font-size of disabled Tabs
 */
/**
 * @var {string}
 * The font-family of Tabs
 */
/**
 * @var {string}
 * The font-family of hovered Tabs
 */
/**
 * @var {string}
 * The font-family of the active Tab
 */
/**
 * @var {string}
 * The font-family of disabled Tabs
 */
/**
 * @var {string}
 * The font-weight of Tabs
 */
/**
 * @var {string}
 * The font-weight of hovered Tabs
 */
/**
 * @var {string}
 * The font-weight of the active Tab
 */
/**
 * @var {string}
 * The font-weight of disabled Tabs
 */
/**
 * @var {string}
 * The Tab cursor
 */
/**
 * @var {string}
 * The cursor of disabled Tabs
 */
/**
 * @var {string/list}
 * The background-gradient for Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for hovered Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for the active Tab. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {string/list}
 * The background-gradient for disabled Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {list}
 * The border-radius of Tabs
 */
/**
 * @var {number}
 * The border-width of Tabs
 */
/**
 * @var {number/list}
 * The inner border-width of Tabs
 */
/**
 * @var {color}
 * The inner border-color of Tabs
 */
/**
 * @var {color}
 * The border-color of Tabs
 */
/**
 * @var {color}
 * The border-color of hovered Tabs
 */
/**
 * @var {color}
 * The border-color of the active Tab
 */
/**
 * @var {color}
 * The border-color of disabled Tabs
 */
/**
 * @var {number/list}
 * The padding of Tabs
 */
/**
 * @var {number/list}
 * The padding of the Tab's text element
 */
/**
 * @var {number}
 * The line-height of Tabs
 */
/**
 * @var {number/list}
 * The margin of Tabs. Typically used to add horizontal space between the tabs.
 */
/**
 * @var {number}
 * The width of the Tab close icon
 */
/**
 * @var {number}
 * The height of the Tab close icon
 */
/**
 * @var {number}
 * The distance to offset the Tab close icon from the top of the tab
 */
/**
 * @var {number}
 * The distance to offset the Tab close icon from the right of the tab
 */
/**
 * @var {number}
 * the space in between the text and the close button
 */
/**
 * @var {number}
 * The opacity of the Tab close icon
 */
/**
 * @var {number}
 * The opacity of the Tab close icon when hovered
 */
/**
 * @var {number}
 * The opacity of the Tab close icon when the Tab is disabled
 */
/**
 * @var {boolean}
 * True to change the x background-postition of the close icon background image on hover
 * to allow for a horizontally aligned background image sprite
 */
/**
 * @var {boolean}
 * True to change the x background-postition of the close icon background image on click
 * to allow for a horizontally aligned background image sprite
 */
/**
 * @var {number}
 * The width of Tab icons
 */
/**
 * @var {number}
 * The height of Tab icons
 */
/**
 * @var {number}
 * The space between the Tab icon and the Tab text
 */
/**
 * @var {number}
 * The background-position of Tab icons
 */
/**
 * @var {color}
 * The color of Tab glyph icons
 */
/**
 * @var {color}
 * The color of a Tab glyph icon when the Tab is hovered
 */
/**
 * @var {color}
 * The color of a Tab glyph icon when the Tab is active
 */
/**
 * @var {color}
 * The color of a Tab glyph icon when the Tab is disabled
 */
/**
 * @var {number}
 * The opacity of a Tab glyph icon
 */
/**
 * @var {number}
 * The opacity of a Tab glyph icon when the Tab is disabled
 */
/**
 * @var {number}
 * opacity to apply to the tab's main element when the tab is disabled
 */
/**
 * @var {number}
 * opacity to apply to the tab's text element when the tab is disabled
 */
/**
 * @var {number}
 * opacity to apply to the tab's icon element when the tab is disabled
 */
/**
 * @var {string}
 * Experimental - Has issues with IE
 * The direction to rotate the contents of a left-aligned tab.  `right` to rotate
 * clockwise or `left` to rotate counterclockwise. Defaults to `left`.
 */
/**
 * @var {string}
 * Experimental - Has issues with IE
 * The direction to rotate the contents of a right-aligned tab.  `right` to rotate
 * clockwise or `left` to rotate counterclockwise. Defaults to `right`.
 */
/**
 * @var {boolean}
 * True to include the "default" tab UI
 */
/**
 * @class Ext.tab.Bar
 */
/**
 * @var {number/list}
 * The padding of the Tab Bar
 */
/**
 * @var {number/list}
 * The padding of the {@link Ext.tab.Panel#plain plain} Tab Bar
 */
/**
 * @var {color}
 * The base color of the Tab Bar
 */
/**
 * @var {string/list}
 * The background-gradient of the Tab Bar. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 */
/**
 * @var {color}
 * The border-color of the Tab Bar
 */
/**
 * @var {number/list}
 * The border-width of the Tab Bar
 */
/**
 * @var {number/list}
 * The border-width of the {@link Ext.tab.Panel#plain plain} Tab Bar
 */
/**
 * @var {number}
 * The height of the Tab Bar strip
 */
/**
 * @var {color}
 * The border-color of the Tab Bar strip
 */
/**
 * @var {color}
 * The background-color of the Tab Bar strip
 */
/**
 * @var {number/list}
 * The border-width of the Tab Bar strip
 */
/**
 * @var {number/list}
 * The border-width of the {@link Ext.tab.Panel#plain plain} Tab Bar strip
 */
/**
 * @var {number}
 * The width of the Tab Bar scrollers
 */
/**
 * @var {string}
 * The cursor of the Tab Bar scrollers
 */
/**
 * @var {string}
 * The cursor of disabled Tab Bar scrollers
 */
/**
 * @var {number}
 * The opacity of Tab Bar scrollers
 */
/**
 * @var {number}
 * The opacity of hovered Tab Bar scrollers
 */
/**
 * @var {number}
 * The opacity of pressed Tab Bar scrollers
 */
/**
 * @var {number}
 * The opacity of disabled Tab Bar scrollers
 */
/**
 * @var {boolean}
 * true to change the x postition of the background image on hover to allow for a
 * horizonatlly alined background image sprite
 */
/**
 * @var {boolean}
 * true to include separate scroller icons for "plain" tabbars
 */
/**
 * @var {boolean}
 * if true, the tabbar will use symmetrical scroller icons.  Top and bottom tabbars
 * will share icons, and Left and right will share icons.
 */
/**
 * @var {boolean}
 * True to include the "default" tabbar UI
 */
/**
 * @class Ext.selection.CheckboxModel
 */
/**
 * @var {number}
 * The horizontal space before the checkbox
 */
/**
 * @var {number}
 * The horizontal space after the checkbox
 */
/**
 * @class Ext.tree.Panel
 */
/**
 * @var {number} $tree-elbow-width
 * The width of the tree elbow/arrow icons
 */
/**
 * @var {number} $tree-icon-width
 * The width of the tree folder/leaf icons
 */
/**
 * @var {number} $tree-elbow-spacing 
 * The amount of spacing between the tree elbows or arrows, and the checkbox or icon.
 */
/**
 * @var {number} $tree-checkbox-spacing
 * The amount of space (in pixels) between the tree checkbox and the folder/leaf icon
 */
/**
 * @var {number} $tree-icon-spacing
 * The amount of space (in pixels) between the folder/leaf icons and the text
 */
/**
 * @var {string} $tree-expander-cursor
 * The type of cursor to display when the mouse is over a tree expander (+, - or arrow icon)
 */
/**
 * @var {number/list}
 * The amount of padding to apply to the tree cell's inner div element
 */
/* including package ext-theme-base */
/**
 * @class Global_CSS
 */
/**
 * @var {string} $prefix
 * The prefix to be applied to all CSS selectors. If this is changed, it must also be changed in your
 * JavaScript application.
 */
/**
 * @var {boolean/string} $relative-image-path-for-uis
 * True to use a relative image path for all new UIs. If true, the path will be "../images/".
 * It can also be a string of the path value.
 * It defaults to false, which means it will look for the images in the ExtJS SDK folder.
 */
/**
 * @var {boolean} $include-not-found-images
 * True to include files which are not found when compiling your SASS
 */
/**
 * @var {boolean} $include-ie
 * True to include Internet Explorer specific rules
 */
/**
 * @var {boolean} $include-content-box
 * True to include rules for browsers that do not support the border-box model
 * (IE6 strict and IE7 strict)
 */
/**
 * @var {boolean} $include-ff
 * True to include Firefox specific rules
 */
/**
 * @var {boolean} $include-chrome
 * True to include Chrome specific rules
 */
/**
 * @var {boolean} $include-safari
 * True to include Safari specific rules
 */
/**
 * @var {boolean} $include-opera
 * True to include Opera specific rules
 */
/**
 * @var {boolean} $include-webkit
 * True to include Webkit specific rules
 */
/**
 * @var {measurement} $css-shadow-border-radius
 * The border radius for CSS shadows
 */
/**
 * @var {color} $include-shadow-images
 * True to include all shadow images.
 */
/**
 * @var {string} $image-extension
 * default file extension to use for images (defaults to 'png').
 */
/**
 * @var {string} $slicer-image-extension
 * default file extension to use for slicer images (defaults to 'gif').
 */
/**
 * Default search path for images
 */
/**
 * @var {boolean}
 * True to include the default UI for each component.
 */
/**
 * @var {string}
 * The base path relative to the CSS output directory to use for theme resources.  For example
 * if the theme's images live one directory up from the generated CSS output in a directory
 * named 'foo/images/', you would need to set this variable to '../foo/' in order for the image
 * paths in the CSS output to be generated correctly. By default this is the same as the
 * CSS output directory.
 */
/* including package ext-theme-base */
/*
 * Although this file only contains a variable, all vars are included by default
 * in application sass builds, so this needs to be in the rule file section
 * to allow javascript inclusion filtering to disable it.
 */
/**
 * @var {boolean} $include-rtl
 * True to include right-to-left style rules.  This variable gets set to true automatically
 * for rtl builds. You should not need to ever assign a value to this variable, however
 * it can be used to suppress rtl-specific rules when they are not needed.  For example:
 *     @if $include-rtl {
 *         .x-rtl.foo {
 *             margin-left: $margin-right;
 *             margin-right: $margin-left;
 *         }
 *     }
 * @member Global_CSS
 */
/* line 1, ../../../ext-theme-base/sass/src/Component.scss */
.x4-body {
  margin: 0;
}

/* line 5, ../../../ext-theme-base/sass/src/Component.scss */
img {
  border: 0;
}

/* line 10, ../../../ext-theme-base/sass/src/Component.scss */
.x4-border-box,
.x4-border-box * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* line 17, ../../../ext-theme-base/sass/src/Component.scss */
.x4-rtl {
  direction: rtl;
}

/* line 21, ../../../ext-theme-base/sass/src/Component.scss */
.x4-ltr {
  direction: ltr;
}

/* line 25, ../../../ext-theme-base/sass/src/Component.scss */
.x4-clear {
  overflow: hidden;
  clear: both;
  font-size: 0;
  line-height: 0;
  display: table;
}

/* line 33, ../../../ext-theme-base/sass/src/Component.scss */
.x4-strict .x4-ie7 .x4-clear {
  height: 0;
  width: 0;
}

/* line 41, ../../../ext-theme-base/sass/src/Component.scss */
.x4-layer {
  position: absolute !important;
  overflow: hidden;
  zoom: 1;
}

/* line 49, ../../../ext-theme-base/sass/src/Component.scss */
.x4-fixed-layer {
  position: fixed !important;
  overflow: hidden;
  zoom: 1;
}

/* line 55, ../../../ext-theme-base/sass/src/Component.scss */
.x4-shim {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 63, ../../../ext-theme-base/sass/src/Component.scss */
.x4-hide-display {
  display: none !important;
}

/* line 67, ../../../ext-theme-base/sass/src/Component.scss */
.x4-hide-visibility {
  visibility: hidden !important;
}

/* line 72, ../../../ext-theme-base/sass/src/Component.scss */
.x4-ie6 .x4-item-disabled {
  filter: none;
}

/* line 78, ../../../ext-theme-base/sass/src/Component.scss */
.x4-hidden,
.x4-hide-offsets {
  display: block !important;
  visibility: hidden !important;
  position: absolute !important;
  top: -10000px !important;
}

/* line 88, ../../../ext-theme-base/sass/src/Component.scss */
.x4-hide-nosize {
  height: 0 !important;
  width: 0 !important;
}

/* line 94, ../../../ext-theme-base/sass/src/Component.scss */
.x4-hide-clip {
  position: absolute!important;
  clip: rect(0, 0, 0, 0);
  clip: rect(0 0 0 0);
}

/* line 102, ../../../ext-theme-base/sass/src/Component.scss */
.x4-masked-relative {
  position: relative;
}

/* line 108, ../../../ext-theme-base/sass/src/Component.scss */
.x4-ie-shadow {
  background-color: #777;
  display: none;
  position: absolute;
  overflow: hidden;
  zoom: 1;
}

/* line 117, ../../../ext-theme-base/sass/src/Component.scss */
.x4-unselectable {
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  cursor: default;
}

/* line 121, ../../../ext-theme-base/sass/src/Component.scss */
.x4-selectable {
  cursor: auto;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -o-user-select: text;
}

/* line 136, ../../../ext-theme-base/sass/src/Component.scss */
.x4-list-plain {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 143, ../../../ext-theme-base/sass/src/Component.scss */
.x4-table-plain {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
}

/* line 156, ../../../ext-theme-base/sass/src/Component.scss */
.x4-frame-tl,
.x4-frame-tr,
.x4-frame-tc,
.x4-frame-bl,
.x4-frame-br,
.x4-frame-bc {
  overflow: hidden;
  background-repeat: no-repeat;
}

/* line 162, ../../../ext-theme-base/sass/src/Component.scss */
.x4-frame-tc,
.x4-frame-bc {
  background-repeat: repeat-x;
}

/* line 166, ../../../ext-theme-base/sass/src/Component.scss */
.x4-frame-mc {
  background-repeat: repeat-x;
  overflow: hidden;
}

/* line 171, ../../../ext-theme-base/sass/src/Component.scss */
.x4-proxy-el {
  position: absolute;
  background: #b4b4b4;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

/* line 178, ../../../ext-theme-base/sass/src/Component.scss */
.x4-css-shadow {
  position: absolute;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

/* line 184, ../../../ext-theme-base/sass/src/Component.scss */
.x4-item-disabled,
.x4-item-disabled * {
  cursor: default;
}

/* line 3, ../../../ext-theme-base/sass/src/layout/container/Container.scss */
.x4-box-item {
  position: absolute !important;
  left: 0;
  top: 0;
}

/* line 10, ../../../ext-theme-base/sass/src/layout/container/Container.scss */
.x4-rtl > .x4-box-item {
  right: 0;
  left: auto;
}

/* line 20, ../../../ext-theme-base/sass/src/layout/container/Container.scss */
.x4-ie6 .x4-rtl .x4-box-item,
.x4-quirks .x4-ie .x4-rtl .x4-box-item {
  right: 0;
  left: auto;
}

/* line 4, ../../../ext-theme-base/sass/src/Editor.scss */
div.x4-editor {
  overflow: visible;
}

/* line 1, ../../../ext-theme-base/sass/src/LoadMask.scss */
.x4-mask {
  z-index: 100;
  position: absolute;
  width: 100%;
  height: 100%;
  zoom: 1;
}

/* line 10, ../../../ext-theme-base/sass/src/LoadMask.scss */
.x4-mask-shim {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 20, ../../../ext-theme-base/sass/src/LoadMask.scss */
.x4-mask-msg {
  z-index: 20001;
  position: absolute;
}

/* line 1, ../../../ext-theme-base/sass/src/ProgressBar.scss */
.x4-progress {
  position: relative;
  border-style: solid;
  overflow: hidden;
}

/* line 7, ../../../ext-theme-base/sass/src/ProgressBar.scss */
.x4-progress-bar {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 100%;
}

/* line 14, ../../../ext-theme-base/sass/src/ProgressBar.scss */
.x4-progress-text {
  overflow: hidden;
  position: absolute;
}

/* line 1, ../../../ext-theme-base/sass/src/button/Button.scss */
.x4-btn {
  display: inline-block;
  position: relative;
  zoom: 1;
  *display: inline;
  outline: 0;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle;
  text-decoration: none;
}

/* line 15, ../../../ext-theme-base/sass/src/button/Button.scss */
.x4-btn-wrap {
  position: relative;
  display: block;
}

/* line 20, ../../../ext-theme-base/sass/src/button/Button.scss */
.x4-btn-button {
  position: relative;
  display: block;
  text-decoration: none;
  overflow: hidden;
  zoom: 1;
}

/* line 28, ../../../ext-theme-base/sass/src/button/Button.scss */
.x4-btn-inner {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  zoom: 1;
}

/* line 35, ../../../ext-theme-base/sass/src/button/Button.scss */
.x4-btn-icon-el {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-repeat: no-repeat;
  text-align: center;
}

/* line 45, ../../../ext-theme-base/sass/src/button/Button.scss */
.x4-btn-inner-center {
  text-align: center;
}

/* line 49, ../../../ext-theme-base/sass/src/button/Button.scss */
.x4-btn-inner-left {
  text-align: left;
}

/* line 54, ../../../ext-theme-base/sass/src/button/Button.scss */
.x4-rtl.x4-btn-inner-left {
  text-align: right;
}

/* line 59, ../../../ext-theme-base/sass/src/button/Button.scss */
.x4-btn-inner-right {
  text-align: right;
}

/* line 64, ../../../ext-theme-base/sass/src/button/Button.scss */
.x4-rtl.x4-btn-inner-right {
  text-align: left;
}

/* line 1, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x4-box-layout-ct {
  overflow: hidden;
  zoom: 1;
}

/* line 6, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x4-box-target {
  position: absolute;
  width: 20000px;
  top: 0;
  left: 0;
  height: 1px;
}

/* line 25, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x4-rtl.x4-box-target {
  left: auto;
  right: 0;
}

/* line 31, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x4-box-inner {
  overflow: hidden;
  zoom: 1;
  position: relative;
  left: 0;
  top: 0;
}

/* line 41, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x4-horizontal-box-overflow-body {
  float: left;
}

/* line 45, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x4-box-scroller {
  position: relative;
  background-repeat: no-repeat;
}

/* line 51, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x4-box-scroller-left,
.x4-box-scroller-right {
  float: left;
  height: 100%;
  z-index: 5;
}

/* line 59, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x4-box-scroller-top .x4-box-scroller,
.x4-box-scroller-bottom .x4-box-scroller {
  line-height: 0;
  font-size: 0;
  background-position: center 0;
}

/* line 66, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x4-box-menu-after {
  float: right;
}

/* line 71, ../../../ext-theme-base/sass/src/layout/container/Box.scss */
.x4-rtl.x4-box-menu-after {
  float: left;
}

/* line 1, ../../../ext-theme-base/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-text {
  white-space: nowrap;
}

/* line 5, ../../../ext-theme-base/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-separator {
  display: block;
  font-size: 1px;
  overflow: hidden;
  cursor: default;
  border: 0;
  width: 0;
  height: 0;
  line-height: 0px;
}

/* line 17, ../../../ext-theme-base/sass/src/toolbar/Toolbar.scss */
.x4-quirks .x4-ie .x4-toolbar .x4-toolbar-separator-horizontal {
  width: 2px;
}

/* line 22, ../../../ext-theme-base/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-scroller {
  padding-left: 0;
}

/* line 29, ../../../ext-theme-base/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-plain {
  border: 0;
}

/* line 1, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-docked {
  position: absolute !important;
  z-index: 1;
}

/* line 7, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-docked-vertical {
  position: static;
}

/* line 11, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-docked-top {
  border-bottom-width: 0 !important;
}

/* line 15, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-docked-bottom {
  border-top-width: 0 !important;
}

/* line 19, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-docked-left {
  border-right-width: 0 !important;
}

/* line 23, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-docked-right {
  border-left-width: 0 !important;
}

/* line 27, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-docked-noborder-top {
  border-top-width: 0 !important;
}

/* line 31, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-docked-noborder-right {
  border-right-width: 0 !important;
}

/* line 35, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-docked-noborder-bottom {
  border-bottom-width: 0 !important;
}

/* line 39, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-docked-noborder-left {
  border-left-width: 0 !important;
}

/* line 45, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-noborder-l {
  border-left-width: 0 !important;
}

/* line 48, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-noborder-b {
  border-bottom-width: 0 !important;
}

/* line 51, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-noborder-bl {
  border-bottom-width: 0 !important;
  border-left-width: 0 !important;
}

/* line 55, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-noborder-r {
  border-right-width: 0 !important;
}

/* line 58, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-noborder-rl {
  border-right-width: 0 !important;
  border-left-width: 0 !important;
}

/* line 62, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-noborder-rb {
  border-right-width: 0 !important;
  border-bottom-width: 0 !important;
}

/* line 66, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-noborder-rbl {
  border-right-width: 0 !important;
  border-bottom-width: 0 !important;
  border-left-width: 0 !important;
}

/* line 71, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-noborder-t {
  border-top-width: 0 !important;
}

/* line 74, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-noborder-tl {
  border-top-width: 0 !important;
  border-left-width: 0 !important;
}

/* line 78, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-noborder-tb {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
}

/* line 82, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-noborder-tbl {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  border-left-width: 0 !important;
}

/* line 87, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-noborder-tr {
  border-top-width: 0 !important;
  border-right-width: 0 !important;
}

/* line 91, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-noborder-trl {
  border-top-width: 0 !important;
  border-right-width: 0 !important;
  border-left-width: 0 !important;
}

/* line 96, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-noborder-trb {
  border-top-width: 0 !important;
  border-right-width: 0 !important;
  border-bottom-width: 0 !important;
}

/* line 101, ../../../ext-theme-base/sass/src/layout/component/Dock.scss */
.x4-noborder-trbl {
  border-width: 0 !important;
}

/* line 1, ../../../ext-theme-base/sass/src/panel/Header.scss */
.x4-header-icon {
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  text-align: center;
}

/* line 8, ../../../ext-theme-base/sass/src/panel/Header.scss */
.x4-header-text-container {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

/* line 15, ../../../ext-theme-base/sass/src/panel/Header.scss */
.x4-rtl.x4-header-text-container {
  -o-text-overflow: clip;
  text-overflow: clip;
}

/* line 4, ../../../ext-theme-base/sass/src/dd/DD.scss */
.x4-dd-drag-proxy,
.x4-dd-drag-current {
  z-index: 1000000!important;
  pointer-events: none;
}

/* line 2, ../../../ext-theme-base/sass/src/dd/StatusProxy.scss */
.x4-dd-drag-repair .x4-dd-drag-ghost {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
/* line 6, ../../../ext-theme-base/sass/src/dd/StatusProxy.scss */
.x4-dd-drag-repair .x4-dd-drop-icon {
  display: none;
}

/* line 11, ../../../ext-theme-base/sass/src/dd/StatusProxy.scss */
.x4-dd-drag-ghost {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  padding: 5px;
  padding-left: 20px;
  white-space: nowrap;
  color: #000;
  font: normal 11px tahoma, arial, verdana, sans-serif;
  border: 1px solid;
  border-color: #ddd #bbb #bbb #ddd;
  background-color: #fff;
}

/* line 28, ../../../ext-theme-base/sass/src/dd/StatusProxy.scss */
.x4-dd-drop-icon {
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  width: 16px;
  height: 16px;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

/* line 51, ../../../ext-theme-base/sass/src/dd/StatusProxy.scss */
.x4-rtl .x4-dd-drag-ghost {
  padding-left: 5px;
  padding-right: 20px;
}
/* line 55, ../../../ext-theme-base/sass/src/dd/StatusProxy.scss */
.x4-rtl .x4-dd-drop-icon {
  left: auto;
  right: 3px;
}

/* line 66, ../../../ext-theme-base/sass/src/dd/StatusProxy.scss */
.x4-dd-drop-ok .x4-dd-drop-icon {
  background-image: url(images/dd/drop-yes.gif);
}

/* line 70, ../../../ext-theme-base/sass/src/dd/StatusProxy.scss */
.x4-dd-drop-ok-add .x4-dd-drop-icon {
  background-image: url(images/dd/drop-add.gif);
}

/* line 75, ../../../ext-theme-base/sass/src/dd/StatusProxy.scss */
.x4-dd-drop-nodrop div.x4-dd-drop-icon {
  background-image: url(images/dd/drop-no.gif);
}

/* line 2, ../../../ext-theme-base/sass/src/panel/Panel.scss */
.x4-panel,
.x4-plain {
  overflow: hidden;
  position: relative;
}

/* line 7, ../../../ext-theme-base/sass/src/panel/Panel.scss */
.x4-panel {
  outline: none;
}

/* line 23, ../../../ext-theme-base/sass/src/panel/Panel.scss */
.x4-ie .x4-panel-header,
.x4-ie .x4-panel-header-tl,
.x4-ie .x4-panel-header-tc,
.x4-ie .x4-panel-header-tr,
.x4-ie .x4-panel-header-ml,
.x4-ie .x4-panel-header-mc,
.x4-ie .x4-panel-header-mr,
.x4-ie .x4-panel-header-bl,
.x4-ie .x4-panel-header-bc,
.x4-ie .x4-panel-header-br {
  zoom: 1;
}

/* line 29, ../../../ext-theme-base/sass/src/panel/Panel.scss */
.x4-ie8 td.x4-frame-mc {
  vertical-align: top;
}

/* line 35, ../../../ext-theme-base/sass/src/panel/Panel.scss */
.x4-panel-body {
  overflow: hidden;
  position: relative;
}

/* line 42, ../../../ext-theme-base/sass/src/panel/Panel.scss */
.x4-nlg .x4-panel-header-vertical .x4-frame-mc {
  background-repeat: repeat-y;
}

/* line 49, ../../../ext-theme-base/sass/src/panel/Panel.scss */
.x4-panel-header-plain,
.x4-panel-body-plain {
  border: 0;
  padding: 0;
}

/* line 1, ../../../ext-theme-base/sass/src/tip/Tip.scss */
.x4-tip {
  position: absolute;
  overflow: visible;
  /*pointer needs to be able to stick out*/
}

/* line 6, ../../../ext-theme-base/sass/src/tip/Tip.scss */
.x4-tip-body {
  overflow: hidden;
  position: relative;
}

/* line 11, ../../../ext-theme-base/sass/src/tip/Tip.scss */
.x4-tip-anchor {
  position: absolute;
  overflow: hidden;
  border-style: solid;
}

/* line 1, ../../../ext-theme-base/sass/src/layout/container/Table.scss */
.x4-table-layout {
  font-size: 1em;
}

/* line 1, ../../../ext-theme-base/sass/src/container/ButtonGroup.scss */
.x4-btn-group {
  position: relative;
  overflow: hidden;
}

/* line 6, ../../../ext-theme-base/sass/src/container/ButtonGroup.scss */
.x4-btn-group-body {
  position: relative;
  zoom: 1;
}
/* line 9, ../../../ext-theme-base/sass/src/container/ButtonGroup.scss */
.x4-btn-group-body .x4-table-layout-cell {
  vertical-align: top;
}

/* line 1, ../../../ext-theme-base/sass/src/container/Viewport.scss */
.x4-viewport, .x4-viewport body {
  margin: 0;
  padding: 0;
  border: 0 none;
  overflow: hidden;
  height: 100%;
  position: static;
}

/* line 1, ../../../ext-theme-base/sass/src/window/Window.scss */
.x4-window {
  outline: none;
  overflow: hidden;
}
/* line 5, ../../../ext-theme-base/sass/src/window/Window.scss */
.x4-window .x4-window-wrap {
  position: relative;
}

/* line 10, ../../../ext-theme-base/sass/src/window/Window.scss */
.x4-window-body {
  position: relative;
  overflow: hidden;
}

/* line 15, ../../../ext-theme-base/sass/src/window/Window.scss */
.x4-window-body-plain {
  background: transparent;
}

/* line 1, ../../../ext-theme-base/sass/src/form/Labelable.scss */
.x4-form-item-label {
  display: block;
}

/* line 5, ../../../ext-theme-base/sass/src/form/Labelable.scss */
.x4-form-item-label-right {
  text-align: right;
}

/* line 9, ../../../ext-theme-base/sass/src/form/Labelable.scss */
.x4-form-item-label-top {
  display: block;
  zoom: 1;
}

/* line 15, ../../../ext-theme-base/sass/src/form/Labelable.scss */
.x4-form-invalid-icon {
  overflow: hidden;
}
/* line 17, ../../../ext-theme-base/sass/src/form/Labelable.scss */
.x4-form-invalid-icon ul {
  display: none;
}

/* line 1, ../../../ext-theme-base/sass/src/form/field/TextArea.scss */
.x4-form-textarea {
  overflow: auto;
  resize: none;
}
/* line 5, ../../../ext-theme-base/sass/src/form/field/TextArea.scss */
.x4-safari.x4-mac .x4-form-textarea {
  margin-bottom: -2px;
}

/* line 1, ../../../ext-theme-base/sass/src/form/field/Display.scss */
.x4-form-display-field-body {
  vertical-align: top;
}

/* line 1, ../../../ext-theme-base/sass/src/form/field/Checkbox.scss */
.x4-form-cb-wrap {
  vertical-align: top;
}

/* line 5, ../../../ext-theme-base/sass/src/form/field/Checkbox.scss */
.x4-form-cb {
  vertical-align: top;
  overflow: hidden;
  padding: 0;
  border: 0;
}
/* line 10, ../../../ext-theme-base/sass/src/form/field/Checkbox.scss */
.x4-form-cb::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* line 16, ../../../ext-theme-base/sass/src/form/field/Checkbox.scss */
.x4-form-cb-label {
  display: inline-block;
  zoom: 1;
}

/* line 1, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
.x4-fieldset {
  display: block;
  /* preserve margins in IE */
  position: relative;
}

/* line 6, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
.x4-fieldset-header {
  overflow: hidden;
}
/* line 10, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
.x4-fieldset-header .x4-form-item,
.x4-fieldset-header .x4-tool {
  float: left;
}
/* line 14, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
.x4-fieldset-header .x4-form-cb-wrap {
  font-size: 0;
  line-height: 0;
}
/* line 19, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
.x4-fieldset-header .x4-form-cb {
  margin: 0;
}

/* line 27, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
.x4-rtl.x4-fieldset-header .x4-form-item,
.x4-rtl.x4-fieldset-header .x4-tool {
  float: right;
}

/* line 33, ../../../ext-theme-base/sass/src/form/FieldSet.scss */
.x4-fieldset-header-text {
  float: left;
}

/*misc*/
/* line 4, ../../../ext-theme-base/sass/src/form/Panel.scss */
.x4-webkit *:focus {
  outline: none !important;
}

/* line 11, ../../../ext-theme-base/sass/src/form/Panel.scss */
.x4-form-item {
  vertical-align: top;
  table-layout: fixed;
}

/* line 17, ../../../ext-theme-base/sass/src/form/Panel.scss */
.x4-form-item-body {
  position: relative;
}

/* line 26, ../../../ext-theme-base/sass/src/form/Panel.scss */
.x4-rtl.x4-form-item .x4-form-item-input-row {
  position: relative;
  right: 0;
}

/* line 33, ../../../ext-theme-base/sass/src/form/Panel.scss */
.x4-form-form-item td {
  border-top: 1px solid transparent;
}

/* line 1, ../../../ext-theme-base/sass/src/form/field/Trigger.scss */
.x4-form-trigger {
  cursor: pointer;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* line 5, ../../../ext-theme-base/sass/src/form/field/Trigger.scss */
.x4-item-disabled .x4-form-trigger {
  cursor: default;
}

/* line 10, ../../../ext-theme-base/sass/src/form/field/Trigger.scss */
.x4-trigger-noedit {
  cursor: default;
}

/* line 14, ../../../ext-theme-base/sass/src/form/field/Trigger.scss */
.x4-form-trigger-wrap {
  vertical-align: top;
  border-collapse: separate;
}

/* line 2, ../../../ext-theme-base/sass/src/form/field/Spinner.scss */
.x4-form-spinner-up,
.x4-form-spinner-down {
  font-size: 0;
}

/* line 1, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x4-datepicker {
  position: relative;
}

/* line 5, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x4-datepicker-inner {
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
}

/* line 11, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x4-datepicker-cell {
  padding: 0;
}

/* line 15, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x4-datepicker-header {
  position: relative;
  zoom: 1;
}

/* line 20, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x4-datepicker-arrow {
  position: absolute;
  outline: none;
  font-size: 0;
}

/* line 26, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x4-datepicker-column-header {
  padding: 0;
}

/* line 30, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x4-datepicker-date {
  display: block;
  zoom: 1;
  text-decoration: none;
}

/* line 36, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x4-monthpicker {
  position: absolute;
  left: 0;
  top: 0;
}

/* line 42, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x4-monthpicker-body {
  height: 100%;
}

/* line 47, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x4-monthpicker-months,
.x4-monthpicker-years {
  float: left;
  height: 100%;
}

/* line 52, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x4-monthpicker-item {
  float: left;
}

/* line 56, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x4-monthpicker-item-inner {
  display: block;
  text-decoration: none;
}

/* line 61, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x4-monthpicker-yearnav-button-ct {
  float: left;
  text-align: center;
}

/* line 66, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x4-monthpicker-yearnav-button {
  display: inline-block;
  outline: none;
  font-size: 0;
}

/* line 72, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x4-monthpicker-buttons {
  position: absolute;
  bottom: 0;
  width: 100%;
}
/* line 78, ../../../ext-theme-base/sass/src/picker/Date.scss */
.x4-strict .x4-ie6 .x4-monthpicker-buttons {
  bottom: -1px;
}

/* line 1, ../../../ext-theme-base/sass/src/form/field/File.scss */
.x4-form-file-btn {
  overflow: hidden;
}

/* line 5, ../../../ext-theme-base/sass/src/form/field/File.scss */
.x4-form-file-input {
  border: 0;
  position: absolute;
  cursor: pointer;
  top: -2px;
  right: -2px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  /* Yes, there's actually a good reason for this...
   * If the configured buttonText is set to something longer than the default,
   * then it will quickly exceed the width of the hidden file input's "Browse..."
   * button, so part of the custom button's clickable area will be covered by
   * the hidden file input's text box instead. This results in a text-selection
   * mouse cursor over that part of the button, at least in Firefox, which is
   * confusing to a user. Giving the hidden file input a huge font-size makes
   * the native button part very large so it will cover the whole clickable area.
   */
  font-size: 1000px;
}

/* line 29, ../../../ext-theme-base/sass/src/form/field/File.scss */
.x4-rtl.x4-form-file-input {
  right: auto;
  left: -2px;
}

/* line 1, ../../../ext-theme-base/sass/src/form/field/Hidden.scss */
.x4-form-item-hidden {
  margin: 0;
}

/* line 1, ../../../ext-theme-base/sass/src/picker/Color.scss */
.x4-color-picker-item {
  float: left;
  text-decoration: none;
}

/* line 6, ../../../ext-theme-base/sass/src/picker/Color.scss */
.x4-color-picker-item-inner {
  display: block;
  font-size: 1px;
}

/* line 1, ../../../ext-theme-base/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-tb .x4-toolbar {
  position: static !important;
}

/* line 5, ../../../ext-theme-base/sass/src/form/field/HtmlEditor.scss */
.x4-htmleditor-iframe {
  display: block;
  overflow: auto;
}

/* line 1, ../../../ext-theme-base/sass/src/layout/container/Fit.scss */
.x4-fit-item {
  position: relative;
}

/* line 2, ../../../ext-theme-base/sass/src/panel/Table.scss */
.x4-grid-row,
.x4-grid-data-row {
  outline: none;
}

/* line 6, ../../../ext-theme-base/sass/src/panel/Table.scss */
.x4-grid-view {
  overflow: hidden;
  position: relative;
}

/* line 11, ../../../ext-theme-base/sass/src/panel/Table.scss */
.x4-grid-table {
  table-layout: fixed;
  border-collapse: separate;
}

/* line 16, ../../../ext-theme-base/sass/src/panel/Table.scss */
.x4-grid-td {
  overflow: hidden;
  border-width: 0;
  vertical-align: top;
}

/* line 22, ../../../ext-theme-base/sass/src/panel/Table.scss */
.x4-grid-cell-inner {
  overflow: hidden;
  white-space: nowrap;
  zoom: 1;
}

/* line 28, ../../../ext-theme-base/sass/src/panel/Table.scss */
.x4-grid-resize-marker {
  position: absolute;
  z-index: 5;
  top: 0;
}

/* line 2, ../../../ext-theme-base/sass/src/grid/header/DropZone.scss */
.col-move-top,
.col-move-bottom {
  position: absolute;
  top: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  z-index: 20000;
  background: no-repeat center top transparent;
}

/* line 1, ../../../ext-theme-base/sass/src/grid/header/Container.scss */
.x4-grid-header-ct {
  cursor: default;
}

/* line 1, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x4-column-header {
  position: absolute;
  overflow: hidden;
  background-repeat: repeat-x;
}

/* line 7, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x4-column-header-inner {
  zoom: 1;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}

/* line 14, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x4-column-header-text {
  white-space: nowrap;
  background-repeat: no-repeat;
  zoom: 1;
  display: inline-block;
}

/* line 25, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x4-column-header-trigger {
  display: none;
  height: 100%;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

/* line 36, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x4-rtl.x4-column-header-trigger {
  left: 0;
  right: auto;
}

/* line 43, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x4-column-header-over .x4-column-header-trigger, .x4-column-header-open .x4-column-header-trigger {
  display: block;
}

/* line 48, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x4-column-header-align-right {
  text-align: right;
}

/* line 53, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x4-rtl.x4-column-header-align-right {
  text-align: left;
}

/* line 58, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x4-column-header-align-left {
  text-align: left;
}

/* line 63, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x4-rtl.x4-column-header-align-left {
  text-align: right;
}

/* line 68, ../../../ext-theme-base/sass/src/grid/column/Column.scss */
.x4-column-header-align-center {
  text-align: center;
}

/* line 1, ../../../ext-theme-base/sass/src/grid/column/Action.scss */
.x4-grid-cell-inner-action-col {
  line-height: 0;
  font-size: 0;
}

/* line 1, ../../../ext-theme-base/sass/src/grid/column/CheckColumn.scss */
.x4-grid-cell-inner-checkcolumn {
  line-height: 0;
  font-size: 0;
}

/* line 1, ../../../ext-theme-base/sass/src/grid/column/RowNumberer.scss */
.x4-row-numberer .x4-column-header-inner {
  text-overflow: clip;
}

/* line 3, ../../../ext-theme-base/sass/src/grid/feature/Grouping.scss */
.x4-grid-group,
.x4-grid-group-body,
.x4-grid-group-hd {
  zoom: 1;
}

/* line 7, ../../../ext-theme-base/sass/src/grid/feature/Grouping.scss */
.x4-grid-group-hd {
  white-space: nowrap;
}

/* line 11, ../../../ext-theme-base/sass/src/grid/feature/Grouping.scss */
.x4-grid-row-body-hidden, .x4-grid-group-collapsed {
  display: none;
}

/* line 1, ../../../ext-theme-base/sass/src/grid/feature/RowBody.scss */
.x4-grid-rowbody {
  zoom: 1;
}

/* line 5, ../../../ext-theme-base/sass/src/grid/feature/RowBody.scss */
.x4-grid-row-body-hidden {
  display: none;
}

/* line 3, ../../../ext-theme-base/sass/src/grid/feature/RowWrap.scss */
td.x4-grid-rowwrap .x4-grid-table {
  border: 0;
}
/* line 6, ../../../ext-theme-base/sass/src/grid/feature/RowWrap.scss */
td.x4-grid-rowwrap .x4-grid-cell {
  border-bottom: 0;
  background-color: transparent;
}

/* line 2, ../../../ext-theme-base/sass/src/grid/plugin/Editing.scss */
.x4-grid-editor .x4-form-cb-wrap {
  text-align: center;
}

/* line 9, ../../../ext-theme-base/sass/src/grid/plugin/Editing.scss */
.x4-grid-editor .x4-form-display-field {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
}
/* line 17, ../../../ext-theme-base/sass/src/grid/plugin/Editing.scss */
.x4-grid-editor div.x4-form-action-col-field {
  line-height: 0;
}

/* line 1, ../../../ext-theme-base/sass/src/grid/plugin/RowEditing.scss */
.x4-grid-row-editor {
  position: absolute;
  overflow: visible;
  z-index: 1;
}

/* line 7, ../../../ext-theme-base/sass/src/grid/plugin/RowEditing.scss */
.x4-grid-row-editor-buttons {
  position: absolute;
  white-space: nowrap;
}

/* line 1, ../../../ext-theme-base/sass/src/grid/plugin/RowExpander.scss */
.x4-grid-row-expander {
  font-size: 0;
  line-height: 0;
}

/* line 1, ../../../ext-theme-base/sass/src/layout/container/Absolute.scss */
.x4-abs-layout-ct {
  position: relative;
}

/* line 5, ../../../ext-theme-base/sass/src/layout/container/Absolute.scss */
.x4-abs-layout-item {
  position: absolute !important;
}

/* line 1, ../../../ext-theme-base/sass/src/resizer/Splitter.scss */
.x4-splitter {
  font-size: 1px;
}

/* line 5, ../../../ext-theme-base/sass/src/resizer/Splitter.scss */
.x4-splitter-horizontal {
  cursor: e-resize;
  cursor: row-resize;
}

/* line 10, ../../../ext-theme-base/sass/src/resizer/Splitter.scss */
.x4-splitter-vertical {
  cursor: e-resize;
  cursor: col-resize;
}

/* line 17, ../../../ext-theme-base/sass/src/resizer/Splitter.scss */
.x4-splitter-collapsed,
.x4-splitter-horizontal-noresize,
.x4-splitter-vertical-noresize {
  cursor: default;
}

/* line 21, ../../../ext-theme-base/sass/src/resizer/Splitter.scss */
.x4-splitter-active {
  z-index: 4;
}

/* line 25, ../../../ext-theme-base/sass/src/resizer/Splitter.scss */
.x4-collapse-el {
  position: absolute;
  background-repeat: no-repeat;
}

/* line 1, ../../../ext-theme-base/sass/src/layout/container/Border.scss */
.x4-border-layout-ct {
  overflow: hidden;
  zoom: 1;
}

/* line 6, ../../../ext-theme-base/sass/src/layout/container/Border.scss */
.x4-border-layout-ct {
  position: relative;
}

/* line 10, ../../../ext-theme-base/sass/src/layout/container/Border.scss */
.x4-border-region-slide-in {
  z-index: 5;
}

/* line 14, ../../../ext-theme-base/sass/src/layout/container/Border.scss */
.x4-region-collapsed-placeholder {
  z-index: 4;
}

/* line 1, ../../../ext-theme-base/sass/src/layout/container/Column.scss */
.x4-column {
  float: left;
}

/* line 6, ../../../ext-theme-base/sass/src/layout/container/Column.scss */
.x4-rtl > .x4-column {
  float: right;
}

/* line 13, ../../../ext-theme-base/sass/src/layout/container/Column.scss */
.x4-ie6 .x4-rtl .x4-column, .x4-quirks .x4-ie .x4-rtl .x4-column {
  float: right;
}

/* line 21, ../../../ext-theme-base/sass/src/layout/container/Column.scss */
.x4-ie6 .x4-column {
  display: inline;
  /*prevent IE6 double-margin bug*/
}

/* line 25, ../../../ext-theme-base/sass/src/layout/container/Column.scss */
.x4-quirks .x4-ie .x4-form-layout-table, .x4-quirks .x4-ie .x4-form-layout-table tbody tr.x4-form-item {
  position: relative;
}

/* line 2, ../../../ext-theme-base/sass/src/layout/container/Form.scss */
.x4-form-layout-table {
  border-collapse: separate;
  border-spacing: 0 2px;
}

/* line 9, ../../../ext-theme-base/sass/src/layout/container/Form.scss */
.x4-ie6 .x4-form-layout-table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 1, ../../../ext-theme-base/sass/src/menu/Menu.scss */
.x4-menu {
  outline: none;
}

/* line 5, ../../../ext-theme-base/sass/src/menu/Menu.scss */
.x4-menu-item {
  white-space: nowrap;
  overflow: hidden;
}

/* line 14, ../../../ext-theme-base/sass/src/menu/Menu.scss */
.x4-menu-item-cmp .x4-field-label-cell {
  vertical-align: middle;
}

/* line 22, ../../../ext-theme-base/sass/src/menu/Menu.scss */
.x4-menu-icon-separator {
  position: absolute;
  top: 0px;
  z-index: 0;
  height: 100%;
  overflow: hidden;
}
/* line 28, ../../../ext-theme-base/sass/src/menu/Menu.scss */
.x4-menu-plain .x4-menu-icon-separator {
  display: none;
}

/* line 33, ../../../ext-theme-base/sass/src/menu/Menu.scss */
.x4-menu-item-link {
  text-decoration: none;
  outline: 0;
  zoom: 1;
}

/* line 40, ../../../ext-theme-base/sass/src/menu/Menu.scss */
.x4-menu-item-text {
  zoom: 1;
}

/* line 47, ../../../ext-theme-base/sass/src/menu/Menu.scss */
.x4-menu-item-icon,
.x4-menu-item-icon-right,
.x4-menu-item-arrow {
  position: absolute;
  text-align: center;
}

/* line 1, ../../../ext-theme-base/sass/src/resizer/SplitterTracker.scss */
.x4-resizable-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 200000;
  background-color: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 1, ../../../ext-theme-base/sass/src/slider/Multi.scss */
.x4-slider {
  outline: none;
  zoom: 1;
  position: relative;
}

/* line 9, ../../../ext-theme-base/sass/src/slider/Multi.scss */
.x4-slider-inner {
  position: relative;
  left: 0;
  top: 0;
  overflow: visible;
  zoom: 1;
}
/* line 17, ../../../ext-theme-base/sass/src/slider/Multi.scss */
.x4-slider-vert .x4-slider-inner {
  background: repeat-y 0 0;
}

/* line 23, ../../../ext-theme-base/sass/src/slider/Multi.scss */
.x4-slider-end {
  zoom: 1;
}

/* line 28, ../../../ext-theme-base/sass/src/slider/Multi.scss */
.x4-slider-thumb {
  position: absolute;
  background: no-repeat 0 0;
}
/* line 31, ../../../ext-theme-base/sass/src/slider/Multi.scss */
.x4-slider-horz .x4-slider-thumb {
  left: 0;
}
/* line 34, ../../../ext-theme-base/sass/src/slider/Multi.scss */
.x4-slider-vert .x4-slider-thumb {
  bottom: 0;
}

/* line 1, ../../../ext-theme-base/sass/src/tab/Tab.scss */
a.x4-tab {
  text-decoration: none;
}

/* line 1, ../../../ext-theme-base/sass/src/tab/Bar.scss */
.x4-tab-bar {
  position: relative;
}

/* line 1, ../../../ext-theme-base/sass/src/selection/CheckboxModel.scss */
.x4-column-header-checkbox .x4-column-header-text {
  display: block;
  background-repeat: no-repeat;
  font-size: 0;
}

/* line 7, ../../../ext-theme-base/sass/src/selection/CheckboxModel.scss */
.x4-grid-cell-row-checker {
  vertical-align: middle;
  background-repeat: no-repeat;
  font-size: 0;
}

/* line 1, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-tab {
  display: block;
  white-space: nowrap;
  z-index: 1;
}

/* line 7, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-tab-active {
  z-index: 3;
}

/* line 11, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-tab-wrap {
  display: block;
  position: relative;
}

/* line 16, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-tab-button {
  zoom: 1;
  display: block;
  outline: none;
}

/* line 22, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-tab-inner {
  display: block;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  zoom: 1;
}

/* line 32, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-btn-icon-el {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-repeat: no-repeat;
  text-align: center;
}

/* line 42, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-tab-bar {
  z-index: 1;
}

/* line 46, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-tab-bar-body {
  z-index: 2;
  position: relative;
}

/* line 51, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-tab-bar-strip {
  position: absolute;
  line-height: 0;
  font-size: 0;
  z-index: 1;
}

/* line 58, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-tab-bar-horizontal .x4-tab-bar-strip {
  width: 100%;
  left: 0;
}

/* line 63, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-tab-bar-vertical .x4-tab-bar-strip {
  height: 100%;
  top: 0;
}

/* line 68, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-tab-bar-strip-top {
  bottom: 0;
}

/* line 72, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-tab-bar-strip-bottom {
  top: 0;
}

/* line 76, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-tab-bar-strip-left {
  right: 0;
}

/* line 81, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-rtl.x4-tab-bar .x4-tab-bar-strip-left {
  right: auto;
  left: 0;
}

/* line 87, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-tab-bar-strip-right {
  left: 0;
}

/* line 92, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-rtl.x4-tab-bar .x4-tab-bar-strip-right {
  left: auto;
  right: 0;
}

/* line 98, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-tab-bar-plain {
  background: transparent !important;
}

/* line 102, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-tab-icon-el {
  position: absolute;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: auto;
  bottom: 0;
}

/* line 112, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-rtl.x4-tab-icon-el {
  left: auto;
  right: 0;
}

/* line 118, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-tab-close-btn {
  display: block;
  position: absolute;
  font-size: 0;
  line-height: 0;
  background: no-repeat;
}

/* line 126, ../../../ext-theme-base/sass/src/tab/Panel.scss */
.x4-tab-mc {
  overflow: visible;
}

/* line 3, ../../../ext-theme-base/sass/src/tree/Panel.scss */
.x4-autowidth-table .x4-grid-table {
  table-layout: auto;
  width: auto !important;
}

/* line 8, ../../../ext-theme-base/sass/src/tree/Panel.scss */
.x4-tree-view {
  overflow: hidden;
}

/* line 13, ../../../ext-theme-base/sass/src/tree/Panel.scss */
.x4-tree-elbow-img,
.x4-tree-icon {
  background-repeat: no-repeat;
  background-position: 0 center;
  vertical-align: top;
}

/* line 19, ../../../ext-theme-base/sass/src/tree/Panel.scss */
.x4-tree-checkbox {
  border: 0;
  padding: 0;
  vertical-align: top;
  position: relative;
  background-color: transparent;
}

/* line 27, ../../../ext-theme-base/sass/src/tree/Panel.scss */
.x4-tree-animator-wrap {
  overflow: hidden;
}

/* line 31, ../../../ext-theme-base/sass/src/tree/Panel.scss */
.x4-tree-node-text {
  zoom: 1;
}

/* line 1, ../../../ext-theme-base/sass/src/draw/Component.scss */
.x4-surface {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  overflow: hidden;
}

/* line 6, ../../../ext-theme-base/sass/src/draw/Component.scss */
.rvml {
  behavior: url(#default#VML);
}

/* line 10, ../../../ext-theme-base/sass/src/draw/Component.scss */
.x4-surface tspan {
  user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  cursor: default;
}

/* line 14, ../../../ext-theme-base/sass/src/draw/Component.scss */
.x4-vml-sprite {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
}

/* line 22, ../../../ext-theme-base/sass/src/draw/Component.scss */
.x4-vml-group {
  position: absolute;
  left: 0;
  top: 0;
  width: 1000px;
  height: 1000px;
}

/* line 30, ../../../ext-theme-base/sass/src/draw/Component.scss */
.x4-vml-measure-span {
  position: absolute;
  left: -9999em;
  top: -9999em;
  padding: 0;
  margin: 0;
  display: inline;
}

/* line 39, ../../../ext-theme-base/sass/src/draw/Component.scss */
.x4-vml-base {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  display: inline-block;
}

/* line 47, ../../../ext-theme-base/sass/src/draw/Component.scss */
.x4-vml-base {
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
  display: inline-block;
}

/* line 55, ../../../ext-theme-base/sass/src/draw/Component.scss */
svg, vml {
  overflow: hidden;
}

/* including package ext-theme-neutral */
/* line 1, ../../../ext-theme-neutral/sass/src/Component.scss */
.x4-body {
  color: black;
  font-size: 12px;
  font-family: tahoma, arial, verdana, sans-serif;
}

/* line 13, ../../../ext-theme-neutral/sass/src/Component.scss */
.x4-animating-size,
.x4-collapsed {
  overflow: hidden!important;
}

/* line 2, ../../../ext-theme-neutral/sass/src/Editor.scss */
.x4-editor .x4-form-item-body {
  padding-bottom: 0;
}

/* line 1, ../../../ext-theme-neutral/sass/src/FocusManager.scss */
.x4-focus-element {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 0px;
  height: 0px;
}

/* line 9, ../../../ext-theme-neutral/sass/src/FocusManager.scss */
.x4-focus-frame {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100000000;
  width: 0px;
  height: 0px;
}

/* line 21, ../../../ext-theme-neutral/sass/src/FocusManager.scss */
.x4-focus-frame-top,
.x4-focus-frame-bottom,
.x4-focus-frame-left,
.x4-focus-frame-right {
  position: absolute;
  top: 0px;
  left: 0px;
}

/* line 28, ../../../ext-theme-neutral/sass/src/FocusManager.scss */
.x4-focus-frame-top,
.x4-focus-frame-bottom {
  border-top: solid 2px #15428b;
  height: 2px;
}

/* line 34, ../../../ext-theme-neutral/sass/src/FocusManager.scss */
.x4-focus-frame-left,
.x4-focus-frame-right {
  border-left: solid 2px #15428b;
  width: 2px;
}

/* line 1, ../../../ext-theme-neutral/sass/src/LoadMask.scss */
.x4-mask {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  background: #cccccc;
}

/* line 9, ../../../ext-theme-neutral/sass/src/LoadMask.scss */
.x4-mask-msg {
  padding: 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #99bce8;
  background-image: none;
  background-color: #dfe9f6;
}

/* line 29, ../../../ext-theme-neutral/sass/src/LoadMask.scss */
.x4-mask-msg-inner {
  padding: 0 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #a3bad9;
  background-color: #eeeeee;
  color: #222222;
  font: normal 11px tahoma, arial, verdana, sans-serif;
}

/* line 41, ../../../ext-theme-neutral/sass/src/LoadMask.scss */
.x4-mask-msg-text {
  padding: 5px 5px 5px 20px;
  background-image: url(images/grid/loading.gif);
  background-repeat: no-repeat;
  background-position: 0 center;
}

/* line 52, ../../../ext-theme-neutral/sass/src/LoadMask.scss */
.x4-rtl.x4-mask-msg-text {
  padding: 5px 20px 5px 5px;
  background-position: right center;
}

/**
 * Creates a visual theme for an Ext.ProgressBar
 *
 * @param {string} $ui-label
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {color} [$ui-border-color=$progress-border-color]
 * The border-color of the ProgressBar
 *
 * @param {color} [$ui-background-color=$progress-background-color]
 * The background-color of the ProgressBar
 *
 * @param {color} [$ui-bar-background-color=$progress-bar-background-color]
 * The background-color of the ProgressBar's moving element
 *
 * @param {string/list} [$ui-bar-background-gradient=$progress-bar-background-gradient]
 * The background-gradient of the ProgressBar's moving element. Can be either the name of
 * a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {color} [$ui-color-front=$progress-text-color-front]
 * The color of the ProgressBar's text when in front of the ProgressBar's moving element
 *
 * @param {color} [$ui-color-back=$progress-text-color-back]
 * The color of the ProgressBar's text when the ProgressBar's 'moving element is not under it
 *
 * @param {number} [$ui-height=$progress-height]
 * The height of the ProgressBar
 *
 * @param {number} [$ui-border-width=$progress-border-width]
 * The border-width of the ProgressBar
 *
 * @param {number} [$ui-border-radius=$progress-border-radius]
 * The border-radius of the ProgressBar
 *
 * @param {string} [$ui-text-text-align=$progress-text-text-align]
 * The text-align of the ProgressBar's text
 *
 * @param {number} [$ui-text-font-size=$progress-text-font-size]
 * The font-size of the ProgressBar's text
 *
 * @param {string} [$ui-text-font-weight=$progress-text-font-weight]
 * The font-weight of the ProgressBar's text
 *
 * @member Ext.ProgressBar
 */
/* line 67, ../../../ext-theme-neutral/sass/src/ProgressBar.scss */
.x4-progress-default {
  background-color: #e0e8f3;
  border-width: 1px;
  height: 20px;
  border-color: #6594cf;
  /*<if slicer>*/
  /*</if slicer>*/
  /* */
}
/* line 72, ../../../ext-theme-neutral/sass/src/ProgressBar.scss */
.x4-content-box .x4-progress-default {
  height: 18px;
}
/* line 84, ../../../ext-theme-neutral/sass/src/ProgressBar.scss */
.x4-progress-default .x4-progress-bar-default {
  background-image: none;
  background-color: #73a3e0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b2ccee), color-stop(50%, #88b1e5), color-stop(51%, #73a3e0), color-stop(100%, #5e96db));
  background-image: -webkit-linear-gradient(top, #b2ccee, #88b1e5 50%, #73a3e0 51%, #5e96db);
  background-image: -moz-linear-gradient(top, #b2ccee, #88b1e5 50%, #73a3e0 51%, #5e96db);
  background-image: -o-linear-gradient(top, #b2ccee, #88b1e5 50%, #73a3e0 51%, #5e96db);
  background-image: linear-gradient(top, #b2ccee, #88b1e5 50%, #73a3e0 51%, #5e96db);
}
/* line 92, ../../../ext-theme-neutral/sass/src/ProgressBar.scss */
.x4-nlg .x4-progress-default .x4-progress-bar-default {
  background: repeat-x;
  background-image: url(images/progress/progress-default-bg.gif);
}
/* line 99, ../../../ext-theme-neutral/sass/src/ProgressBar.scss */
.x4-progress-default .x4-progress-text {
  color: white;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  line-height: 18px;
}
/* line 107, ../../../ext-theme-neutral/sass/src/ProgressBar.scss */
.x4-progress-default .x4-progress-text-back {
  color: #396295;
  line-height: 18px;
}
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-progress-default .x4-progress-bar-default:after {
  display: none;
  content: "x-slicer:bg:url(images/progress/progress-default-bg.gif)";
}

/**
 * Creates a visual theme for a Button
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {number} [$border-radius=0px]
 * The border-radius of the button
 *
 * @param {number} [$border-width=0px]
 * The border-width of the button
 *
 * @param {color} $border-color
 * The border-color of the button
 *
 * @param {color} $border-color-over
 * The border-color of the button when the cursor is over the button
 *
 * @param {color} $border-color-focus
 * The border-color of the button when focused
 *
 * @param {color} $border-color-pressed
 * The border-color of the button when pressed
 *
 * @param {color} $border-color-disabled
 * The border-color of the button when disabled
 *
 * @param {number} $padding
 * The amount of padding inside the border of the button on all sides
 *
 * @param {number} $text-padding
 * The amount of horizontal space to add to the left and right of the button text
 *
 * @param {color} $background-color
 * The background-color of the button
 *
 * @param {color} $background-color-over
 * The background-color of the button when the cursor is over the button
 *
 * @param {color} $background-color-focus
 * The background-color of the button when focused
 *
 * @param {color} $background-color-pressed
 * The background-color of the button when pressed
 *
 * @param {color} $background-color-disabled
 * The background-color of the button when disabled
 *
 * @param {string/list} $background-gradient
 * The background-gradient for the button.  Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {string} $background-gradient-over
 * The background-gradient to use when the cursor is over the button. Can be either the
 * name of a predefined gradient or a list of color stops. Used as the `$type` parameter
 * for {@link Global_CSS#background-gradient}.
 *
 * @param {string} $background-gradient-focus
 * The background-gradient to use when the the button is focused. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string} $background-gradient-pressed
 * The background-gradient to use when the the button is pressed. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string} $background-gradient-disabled
 * The background-gradient to use when the the button is disabled. Can be either the name
 * of a predefined gradient or a list of color stops. Used as the `$type` parameter for
 * {@link Global_CSS#background-gradient}.
 *
 * @param {color} $color
 * The text color of the button
 *
 * @param {color} $color-over
 * The text color of the button when the cursor is over the button
 *
 * @param {color} $color-focus
 * The text color of the button when the button is focused
 *
 * @param {color} $color-pressed
 * The text color of the button when the button is pressed
 *
 * @param {color} $color-disabled
 * The text color of the button when the button is disabled
 *
 * @param {number} $font-size
 * The font-size of the button
 *
 * @param {number} $font-size-over
 * The font-size of the button when the cursor is over the button
 *
 * @param {number} $font-size-focus
 * The font-size of the button when the button is focused
 *
 * @param {number} $font-size-pressed
 * The font-size of the button when the button is pressed
 *
 * @param {number} $font-size-disabled
 * The font-size of the button when the button is disabled
 *
 * @param {string} $font-weight
 * The font-weight of the button
 *
 * @param {string} $font-weight-over
 * The font-weight of the button when the cursor is over the button
 *
 * @param {string} $font-weight-focus
 * The font-weight of the button when the button is focused
 *
 * @param {string} $font-weight-pressed
 * The font-weight of the button when the button is pressed
 *
 * @param {string} $font-weight-disabled
 * The font-weight of the button when the button is disabled
 *
 * @param {string} $font-family
 * The font-family of the button
 *
 * @param {string} $font-family-over
 * The font-family of the button when the cursor is over the button
 *
 * @param {string} $font-family-focus
 * The font-family of the button when the button is focused
 *
 * @param {string} $font-family-pressed
 * The font-family of the button when the button is pressed
 *
 * @param {string} $font-family-disabled
 * The font-family of the button when the button is disabled
 *
 * @param {number} $icon-size
 * The size of the button icon
 *
 * @param {color} $glyph-color
 * The color of the button's {@link #glyph} icon
 *
 * @param {number} [$glyph-opacity=1]
 * The opacity of the button's {@link #glyph} icon
 *
 * @param {number} $arrow-width
 * The width of the button's {@link #cfg-menu} arrow
 *
 * @param {number} $arrow-height
 * The height of the button's {@link #cfg-menu} arrow
 *
 * @param {number} $split-width
 * The width of a {@link Ext.button.Split Split Button}'s arrow
 *
 * @param {number} $split-height
 * The height of a {@link Ext.button.Split Split Button}'s arrow
 *
 * @param {boolean} [$include-ui-menu-arrows=$button-include-ui-menu-arrows]
 * True to include the UI name in the file name of the {@link #cfg-menu}
 * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.
 *
 * @param {boolean} [$include-ui-split-arrows=$button-include-ui-split-arrows]
 * True to include the UI name in the file name of the {@link Ext.button.Split Split Button}'s
 * arrow icon. Set this to false to share the same arrow bewteen multiple UIs.
 *
 * @param {boolean} [$include-split-noline-arrows=false]
 * True to add a "-noline" suffix to the file name of the {@link Ext.button.Split Split Button}'s 
 * arrow icon.  Used for hiding the split line when toolbar buttons are in their default
 * state.
 *
 * @param {boolean} [$include-split-over-arrows=$button-include-split-over-arrows]
 * True to use a separate icon for {@link Ext.button.Split Split Button}s when the cursor
 * is over the button.  The over icon file name will have a "-o" suffix
 *
 * @param {number} [$opacity-disabled=1]
 * The opacity of the button when it is disabled
 *
 * @param {number} [$inner-opacity-disabled=1]
 * The opacity of the button's text and icon elements when when the button is disabled
 * 
 * @member Ext.button.Button
 */
/* line 246, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small {
  border-color: #d1d1d1;
}

/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-small {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: white;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(48%, #f9f9f9), color-stop(52%, #e2e2e2), color-stop(100%, #e7e7e7));
  background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: -o-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-small-mc {
  background-image: url(images/btn/btn-default-small-fbg.gif);
  background-position: 0 top;
  background-color: white;
}

/* line 212, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-btn-default-small {
  background-image: url(images/btn/btn-default-small-bg.gif);
  background-position: 0 top;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-btn-default-small {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  background-image: none;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-btn-default-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-small-tl {
  background-position: 0 -6px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-small-tr {
  background-position: right -9px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-small-bl {
  background-position: 0 -12px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-small-br {
  background-position: right -15px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-small-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-small-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-small-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-small-bc {
  background-position: 0 -3px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-small-tr,
.x4-btn-default-small-br,
.x4-btn-default-small-mr {
  padding-right: 3px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-small-tl,
.x4-btn-default-small-bl,
.x4-btn-default-small-ml {
  padding-left: 3px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-small-tc {
  height: 3px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-small-bc {
  height: 3px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-small-tl,
.x4-btn-default-small-bl,
.x4-btn-default-small-tr,
.x4-btn-default-small-br,
.x4-btn-default-small-tc,
.x4-btn-default-small-bc,
.x4-btn-default-small-ml,
.x4-btn-default-small-mr {
  zoom: 1;
  background-image: url(images/btn/btn-default-small-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-small-ml,
.x4-btn-default-small-mr {
  zoom: 1;
  background-image: url(images/btn/btn-default-small-sides.gif);
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-small-mc {
  padding: 0px 0px 0px 0px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-btn-default-small-tl,
.x4-strict .x4-ie7 .x4-btn-default-small-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-small:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-default-small-fbg.gif), bg:url(images/btn/btn-default-small-bg.gif), corners:url(images/btn/btn-default-small-corners.gif), sides:url(images/btn/btn-default-small-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 253, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small .x4-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: tahoma, arial, verdana, sans-serif;
  color: #333333;
  padding: 0 4px;
}
/* line 261, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small .x4-btn-arrow {
  background-image: url(images/button/arrow.gif);
}
/* line 269, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small .x4-btn-arrow-right {
  padding-right: 12px;
}
/* line 274, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small .x4-rtl.x4-btn-arrow-right {
  padding-right: 0;
  padding-left: 12px;
}
/* line 280, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small .x4-btn-arrow-bottom {
  padding-bottom: 12px;
}
/* line 284, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small .x4-btn-glyph {
  font-size: 16px;
  line-height: 16px;
  color: #333333;
  opacity: 0.5;
}
/* line 303, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie8m .x4-btn-default-small .x4-btn-glyph {
  color: #999999;
}

/* line 309, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-disabled {
  border-color: #e1e1e1;
  background-image: none;
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(48%, #f1f1f1), color-stop(52%, #dadada), color-stop(100%, #dfdfdf));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: -moz-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: -o-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
}

/* line 335, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon .x4-btn-button,
.x4-btn-default-small-noicon .x4-btn-button {
  height: 16px;
}
/* line 339, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon .x4-btn-inner,
.x4-btn-default-small-noicon .x4-btn-inner {
  line-height: 16px;
}

/* line 349, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon .x4-btn-arrow-right .x4-btn-inner,
.x4-btn-default-small-noicon .x4-btn-arrow-right .x4-btn-inner,
.x4-btn-default-small-icon-text-left .x4-btn-arrow-right .x4-btn-inner {
  padding-right: 0;
}
/* line 354, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon .x4-btn-arrow-right .x4-rtl.x4-btn-inner,
.x4-btn-default-small-noicon .x4-btn-arrow-right .x4-rtl.x4-btn-inner,
.x4-btn-default-small-icon-text-left .x4-btn-arrow-right .x4-rtl.x4-btn-inner {
  padding-right: 4px;
  padding-left: 0;
}

/* line 364, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon .x4-btn-inner {
  width: 16px;
  padding: 0;
}
/* line 370, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon .x4-btn-icon-el {
  width: 16px;
  height: 16px;
}

/* line 377, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon-text-left .x4-btn-button {
  height: 16px;
}
/* line 382, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon-text-left .x4-btn-inner {
  line-height: 16px;
  padding-left: 20px;
}
/* line 388, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon-text-left .x4-rtl.x4-btn-inner {
  padding-left: 4px;
  padding-right: 20px;
}
/* line 393, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon-text-left .x4-btn-arrow-right .x4-rtl.x4-btn-inner {
  padding-right: 20px;
}
/* line 398, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon-text-left .x4-btn-icon-el {
  width: 16px;
  right: auto;
}
/* line 403, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-small-icon-text-left .x4-btn-icon-el, .x4-quirks .x4-btn-default-small-icon-text-left .x4-btn-icon-el {
  height: 16px;
}
/* line 409, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon-text-left .x4-rtl.x4-btn-icon-el {
  left: auto;
  right: 0;
}

/* line 417, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon-text-right .x4-btn-button {
  height: 16px;
}
/* line 422, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon-text-right .x4-btn-inner {
  line-height: 16px;
  padding-right: 20px;
}
/* line 428, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon-text-right .x4-rtl.x4-btn-inner {
  padding-right: 4px;
  padding-left: 20px;
}
/* line 434, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon-text-right .x4-btn-icon-el {
  width: 16px;
  left: auto;
}
/* line 439, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-small-icon-text-right .x4-btn-icon-el, .x4-quirks .x4-btn-default-small-icon-text-right .x4-btn-icon-el {
  height: 16px;
}
/* line 445, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon-text-right .x4-rtl.x4-btn-icon-el {
  left: 0;
  right: auto;
}

/* line 453, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon-text-top .x4-btn-inner {
  padding-top: 20px;
}
/* line 457, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon-text-top .x4-btn-icon-el {
  height: 16px;
  bottom: auto;
}
/* line 465, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-small-icon-text-top .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-small-icon-text-top .x4-btn-icon-el {
  width: 100%;
}

/* line 473, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon-text-bottom .x4-btn-inner {
  padding-bottom: 20px;
}
/* line 477, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-icon-text-bottom .x4-btn-icon-el {
  height: 16px;
  top: auto;
}
/* line 485, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-small-icon-text-bottom .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-small-icon-text-bottom .x4-btn-icon-el {
  width: 100%;
}

/* line 492, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-over {
  border-color: #b0ccf2;
  background-image: none;
  background-color: #e4f3ff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4f3ff), color-stop(48%, #d9edff), color-stop(52%, #c2d8f2), color-stop(100%, #c6dcf6));
  background-image: -webkit-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -moz-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -o-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
}

/* line 516, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-focus {
  border-color: #b0ccf2;
  background-image: none;
  background-color: #e4f3ff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4f3ff), color-stop(48%, #d9edff), color-stop(52%, #c2d8f2), color-stop(100%, #c6dcf6));
  background-image: -webkit-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -moz-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -o-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
}

/* line 541, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-menu-active,
.x4-btn-default-small-pressed {
  border-color: #9ebae1;
  background-image: none;
  background-color: #b6cbe4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b6cbe4), color-stop(48%, #bfd2e6), color-stop(52%, #8dc0f5), color-stop(100%, #98c5f5));
  background-image: -webkit-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: -moz-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: -o-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
}

/* line 573, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-over .x4-frame-tl,
.x4-btn-default-small-over .x4-frame-bl,
.x4-btn-default-small-over .x4-frame-tr,
.x4-btn-default-small-over .x4-frame-br,
.x4-btn-default-small-over .x4-frame-tc,
.x4-btn-default-small-over .x4-frame-bc {
  background-image: url(images/btn/btn-default-small-over-corners.gif);
}
/* line 577, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-over .x4-frame-ml,
.x4-btn-default-small-over .x4-frame-mr {
  background-image: url(images/btn/btn-default-small-over-sides.gif);
}
/* line 580, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-over .x4-frame-mc {
  background-color: #e4f3ff;
  background-image: url(images/btn/btn-default-small-over-fbg.gif);
}

/* line 595, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-focus .x4-frame-tl,
.x4-btn-default-small-focus .x4-frame-bl,
.x4-btn-default-small-focus .x4-frame-tr,
.x4-btn-default-small-focus .x4-frame-br,
.x4-btn-default-small-focus .x4-frame-tc,
.x4-btn-default-small-focus .x4-frame-bc {
  background-image: url(images/btn/btn-default-small-focus-corners.gif);
}
/* line 599, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-focus .x4-frame-ml,
.x4-btn-default-small-focus .x4-frame-mr {
  background-image: url(images/btn/btn-default-small-focus-sides.gif);
}
/* line 602, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-focus .x4-frame-mc {
  background-color: #e4f3ff;
  background-image: url(images/btn/btn-default-small-focus-fbg.gif);
}

/* line 618, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-menu-active .x4-frame-tl,
.x4-btn-default-small-menu-active .x4-frame-bl,
.x4-btn-default-small-menu-active .x4-frame-tr,
.x4-btn-default-small-menu-active .x4-frame-br,
.x4-btn-default-small-menu-active .x4-frame-tc,
.x4-btn-default-small-menu-active .x4-frame-bc,
.x4-btn-default-small-pressed .x4-frame-tl,
.x4-btn-default-small-pressed .x4-frame-bl,
.x4-btn-default-small-pressed .x4-frame-tr,
.x4-btn-default-small-pressed .x4-frame-br,
.x4-btn-default-small-pressed .x4-frame-tc,
.x4-btn-default-small-pressed .x4-frame-bc {
  background-image: url(images/btn/btn-default-small-pressed-corners.gif);
}
/* line 622, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-menu-active .x4-frame-ml,
.x4-btn-default-small-menu-active .x4-frame-mr,
.x4-btn-default-small-pressed .x4-frame-ml,
.x4-btn-default-small-pressed .x4-frame-mr {
  background-image: url(images/btn/btn-default-small-pressed-sides.gif);
}
/* line 625, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-menu-active .x4-frame-mc,
.x4-btn-default-small-pressed .x4-frame-mc {
  background-color: #b6cbe4;
  background-image: url(images/btn/btn-default-small-pressed-fbg.gif);
}

/* line 640, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-disabled .x4-frame-tl,
.x4-btn-default-small-disabled .x4-frame-bl,
.x4-btn-default-small-disabled .x4-frame-tr,
.x4-btn-default-small-disabled .x4-frame-br,
.x4-btn-default-small-disabled .x4-frame-tc,
.x4-btn-default-small-disabled .x4-frame-bc {
  background-image: url(images/btn/btn-default-small-disabled-corners.gif);
}
/* line 644, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-disabled .x4-frame-ml,
.x4-btn-default-small-disabled .x4-frame-mr {
  background-image: url(images/btn/btn-default-small-disabled-sides.gif);
}
/* line 647, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-disabled .x4-frame-mc {
  background-color: #f7f7f7;
  background-image: url(images/btn/btn-default-small-disabled-fbg.gif);
}

/* line 659, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-small-over {
  background-image: url(images/btn/btn-default-small-over-bg.gif);
}

/* line 667, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-small-focus {
  background-image: url(images/btn/btn-default-small-focus-bg.gif);
}

/* line 676, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-small-menu-active,
.x4-nlg .x4-btn-default-small-pressed {
  background-image: url(images/btn/btn-default-small-pressed-bg.gif);
}

/* line 684, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-small-disabled {
  background-image: url(images/btn/btn-default-small-disabled-bg.gif);
}

/* line 691, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nbr .x4-btn-default-small {
  background-image: none;
}

/* line 709, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small .x4-btn-split-right {
  background-image: url(images/button/s-arrow.gif);
  padding-right: 14px;
}
/* line 715, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small .x4-rtl.x4-btn-split-right {
  background-image: url(images/button/s-arrow-rtl.gif);
  padding-right: 0;
  padding-left: 14px;
}
/* line 722, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small .x4-btn-split-bottom {
  background-image: url(images/button/s-arrow-b.gif);
  padding-bottom: 14px;
}

/* line 730, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-over .x4-btn-split-right {
  background-image: url(images/button/s-arrow-o.gif);
}
/* line 734, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-over .x4-rtl.x4-btn-split-right {
  background-image: url(images/button/s-arrow-o-rtl.gif);
}
/* line 738, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-over .x4-btn-split-bottom {
  background-image: url(images/button/s-arrow-bo.gif);
}

/* line 753, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-small-disabled .x4-btn-inner,
.x4-btn-default-small-disabled .x4-btn-icon-el {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-small-over:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-small-over-corners.gif), sides:url(images/btn/btn-default-small-over-sides.gif), frame-bg:url(images/btn/btn-default-small-over-fbg.gif), bg:url(images/btn/btn-default-small-over-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-small-focus:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-small-focus-corners.gif), sides:url(images/btn/btn-default-small-focus-sides.gif), frame-bg:url(images/btn/btn-default-small-focus-fbg.gif), bg:url(images/btn/btn-default-small-focus-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-small-pressed:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-small-pressed-corners.gif), sides:url(images/btn/btn-default-small-pressed-sides.gif), frame-bg:url(images/btn/btn-default-small-pressed-fbg.gif), bg:url(images/btn/btn-default-small-pressed-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-small-disabled:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-small-disabled-corners.gif), sides:url(images/btn/btn-default-small-disabled-sides.gif), frame-bg:url(images/btn/btn-default-small-disabled-fbg.gif), bg:url(images/btn/btn-default-small-disabled-bg.gif)";
}

/*</if slicer>*/
/* */
/* line 246, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium {
  border-color: #d1d1d1;
}

/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-medium {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: white;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(48%, #f9f9f9), color-stop(52%, #e2e2e2), color-stop(100%, #e7e7e7));
  background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: -o-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-medium-mc {
  background-image: url(images/btn/btn-default-medium-fbg.gif);
  background-position: 0 top;
  background-color: white;
}

/* line 212, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-btn-default-medium {
  background-image: url(images/btn/btn-default-medium-bg.gif);
  background-position: 0 top;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-btn-default-medium {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  background-image: none;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-btn-default-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-3-3-3-3;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-medium-tl {
  background-position: 0 -6px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-medium-tr {
  background-position: right -9px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-medium-bl {
  background-position: 0 -12px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-medium-br {
  background-position: right -15px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-medium-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-medium-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-medium-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-medium-bc {
  background-position: 0 -3px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-medium-tr,
.x4-btn-default-medium-br,
.x4-btn-default-medium-mr {
  padding-right: 3px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-medium-tl,
.x4-btn-default-medium-bl,
.x4-btn-default-medium-ml {
  padding-left: 3px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-medium-tc {
  height: 3px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-medium-bc {
  height: 3px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-medium-tl,
.x4-btn-default-medium-bl,
.x4-btn-default-medium-tr,
.x4-btn-default-medium-br,
.x4-btn-default-medium-tc,
.x4-btn-default-medium-bc,
.x4-btn-default-medium-ml,
.x4-btn-default-medium-mr {
  zoom: 1;
  background-image: url(images/btn/btn-default-medium-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-medium-ml,
.x4-btn-default-medium-mr {
  zoom: 1;
  background-image: url(images/btn/btn-default-medium-sides.gif);
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-medium-mc {
  padding: 1px 1px 1px 1px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-btn-default-medium-tl,
.x4-strict .x4-ie7 .x4-btn-default-medium-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-medium:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-default-medium-fbg.gif), bg:url(images/btn/btn-default-medium-bg.gif), corners:url(images/btn/btn-default-medium-corners.gif), sides:url(images/btn/btn-default-medium-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 253, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium .x4-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: tahoma, arial, verdana, sans-serif;
  color: #333333;
  padding: 0 3px;
}
/* line 261, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium .x4-btn-arrow {
  background-image: url(images/button/arrow.gif);
}
/* line 269, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium .x4-btn-arrow-right {
  padding-right: 12px;
}
/* line 274, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium .x4-rtl.x4-btn-arrow-right {
  padding-right: 0;
  padding-left: 12px;
}
/* line 280, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium .x4-btn-arrow-bottom {
  padding-bottom: 12px;
}
/* line 284, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium .x4-btn-glyph {
  font-size: 24px;
  line-height: 24px;
  color: #333333;
  opacity: 0.5;
}
/* line 303, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie8m .x4-btn-default-medium .x4-btn-glyph {
  color: #999999;
}

/* line 309, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-disabled {
  border-color: #e1e1e1;
  background-image: none;
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(48%, #f1f1f1), color-stop(52%, #dadada), color-stop(100%, #dfdfdf));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: -moz-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: -o-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
}

/* line 335, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon .x4-btn-button,
.x4-btn-default-medium-noicon .x4-btn-button {
  height: 24px;
}
/* line 339, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon .x4-btn-inner,
.x4-btn-default-medium-noicon .x4-btn-inner {
  line-height: 24px;
}

/* line 349, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon .x4-btn-arrow-right .x4-btn-inner,
.x4-btn-default-medium-noicon .x4-btn-arrow-right .x4-btn-inner,
.x4-btn-default-medium-icon-text-left .x4-btn-arrow-right .x4-btn-inner {
  padding-right: 0;
}
/* line 354, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon .x4-btn-arrow-right .x4-rtl.x4-btn-inner,
.x4-btn-default-medium-noicon .x4-btn-arrow-right .x4-rtl.x4-btn-inner,
.x4-btn-default-medium-icon-text-left .x4-btn-arrow-right .x4-rtl.x4-btn-inner {
  padding-right: 3px;
  padding-left: 0;
}

/* line 364, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon .x4-btn-inner {
  width: 24px;
  padding: 0;
}
/* line 370, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon .x4-btn-icon-el {
  width: 24px;
  height: 24px;
}

/* line 377, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon-text-left .x4-btn-button {
  height: 24px;
}
/* line 382, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon-text-left .x4-btn-inner {
  line-height: 24px;
  padding-left: 28px;
}
/* line 388, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon-text-left .x4-rtl.x4-btn-inner {
  padding-left: 3px;
  padding-right: 28px;
}
/* line 393, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon-text-left .x4-btn-arrow-right .x4-rtl.x4-btn-inner {
  padding-right: 28px;
}
/* line 398, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon-text-left .x4-btn-icon-el {
  width: 24px;
  right: auto;
}
/* line 403, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-medium-icon-text-left .x4-btn-icon-el, .x4-quirks .x4-btn-default-medium-icon-text-left .x4-btn-icon-el {
  height: 24px;
}
/* line 409, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon-text-left .x4-rtl.x4-btn-icon-el {
  left: auto;
  right: 0;
}

/* line 417, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon-text-right .x4-btn-button {
  height: 24px;
}
/* line 422, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon-text-right .x4-btn-inner {
  line-height: 24px;
  padding-right: 28px;
}
/* line 428, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon-text-right .x4-rtl.x4-btn-inner {
  padding-right: 3px;
  padding-left: 28px;
}
/* line 434, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon-text-right .x4-btn-icon-el {
  width: 24px;
  left: auto;
}
/* line 439, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-medium-icon-text-right .x4-btn-icon-el, .x4-quirks .x4-btn-default-medium-icon-text-right .x4-btn-icon-el {
  height: 24px;
}
/* line 445, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon-text-right .x4-rtl.x4-btn-icon-el {
  left: 0;
  right: auto;
}

/* line 453, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon-text-top .x4-btn-inner {
  padding-top: 28px;
}
/* line 457, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon-text-top .x4-btn-icon-el {
  height: 24px;
  bottom: auto;
}
/* line 465, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-medium-icon-text-top .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-medium-icon-text-top .x4-btn-icon-el {
  width: 100%;
}

/* line 473, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon-text-bottom .x4-btn-inner {
  padding-bottom: 28px;
}
/* line 477, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-icon-text-bottom .x4-btn-icon-el {
  height: 24px;
  top: auto;
}
/* line 485, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-medium-icon-text-bottom .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-medium-icon-text-bottom .x4-btn-icon-el {
  width: 100%;
}

/* line 492, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-over {
  border-color: #b0ccf2;
  background-image: none;
  background-color: #e4f3ff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4f3ff), color-stop(48%, #d9edff), color-stop(52%, #c2d8f2), color-stop(100%, #c6dcf6));
  background-image: -webkit-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -moz-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -o-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
}

/* line 516, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-focus {
  border-color: #b0ccf2;
  background-image: none;
  background-color: #e4f3ff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4f3ff), color-stop(48%, #d9edff), color-stop(52%, #c2d8f2), color-stop(100%, #c6dcf6));
  background-image: -webkit-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -moz-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -o-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
}

/* line 541, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-menu-active,
.x4-btn-default-medium-pressed {
  border-color: #9ebae1;
  background-image: none;
  background-color: #b6cbe4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b6cbe4), color-stop(48%, #bfd2e6), color-stop(52%, #8dc0f5), color-stop(100%, #98c5f5));
  background-image: -webkit-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: -moz-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: -o-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
}

/* line 573, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-over .x4-frame-tl,
.x4-btn-default-medium-over .x4-frame-bl,
.x4-btn-default-medium-over .x4-frame-tr,
.x4-btn-default-medium-over .x4-frame-br,
.x4-btn-default-medium-over .x4-frame-tc,
.x4-btn-default-medium-over .x4-frame-bc {
  background-image: url(images/btn/btn-default-medium-over-corners.gif);
}
/* line 577, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-over .x4-frame-ml,
.x4-btn-default-medium-over .x4-frame-mr {
  background-image: url(images/btn/btn-default-medium-over-sides.gif);
}
/* line 580, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-over .x4-frame-mc {
  background-color: #e4f3ff;
  background-image: url(images/btn/btn-default-medium-over-fbg.gif);
}

/* line 595, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-focus .x4-frame-tl,
.x4-btn-default-medium-focus .x4-frame-bl,
.x4-btn-default-medium-focus .x4-frame-tr,
.x4-btn-default-medium-focus .x4-frame-br,
.x4-btn-default-medium-focus .x4-frame-tc,
.x4-btn-default-medium-focus .x4-frame-bc {
  background-image: url(images/btn/btn-default-medium-focus-corners.gif);
}
/* line 599, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-focus .x4-frame-ml,
.x4-btn-default-medium-focus .x4-frame-mr {
  background-image: url(images/btn/btn-default-medium-focus-sides.gif);
}
/* line 602, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-focus .x4-frame-mc {
  background-color: #e4f3ff;
  background-image: url(images/btn/btn-default-medium-focus-fbg.gif);
}

/* line 618, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-menu-active .x4-frame-tl,
.x4-btn-default-medium-menu-active .x4-frame-bl,
.x4-btn-default-medium-menu-active .x4-frame-tr,
.x4-btn-default-medium-menu-active .x4-frame-br,
.x4-btn-default-medium-menu-active .x4-frame-tc,
.x4-btn-default-medium-menu-active .x4-frame-bc,
.x4-btn-default-medium-pressed .x4-frame-tl,
.x4-btn-default-medium-pressed .x4-frame-bl,
.x4-btn-default-medium-pressed .x4-frame-tr,
.x4-btn-default-medium-pressed .x4-frame-br,
.x4-btn-default-medium-pressed .x4-frame-tc,
.x4-btn-default-medium-pressed .x4-frame-bc {
  background-image: url(images/btn/btn-default-medium-pressed-corners.gif);
}
/* line 622, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-menu-active .x4-frame-ml,
.x4-btn-default-medium-menu-active .x4-frame-mr,
.x4-btn-default-medium-pressed .x4-frame-ml,
.x4-btn-default-medium-pressed .x4-frame-mr {
  background-image: url(images/btn/btn-default-medium-pressed-sides.gif);
}
/* line 625, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-menu-active .x4-frame-mc,
.x4-btn-default-medium-pressed .x4-frame-mc {
  background-color: #b6cbe4;
  background-image: url(images/btn/btn-default-medium-pressed-fbg.gif);
}

/* line 640, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-disabled .x4-frame-tl,
.x4-btn-default-medium-disabled .x4-frame-bl,
.x4-btn-default-medium-disabled .x4-frame-tr,
.x4-btn-default-medium-disabled .x4-frame-br,
.x4-btn-default-medium-disabled .x4-frame-tc,
.x4-btn-default-medium-disabled .x4-frame-bc {
  background-image: url(images/btn/btn-default-medium-disabled-corners.gif);
}
/* line 644, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-disabled .x4-frame-ml,
.x4-btn-default-medium-disabled .x4-frame-mr {
  background-image: url(images/btn/btn-default-medium-disabled-sides.gif);
}
/* line 647, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-disabled .x4-frame-mc {
  background-color: #f7f7f7;
  background-image: url(images/btn/btn-default-medium-disabled-fbg.gif);
}

/* line 659, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-medium-over {
  background-image: url(images/btn/btn-default-medium-over-bg.gif);
}

/* line 667, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-medium-focus {
  background-image: url(images/btn/btn-default-medium-focus-bg.gif);
}

/* line 676, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-medium-menu-active,
.x4-nlg .x4-btn-default-medium-pressed {
  background-image: url(images/btn/btn-default-medium-pressed-bg.gif);
}

/* line 684, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-medium-disabled {
  background-image: url(images/btn/btn-default-medium-disabled-bg.gif);
}

/* line 691, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nbr .x4-btn-default-medium {
  background-image: none;
}

/* line 709, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium .x4-btn-split-right {
  background-image: url(images/button/s-arrow.gif);
  padding-right: 14px;
}
/* line 715, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium .x4-rtl.x4-btn-split-right {
  background-image: url(images/button/s-arrow-rtl.gif);
  padding-right: 0;
  padding-left: 14px;
}
/* line 722, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium .x4-btn-split-bottom {
  background-image: url(images/button/s-arrow-b.gif);
  padding-bottom: 14px;
}

/* line 730, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-over .x4-btn-split-right {
  background-image: url(images/button/s-arrow-o.gif);
}
/* line 734, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-over .x4-rtl.x4-btn-split-right {
  background-image: url(images/button/s-arrow-o-rtl.gif);
}
/* line 738, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-over .x4-btn-split-bottom {
  background-image: url(images/button/s-arrow-bo.gif);
}

/* line 753, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-medium-disabled .x4-btn-inner,
.x4-btn-default-medium-disabled .x4-btn-icon-el {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-medium-over:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-medium-over-corners.gif), sides:url(images/btn/btn-default-medium-over-sides.gif), frame-bg:url(images/btn/btn-default-medium-over-fbg.gif), bg:url(images/btn/btn-default-medium-over-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-medium-focus:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-medium-focus-corners.gif), sides:url(images/btn/btn-default-medium-focus-sides.gif), frame-bg:url(images/btn/btn-default-medium-focus-fbg.gif), bg:url(images/btn/btn-default-medium-focus-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-medium-pressed:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-medium-pressed-corners.gif), sides:url(images/btn/btn-default-medium-pressed-sides.gif), frame-bg:url(images/btn/btn-default-medium-pressed-fbg.gif), bg:url(images/btn/btn-default-medium-pressed-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-medium-disabled:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-medium-disabled-corners.gif), sides:url(images/btn/btn-default-medium-disabled-sides.gif), frame-bg:url(images/btn/btn-default-medium-disabled-fbg.gif), bg:url(images/btn/btn-default-medium-disabled-bg.gif)";
}

/*</if slicer>*/
/* */
/* line 246, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large {
  border-color: #d1d1d1;
}

/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-large {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: white;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(48%, #f9f9f9), color-stop(52%, #e2e2e2), color-stop(100%, #e7e7e7));
  background-image: -webkit-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: -moz-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: -o-linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
  background-image: linear-gradient(top, #ffffff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-large-mc {
  background-image: url(images/btn/btn-default-large-fbg.gif);
  background-position: 0 top;
  background-color: white;
}

/* line 212, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-btn-default-large {
  background-image: url(images/btn/btn-default-large-bg.gif);
  background-position: 0 top;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-btn-default-large {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  background-image: none;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-btn-default-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-3-3-3-3;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-large-tl {
  background-position: 0 -6px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-large-tr {
  background-position: right -9px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-large-bl {
  background-position: 0 -12px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-large-br {
  background-position: right -15px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-large-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-large-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-large-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-large-bc {
  background-position: 0 -3px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-large-tr,
.x4-btn-default-large-br,
.x4-btn-default-large-mr {
  padding-right: 3px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-large-tl,
.x4-btn-default-large-bl,
.x4-btn-default-large-ml {
  padding-left: 3px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-large-tc {
  height: 3px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-large-bc {
  height: 3px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-large-tl,
.x4-btn-default-large-bl,
.x4-btn-default-large-tr,
.x4-btn-default-large-br,
.x4-btn-default-large-tc,
.x4-btn-default-large-bc,
.x4-btn-default-large-ml,
.x4-btn-default-large-mr {
  zoom: 1;
  background-image: url(images/btn/btn-default-large-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-large-ml,
.x4-btn-default-large-mr {
  zoom: 1;
  background-image: url(images/btn/btn-default-large-sides.gif);
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-large-mc {
  padding: 1px 1px 1px 1px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-btn-default-large-tl,
.x4-strict .x4-ie7 .x4-btn-default-large-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-large:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-default-large-fbg.gif), bg:url(images/btn/btn-default-large-bg.gif), corners:url(images/btn/btn-default-large-corners.gif), sides:url(images/btn/btn-default-large-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 253, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large .x4-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: tahoma, arial, verdana, sans-serif;
  color: #333333;
  padding: 0 3px;
}
/* line 261, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large .x4-btn-arrow {
  background-image: url(images/button/arrow.gif);
}
/* line 269, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large .x4-btn-arrow-right {
  padding-right: 12px;
}
/* line 274, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large .x4-rtl.x4-btn-arrow-right {
  padding-right: 0;
  padding-left: 12px;
}
/* line 280, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large .x4-btn-arrow-bottom {
  padding-bottom: 12px;
}
/* line 284, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large .x4-btn-glyph {
  font-size: 32px;
  line-height: 32px;
  color: #333333;
  opacity: 0.5;
}
/* line 303, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie8m .x4-btn-default-large .x4-btn-glyph {
  color: #999999;
}

/* line 309, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-disabled {
  border-color: #e1e1e1;
  background-image: none;
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f7f7), color-stop(48%, #f1f1f1), color-stop(52%, #dadada), color-stop(100%, #dfdfdf));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: -moz-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: -o-linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
  background-image: linear-gradient(top, #f7f7f7, #f1f1f1 48%, #dadada 52%, #dfdfdf);
}

/* line 335, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon .x4-btn-button,
.x4-btn-default-large-noicon .x4-btn-button {
  height: 32px;
}
/* line 339, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon .x4-btn-inner,
.x4-btn-default-large-noicon .x4-btn-inner {
  line-height: 32px;
}

/* line 349, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon .x4-btn-arrow-right .x4-btn-inner,
.x4-btn-default-large-noicon .x4-btn-arrow-right .x4-btn-inner,
.x4-btn-default-large-icon-text-left .x4-btn-arrow-right .x4-btn-inner {
  padding-right: 0;
}
/* line 354, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon .x4-btn-arrow-right .x4-rtl.x4-btn-inner,
.x4-btn-default-large-noicon .x4-btn-arrow-right .x4-rtl.x4-btn-inner,
.x4-btn-default-large-icon-text-left .x4-btn-arrow-right .x4-rtl.x4-btn-inner {
  padding-right: 3px;
  padding-left: 0;
}

/* line 364, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon .x4-btn-inner {
  width: 32px;
  padding: 0;
}
/* line 370, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon .x4-btn-icon-el {
  width: 32px;
  height: 32px;
}

/* line 377, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon-text-left .x4-btn-button {
  height: 32px;
}
/* line 382, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon-text-left .x4-btn-inner {
  line-height: 32px;
  padding-left: 36px;
}
/* line 388, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon-text-left .x4-rtl.x4-btn-inner {
  padding-left: 3px;
  padding-right: 36px;
}
/* line 393, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon-text-left .x4-btn-arrow-right .x4-rtl.x4-btn-inner {
  padding-right: 36px;
}
/* line 398, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon-text-left .x4-btn-icon-el {
  width: 32px;
  right: auto;
}
/* line 403, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-large-icon-text-left .x4-btn-icon-el, .x4-quirks .x4-btn-default-large-icon-text-left .x4-btn-icon-el {
  height: 32px;
}
/* line 409, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon-text-left .x4-rtl.x4-btn-icon-el {
  left: auto;
  right: 0;
}

/* line 417, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon-text-right .x4-btn-button {
  height: 32px;
}
/* line 422, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon-text-right .x4-btn-inner {
  line-height: 32px;
  padding-right: 36px;
}
/* line 428, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon-text-right .x4-rtl.x4-btn-inner {
  padding-right: 3px;
  padding-left: 36px;
}
/* line 434, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon-text-right .x4-btn-icon-el {
  width: 32px;
  left: auto;
}
/* line 439, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-large-icon-text-right .x4-btn-icon-el, .x4-quirks .x4-btn-default-large-icon-text-right .x4-btn-icon-el {
  height: 32px;
}
/* line 445, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon-text-right .x4-rtl.x4-btn-icon-el {
  left: 0;
  right: auto;
}

/* line 453, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon-text-top .x4-btn-inner {
  padding-top: 36px;
}
/* line 457, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon-text-top .x4-btn-icon-el {
  height: 32px;
  bottom: auto;
}
/* line 465, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-large-icon-text-top .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-large-icon-text-top .x4-btn-icon-el {
  width: 100%;
}

/* line 473, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon-text-bottom .x4-btn-inner {
  padding-bottom: 36px;
}
/* line 477, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-icon-text-bottom .x4-btn-icon-el {
  height: 32px;
  top: auto;
}
/* line 485, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-large-icon-text-bottom .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-large-icon-text-bottom .x4-btn-icon-el {
  width: 100%;
}

/* line 492, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-over {
  border-color: #b0ccf2;
  background-image: none;
  background-color: #e4f3ff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4f3ff), color-stop(48%, #d9edff), color-stop(52%, #c2d8f2), color-stop(100%, #c6dcf6));
  background-image: -webkit-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -moz-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -o-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
}

/* line 516, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-focus {
  border-color: #b0ccf2;
  background-image: none;
  background-color: #e4f3ff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4f3ff), color-stop(48%, #d9edff), color-stop(52%, #c2d8f2), color-stop(100%, #c6dcf6));
  background-image: -webkit-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -moz-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: -o-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
  background-image: linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
}

/* line 541, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-menu-active,
.x4-btn-default-large-pressed {
  border-color: #9ebae1;
  background-image: none;
  background-color: #b6cbe4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b6cbe4), color-stop(48%, #bfd2e6), color-stop(52%, #8dc0f5), color-stop(100%, #98c5f5));
  background-image: -webkit-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: -moz-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: -o-linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
  background-image: linear-gradient(top, #b6cbe4, #bfd2e6 48%, #8dc0f5 52%, #98c5f5);
}

/* line 573, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-over .x4-frame-tl,
.x4-btn-default-large-over .x4-frame-bl,
.x4-btn-default-large-over .x4-frame-tr,
.x4-btn-default-large-over .x4-frame-br,
.x4-btn-default-large-over .x4-frame-tc,
.x4-btn-default-large-over .x4-frame-bc {
  background-image: url(images/btn/btn-default-large-over-corners.gif);
}
/* line 577, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-over .x4-frame-ml,
.x4-btn-default-large-over .x4-frame-mr {
  background-image: url(images/btn/btn-default-large-over-sides.gif);
}
/* line 580, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-over .x4-frame-mc {
  background-color: #e4f3ff;
  background-image: url(images/btn/btn-default-large-over-fbg.gif);
}

/* line 595, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-focus .x4-frame-tl,
.x4-btn-default-large-focus .x4-frame-bl,
.x4-btn-default-large-focus .x4-frame-tr,
.x4-btn-default-large-focus .x4-frame-br,
.x4-btn-default-large-focus .x4-frame-tc,
.x4-btn-default-large-focus .x4-frame-bc {
  background-image: url(images/btn/btn-default-large-focus-corners.gif);
}
/* line 599, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-focus .x4-frame-ml,
.x4-btn-default-large-focus .x4-frame-mr {
  background-image: url(images/btn/btn-default-large-focus-sides.gif);
}
/* line 602, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-focus .x4-frame-mc {
  background-color: #e4f3ff;
  background-image: url(images/btn/btn-default-large-focus-fbg.gif);
}

/* line 618, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-menu-active .x4-frame-tl,
.x4-btn-default-large-menu-active .x4-frame-bl,
.x4-btn-default-large-menu-active .x4-frame-tr,
.x4-btn-default-large-menu-active .x4-frame-br,
.x4-btn-default-large-menu-active .x4-frame-tc,
.x4-btn-default-large-menu-active .x4-frame-bc,
.x4-btn-default-large-pressed .x4-frame-tl,
.x4-btn-default-large-pressed .x4-frame-bl,
.x4-btn-default-large-pressed .x4-frame-tr,
.x4-btn-default-large-pressed .x4-frame-br,
.x4-btn-default-large-pressed .x4-frame-tc,
.x4-btn-default-large-pressed .x4-frame-bc {
  background-image: url(images/btn/btn-default-large-pressed-corners.gif);
}
/* line 622, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-menu-active .x4-frame-ml,
.x4-btn-default-large-menu-active .x4-frame-mr,
.x4-btn-default-large-pressed .x4-frame-ml,
.x4-btn-default-large-pressed .x4-frame-mr {
  background-image: url(images/btn/btn-default-large-pressed-sides.gif);
}
/* line 625, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-menu-active .x4-frame-mc,
.x4-btn-default-large-pressed .x4-frame-mc {
  background-color: #b6cbe4;
  background-image: url(images/btn/btn-default-large-pressed-fbg.gif);
}

/* line 640, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-disabled .x4-frame-tl,
.x4-btn-default-large-disabled .x4-frame-bl,
.x4-btn-default-large-disabled .x4-frame-tr,
.x4-btn-default-large-disabled .x4-frame-br,
.x4-btn-default-large-disabled .x4-frame-tc,
.x4-btn-default-large-disabled .x4-frame-bc {
  background-image: url(images/btn/btn-default-large-disabled-corners.gif);
}
/* line 644, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-disabled .x4-frame-ml,
.x4-btn-default-large-disabled .x4-frame-mr {
  background-image: url(images/btn/btn-default-large-disabled-sides.gif);
}
/* line 647, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-disabled .x4-frame-mc {
  background-color: #f7f7f7;
  background-image: url(images/btn/btn-default-large-disabled-fbg.gif);
}

/* line 659, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-large-over {
  background-image: url(images/btn/btn-default-large-over-bg.gif);
}

/* line 667, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-large-focus {
  background-image: url(images/btn/btn-default-large-focus-bg.gif);
}

/* line 676, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-large-menu-active,
.x4-nlg .x4-btn-default-large-pressed {
  background-image: url(images/btn/btn-default-large-pressed-bg.gif);
}

/* line 684, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-large-disabled {
  background-image: url(images/btn/btn-default-large-disabled-bg.gif);
}

/* line 691, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nbr .x4-btn-default-large {
  background-image: none;
}

/* line 709, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large .x4-btn-split-right {
  background-image: url(images/button/s-arrow.gif);
  padding-right: 14px;
}
/* line 715, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large .x4-rtl.x4-btn-split-right {
  background-image: url(images/button/s-arrow-rtl.gif);
  padding-right: 0;
  padding-left: 14px;
}
/* line 722, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large .x4-btn-split-bottom {
  background-image: url(images/button/s-arrow-b.gif);
  padding-bottom: 14px;
}

/* line 730, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-over .x4-btn-split-right {
  background-image: url(images/button/s-arrow-o.gif);
}
/* line 734, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-over .x4-rtl.x4-btn-split-right {
  background-image: url(images/button/s-arrow-o-rtl.gif);
}
/* line 738, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-over .x4-btn-split-bottom {
  background-image: url(images/button/s-arrow-bo.gif);
}

/* line 753, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-large-disabled .x4-btn-inner,
.x4-btn-default-large-disabled .x4-btn-icon-el {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-large-over:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-large-over-corners.gif), sides:url(images/btn/btn-default-large-over-sides.gif), frame-bg:url(images/btn/btn-default-large-over-fbg.gif), bg:url(images/btn/btn-default-large-over-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-large-focus:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-large-focus-corners.gif), sides:url(images/btn/btn-default-large-focus-sides.gif), frame-bg:url(images/btn/btn-default-large-focus-fbg.gif), bg:url(images/btn/btn-default-large-focus-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-large-pressed:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-large-pressed-corners.gif), sides:url(images/btn/btn-default-large-pressed-sides.gif), frame-bg:url(images/btn/btn-default-large-pressed-fbg.gif), bg:url(images/btn/btn-default-large-pressed-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-large-disabled:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-large-disabled-corners.gif), sides:url(images/btn/btn-default-large-disabled-sides.gif), frame-bg:url(images/btn/btn-default-large-disabled-fbg.gif), bg:url(images/btn/btn-default-large-disabled-bg.gif)";
}

/*</if slicer>*/
/* */
/* line 246, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small {
  border-color: transparent;
}

/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-small {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-small-mc {
  background-color: transparent;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-btn-default-toolbar-small {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-btn-default-toolbar-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-small-tl {
  background-position: 0 -6px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-small-tr {
  background-position: right -9px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-small-bl {
  background-position: 0 -12px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-small-br {
  background-position: right -15px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-small-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-small-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-small-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-small-bc {
  background-position: 0 -3px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-small-tr,
.x4-btn-default-toolbar-small-br,
.x4-btn-default-toolbar-small-mr {
  padding-right: 3px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-small-tl,
.x4-btn-default-toolbar-small-bl,
.x4-btn-default-toolbar-small-ml {
  padding-left: 3px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-small-tc {
  height: 3px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-small-bc {
  height: 3px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-small-tl,
.x4-btn-default-toolbar-small-bl,
.x4-btn-default-toolbar-small-tr,
.x4-btn-default-toolbar-small-br,
.x4-btn-default-toolbar-small-tc,
.x4-btn-default-toolbar-small-bc,
.x4-btn-default-toolbar-small-ml,
.x4-btn-default-toolbar-small-mr {
  zoom: 1;
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-small-ml,
.x4-btn-default-toolbar-small-mr {
  zoom: 1;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-small-mc {
  padding: 0px 0px 0px 0px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-btn-default-toolbar-small-tl,
.x4-strict .x4-ie7 .x4-btn-default-toolbar-small-bl {
  position: relative;
  right: 0;
}

/* line 253, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small .x4-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: tahoma, arial, verdana, sans-serif;
  color: #333333;
  padding: 0 4px;
}
/* line 261, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small .x4-btn-arrow {
  background-image: url(images/button/arrow.gif);
}
/* line 269, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small .x4-btn-arrow-right {
  padding-right: 12px;
}
/* line 274, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small .x4-rtl.x4-btn-arrow-right {
  padding-right: 0;
  padding-left: 12px;
}
/* line 280, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small .x4-btn-arrow-bottom {
  padding-bottom: 12px;
}
/* line 284, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small .x4-btn-glyph {
  font-size: 16px;
  line-height: 16px;
  color: #333333;
  opacity: 0.5;
}
/* line 303, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie8m .x4-btn-default-toolbar-small .x4-btn-glyph {
  color: #999999;
}

/* line 309, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-disabled {
  border-color: #e1e1e1;
  background-image: none;
  background-color: transparent;
}
/* line 317, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-disabled .x4-btn-inner {
  color: #8c8c8c;
}

/* line 335, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon .x4-btn-button,
.x4-btn-default-toolbar-small-noicon .x4-btn-button {
  height: 16px;
}
/* line 339, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon .x4-btn-inner,
.x4-btn-default-toolbar-small-noicon .x4-btn-inner {
  line-height: 16px;
}

/* line 349, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon .x4-btn-arrow-right .x4-btn-inner,
.x4-btn-default-toolbar-small-noicon .x4-btn-arrow-right .x4-btn-inner,
.x4-btn-default-toolbar-small-icon-text-left .x4-btn-arrow-right .x4-btn-inner {
  padding-right: 0;
}
/* line 354, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon .x4-btn-arrow-right .x4-rtl.x4-btn-inner,
.x4-btn-default-toolbar-small-noicon .x4-btn-arrow-right .x4-rtl.x4-btn-inner,
.x4-btn-default-toolbar-small-icon-text-left .x4-btn-arrow-right .x4-rtl.x4-btn-inner {
  padding-right: 4px;
  padding-left: 0;
}

/* line 364, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon .x4-btn-inner {
  width: 16px;
  padding: 0;
}
/* line 370, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon .x4-btn-icon-el {
  width: 16px;
  height: 16px;
}

/* line 377, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon-text-left .x4-btn-button {
  height: 16px;
}
/* line 382, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon-text-left .x4-btn-inner {
  line-height: 16px;
  padding-left: 20px;
}
/* line 388, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon-text-left .x4-rtl.x4-btn-inner {
  padding-left: 4px;
  padding-right: 20px;
}
/* line 393, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon-text-left .x4-btn-arrow-right .x4-rtl.x4-btn-inner {
  padding-right: 20px;
}
/* line 398, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon-text-left .x4-btn-icon-el {
  width: 16px;
  right: auto;
}
/* line 403, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-toolbar-small-icon-text-left .x4-btn-icon-el, .x4-quirks .x4-btn-default-toolbar-small-icon-text-left .x4-btn-icon-el {
  height: 16px;
}
/* line 409, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon-text-left .x4-rtl.x4-btn-icon-el {
  left: auto;
  right: 0;
}

/* line 417, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon-text-right .x4-btn-button {
  height: 16px;
}
/* line 422, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon-text-right .x4-btn-inner {
  line-height: 16px;
  padding-right: 20px;
}
/* line 428, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon-text-right .x4-rtl.x4-btn-inner {
  padding-right: 4px;
  padding-left: 20px;
}
/* line 434, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon-text-right .x4-btn-icon-el {
  width: 16px;
  left: auto;
}
/* line 439, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-toolbar-small-icon-text-right .x4-btn-icon-el, .x4-quirks .x4-btn-default-toolbar-small-icon-text-right .x4-btn-icon-el {
  height: 16px;
}
/* line 445, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon-text-right .x4-rtl.x4-btn-icon-el {
  left: 0;
  right: auto;
}

/* line 453, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon-text-top .x4-btn-inner {
  padding-top: 20px;
}
/* line 457, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon-text-top .x4-btn-icon-el {
  height: 16px;
  bottom: auto;
}
/* line 465, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-toolbar-small-icon-text-top .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-toolbar-small-icon-text-top .x4-btn-icon-el {
  width: 100%;
}

/* line 473, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon-text-bottom .x4-btn-inner {
  padding-bottom: 20px;
}
/* line 477, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-icon-text-bottom .x4-btn-icon-el {
  height: 16px;
  top: auto;
}
/* line 485, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-toolbar-small-icon-text-bottom .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-toolbar-small-icon-text-bottom .x4-btn-icon-el {
  width: 100%;
}

/* line 492, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-over {
  border-color: #81a4d0;
  background-image: none;
  background-color: #dbeeff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbeeff), color-stop(48%, #d0e7ff), color-stop(52%, #bbd2f0), color-stop(100%, #bed6f5));
  background-image: -webkit-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -moz-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -o-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
}

/* line 516, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-focus {
  border-color: #81a4d0;
  background-image: none;
  background-color: #dbeeff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbeeff), color-stop(48%, #d0e7ff), color-stop(52%, #bbd2f0), color-stop(100%, #bed6f5));
  background-image: -webkit-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -moz-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -o-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
}

/* line 541, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-menu-active,
.x4-btn-default-toolbar-small-pressed {
  border-color: #7a9ac4;
  background-image: none;
  background-color: #bccfe5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bccfe5), color-stop(48%, #c5d6e7), color-stop(52%, #95c4f4), color-stop(100%, #9fc9f5));
  background-image: -webkit-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: -moz-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: -o-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
}

/* line 573, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-over .x4-frame-tl,
.x4-btn-default-toolbar-small-over .x4-frame-bl,
.x4-btn-default-toolbar-small-over .x4-frame-tr,
.x4-btn-default-toolbar-small-over .x4-frame-br,
.x4-btn-default-toolbar-small-over .x4-frame-tc,
.x4-btn-default-toolbar-small-over .x4-frame-bc {
  background-image: url(images/btn/btn-default-toolbar-small-over-corners.gif);
}
/* line 577, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-over .x4-frame-ml,
.x4-btn-default-toolbar-small-over .x4-frame-mr {
  background-image: url(images/btn/btn-default-toolbar-small-over-sides.gif);
}
/* line 580, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-over .x4-frame-mc {
  background-color: #dbeeff;
  background-image: url(images/btn/btn-default-toolbar-small-over-fbg.gif);
}

/* line 595, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-focus .x4-frame-tl,
.x4-btn-default-toolbar-small-focus .x4-frame-bl,
.x4-btn-default-toolbar-small-focus .x4-frame-tr,
.x4-btn-default-toolbar-small-focus .x4-frame-br,
.x4-btn-default-toolbar-small-focus .x4-frame-tc,
.x4-btn-default-toolbar-small-focus .x4-frame-bc {
  background-image: url(images/btn/btn-default-toolbar-small-focus-corners.gif);
}
/* line 599, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-focus .x4-frame-ml,
.x4-btn-default-toolbar-small-focus .x4-frame-mr {
  background-image: url(images/btn/btn-default-toolbar-small-focus-sides.gif);
}
/* line 602, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-focus .x4-frame-mc {
  background-color: #dbeeff;
  background-image: url(images/btn/btn-default-toolbar-small-focus-fbg.gif);
}

/* line 618, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-menu-active .x4-frame-tl,
.x4-btn-default-toolbar-small-menu-active .x4-frame-bl,
.x4-btn-default-toolbar-small-menu-active .x4-frame-tr,
.x4-btn-default-toolbar-small-menu-active .x4-frame-br,
.x4-btn-default-toolbar-small-menu-active .x4-frame-tc,
.x4-btn-default-toolbar-small-menu-active .x4-frame-bc,
.x4-btn-default-toolbar-small-pressed .x4-frame-tl,
.x4-btn-default-toolbar-small-pressed .x4-frame-bl,
.x4-btn-default-toolbar-small-pressed .x4-frame-tr,
.x4-btn-default-toolbar-small-pressed .x4-frame-br,
.x4-btn-default-toolbar-small-pressed .x4-frame-tc,
.x4-btn-default-toolbar-small-pressed .x4-frame-bc {
  background-image: url(images/btn/btn-default-toolbar-small-pressed-corners.gif);
}
/* line 622, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-menu-active .x4-frame-ml,
.x4-btn-default-toolbar-small-menu-active .x4-frame-mr,
.x4-btn-default-toolbar-small-pressed .x4-frame-ml,
.x4-btn-default-toolbar-small-pressed .x4-frame-mr {
  background-image: url(images/btn/btn-default-toolbar-small-pressed-sides.gif);
}
/* line 625, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-menu-active .x4-frame-mc,
.x4-btn-default-toolbar-small-pressed .x4-frame-mc {
  background-color: #bccfe5;
  background-image: url(images/btn/btn-default-toolbar-small-pressed-fbg.gif);
}

/* line 640, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-disabled .x4-frame-tl,
.x4-btn-default-toolbar-small-disabled .x4-frame-bl,
.x4-btn-default-toolbar-small-disabled .x4-frame-tr,
.x4-btn-default-toolbar-small-disabled .x4-frame-br,
.x4-btn-default-toolbar-small-disabled .x4-frame-tc,
.x4-btn-default-toolbar-small-disabled .x4-frame-bc {
  background-image: url(images/btn/btn-default-toolbar-small-disabled-corners.gif);
}
/* line 644, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-disabled .x4-frame-ml,
.x4-btn-default-toolbar-small-disabled .x4-frame-mr {
  background-image: url(images/btn/btn-default-toolbar-small-disabled-sides.gif);
}
/* line 647, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-disabled .x4-frame-mc {
  background-color: transparent;
}

/* line 659, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-toolbar-small-over {
  background-image: url(images/btn/btn-default-toolbar-small-over-bg.gif);
}

/* line 667, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-toolbar-small-focus {
  background-image: url(images/btn/btn-default-toolbar-small-focus-bg.gif);
}

/* line 676, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-toolbar-small-menu-active,
.x4-nlg .x4-btn-default-toolbar-small-pressed {
  background-image: url(images/btn/btn-default-toolbar-small-pressed-bg.gif);
}

/* line 691, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nbr .x4-btn-default-toolbar-small {
  background-image: none;
}

/* line 709, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small .x4-btn-split-right {
  background-image: url(images/button/s-arrow-noline.gif);
  padding-right: 14px;
}
/* line 715, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small .x4-rtl.x4-btn-split-right {
  background-image: url(images/button/s-arrow-noline-rtl.gif);
  padding-right: 0;
  padding-left: 14px;
}
/* line 722, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small .x4-btn-split-bottom {
  background-image: url(images/button/s-arrow-b-noline.gif);
  padding-bottom: 14px;
}

/* line 730, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-over .x4-btn-split-right {
  background-image: url(images/button/s-arrow-o.gif);
}
/* line 734, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-over .x4-rtl.x4-btn-split-right {
  background-image: url(images/button/s-arrow-o-rtl.gif);
}
/* line 738, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-over .x4-btn-split-bottom {
  background-image: url(images/button/s-arrow-bo.gif);
}

/* line 745, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-small-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-toolbar-small-over:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-small-over-corners.gif), sides:url(images/btn/btn-default-toolbar-small-over-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-small-over-fbg.gif), bg:url(images/btn/btn-default-toolbar-small-over-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-toolbar-small-focus:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-small-focus-corners.gif), sides:url(images/btn/btn-default-toolbar-small-focus-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-small-focus-fbg.gif), bg:url(images/btn/btn-default-toolbar-small-focus-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-toolbar-small-pressed:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-small-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-small-pressed-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-small-pressed-fbg.gif), bg:url(images/btn/btn-default-toolbar-small-pressed-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-toolbar-small-disabled:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-small-disabled-corners.gif), sides:url(images/btn/btn-default-toolbar-small-disabled-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 246, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium {
  border-color: transparent;
}

/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-medium {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-medium-mc {
  background-color: transparent;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-btn-default-toolbar-medium {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-btn-default-toolbar-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-3-3-3-3;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-medium-tl {
  background-position: 0 -6px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-medium-tr {
  background-position: right -9px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-medium-bl {
  background-position: 0 -12px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-medium-br {
  background-position: right -15px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-medium-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-medium-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-medium-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-medium-bc {
  background-position: 0 -3px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-medium-tr,
.x4-btn-default-toolbar-medium-br,
.x4-btn-default-toolbar-medium-mr {
  padding-right: 3px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-medium-tl,
.x4-btn-default-toolbar-medium-bl,
.x4-btn-default-toolbar-medium-ml {
  padding-left: 3px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-medium-tc {
  height: 3px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-medium-bc {
  height: 3px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-medium-tl,
.x4-btn-default-toolbar-medium-bl,
.x4-btn-default-toolbar-medium-tr,
.x4-btn-default-toolbar-medium-br,
.x4-btn-default-toolbar-medium-tc,
.x4-btn-default-toolbar-medium-bc,
.x4-btn-default-toolbar-medium-ml,
.x4-btn-default-toolbar-medium-mr {
  zoom: 1;
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-medium-ml,
.x4-btn-default-toolbar-medium-mr {
  zoom: 1;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-medium-mc {
  padding: 1px 1px 1px 1px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-btn-default-toolbar-medium-tl,
.x4-strict .x4-ie7 .x4-btn-default-toolbar-medium-bl {
  position: relative;
  right: 0;
}

/* line 253, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium .x4-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: tahoma, arial, verdana, sans-serif;
  color: #333333;
  padding: 0 3px;
}
/* line 261, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium .x4-btn-arrow {
  background-image: url(images/button/arrow.gif);
}
/* line 269, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium .x4-btn-arrow-right {
  padding-right: 12px;
}
/* line 274, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium .x4-rtl.x4-btn-arrow-right {
  padding-right: 0;
  padding-left: 12px;
}
/* line 280, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium .x4-btn-arrow-bottom {
  padding-bottom: 12px;
}
/* line 284, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium .x4-btn-glyph {
  font-size: 24px;
  line-height: 24px;
  color: #333333;
  opacity: 0.5;
}
/* line 303, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie8m .x4-btn-default-toolbar-medium .x4-btn-glyph {
  color: #999999;
}

/* line 309, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-disabled {
  border-color: #e1e1e1;
  background-image: none;
  background-color: transparent;
}
/* line 317, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-disabled .x4-btn-inner {
  color: #8c8c8c;
}

/* line 335, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon .x4-btn-button,
.x4-btn-default-toolbar-medium-noicon .x4-btn-button {
  height: 24px;
}
/* line 339, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon .x4-btn-inner,
.x4-btn-default-toolbar-medium-noicon .x4-btn-inner {
  line-height: 24px;
}

/* line 349, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon .x4-btn-arrow-right .x4-btn-inner,
.x4-btn-default-toolbar-medium-noicon .x4-btn-arrow-right .x4-btn-inner,
.x4-btn-default-toolbar-medium-icon-text-left .x4-btn-arrow-right .x4-btn-inner {
  padding-right: 0;
}
/* line 354, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon .x4-btn-arrow-right .x4-rtl.x4-btn-inner,
.x4-btn-default-toolbar-medium-noicon .x4-btn-arrow-right .x4-rtl.x4-btn-inner,
.x4-btn-default-toolbar-medium-icon-text-left .x4-btn-arrow-right .x4-rtl.x4-btn-inner {
  padding-right: 3px;
  padding-left: 0;
}

/* line 364, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon .x4-btn-inner {
  width: 24px;
  padding: 0;
}
/* line 370, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon .x4-btn-icon-el {
  width: 24px;
  height: 24px;
}

/* line 377, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon-text-left .x4-btn-button {
  height: 24px;
}
/* line 382, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon-text-left .x4-btn-inner {
  line-height: 24px;
  padding-left: 28px;
}
/* line 388, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon-text-left .x4-rtl.x4-btn-inner {
  padding-left: 3px;
  padding-right: 28px;
}
/* line 393, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon-text-left .x4-btn-arrow-right .x4-rtl.x4-btn-inner {
  padding-right: 28px;
}
/* line 398, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon-text-left .x4-btn-icon-el {
  width: 24px;
  right: auto;
}
/* line 403, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-toolbar-medium-icon-text-left .x4-btn-icon-el, .x4-quirks .x4-btn-default-toolbar-medium-icon-text-left .x4-btn-icon-el {
  height: 24px;
}
/* line 409, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon-text-left .x4-rtl.x4-btn-icon-el {
  left: auto;
  right: 0;
}

/* line 417, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon-text-right .x4-btn-button {
  height: 24px;
}
/* line 422, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon-text-right .x4-btn-inner {
  line-height: 24px;
  padding-right: 28px;
}
/* line 428, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon-text-right .x4-rtl.x4-btn-inner {
  padding-right: 3px;
  padding-left: 28px;
}
/* line 434, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon-text-right .x4-btn-icon-el {
  width: 24px;
  left: auto;
}
/* line 439, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-toolbar-medium-icon-text-right .x4-btn-icon-el, .x4-quirks .x4-btn-default-toolbar-medium-icon-text-right .x4-btn-icon-el {
  height: 24px;
}
/* line 445, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon-text-right .x4-rtl.x4-btn-icon-el {
  left: 0;
  right: auto;
}

/* line 453, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon-text-top .x4-btn-inner {
  padding-top: 28px;
}
/* line 457, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon-text-top .x4-btn-icon-el {
  height: 24px;
  bottom: auto;
}
/* line 465, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-toolbar-medium-icon-text-top .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-toolbar-medium-icon-text-top .x4-btn-icon-el {
  width: 100%;
}

/* line 473, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon-text-bottom .x4-btn-inner {
  padding-bottom: 28px;
}
/* line 477, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-icon-text-bottom .x4-btn-icon-el {
  height: 24px;
  top: auto;
}
/* line 485, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-toolbar-medium-icon-text-bottom .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-toolbar-medium-icon-text-bottom .x4-btn-icon-el {
  width: 100%;
}

/* line 492, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-over {
  border-color: #81a4d0;
  background-image: none;
  background-color: #dbeeff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbeeff), color-stop(48%, #d0e7ff), color-stop(52%, #bbd2f0), color-stop(100%, #bed6f5));
  background-image: -webkit-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -moz-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -o-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
}

/* line 516, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-focus {
  border-color: #81a4d0;
  background-image: none;
  background-color: #dbeeff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbeeff), color-stop(48%, #d0e7ff), color-stop(52%, #bbd2f0), color-stop(100%, #bed6f5));
  background-image: -webkit-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -moz-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -o-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
}

/* line 541, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-menu-active,
.x4-btn-default-toolbar-medium-pressed {
  border-color: #7a9ac4;
  background-image: none;
  background-color: #bccfe5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bccfe5), color-stop(48%, #c5d6e7), color-stop(52%, #95c4f4), color-stop(100%, #9fc9f5));
  background-image: -webkit-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: -moz-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: -o-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
}

/* line 573, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-over .x4-frame-tl,
.x4-btn-default-toolbar-medium-over .x4-frame-bl,
.x4-btn-default-toolbar-medium-over .x4-frame-tr,
.x4-btn-default-toolbar-medium-over .x4-frame-br,
.x4-btn-default-toolbar-medium-over .x4-frame-tc,
.x4-btn-default-toolbar-medium-over .x4-frame-bc {
  background-image: url(images/btn/btn-default-toolbar-medium-over-corners.gif);
}
/* line 577, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-over .x4-frame-ml,
.x4-btn-default-toolbar-medium-over .x4-frame-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-over-sides.gif);
}
/* line 580, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-over .x4-frame-mc {
  background-color: #dbeeff;
  background-image: url(images/btn/btn-default-toolbar-medium-over-fbg.gif);
}

/* line 595, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-focus .x4-frame-tl,
.x4-btn-default-toolbar-medium-focus .x4-frame-bl,
.x4-btn-default-toolbar-medium-focus .x4-frame-tr,
.x4-btn-default-toolbar-medium-focus .x4-frame-br,
.x4-btn-default-toolbar-medium-focus .x4-frame-tc,
.x4-btn-default-toolbar-medium-focus .x4-frame-bc {
  background-image: url(images/btn/btn-default-toolbar-medium-focus-corners.gif);
}
/* line 599, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-focus .x4-frame-ml,
.x4-btn-default-toolbar-medium-focus .x4-frame-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-focus-sides.gif);
}
/* line 602, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-focus .x4-frame-mc {
  background-color: #dbeeff;
  background-image: url(images/btn/btn-default-toolbar-medium-focus-fbg.gif);
}

/* line 618, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-menu-active .x4-frame-tl,
.x4-btn-default-toolbar-medium-menu-active .x4-frame-bl,
.x4-btn-default-toolbar-medium-menu-active .x4-frame-tr,
.x4-btn-default-toolbar-medium-menu-active .x4-frame-br,
.x4-btn-default-toolbar-medium-menu-active .x4-frame-tc,
.x4-btn-default-toolbar-medium-menu-active .x4-frame-bc,
.x4-btn-default-toolbar-medium-pressed .x4-frame-tl,
.x4-btn-default-toolbar-medium-pressed .x4-frame-bl,
.x4-btn-default-toolbar-medium-pressed .x4-frame-tr,
.x4-btn-default-toolbar-medium-pressed .x4-frame-br,
.x4-btn-default-toolbar-medium-pressed .x4-frame-tc,
.x4-btn-default-toolbar-medium-pressed .x4-frame-bc {
  background-image: url(images/btn/btn-default-toolbar-medium-pressed-corners.gif);
}
/* line 622, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-menu-active .x4-frame-ml,
.x4-btn-default-toolbar-medium-menu-active .x4-frame-mr,
.x4-btn-default-toolbar-medium-pressed .x4-frame-ml,
.x4-btn-default-toolbar-medium-pressed .x4-frame-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-pressed-sides.gif);
}
/* line 625, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-menu-active .x4-frame-mc,
.x4-btn-default-toolbar-medium-pressed .x4-frame-mc {
  background-color: #bccfe5;
  background-image: url(images/btn/btn-default-toolbar-medium-pressed-fbg.gif);
}

/* line 640, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-disabled .x4-frame-tl,
.x4-btn-default-toolbar-medium-disabled .x4-frame-bl,
.x4-btn-default-toolbar-medium-disabled .x4-frame-tr,
.x4-btn-default-toolbar-medium-disabled .x4-frame-br,
.x4-btn-default-toolbar-medium-disabled .x4-frame-tc,
.x4-btn-default-toolbar-medium-disabled .x4-frame-bc {
  background-image: url(images/btn/btn-default-toolbar-medium-disabled-corners.gif);
}
/* line 644, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-disabled .x4-frame-ml,
.x4-btn-default-toolbar-medium-disabled .x4-frame-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-disabled-sides.gif);
}
/* line 647, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-disabled .x4-frame-mc {
  background-color: transparent;
}

/* line 659, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-toolbar-medium-over {
  background-image: url(images/btn/btn-default-toolbar-medium-over-bg.gif);
}

/* line 667, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-toolbar-medium-focus {
  background-image: url(images/btn/btn-default-toolbar-medium-focus-bg.gif);
}

/* line 676, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-toolbar-medium-menu-active,
.x4-nlg .x4-btn-default-toolbar-medium-pressed {
  background-image: url(images/btn/btn-default-toolbar-medium-pressed-bg.gif);
}

/* line 691, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nbr .x4-btn-default-toolbar-medium {
  background-image: none;
}

/* line 709, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium .x4-btn-split-right {
  background-image: url(images/button/s-arrow-noline.gif);
  padding-right: 14px;
}
/* line 715, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium .x4-rtl.x4-btn-split-right {
  background-image: url(images/button/s-arrow-noline-rtl.gif);
  padding-right: 0;
  padding-left: 14px;
}
/* line 722, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium .x4-btn-split-bottom {
  background-image: url(images/button/s-arrow-b-noline.gif);
  padding-bottom: 14px;
}

/* line 730, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-over .x4-btn-split-right {
  background-image: url(images/button/s-arrow-o.gif);
}
/* line 734, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-over .x4-rtl.x4-btn-split-right {
  background-image: url(images/button/s-arrow-o-rtl.gif);
}
/* line 738, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-over .x4-btn-split-bottom {
  background-image: url(images/button/s-arrow-bo.gif);
}

/* line 745, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-medium-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-toolbar-medium-over:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-medium-over-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-over-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-medium-over-fbg.gif), bg:url(images/btn/btn-default-toolbar-medium-over-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-toolbar-medium-focus:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-medium-focus-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-focus-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-medium-focus-fbg.gif), bg:url(images/btn/btn-default-toolbar-medium-focus-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-toolbar-medium-pressed:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-medium-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-pressed-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-medium-pressed-fbg.gif), bg:url(images/btn/btn-default-toolbar-medium-pressed-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-toolbar-medium-disabled:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-medium-disabled-corners.gif), sides:url(images/btn/btn-default-toolbar-medium-disabled-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 246, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large {
  border-color: transparent;
}

/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-large {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px 3px 3px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-large-mc {
  background-color: transparent;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-btn-default-toolbar-large {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-btn-default-toolbar-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-3-3-3-3;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-large-tl {
  background-position: 0 -6px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-large-tr {
  background-position: right -9px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-large-bl {
  background-position: 0 -12px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-large-br {
  background-position: right -15px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-large-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-large-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-large-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-large-bc {
  background-position: 0 -3px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-large-tr,
.x4-btn-default-toolbar-large-br,
.x4-btn-default-toolbar-large-mr {
  padding-right: 3px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-large-tl,
.x4-btn-default-toolbar-large-bl,
.x4-btn-default-toolbar-large-ml {
  padding-left: 3px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-large-tc {
  height: 3px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-large-bc {
  height: 3px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-large-tl,
.x4-btn-default-toolbar-large-bl,
.x4-btn-default-toolbar-large-tr,
.x4-btn-default-toolbar-large-br,
.x4-btn-default-toolbar-large-tc,
.x4-btn-default-toolbar-large-bc,
.x4-btn-default-toolbar-large-ml,
.x4-btn-default-toolbar-large-mr {
  zoom: 1;
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-large-ml,
.x4-btn-default-toolbar-large-mr {
  zoom: 1;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-default-toolbar-large-mc {
  padding: 1px 1px 1px 1px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-btn-default-toolbar-large-tl,
.x4-strict .x4-ie7 .x4-btn-default-toolbar-large-bl {
  position: relative;
  right: 0;
}

/* line 253, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large .x4-btn-inner {
  font-size: 11px;
  font-weight: normal;
  font-family: tahoma, arial, verdana, sans-serif;
  color: #333333;
  padding: 0 3px;
}
/* line 261, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large .x4-btn-arrow {
  background-image: url(images/button/arrow.gif);
}
/* line 269, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large .x4-btn-arrow-right {
  padding-right: 12px;
}
/* line 274, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large .x4-rtl.x4-btn-arrow-right {
  padding-right: 0;
  padding-left: 12px;
}
/* line 280, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large .x4-btn-arrow-bottom {
  padding-bottom: 12px;
}
/* line 284, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large .x4-btn-glyph {
  font-size: 32px;
  line-height: 32px;
  color: #333333;
  opacity: 0.5;
}
/* line 303, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie8m .x4-btn-default-toolbar-large .x4-btn-glyph {
  color: #999999;
}

/* line 309, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-disabled {
  border-color: #e1e1e1;
  background-image: none;
  background-color: transparent;
}
/* line 317, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-disabled .x4-btn-inner {
  color: #8c8c8c;
}

/* line 335, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon .x4-btn-button,
.x4-btn-default-toolbar-large-noicon .x4-btn-button {
  height: 32px;
}
/* line 339, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon .x4-btn-inner,
.x4-btn-default-toolbar-large-noicon .x4-btn-inner {
  line-height: 32px;
}

/* line 349, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon .x4-btn-arrow-right .x4-btn-inner,
.x4-btn-default-toolbar-large-noicon .x4-btn-arrow-right .x4-btn-inner,
.x4-btn-default-toolbar-large-icon-text-left .x4-btn-arrow-right .x4-btn-inner {
  padding-right: 0;
}
/* line 354, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon .x4-btn-arrow-right .x4-rtl.x4-btn-inner,
.x4-btn-default-toolbar-large-noicon .x4-btn-arrow-right .x4-rtl.x4-btn-inner,
.x4-btn-default-toolbar-large-icon-text-left .x4-btn-arrow-right .x4-rtl.x4-btn-inner {
  padding-right: 3px;
  padding-left: 0;
}

/* line 364, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon .x4-btn-inner {
  width: 32px;
  padding: 0;
}
/* line 370, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon .x4-btn-icon-el {
  width: 32px;
  height: 32px;
}

/* line 377, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon-text-left .x4-btn-button {
  height: 32px;
}
/* line 382, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon-text-left .x4-btn-inner {
  line-height: 32px;
  padding-left: 36px;
}
/* line 388, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon-text-left .x4-rtl.x4-btn-inner {
  padding-left: 3px;
  padding-right: 36px;
}
/* line 393, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon-text-left .x4-btn-arrow-right .x4-rtl.x4-btn-inner {
  padding-right: 36px;
}
/* line 398, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon-text-left .x4-btn-icon-el {
  width: 32px;
  right: auto;
}
/* line 403, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-toolbar-large-icon-text-left .x4-btn-icon-el, .x4-quirks .x4-btn-default-toolbar-large-icon-text-left .x4-btn-icon-el {
  height: 32px;
}
/* line 409, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon-text-left .x4-rtl.x4-btn-icon-el {
  left: auto;
  right: 0;
}

/* line 417, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon-text-right .x4-btn-button {
  height: 32px;
}
/* line 422, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon-text-right .x4-btn-inner {
  line-height: 32px;
  padding-right: 36px;
}
/* line 428, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon-text-right .x4-rtl.x4-btn-inner {
  padding-right: 3px;
  padding-left: 36px;
}
/* line 434, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon-text-right .x4-btn-icon-el {
  width: 32px;
  left: auto;
}
/* line 439, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-toolbar-large-icon-text-right .x4-btn-icon-el, .x4-quirks .x4-btn-default-toolbar-large-icon-text-right .x4-btn-icon-el {
  height: 32px;
}
/* line 445, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon-text-right .x4-rtl.x4-btn-icon-el {
  left: 0;
  right: auto;
}

/* line 453, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon-text-top .x4-btn-inner {
  padding-top: 36px;
}
/* line 457, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon-text-top .x4-btn-icon-el {
  height: 32px;
  bottom: auto;
}
/* line 465, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-toolbar-large-icon-text-top .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-toolbar-large-icon-text-top .x4-btn-icon-el {
  width: 100%;
}

/* line 473, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon-text-bottom .x4-btn-inner {
  padding-bottom: 36px;
}
/* line 477, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-icon-text-bottom .x4-btn-icon-el {
  height: 32px;
  top: auto;
}
/* line 485, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-ie6 .x4-btn-default-toolbar-large-icon-text-bottom .x4-btn-icon-el, .x4-quirks .x4-ie .x4-btn-default-toolbar-large-icon-text-bottom .x4-btn-icon-el {
  width: 100%;
}

/* line 492, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-over {
  border-color: #81a4d0;
  background-image: none;
  background-color: #dbeeff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbeeff), color-stop(48%, #d0e7ff), color-stop(52%, #bbd2f0), color-stop(100%, #bed6f5));
  background-image: -webkit-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -moz-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -o-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
}

/* line 516, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-focus {
  border-color: #81a4d0;
  background-image: none;
  background-color: #dbeeff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbeeff), color-stop(48%, #d0e7ff), color-stop(52%, #bbd2f0), color-stop(100%, #bed6f5));
  background-image: -webkit-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -moz-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: -o-linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
  background-image: linear-gradient(top, #dbeeff, #d0e7ff 48%, #bbd2f0 52%, #bed6f5);
}

/* line 541, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-menu-active,
.x4-btn-default-toolbar-large-pressed {
  border-color: #7a9ac4;
  background-image: none;
  background-color: #bccfe5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bccfe5), color-stop(48%, #c5d6e7), color-stop(52%, #95c4f4), color-stop(100%, #9fc9f5));
  background-image: -webkit-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: -moz-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: -o-linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
  background-image: linear-gradient(top, #bccfe5, #c5d6e7 48%, #95c4f4 52%, #9fc9f5);
}

/* line 573, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-over .x4-frame-tl,
.x4-btn-default-toolbar-large-over .x4-frame-bl,
.x4-btn-default-toolbar-large-over .x4-frame-tr,
.x4-btn-default-toolbar-large-over .x4-frame-br,
.x4-btn-default-toolbar-large-over .x4-frame-tc,
.x4-btn-default-toolbar-large-over .x4-frame-bc {
  background-image: url(images/btn/btn-default-toolbar-large-over-corners.gif);
}
/* line 577, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-over .x4-frame-ml,
.x4-btn-default-toolbar-large-over .x4-frame-mr {
  background-image: url(images/btn/btn-default-toolbar-large-over-sides.gif);
}
/* line 580, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-over .x4-frame-mc {
  background-color: #dbeeff;
  background-image: url(images/btn/btn-default-toolbar-large-over-fbg.gif);
}

/* line 595, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-focus .x4-frame-tl,
.x4-btn-default-toolbar-large-focus .x4-frame-bl,
.x4-btn-default-toolbar-large-focus .x4-frame-tr,
.x4-btn-default-toolbar-large-focus .x4-frame-br,
.x4-btn-default-toolbar-large-focus .x4-frame-tc,
.x4-btn-default-toolbar-large-focus .x4-frame-bc {
  background-image: url(images/btn/btn-default-toolbar-large-focus-corners.gif);
}
/* line 599, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-focus .x4-frame-ml,
.x4-btn-default-toolbar-large-focus .x4-frame-mr {
  background-image: url(images/btn/btn-default-toolbar-large-focus-sides.gif);
}
/* line 602, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-focus .x4-frame-mc {
  background-color: #dbeeff;
  background-image: url(images/btn/btn-default-toolbar-large-focus-fbg.gif);
}

/* line 618, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-menu-active .x4-frame-tl,
.x4-btn-default-toolbar-large-menu-active .x4-frame-bl,
.x4-btn-default-toolbar-large-menu-active .x4-frame-tr,
.x4-btn-default-toolbar-large-menu-active .x4-frame-br,
.x4-btn-default-toolbar-large-menu-active .x4-frame-tc,
.x4-btn-default-toolbar-large-menu-active .x4-frame-bc,
.x4-btn-default-toolbar-large-pressed .x4-frame-tl,
.x4-btn-default-toolbar-large-pressed .x4-frame-bl,
.x4-btn-default-toolbar-large-pressed .x4-frame-tr,
.x4-btn-default-toolbar-large-pressed .x4-frame-br,
.x4-btn-default-toolbar-large-pressed .x4-frame-tc,
.x4-btn-default-toolbar-large-pressed .x4-frame-bc {
  background-image: url(images/btn/btn-default-toolbar-large-pressed-corners.gif);
}
/* line 622, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-menu-active .x4-frame-ml,
.x4-btn-default-toolbar-large-menu-active .x4-frame-mr,
.x4-btn-default-toolbar-large-pressed .x4-frame-ml,
.x4-btn-default-toolbar-large-pressed .x4-frame-mr {
  background-image: url(images/btn/btn-default-toolbar-large-pressed-sides.gif);
}
/* line 625, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-menu-active .x4-frame-mc,
.x4-btn-default-toolbar-large-pressed .x4-frame-mc {
  background-color: #bccfe5;
  background-image: url(images/btn/btn-default-toolbar-large-pressed-fbg.gif);
}

/* line 640, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-disabled .x4-frame-tl,
.x4-btn-default-toolbar-large-disabled .x4-frame-bl,
.x4-btn-default-toolbar-large-disabled .x4-frame-tr,
.x4-btn-default-toolbar-large-disabled .x4-frame-br,
.x4-btn-default-toolbar-large-disabled .x4-frame-tc,
.x4-btn-default-toolbar-large-disabled .x4-frame-bc {
  background-image: url(images/btn/btn-default-toolbar-large-disabled-corners.gif);
}
/* line 644, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-disabled .x4-frame-ml,
.x4-btn-default-toolbar-large-disabled .x4-frame-mr {
  background-image: url(images/btn/btn-default-toolbar-large-disabled-sides.gif);
}
/* line 647, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-disabled .x4-frame-mc {
  background-color: transparent;
}

/* line 659, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-toolbar-large-over {
  background-image: url(images/btn/btn-default-toolbar-large-over-bg.gif);
}

/* line 667, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-toolbar-large-focus {
  background-image: url(images/btn/btn-default-toolbar-large-focus-bg.gif);
}

/* line 676, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nlg .x4-btn-default-toolbar-large-menu-active,
.x4-nlg .x4-btn-default-toolbar-large-pressed {
  background-image: url(images/btn/btn-default-toolbar-large-pressed-bg.gif);
}

/* line 691, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-nbr .x4-btn-default-toolbar-large {
  background-image: none;
}

/* line 709, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large .x4-btn-split-right {
  background-image: url(images/button/s-arrow-noline.gif);
  padding-right: 14px;
}
/* line 715, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large .x4-rtl.x4-btn-split-right {
  background-image: url(images/button/s-arrow-noline-rtl.gif);
  padding-right: 0;
  padding-left: 14px;
}
/* line 722, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large .x4-btn-split-bottom {
  background-image: url(images/button/s-arrow-b-noline.gif);
  padding-bottom: 14px;
}

/* line 730, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-over .x4-btn-split-right {
  background-image: url(images/button/s-arrow-o.gif);
}
/* line 734, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-over .x4-rtl.x4-btn-split-right {
  background-image: url(images/button/s-arrow-o-rtl.gif);
}
/* line 738, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-over .x4-btn-split-bottom {
  background-image: url(images/button/s-arrow-bo.gif);
}

/* line 745, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-default-toolbar-large-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-toolbar-large-over:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-large-over-corners.gif), sides:url(images/btn/btn-default-toolbar-large-over-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-large-over-fbg.gif), bg:url(images/btn/btn-default-toolbar-large-over-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-toolbar-large-focus:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-large-focus-corners.gif), sides:url(images/btn/btn-default-toolbar-large-focus-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-large-focus-fbg.gif), bg:url(images/btn/btn-default-toolbar-large-focus-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-toolbar-large-pressed:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-large-pressed-corners.gif), sides:url(images/btn/btn-default-toolbar-large-pressed-sides.gif), frame-bg:url(images/btn/btn-default-toolbar-large-pressed-fbg.gif), bg:url(images/btn/btn-default-toolbar-large-pressed-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-default-toolbar-large-disabled:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-large-disabled-corners.gif), sides:url(images/btn/btn-default-toolbar-large-disabled-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 1161, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-icon-text-left .x4-btn-icon-el {
  background-position: left center;
}
/* line 1166, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-icon-text-left .x4-rtl.x4-btn-icon-el {
  background-position: right center;
}

/* line 1173, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-icon-text-right .x4-btn-icon-el {
  background-position: right center;
}
/* line 1178, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-icon-text-right .x4-rtl.x4-btn-icon-el {
  background-position: left center;
}

/* line 1184, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-icon-text-top .x4-btn-icon-el {
  background-position: center top;
}

/* line 1188, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-icon-text-bottom .x4-btn-icon-el {
  background-position: center bottom;
}

/* line 1192, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-arrow-right {
  background-position: right center;
}

/* line 1197, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-rtl.x4-btn-arrow-right {
  background-position: left center;
}

/* line 1202, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-arrow-bottom {
  background-position: center bottom;
}

/* line 1206, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-arrow {
  background-repeat: no-repeat;
}

/* line 1211, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-split {
  display: block;
  background-repeat: no-repeat;
}

/* line 1216, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-split-right {
  background-position: right center;
}

/* line 1221, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-rtl.x4-btn-split-right {
  background-position: 0 center;
}

/* line 1226, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-btn-split-bottom {
  background-position: center bottom;
}

/* line 1230, ../../../ext-theme-neutral/sass/src/button/Button.scss */
.x4-cycle-fixed-width .x4-btn-inner {
  text-align: inherit;
}

/**
 * Creates a visual theme for a Toolbar.
 * @param {String} $ui
 * The name of the UI
 *
 * @param {color} [$background-color=$toolbar-background-color]
 * The background color of the toolbar
 *
 * @param {string/list} [$background-gradient=$toolbar-background-gradient]
 * The background gradient of the toolbar
 *
 * @param {color} [$border-color=$toolbar-border-color]
 * The border color of the toolbar
 *
 * @param {number} [$border-width=$toolbar-border-width]
 * The border-width of the toolbar
 *
 * @param {string} [$scroller-cursor=$toolbar-scroller-cursor]
 * The cursor of Toolbar scrollers
 *
 * @param {string} [$scroller-cursor-disabled=$toolbar-scroller-cursor-disabled]
 * The cursor of disabled Toolbar scrollers
 *
 * @param {number} [$scroller-opacity-disabled=$toolbar-scroller-opacity-disabled]
 * The opacity of disabled Toolbar scrollers
 *
 * @param {string} [$tool-background-image=$toolbar-tool-background-image]
 * The sprite to use for {@link Ext.panel.Tool Tools} on a Toolbar
 *
 * @member Ext.toolbar.Toolbar
 */
/* line 94, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar {
  font-size: 11px;
  border-style: solid;
  padding: 2px 0 2px 2px;
}

/* line 101, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-item {
  margin: 0 2px 0 0;
}

/* line 107, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-rtl.x4-toolbar-item {
  margin: 0 0 0 2px;
}

/* line 112, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-text {
  margin: 0 6px 0 4px;
  color: #4c4c4c;
  line-height: 16px;
  font-family: tahoma, arial, verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

/* line 121, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-separator-horizontal {
  margin: 0 2px 0 0;
  height: 14px;
  border-style: solid;
  border-width: 0 1px;
  border-left-color: #98c8ff;
  border-right-color: white;
}

/* line 132, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-rtl.x4-toolbar {
  padding: 2px 2px 2px 0;
}

/* line 137, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-footer {
  background: transparent;
  border: 0;
  margin: 3px 0 0;
  padding: 2px 0 2px 6px;
}
/* line 144, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-footer .x4-toolbar-item {
  margin: 0 6px 0 0;
}

/* line 149, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-spacer {
  width: 2px;
}

/* line 154, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-more-icon {
  background-image: url(images/toolbar/more.gif) !important;
  background-position: center center !important;
  background-repeat: no-repeat;
}

/* line 45, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-default {
  border-color: #99bce8;
  border-width: 1px;
  background-image: none;
  background-color: #d3e1f1;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dfe9f5), color-stop(100%, #d3e1f1));
  background-image: -webkit-linear-gradient(top, #dfe9f5, #d3e1f1);
  background-image: -moz-linear-gradient(top, #dfe9f5, #d3e1f1);
  background-image: -o-linear-gradient(top, #dfe9f5, #d3e1f1);
  background-image: linear-gradient(top, #dfe9f5, #d3e1f1);
}
/* line 51, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-default .x4-box-scroller {
  cursor: pointer;
}
/* line 55, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-default .x4-box-scroller-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: default;
}

/* line 82, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-nlg .x4-toolbar-default {
  background-image: url(images/toolbar/toolbar-default-bg.gif) !important;
  background-repeat: repeat-x;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-toolbar-default:after {
  display: none;
  content: "x-slicer:bg:url(images/toolbar/toolbar-default-bg.gif), stretch:bottom";
}

/*</if slicer>*/
/* */
/* line 166, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-scroll-left {
  background-image: url(images/toolbar/scroll-left.gif);
  background-position: -14px 0;
  width: 14px;
  height: 22px;
  border-style: solid;
  border-color: #8db2e3;
  border-width: 0 0 1px;
  margin-top: 0;
}

/* line 177, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-scroll-left-hover {
  background-position: 0 0;
}

/* line 181, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-scroll-right {
  background-image: url(images/toolbar/scroll-right.gif);
  width: 14px;
  height: 22px;
  border-style: solid;
  border-color: #8db2e3;
  border-width: 0 0 1px;
  margin-top: 0;
}

/* line 191, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-scroll-right-hover {
  background-position: -14px 0;
}

/* line 195, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar .x4-box-menu-after {
  margin: 0 2px 0 2px;
}

/* line 199, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-vertical {
  padding: 2px 2px 0 2px;
}
/* line 202, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-vertical .x4-toolbar-item {
  margin: 0 0 2px 0;
}
/* line 206, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-vertical .x4-toolbar-text {
  margin: 4px 0 6px 0;
}
/* line 210, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-vertical .x4-toolbar-separator-vertical {
  margin: 0 5px 2px;
  border-style: solid none;
  border-width: 1px 0;
  border-top-color: #98c8ff;
  border-bottom-color: white;
}
/* line 219, ../../../ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x4-toolbar-vertical .x4-box-menu-after,
.x4-toolbar-vertical .x4-rtl.x4-box-menu-after {
  margin: 2px 0 2px 0;
  display: block;
  float: none;
}

/* line 2, ../../../ext-theme-neutral/sass/src/panel/Header.scss */
.x4-header-draggable .x4-header-body,
.x4-header-ghost {
  cursor: move;
}

/* line 6, ../../../ext-theme-neutral/sass/src/panel/Header.scss */
.x4-header-text {
  white-space: nowrap;
}

/**
 * Creates a visual theme for a Panel
 *
 * @param {string} $ui-label
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 * 
 * @param {color} [$ui-border-color=$panel-border-color]
 * The border-color of the Panel
 *
 * @param {number} [$ui-border-radius=$panel-border-radius]
 * The border-radius of the Panel
 *
 * @param {number} [$ui-border-width=$panel-border-width]
 * The border-width of the Panel
 *
 * @param {number} [$ui-padding=$panel-padding]
 * The padding of the Panel
 *
 * @param {color} [$ui-header-color=$panel-header-color]
 * The text color of the Header
 *
 * @param {string} [$ui-header-font-family=$panel-header-font-family]
 * The font-family of the Header
 *
 * @param {number} [$ui-header-font-size=$panel-header-font-size]
 * The font-size of the Header
 *
 * @param {string} [$ui-header-font-weight=$panel-header-font-weight]
 * The font-weight of the Header
 *
 * @param {number} [$ui-header-line-height=$panel-header-line-height]
 * The line-height of the Header
 *
 * @param {color} [$ui-header-border-color=$panel-header-border-color]
 * The border-color of the Header
 *
 * @param {number} [$ui-header-border-width=$panel-header-border-width]
 * The border-width of the Header
 *
 * @param {string} [$ui-header-border-style=$panel-header-border-style]
 * The border-style of the Header
 *
 * @param {color} [$ui-header-background-color=$panel-header-background-color]
 * The background-color of the Header
 *
 * @param {string/list} [$ui-header-background-gradient=$panel-header-background-gradient]
 * The background-gradient of the Header. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {color} [$ui-header-inner-border-color=$panel-header-inner-border-color]
 * The inner border-color of the Header
 *
 * @param {number} [$ui-header-inner-border-width=$panel-header-inner-border-width]
 * The inner border-width of the Header
 *
 * @param {number/list} [$ui-header-text-padding=$panel-header-text-padding]
 * The padding of the Header's text element
 *
 * @param {string} [$ui-header-text-transform=$panel-header-text-transform]
 * The text-transform of the Header
 *
 * @param {number/list} [$ui-header-padding=$panel-header-padding]
 * The padding of the Header
 *
 * @param {number} [$ui-header-icon-width=$panel-header-icon-width]
 * The width of the Header icon
 *
 * @param {number} [$ui-header-icon-height=$panel-header-icon-height]
 * The height of the Header icon
 *
 * @param {number} [$ui-header-icon-spacing=$panel-header-icon-spacing]
 * The space between the Header icon and text
 *
 * @param {list} [$ui-header-icon-background-position=$panel-header-icon-background-position]
 * The background-position of the Header icon
 *
 * @param {color} [$ui-header-glyph-color=$panel-header-glyph-color]
 * The color of the Header glyph icon
 *
 * @param {number} [$ui-header-glyph-opacity=$panel-header-glyph-opacity]
 * The opacity of the Header glyph icon
 *
 * @param {number} [$ui-tool-spacing=$panel-tool-spacing]
 * The space between the Panel {@link Ext.panel.Tool Tools}
 *
 * @param {string} [$ui-tool-background-image=$panel-tool-background-image]
 * The background sprite to use for Panel {@link Ext.panel.Tool Tools}
 *
 * @param {color} [$ui-body-color=$panel-body-color]
 * The color of text inside the Panel body
 *
 * @param {color} [$ui-body-border-color=$panel-body-border-color]
 * The border-color of the Panel body
 *
 * @param {number} [$ui-body-border-width=$panel-body-border-width]
 * The border-width of the Panel body
 *
 * @param {string} [$ui-body-border-style=$panel-body-border-style]
 * The border-style of the Panel body
 *
 * @param {color} [$ui-body-background-color=$panel-body-background-color]
 * The background-color of the Panel body
 *
 * @param {number} [$ui-body-font-size=$panel-body-font-size]
 * The font-size of the Panel body
 *
 * @param {string} [$ui-body-font-weight=$panel-body-font-weight]
 * The font-weight of the Panel body
 *
 * @param {string} [$ui-background-stretch-top=$panel-background-stretch-top]
 * The direction to strech the background-gradient of top docked Headers when slicing images
 * for IE using Sencha Cmd
 *
 * @param {string} [$ui-background-stretch-bottom=$panel-background-stretch-bottom]
 * The direction to strech the background-gradient of bottom docked Headers when slicing images
 * for IE using Sencha Cmd
 *
 * @param {string} [$ui-background-stretch-right=$panel-background-stretch-right]
 * The direction to strech the background-gradient of right docked Headers when slicing images
 * for IE using Sencha Cmd
 *
 * @param {string} [$ui-background-stretch-left=$panel-background-stretch-left]
 * The direction to strech the background-gradient of left docked Headers when slicing images
 * for IE using Sencha Cmd
 *
 * @param {boolean} [$ui-include-border-management-rules=$panel-include-border-management-rules]
 * True to include neptune style border management rules.
 *
 * @param {color} [$ui-wrap-border-color=$panel-wrap-border-color]
 * The color to apply to the border that wraps the body and docked items in a framed
 * panel. The presence of the wrap border in a framed panel is controlled by the
 * {@link #border} config. Only applicable when `$ui-include-border-management-rules` is
 * `true`.
 *
 * @param {color} [$ui-wrap-border-width=$panel-wrap-border-width]
 * The width to apply to the border that wraps the body and docked items in a framed
 * panel. The presence of the wrap border in a framed panel is controlled by the
 * {@link #border} config. Only applicable when `$ui-include-border-management-rules` is
 * `true`.
 *
 * @member Ext.panel.Panel
 */
/* line 736, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-ghost {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
}

/* line 206, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-default {
  border-color: #99bce8;
  padding: 0;
}

/* line 212, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default {
  font-size: 11px;
  border: 1px solid #99bce8;
}

/* line 232, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-horizontal {
  padding: 4px 5px 4px 5px;
}

/* line 236, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-horizontal-noborder {
  padding: 5px 6px 4px 6px;
}

/* line 240, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-vertical {
  padding: 5px 4px 5px 4px;
}

/* line 244, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-vertical-noborder {
  padding: 6px 5px 6px 4px;
}

/* line 249, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-rtl.x4-panel-header-default-vertical {
  padding: 5px 4px 5px 4px;
}

/* line 253, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-rtl.x4-panel-header-default-vertical-noborder {
  padding: 6px 4px 6px 5px;
}

/* line 260, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-text-container-default {
  color: #04408c;
  font-size: 11px;
  font-weight: bold;
  font-family: tahoma, arial, verdana, sans-serif;
  line-height: 15px;
  padding: 0 2px 1px;
  text-transform: none;
}

/* line 272, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-body-default {
  background: white;
  border-color: #99bce8;
  color: black;
  font-size: 12px;
  font-size: normal;
  border-width: 1px;
  border-style: solid;
}

/* line 432, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default {
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

/* line 436, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-vertical {
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

/* line 441, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-rtl.x4-panel-header-default-vertical {
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

/* line 454, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-nlg .x4-panel-header-default-top {
  background: url(images/panel-header/panel-header-default-top-bg.gif);
}
/* line 459, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-nlg .x4-panel-header-default-bottom {
  background: url(images/panel-header/panel-header-default-bottom-bg.gif);
}
/* line 464, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-nlg .x4-panel-header-default-left {
  background: url(images/panel-header/panel-header-default-left-bg.gif) top right;
}
/* line 469, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-nlg .x4-panel-header-default-right {
  background: url(images/panel-header/panel-header-default-right-bg.gif) top right;
}
/* line 476, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-nlg .x4-rtl.x4-panel-header-default-left {
  background: url(images/panel-header/panel-header-default-left-bg-rtl.gif);
}
/* line 480, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-nlg .x4-rtl.x4-panel-header-default-right {
  background: url(images/panel-header/panel-header-default-right-bg-rtl.gif);
}

/* line 494, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel .x4-panel-header-default-collapsed-border-top {
  border-bottom-width: 1px !important;
}
/* line 498, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel .x4-panel-header-default-collapsed-border-right {
  border-left-width: 1px !important;
}
/* line 502, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel .x4-panel-header-default-collapsed-border-bottom {
  border-top-width: 1px !important;
}
/* line 506, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel .x4-panel-header-default-collapsed-border-left {
  border-right-width: 1px !important;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-panel-header-default-top:after {
  display: none;
  content: "x-slicer:bg:url(images/panel-header/panel-header-default-top-bg.gif), stretch:bottom";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-panel-header-default-bottom:after {
  display: none;
  content: "x-slicer:bg:url(images/panel-header/panel-header-default-bottom-bg.gif), stretch:bottom";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-panel-header-default-left:after {
  display: none;
  content: "x-slicer:bg:url(images/panel-header/panel-header-default-left-bg.gif), bg-rtl:url(images/panel-header/panel-header-default-left-bg-rtl.gif), stretch:left";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-panel-header-default-right:after {
  display: none;
  content: "x-slicer:bg:url(images/panel-header/panel-header-default-right-bg.gif), bg-rtl:url(images/panel-header/panel-header-default-right-bg-rtl.gif), stretch:left";
}

/*</if slicer>*/
/* */
/* line 522, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-vertical .x4-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: 0 0;
  -o-transform: rotate(90deg);
  -o-transform-origin: 0 0;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
/* line 36, ../../../ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x4-ie9m .x4-panel-header-default-vertical .x4-panel-header-text-container {
  background-color: #cbddf3;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), progid:DXImageTransform.Microsoft.Chroma(color=#cbddf3);
}

/* line 527, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-vertical .x4-rtl.x4-panel-header-text-container {
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 100% 0;
  -o-transform: rotate(270deg);
  -o-transform-origin: 100% 0;
  transform: rotate(270deg);
  transform-origin: 100% 0;
}
/* line 36, ../../../ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x4-ie9m .x4-panel-header-default-vertical .x4-rtl.x4-panel-header-text-container {
  background-color: #cbddf3;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3), progid:DXImageTransform.Microsoft.Chroma(color=#cbddf3);
}

/* line 533, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-top {
  -webkit-box-shadow: #f3f7fb 0 1px 0px 0 inset;
  -moz-box-shadow: #f3f7fb 0 1px 0px 0 inset;
  box-shadow: #f3f7fb 0 1px 0px 0 inset;
}

/* line 537, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-right {
  -webkit-box-shadow: #f3f7fb -1px 0 0px 0 inset;
  -moz-box-shadow: #f3f7fb -1px 0 0px 0 inset;
  box-shadow: #f3f7fb -1px 0 0px 0 inset;
}

/* line 541, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-bottom {
  -webkit-box-shadow: #f3f7fb 0 -1px 0px 0 inset;
  -moz-box-shadow: #f3f7fb 0 -1px 0px 0 inset;
  box-shadow: #f3f7fb 0 -1px 0px 0 inset;
}

/* line 545, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-left {
  -webkit-box-shadow: #f3f7fb 1px 0 0px 0 inset;
  -moz-box-shadow: #f3f7fb 1px 0 0px 0 inset;
  box-shadow: #f3f7fb 1px 0 0px 0 inset;
}

/* line 551, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default .x4-panel-header-icon {
  width: 16px;
  height: 16px;
  background-position: center center;
}
/* line 556, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default .x4-panel-header-glyph {
  color: #04408c;
  font-size: 16px;
  line-height: 16px;
  opacity: 0.5;
}
/* line 572, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-ie8m .x4-panel-header-default .x4-panel-header-glyph {
  color: #678ebf;
}

/* line 580, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-horizontal .x4-panel-header-icon-before-title {
  margin: 0 2px 0 0;
}
/* line 585, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-horizontal .x4-rtl.x4-panel-header-icon-before-title {
  margin: 0 0 0 2px;
}
/* line 590, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-horizontal .x4-panel-header-icon-after-title {
  margin: 0 0 0 2px;
}
/* line 595, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-horizontal .x4-rtl.x4-panel-header-icon-after-title {
  margin: 0 2px 0 0;
}

/* line 602, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-vertical .x4-panel-header-icon-before-title {
  margin: 0 0 2px 0;
}
/* line 607, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-vertical .x4-rtl.x4-panel-header-icon-before-title {
  margin: 0 0 2px 0;
}
/* line 612, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-vertical .x4-panel-header-icon-after-title {
  margin: 2px 0 0 0;
}
/* line 617, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-vertical .x4-rtl.x4-panel-header-icon-after-title {
  margin: 2px 0 0 0;
}

/* line 625, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-horizontal .x4-tool-after-title {
  margin: 0 0 0 2px;
}
/* line 630, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-horizontal .x4-rtl.x4-tool-after-title {
  margin: 0 2px 0 0;
}
/* line 635, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-horizontal .x4-tool-before-title {
  margin: 0 2px 0 0;
}
/* line 640, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-horizontal .x4-rtl.x4-tool-before-title {
  margin: 0 0 0 2px;
}

/* line 647, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-vertical .x4-tool-after-title {
  margin: 2px 0 0 0;
}
/* line 652, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-vertical .x4-rtl.x4-tool-after-title {
  margin: 2px 0 0 0;
}
/* line 657, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-vertical .x4-tool-before-title {
  margin: 0 0 2px 0;
}
/* line 662, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-vertical .x4-rtl.x4-tool-before-title {
  margin: 0 0 2px 0;
}

/* line 670, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-rtl.x4-panel-header-default-collapsed-border-right {
  border-right-width: 1px !important;
}
/* line 673, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-rtl.x4-panel-header-default-collapsed-border-left {
  border-left-width: 1px !important;
}

/* line 687, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-default-resizable .x4-panel-handle {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 206, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-default-framed {
  border-color: #99bce8;
  padding: 4px;
}

/* line 212, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed {
  font-size: 11px;
  border: 1px solid #99bce8;
}

/* line 232, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-horizontal {
  padding: 4px 5px 4px 5px;
}

/* line 236, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-horizontal-noborder {
  padding: 5px 6px 4px 6px;
}

/* line 240, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-vertical {
  padding: 5px 4px 5px 4px;
}

/* line 244, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-vertical-noborder {
  padding: 6px 5px 6px 4px;
}

/* line 249, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-rtl.x4-panel-header-default-framed-vertical {
  padding: 5px 4px 5px 4px;
}

/* line 253, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-rtl.x4-panel-header-default-framed-vertical-noborder {
  padding: 6px 4px 6px 5px;
}

/* line 260, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-text-container-default-framed {
  color: #04408c;
  font-size: 11px;
  font-weight: bold;
  font-family: tahoma, arial, verdana, sans-serif;
  line-height: 15px;
  padding: 0 2px 1px;
  text-transform: none;
}

/* line 272, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-body-default-framed {
  background: #dfe9f6;
  border-color: #99bce8;
  color: black;
  font-size: 12px;
  font-size: normal;
  border-width: 0;
  border-style: solid;
}

/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-default-framed {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dfe9f6;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-default-framed-mc {
  background-color: #dfe9f6;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-panel-default-framed {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-panel-default-framed-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-4-4-4-4;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-default-framed-tl {
  background-position: 0 -8px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-default-framed-tr {
  background-position: right -12px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-default-framed-bl {
  background-position: 0 -16px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-default-framed-br {
  background-position: right -20px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-default-framed-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-default-framed-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-default-framed-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-default-framed-bc {
  background-position: 0 -4px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-default-framed-tr,
.x4-panel-default-framed-br,
.x4-panel-default-framed-mr {
  padding-right: 4px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-default-framed-tl,
.x4-panel-default-framed-bl,
.x4-panel-default-framed-ml {
  padding-left: 4px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-default-framed-tc {
  height: 4px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-default-framed-bc {
  height: 4px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-default-framed-tl,
.x4-panel-default-framed-bl,
.x4-panel-default-framed-tr,
.x4-panel-default-framed-br,
.x4-panel-default-framed-tc,
.x4-panel-default-framed-bc,
.x4-panel-default-framed-ml,
.x4-panel-default-framed-mr {
  zoom: 1;
  background-image: url(images/panel/panel-default-framed-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-default-framed-ml,
.x4-panel-default-framed-mr {
  zoom: 1;
  background-image: url(images/panel/panel-default-framed-sides.gif);
  background-repeat: repeat-y;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-default-framed-mc {
  padding: 1px 1px 1px 1px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-panel-default-framed-tl,
.x4-strict .x4-ie7 .x4-panel-default-framed-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-panel-default-framed:after {
  display: none;
  content: "x-slicer:corners:url(images/panel/panel-default-framed-corners.gif), sides:url(images/panel/panel-default-framed-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 4px 5px 4px 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-top-mc {
  background-image: url(images/panel-header/panel-header-default-framed-top-fbg.gif);
  background-position: 0 top;
  background-color: #cbddf3;
}

/* line 212, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-panel-header-default-framed-top {
  background-image: url(images/panel-header/panel-header-default-framed-top-bg.gif);
  background-position: 0 top;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-panel-header-default-framed-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  background-image: none;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-panel-header-default-framed-top-frameInfo {
  font-family: dh-4-4-0-0-1-1-0-1-4-5-4-5;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-top-tl {
  background-position: 0 -8px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-top-tr {
  background-position: right -12px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-top-bl {
  background-position: 0 -16px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-top-br {
  background-position: right -20px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-top-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-top-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-top-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-top-bc {
  background-position: 0 -4px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-top-tr,
.x4-panel-header-default-framed-top-br,
.x4-panel-header-default-framed-top-mr {
  padding-right: 4px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-top-tl,
.x4-panel-header-default-framed-top-bl,
.x4-panel-header-default-framed-top-ml {
  padding-left: 4px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-top-tc {
  height: 4px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-top-bc {
  height: 0;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-top-tl,
.x4-panel-header-default-framed-top-bl,
.x4-panel-header-default-framed-top-tr,
.x4-panel-header-default-framed-top-br,
.x4-panel-header-default-framed-top-tc,
.x4-panel-header-default-framed-top-bc,
.x4-panel-header-default-framed-top-ml,
.x4-panel-header-default-framed-top-mr {
  zoom: 1;
  background-image: url(images/panel-header/panel-header-default-framed-top-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-top-ml,
.x4-panel-header-default-framed-top-mr {
  zoom: 1;
  background-image: url(images/panel-header/panel-header-default-framed-top-sides.gif);
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-top-mc {
  padding: 1px 2px 4px 2px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-panel-header-default-framed-top-tl,
.x4-strict .x4-ie7 .x4-panel-header-default-framed-top-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-panel-header-default-framed-top:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/panel-header/panel-header-default-framed-top-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-top-bg.gif), corners:url(images/panel-header/panel-header-default-framed-top-corners.gif), sides:url(images/panel-header/panel-header-default-framed-top-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 4px 5px 4px;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

/* line 178, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-right {
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-right-mc {
  background-image: url(images/panel-header/panel-header-default-framed-right-fbg.gif);
  background-position: right 0;
  background-color: #cbddf3;
}

/* line 204, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-right-mc {
  background-image: url(images/panel-header/panel-header-default-framed-right-fbg-rtl.gif);
  background-position: 0 0;
}

/* line 212, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-panel-header-default-framed-right {
  background-image: url(images/panel-header/panel-header-default-framed-right-bg.gif);
  background-position: right 0;
}
/* line 223, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-rtl.x4-panel-header-default-framed-right {
  background-image: url(images/panel-header/panel-header-default-framed-right-bg-rtl.gif);
  background-position: 0 0;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-panel-header-default-framed-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  background-image: none;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-panel-header-default-framed-right-frameInfo {
  font-family: dv-0-4-4-0-1-1-1-0-5-4-5-4;
}

/* line 279, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-right-tl {
  background-position: 0 0;
}

/* line 283, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-right-tr {
  background-position: 0 -4px;
}

/* line 287, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-right-bl {
  background-position: 0 -8px;
}

/* line 291, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-right-br {
  background-position: 0 -12px;
}

/* line 295, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-right-ml {
  background-position: -4px 0;
}

/* line 299, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-right-mr {
  background-position: right 0;
}

/* line 303, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-right-tc {
  background-position: right 0;
}

/* line 307, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-right-bc {
  background-position: right -4px;
}

/* line 312, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-right-tc {
  background-position: 0 0;
}

/* line 316, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-right-bc {
  background-position: 0 -4px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-right-tr,
.x4-panel-header-default-framed-right-br,
.x4-panel-header-default-framed-right-mr {
  padding-right: 4px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-right-tl,
.x4-panel-header-default-framed-right-bl,
.x4-panel-header-default-framed-right-ml {
  padding-left: 0;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-right-tc {
  height: 4px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-right-bc {
  height: 4px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-right-tl,
.x4-panel-header-default-framed-right-bl,
.x4-panel-header-default-framed-right-tr,
.x4-panel-header-default-framed-right-br,
.x4-panel-header-default-framed-right-tc,
.x4-panel-header-default-framed-right-bc,
.x4-panel-header-default-framed-right-ml,
.x4-panel-header-default-framed-right-mr {
  zoom: 1;
  background-image: url(images/panel-header/panel-header-default-framed-right-corners.gif);
}

/* line 397, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-right-tl, .x4-rtl.x4-panel-header-default-framed-right-ml, .x4-rtl.x4-panel-header-default-framed-right-bl, .x4-rtl.x4-panel-header-default-framed-right-tr, .x4-rtl.x4-panel-header-default-framed-right-mr, .x4-rtl.x4-panel-header-default-framed-right-br {
  background-image: url(images/panel-header/panel-header-default-framed-right-corners-rtl.gif);
}

/* line 406, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-right-tc,
.x4-panel-header-default-framed-right-bc {
  zoom: 1;
  background-image: url(images/panel-header/panel-header-default-framed-right-sides.gif);
  background-repeat: repeat-x;
}

/* line 418, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-right-tc, .x4-rtl.x4-panel-header-default-framed-right-bc {
  background-image: url(images/panel-header/panel-header-default-framed-right-sides-rtl.gif);
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-right-mc {
  padding: 2px 1px 2px 4px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-panel-header-default-framed-right-tl,
.x4-strict .x4-ie7 .x4-panel-header-default-framed-right-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-panel-header-default-framed-right:after {
  display: none;
  content: "x-slicer:stretch:left, frame-bg:url(images/panel-header/panel-header-default-framed-right-fbg.gif), frame-bg-rtl:url(images/panel-header/panel-header-default-framed-right-fbg-rtl.gif), bg:url(images/panel-header/panel-header-default-framed-right-bg.gif), bg-rtl:url(images/panel-header/panel-header-default-framed-right-bg-rtl.gif), corners:url(images/panel-header/panel-header-default-framed-right-corners.gif), corners-rtl:url(images/panel-header/panel-header-default-framed-right-corners-rtl.gif), sides:url(images/panel-header/panel-header-default-framed-right-sides.gif), sides-rtl:url(images/panel-header/panel-header-default-framed-right-sides-rtl.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 4px 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-bottom-mc {
  background-image: url(images/panel-header/panel-header-default-framed-bottom-fbg.gif);
  background-position: 0 bottom;
  background-color: #cbddf3;
}

/* line 212, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-panel-header-default-framed-bottom {
  background-image: url(images/panel-header/panel-header-default-framed-bottom-bg.gif);
  background-position: 0 bottom;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-panel-header-default-framed-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  background-image: none;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-panel-header-default-framed-bottom-frameInfo {
  font-family: dh-0-0-4-4-0-1-1-1-4-5-4-5;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-bottom-tl {
  background-position: 0 -8px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-bottom-tr {
  background-position: right -12px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-bottom-bl {
  background-position: 0 -16px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-bottom-br {
  background-position: right -20px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-bottom-ml {
  background-position: 0 bottom;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-bottom-mr {
  background-position: right bottom;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-bottom-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-bottom-bc {
  background-position: 0 -4px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-bottom-tr,
.x4-panel-header-default-framed-bottom-br,
.x4-panel-header-default-framed-bottom-mr {
  padding-right: 4px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-bottom-tl,
.x4-panel-header-default-framed-bottom-bl,
.x4-panel-header-default-framed-bottom-ml {
  padding-left: 4px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-bottom-tc {
  height: 0;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-bottom-bc {
  height: 4px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-bottom-tl,
.x4-panel-header-default-framed-bottom-bl,
.x4-panel-header-default-framed-bottom-tr,
.x4-panel-header-default-framed-bottom-br,
.x4-panel-header-default-framed-bottom-tc,
.x4-panel-header-default-framed-bottom-bc,
.x4-panel-header-default-framed-bottom-ml,
.x4-panel-header-default-framed-bottom-mr {
  zoom: 1;
  background-image: url(images/panel-header/panel-header-default-framed-bottom-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-bottom-ml,
.x4-panel-header-default-framed-bottom-mr {
  zoom: 1;
  background-image: url(images/panel-header/panel-header-default-framed-bottom-sides.gif);
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-bottom-mc {
  padding: 4px 2px 1px 2px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-panel-header-default-framed-bottom-tl,
.x4-strict .x4-ie7 .x4-panel-header-default-framed-bottom-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-panel-header-default-framed-bottom:after {
  display: none;
  content: "x-slicer:stretch:top, frame-bg:url(images/panel-header/panel-header-default-framed-bottom-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-bottom-bg.gif), corners:url(images/panel-header/panel-header-default-framed-bottom-corners.gif), sides:url(images/panel-header/panel-header-default-framed-bottom-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

/* line 178, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-left {
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-left-mc {
  background-image: url(images/panel-header/panel-header-default-framed-left-fbg.gif);
  background-position: left 0;
  background-color: #cbddf3;
}

/* line 204, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-left-mc {
  background-image: url(images/panel-header/panel-header-default-framed-left-fbg-rtl.gif);
  background-position: right 0;
}

/* line 212, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-panel-header-default-framed-left {
  background-image: url(images/panel-header/panel-header-default-framed-left-bg.gif);
  background-position: left 0;
}
/* line 223, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-rtl.x4-panel-header-default-framed-left {
  background-image: url(images/panel-header/panel-header-default-framed-left-bg-rtl.gif);
  background-position: right 0;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-panel-header-default-framed-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  background-image: none;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-panel-header-default-framed-left-frameInfo {
  font-family: dv-4-0-0-4-1-0-1-1-5-4-5-4;
}

/* line 279, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-left-tl {
  background-position: 0 0;
}

/* line 283, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-left-tr {
  background-position: 0 -4px;
}

/* line 287, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-left-bl {
  background-position: 0 -8px;
}

/* line 291, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-left-br {
  background-position: 0 -12px;
}

/* line 295, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-left-ml {
  background-position: -4px 0;
}

/* line 299, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-left-mr {
  background-position: right 0;
}

/* line 303, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-left-tc {
  background-position: left 0;
}

/* line 307, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-left-bc {
  background-position: left -4px;
}

/* line 312, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-left-tc {
  background-position: right 0;
}

/* line 316, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-left-bc {
  background-position: right -4px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-left-tr,
.x4-panel-header-default-framed-left-br,
.x4-panel-header-default-framed-left-mr {
  padding-right: 0;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-left-tl,
.x4-panel-header-default-framed-left-bl,
.x4-panel-header-default-framed-left-ml {
  padding-left: 4px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-left-tc {
  height: 4px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-left-bc {
  height: 4px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-left-tl,
.x4-panel-header-default-framed-left-bl,
.x4-panel-header-default-framed-left-tr,
.x4-panel-header-default-framed-left-br,
.x4-panel-header-default-framed-left-tc,
.x4-panel-header-default-framed-left-bc,
.x4-panel-header-default-framed-left-ml,
.x4-panel-header-default-framed-left-mr {
  zoom: 1;
  background-image: url(images/panel-header/panel-header-default-framed-left-corners.gif);
}

/* line 397, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-left-tl, .x4-rtl.x4-panel-header-default-framed-left-ml, .x4-rtl.x4-panel-header-default-framed-left-bl, .x4-rtl.x4-panel-header-default-framed-left-tr, .x4-rtl.x4-panel-header-default-framed-left-mr, .x4-rtl.x4-panel-header-default-framed-left-br {
  background-image: url(images/panel-header/panel-header-default-framed-left-corners-rtl.gif);
}

/* line 406, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-left-tc,
.x4-panel-header-default-framed-left-bc {
  zoom: 1;
  background-image: url(images/panel-header/panel-header-default-framed-left-sides.gif);
  background-repeat: repeat-x;
}

/* line 418, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-left-tc, .x4-rtl.x4-panel-header-default-framed-left-bc {
  background-image: url(images/panel-header/panel-header-default-framed-left-sides-rtl.gif);
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-left-mc {
  padding: 2px 4px 2px 1px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-panel-header-default-framed-left-tl,
.x4-strict .x4-ie7 .x4-panel-header-default-framed-left-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-panel-header-default-framed-left:after {
  display: none;
  content: "x-slicer:stretch:right, frame-bg:url(images/panel-header/panel-header-default-framed-left-fbg.gif), frame-bg-rtl:url(images/panel-header/panel-header-default-framed-left-fbg-rtl.gif), bg:url(images/panel-header/panel-header-default-framed-left-bg.gif), bg-rtl:url(images/panel-header/panel-header-default-framed-left-bg-rtl.gif), corners:url(images/panel-header/panel-header-default-framed-left-corners.gif), corners-rtl:url(images/panel-header/panel-header-default-framed-left-corners-rtl.gif), sides:url(images/panel-header/panel-header-default-framed-left-sides.gif), sides-rtl:url(images/panel-header/panel-header-default-framed-left-sides-rtl.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-top-mc {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-top-fbg.gif);
  background-position: 0 top;
  background-color: #cbddf3;
}

/* line 212, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-panel-header-default-framed-collapsed-top {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-top-bg.gif);
  background-position: 0 top;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-panel-header-default-framed-collapsed-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  background-image: none;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-panel-header-default-framed-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-4-5-4-5;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-top-tl {
  background-position: 0 -8px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-top-tr {
  background-position: right -12px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-top-bl {
  background-position: 0 -16px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-top-br {
  background-position: right -20px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-top-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-top-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-top-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-top-bc {
  background-position: 0 -4px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-top-tr,
.x4-panel-header-default-framed-collapsed-top-br,
.x4-panel-header-default-framed-collapsed-top-mr {
  padding-right: 4px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-top-tl,
.x4-panel-header-default-framed-collapsed-top-bl,
.x4-panel-header-default-framed-collapsed-top-ml {
  padding-left: 4px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-top-tc {
  height: 4px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-top-bc {
  height: 4px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-top-tl,
.x4-panel-header-default-framed-collapsed-top-bl,
.x4-panel-header-default-framed-collapsed-top-tr,
.x4-panel-header-default-framed-collapsed-top-br,
.x4-panel-header-default-framed-collapsed-top-tc,
.x4-panel-header-default-framed-collapsed-top-bc,
.x4-panel-header-default-framed-collapsed-top-ml,
.x4-panel-header-default-framed-collapsed-top-mr {
  zoom: 1;
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-top-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-top-ml,
.x4-panel-header-default-framed-collapsed-top-mr {
  zoom: 1;
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-top-sides.gif);
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-top-mc {
  padding: 1px 2px 1px 2px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-top-tl,
.x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-top-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-panel-header-default-framed-collapsed-top:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/panel-header/panel-header-default-framed-collapsed-top-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-collapsed-top-bg.gif), corners:url(images/panel-header/panel-header-default-framed-collapsed-top-corners.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-top-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-right {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

/* line 178, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-collapsed-right {
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-right-mc {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-right-fbg.gif);
  background-position: right 0;
  background-color: #cbddf3;
}

/* line 204, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-collapsed-right-mc {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-right-fbg-rtl.gif);
  background-position: 0 0;
}

/* line 212, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-panel-header-default-framed-collapsed-right {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-right-bg.gif);
  background-position: right 0;
}
/* line 223, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-rtl.x4-panel-header-default-framed-collapsed-right {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-right-bg-rtl.gif);
  background-position: 0 0;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-panel-header-default-framed-collapsed-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  background-image: none;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-panel-header-default-framed-collapsed-right-frameInfo {
  font-family: dv-4-4-4-4-1-1-1-1-5-4-5-4;
}

/* line 279, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-right-tl {
  background-position: 0 0;
}

/* line 283, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-right-tr {
  background-position: 0 -4px;
}

/* line 287, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-right-bl {
  background-position: 0 -8px;
}

/* line 291, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-right-br {
  background-position: 0 -12px;
}

/* line 295, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-right-ml {
  background-position: -4px 0;
}

/* line 299, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-right-mr {
  background-position: right 0;
}

/* line 303, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-right-tc {
  background-position: right 0;
}

/* line 307, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-right-bc {
  background-position: right -4px;
}

/* line 312, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-collapsed-right-tc {
  background-position: 0 0;
}

/* line 316, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-collapsed-right-bc {
  background-position: 0 -4px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-right-tr,
.x4-panel-header-default-framed-collapsed-right-br,
.x4-panel-header-default-framed-collapsed-right-mr {
  padding-right: 4px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-right-tl,
.x4-panel-header-default-framed-collapsed-right-bl,
.x4-panel-header-default-framed-collapsed-right-ml {
  padding-left: 4px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-right-tc {
  height: 4px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-right-bc {
  height: 4px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-right-tl,
.x4-panel-header-default-framed-collapsed-right-bl,
.x4-panel-header-default-framed-collapsed-right-tr,
.x4-panel-header-default-framed-collapsed-right-br,
.x4-panel-header-default-framed-collapsed-right-tc,
.x4-panel-header-default-framed-collapsed-right-bc,
.x4-panel-header-default-framed-collapsed-right-ml,
.x4-panel-header-default-framed-collapsed-right-mr {
  zoom: 1;
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-right-corners.gif);
}

/* line 397, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-collapsed-right-tl, .x4-rtl.x4-panel-header-default-framed-collapsed-right-ml, .x4-rtl.x4-panel-header-default-framed-collapsed-right-bl, .x4-rtl.x4-panel-header-default-framed-collapsed-right-tr, .x4-rtl.x4-panel-header-default-framed-collapsed-right-mr, .x4-rtl.x4-panel-header-default-framed-collapsed-right-br {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-right-corners-rtl.gif);
}

/* line 406, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-right-tc,
.x4-panel-header-default-framed-collapsed-right-bc {
  zoom: 1;
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-right-sides.gif);
  background-repeat: repeat-x;
}

/* line 418, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-collapsed-right-tc, .x4-rtl.x4-panel-header-default-framed-collapsed-right-bc {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-right-sides-rtl.gif);
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-right-mc {
  padding: 2px 1px 2px 1px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-right-tl,
.x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-right-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-panel-header-default-framed-collapsed-right:after {
  display: none;
  content: "x-slicer:stretch:left, frame-bg:url(images/panel-header/panel-header-default-framed-collapsed-right-fbg.gif), frame-bg-rtl:url(images/panel-header/panel-header-default-framed-collapsed-right-fbg-rtl.gif), bg:url(images/panel-header/panel-header-default-framed-collapsed-right-bg.gif), bg-rtl:url(images/panel-header/panel-header-default-framed-collapsed-right-bg-rtl.gif), corners:url(images/panel-header/panel-header-default-framed-collapsed-right-corners.gif), corners-rtl:url(images/panel-header/panel-header-default-framed-collapsed-right-corners-rtl.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-right-sides.gif), sides-rtl:url(images/panel-header/panel-header-default-framed-collapsed-right-sides-rtl.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-bottom {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(top, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-bottom-mc {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-bottom-fbg.gif);
  background-position: 0 bottom;
  background-color: #cbddf3;
}

/* line 212, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-panel-header-default-framed-collapsed-bottom {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-bottom-bg.gif);
  background-position: 0 bottom;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-panel-header-default-framed-collapsed-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  background-image: none;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-panel-header-default-framed-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-1-1-1-1-4-5-4-5;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-bottom-tl {
  background-position: 0 -8px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-bottom-tr {
  background-position: right -12px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-bottom-bl {
  background-position: 0 -16px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-bottom-br {
  background-position: right -20px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-bottom-ml {
  background-position: 0 bottom;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-bottom-mr {
  background-position: right bottom;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-bottom-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-bottom-bc {
  background-position: 0 -4px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-bottom-tr,
.x4-panel-header-default-framed-collapsed-bottom-br,
.x4-panel-header-default-framed-collapsed-bottom-mr {
  padding-right: 4px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-bottom-tl,
.x4-panel-header-default-framed-collapsed-bottom-bl,
.x4-panel-header-default-framed-collapsed-bottom-ml {
  padding-left: 4px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-bottom-tc {
  height: 4px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-bottom-bc {
  height: 4px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-bottom-tl,
.x4-panel-header-default-framed-collapsed-bottom-bl,
.x4-panel-header-default-framed-collapsed-bottom-tr,
.x4-panel-header-default-framed-collapsed-bottom-br,
.x4-panel-header-default-framed-collapsed-bottom-tc,
.x4-panel-header-default-framed-collapsed-bottom-bc,
.x4-panel-header-default-framed-collapsed-bottom-ml,
.x4-panel-header-default-framed-collapsed-bottom-mr {
  zoom: 1;
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-bottom-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-bottom-ml,
.x4-panel-header-default-framed-collapsed-bottom-mr {
  zoom: 1;
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-bottom-sides.gif);
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-bottom-mc {
  padding: 1px 2px 1px 2px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-bottom-tl,
.x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-bottom-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-panel-header-default-framed-collapsed-bottom:after {
  display: none;
  content: "x-slicer:stretch:top, frame-bg:url(images/panel-header/panel-header-default-framed-collapsed-bottom-fbg.gif), bg:url(images/panel-header/panel-header-default-framed-collapsed-bottom-bg.gif), corners:url(images/panel-header/panel-header-default-framed-collapsed-bottom-corners.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-bottom-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(right, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

/* line 178, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-collapsed-left {
  background-image: none;
  background-color: #cbddf3;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dae7f6), color-stop(45%, #cddef3), color-stop(46%, #abc7ec), color-stop(50%, #abc7ec), color-stop(51%, #b8cfee), color-stop(100%, #cbddf3));
  background-image: -webkit-linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -moz-linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: -o-linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
  background-image: linear-gradient(left, #dae7f6, #cddef3 45%, #abc7ec 46%, #abc7ec 50%, #b8cfee 51%, #cbddf3);
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-left-mc {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-left-fbg.gif);
  background-position: left 0;
  background-color: #cbddf3;
}

/* line 204, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-collapsed-left-mc {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-left-fbg-rtl.gif);
  background-position: right 0;
}

/* line 212, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-panel-header-default-framed-collapsed-left {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-left-bg.gif);
  background-position: left 0;
}
/* line 223, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-rtl.x4-panel-header-default-framed-collapsed-left {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-left-bg-rtl.gif);
  background-position: right 0;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-panel-header-default-framed-collapsed-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  background-image: none;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-panel-header-default-framed-collapsed-left-frameInfo {
  font-family: dv-4-4-4-4-1-1-1-1-5-4-5-4;
}

/* line 279, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-left-tl {
  background-position: 0 0;
}

/* line 283, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-left-tr {
  background-position: 0 -4px;
}

/* line 287, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-left-bl {
  background-position: 0 -8px;
}

/* line 291, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-left-br {
  background-position: 0 -12px;
}

/* line 295, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-left-ml {
  background-position: -4px 0;
}

/* line 299, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-left-mr {
  background-position: right 0;
}

/* line 303, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-left-tc {
  background-position: left 0;
}

/* line 307, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-left-bc {
  background-position: left -4px;
}

/* line 312, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-collapsed-left-tc {
  background-position: right 0;
}

/* line 316, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-collapsed-left-bc {
  background-position: right -4px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-left-tr,
.x4-panel-header-default-framed-collapsed-left-br,
.x4-panel-header-default-framed-collapsed-left-mr {
  padding-right: 4px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-left-tl,
.x4-panel-header-default-framed-collapsed-left-bl,
.x4-panel-header-default-framed-collapsed-left-ml {
  padding-left: 4px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-left-tc {
  height: 4px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-left-bc {
  height: 4px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-left-tl,
.x4-panel-header-default-framed-collapsed-left-bl,
.x4-panel-header-default-framed-collapsed-left-tr,
.x4-panel-header-default-framed-collapsed-left-br,
.x4-panel-header-default-framed-collapsed-left-tc,
.x4-panel-header-default-framed-collapsed-left-bc,
.x4-panel-header-default-framed-collapsed-left-ml,
.x4-panel-header-default-framed-collapsed-left-mr {
  zoom: 1;
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-left-corners.gif);
}

/* line 397, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-collapsed-left-tl, .x4-rtl.x4-panel-header-default-framed-collapsed-left-ml, .x4-rtl.x4-panel-header-default-framed-collapsed-left-bl, .x4-rtl.x4-panel-header-default-framed-collapsed-left-tr, .x4-rtl.x4-panel-header-default-framed-collapsed-left-mr, .x4-rtl.x4-panel-header-default-framed-collapsed-left-br {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-left-corners-rtl.gif);
}

/* line 406, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-left-tc,
.x4-panel-header-default-framed-collapsed-left-bc {
  zoom: 1;
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-left-sides.gif);
  background-repeat: repeat-x;
}

/* line 418, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-panel-header-default-framed-collapsed-left-tc, .x4-rtl.x4-panel-header-default-framed-collapsed-left-bc {
  background-image: url(images/panel-header/panel-header-default-framed-collapsed-left-sides-rtl.gif);
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-panel-header-default-framed-collapsed-left-mc {
  padding: 2px 1px 2px 1px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-left-tl,
.x4-strict .x4-ie7 .x4-panel-header-default-framed-collapsed-left-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-panel-header-default-framed-collapsed-left:after {
  display: none;
  content: "x-slicer:stretch:right, frame-bg:url(images/panel-header/panel-header-default-framed-collapsed-left-fbg.gif), frame-bg-rtl:url(images/panel-header/panel-header-default-framed-collapsed-left-fbg-rtl.gif), bg:url(images/panel-header/panel-header-default-framed-collapsed-left-bg.gif), bg-rtl:url(images/panel-header/panel-header-default-framed-collapsed-left-bg-rtl.gif), corners:url(images/panel-header/panel-header-default-framed-collapsed-left-corners.gif), corners-rtl:url(images/panel-header/panel-header-default-framed-collapsed-left-corners-rtl.gif), sides:url(images/panel-header/panel-header-default-framed-collapsed-left-sides.gif), sides-rtl:url(images/panel-header/panel-header-default-framed-collapsed-left-sides-rtl.gif)";
}

/*</if slicer>*/
/* */
/* line 396, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel .x4-panel-header-default-framed-top {
  border-bottom-width: 1px !important;
}
/* line 400, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel .x4-panel-header-default-framed-right {
  border-left-width: 1px !important;
}
/* line 404, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel .x4-panel-header-default-framed-bottom {
  border-top-width: 1px !important;
}
/* line 408, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel .x4-panel-header-default-framed-left {
  border-right-width: 1px !important;
}

/* line 414, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-nbr .x4-panel-header-default-framed-collapsed-top {
  border-bottom-width: 0 !important;
}
/* line 418, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-nbr .x4-panel-header-default-framed-collapsed-right {
  border-left-width: 0 !important;
}
/* line 422, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-nbr .x4-panel-header-default-framed-collapsed-bottom {
  border-top-width: 0 !important;
}
/* line 426, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-nbr .x4-panel-header-default-framed-collapsed-left {
  border-right-width: 0 !important;
}

/* line 522, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-vertical .x4-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: 0 0;
  -o-transform: rotate(90deg);
  -o-transform-origin: 0 0;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
/* line 36, ../../../ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x4-ie9m .x4-panel-header-default-framed-vertical .x4-panel-header-text-container {
  background-color: #cbddf3;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), progid:DXImageTransform.Microsoft.Chroma(color=#cbddf3);
}

/* line 527, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-vertical .x4-rtl.x4-panel-header-text-container {
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 100% 0;
  -o-transform: rotate(270deg);
  -o-transform-origin: 100% 0;
  transform: rotate(270deg);
  transform-origin: 100% 0;
}
/* line 36, ../../../ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x4-ie9m .x4-panel-header-default-framed-vertical .x4-rtl.x4-panel-header-text-container {
  background-color: #cbddf3;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3), progid:DXImageTransform.Microsoft.Chroma(color=#cbddf3);
}

/* line 533, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-top {
  -webkit-box-shadow: #f3f7fb 0 1px 0px 0 inset, #f3f7fb -1px 0 0px 0 inset, #f3f7fb 1px 0 0px 0 inset;
  -moz-box-shadow: #f3f7fb 0 1px 0px 0 inset, #f3f7fb -1px 0 0px 0 inset, #f3f7fb 1px 0 0px 0 inset;
  box-shadow: #f3f7fb 0 1px 0px 0 inset, #f3f7fb -1px 0 0px 0 inset, #f3f7fb 1px 0 0px 0 inset;
}

/* line 537, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-right {
  -webkit-box-shadow: #f3f7fb 0 1px 0px 0 inset, #f3f7fb 0 -1px 0px 0 inset, #f3f7fb -1px 0 0px 0 inset;
  -moz-box-shadow: #f3f7fb 0 1px 0px 0 inset, #f3f7fb 0 -1px 0px 0 inset, #f3f7fb -1px 0 0px 0 inset;
  box-shadow: #f3f7fb 0 1px 0px 0 inset, #f3f7fb 0 -1px 0px 0 inset, #f3f7fb -1px 0 0px 0 inset;
}

/* line 541, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-bottom {
  -webkit-box-shadow: #f3f7fb 0 -1px 0px 0 inset, #f3f7fb -1px 0 0px 0 inset, #f3f7fb 1px 0 0px 0 inset;
  -moz-box-shadow: #f3f7fb 0 -1px 0px 0 inset, #f3f7fb -1px 0 0px 0 inset, #f3f7fb 1px 0 0px 0 inset;
  box-shadow: #f3f7fb 0 -1px 0px 0 inset, #f3f7fb -1px 0 0px 0 inset, #f3f7fb 1px 0 0px 0 inset;
}

/* line 545, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-left {
  -webkit-box-shadow: #f3f7fb 0 1px 0px 0 inset, #f3f7fb 0 -1px 0px 0 inset, #f3f7fb 1px 0 0px 0 inset;
  -moz-box-shadow: #f3f7fb 0 1px 0px 0 inset, #f3f7fb 0 -1px 0px 0 inset, #f3f7fb 1px 0 0px 0 inset;
  box-shadow: #f3f7fb 0 1px 0px 0 inset, #f3f7fb 0 -1px 0px 0 inset, #f3f7fb 1px 0 0px 0 inset;
}

/* line 551, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed .x4-panel-header-icon {
  width: 16px;
  height: 16px;
  background-position: center center;
}
/* line 556, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed .x4-panel-header-glyph {
  color: #04408c;
  font-size: 16px;
  line-height: 16px;
  opacity: 0.5;
}
/* line 572, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-ie8m .x4-panel-header-default-framed .x4-panel-header-glyph {
  color: #678ebf;
}

/* line 580, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-horizontal .x4-panel-header-icon-before-title {
  margin: 0 2px 0 0;
}
/* line 585, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-horizontal .x4-rtl.x4-panel-header-icon-before-title {
  margin: 0 0 0 2px;
}
/* line 590, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-horizontal .x4-panel-header-icon-after-title {
  margin: 0 0 0 2px;
}
/* line 595, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-horizontal .x4-rtl.x4-panel-header-icon-after-title {
  margin: 0 2px 0 0;
}

/* line 602, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-vertical .x4-panel-header-icon-before-title {
  margin: 0 0 2px 0;
}
/* line 607, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-vertical .x4-rtl.x4-panel-header-icon-before-title {
  margin: 0 0 2px 0;
}
/* line 612, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-vertical .x4-panel-header-icon-after-title {
  margin: 2px 0 0 0;
}
/* line 617, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-vertical .x4-rtl.x4-panel-header-icon-after-title {
  margin: 2px 0 0 0;
}

/* line 625, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-horizontal .x4-tool-after-title {
  margin: 0 0 0 2px;
}
/* line 630, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-horizontal .x4-rtl.x4-tool-after-title {
  margin: 0 2px 0 0;
}
/* line 635, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-horizontal .x4-tool-before-title {
  margin: 0 2px 0 0;
}
/* line 640, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-horizontal .x4-rtl.x4-tool-before-title {
  margin: 0 0 0 2px;
}

/* line 647, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-vertical .x4-tool-after-title {
  margin: 2px 0 0 0;
}
/* line 652, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-vertical .x4-rtl.x4-tool-after-title {
  margin: 2px 0 0 0;
}
/* line 657, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-vertical .x4-tool-before-title {
  margin: 0 0 2px 0;
}
/* line 662, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-header-default-framed-vertical .x4-rtl.x4-tool-before-title {
  margin: 0 0 2px 0;
}

/* line 670, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-rtl.x4-panel-header-default-framed-collapsed-border-right {
  border-right-width: 1px !important;
}
/* line 673, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-rtl.x4-panel-header-default-framed-collapsed-border-left {
  border-left-width: 1px !important;
}

/* line 687, ../../../ext-theme-neutral/sass/src/panel/Panel.scss */
.x4-panel-default-framed-resizable .x4-panel-handle {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/**
 * Creates a visual theme for a Ext.tip.Tip
 *
 * @param {string} $ui-label
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {color} [$ui-border-color=$tip-border-color]
 * The border-color of the Tip
 *
 * @param {number} [$ui-border-width=$tip-border-width]
 * The border-width of the Tip
 *
 * @param {number} [$ui-border-radius=$tip-border-radius]
 * The border-radius of the Tip
 *
 * @param {color} [$ui-background-color=$tip-background-color]
 * The background-color of the Tip
 *
 * @param {string/list} [$ui-background-gradient=$tip-background-gradient]
 * The background-gradient of the Tip. Can be either the name of a predefined gradient or a
 * list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.
 *
 * @param {number} [$ui-tool-spacing=$tip-tool-spacing]
 * The space between {@link Ext.panel.Tool Tools} in the header
 *
 * @param {string} [$ui-tool-background-image=$tip-tool-background-image]
 * The sprite to use for the header {@link Ext.panel.Tool Tools}
 *
 * @param {number/list} [$ui-header-body-padding=$tip-header-body-padding]
 * The padding of the Tip header's body element
 *
 * @param {color} [$ui-header-color=$tip-header-color]
 * The text color of the Tip header
 *
 * @param {number} [$ui-header-font-size=$tip-header-font-size]
 * The font-size of the Tip header
 *
 * @param {string} [$ui-header-font-weight=$tip-header-font-weight]
 * The font-weight of the Tip header
 *
 * @param {number/list} [$ui-body-padding=$tip-body-padding]
 * The padding of the Tip body
 *
 * @param {color} [$ui-body-color=$tip-body-color]
 * The text color of the Tip body
 *
 * @param {number} [$ui-body-font-size=$tip-body-font-size]
 * The font-size of the Tip body
 *
 * @param {string} [$ui-body-font-weight=$tip-body-font-weight]
 * The font-weight of the Tip body
 *
 * @param {color} [$ui-body-link-color=$tip-body-link-color]
 * The text color of any anchor tags inside the Tip body
 *
 * @param {number} [$ui-inner-border-width=0]
 * The inner border-width of the Tip
 *
 * @param {color} [$ui-inner-border-color=#fff]
 * The inner border-color of the Tip
 *
 * @member Ext.tip.Tip
 */
/* line 167, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-anchor {
  position: absolute;
  overflow: hidden;
  height: 10px;
  width: 10px;
  border-style: solid;
  border-width: 5px;
  border-color: #8eaace;
  zoom: 1;
}
/* line 182, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-content-box .x4-tip-anchor {
  height: 0;
  width: 0;
}

/* line 189, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-anchor-top {
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  _border-top-color: pink;
  _border-left-color: pink;
  _border-right-color: pink;
  _filter: chroma(color=pink);
}

/* line 202, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-anchor-bottom {
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  _border-bottom-color: pink;
  _border-left-color: pink;
  _border-right-color: pink;
  _filter: chroma(color=pink);
}

/* line 215, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-anchor-left {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  _border-top-color: pink;
  _border-bottom-color: pink;
  _border-left-color: pink;
  _filter: chroma(color=pink);
}

/* line 228, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-anchor-right {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  _border-top-color: pink;
  _border-bottom-color: pink;
  _border-right-color: pink;
  _filter: chroma(color=pink);
}

/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-default {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #e9f2ff;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-default-mc {
  background-color: #e9f2ff;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-tip-default {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-tip-default-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-default-tl {
  background-position: 0 -6px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-default-tr {
  background-position: right -9px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-default-bl {
  background-position: 0 -12px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-default-br {
  background-position: right -15px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-default-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-default-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-default-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-default-bc {
  background-position: 0 -3px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-default-tr,
.x4-tip-default-br,
.x4-tip-default-mr {
  padding-right: 3px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-default-tl,
.x4-tip-default-bl,
.x4-tip-default-ml {
  padding-left: 3px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-default-tc {
  height: 3px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-default-bc {
  height: 3px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-default-tl,
.x4-tip-default-bl,
.x4-tip-default-tr,
.x4-tip-default-br,
.x4-tip-default-tc,
.x4-tip-default-bc,
.x4-tip-default-ml,
.x4-tip-default-mr {
  zoom: 1;
  background-image: url(images/tip/tip-default-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-default-ml,
.x4-tip-default-mr {
  zoom: 1;
  background-image: url(images/tip/tip-default-sides.gif);
  background-repeat: repeat-y;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-default-mc {
  padding: 0px 0px 0px 0px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-tip-default-tl,
.x4-strict .x4-ie7 .x4-tip-default-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-tip-default:after {
  display: none;
  content: "x-slicer:corners:url(images/tip/tip-default-corners.gif), sides:url(images/tip/tip-default-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 100, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-default {
  border-color: #8eaace;
}
/* line 109, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-default .x4-tool-img {
  background-color: #e9f2ff;
}

/* line 124, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-header-default .x4-tool-after-title {
  margin: 0 0 0 6px;
}
/* line 129, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-header-default .x4-rtl.x4-tool-after-title {
  margin: 0 6px 0 0;
}
/* line 134, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-header-default .x4-tool-before-title {
  margin: 0 6px 0 0;
}
/* line 139, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-header-default .x4-rtl.x4-tool-before-title {
  margin: 0 0 0 6px;
}

/* line 145, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-header-body-default {
  padding: 3px 3px 0 3px;
}

/* line 149, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-header-text-container-default {
  color: #444444;
  font-size: 11px;
  font-weight: bold;
}

/* line 155, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-body-default {
  padding: 3px;
  color: #444444;
  font-size: 11px;
  font-weight: normal;
}
/* line 160, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-body-default a {
  color: #2a2a2a;
}

/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-form-invalid {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: white;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-form-invalid-mc {
  background-color: white;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-tip-form-invalid {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-tip-form-invalid-frameInfo {
  font-family: th-5-5-5-5-1-1-1-1-4-4-4-4;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-form-invalid-tl {
  background-position: 0 -10px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-form-invalid-tr {
  background-position: right -15px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-form-invalid-bl {
  background-position: 0 -20px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-form-invalid-br {
  background-position: right -25px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-form-invalid-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-form-invalid-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-form-invalid-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-form-invalid-bc {
  background-position: 0 -5px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-form-invalid-tr,
.x4-tip-form-invalid-br,
.x4-tip-form-invalid-mr {
  padding-right: 5px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-form-invalid-tl,
.x4-tip-form-invalid-bl,
.x4-tip-form-invalid-ml {
  padding-left: 5px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-form-invalid-tc {
  height: 5px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-form-invalid-bc {
  height: 5px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-form-invalid-tl,
.x4-tip-form-invalid-bl,
.x4-tip-form-invalid-tr,
.x4-tip-form-invalid-br,
.x4-tip-form-invalid-tc,
.x4-tip-form-invalid-bc,
.x4-tip-form-invalid-ml,
.x4-tip-form-invalid-mr {
  zoom: 1;
  background-image: url(images/tip/tip-form-invalid-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-form-invalid-ml,
.x4-tip-form-invalid-mr {
  zoom: 1;
  background-image: url(images/tip/tip-form-invalid-sides.gif);
  background-repeat: repeat-y;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tip-form-invalid-mc {
  padding: 0px 0px 0px 0px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-tip-form-invalid-tl,
.x4-strict .x4-ie7 .x4-tip-form-invalid-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-tip-form-invalid:after {
  display: none;
  content: "x-slicer:corners:url(images/tip/tip-form-invalid-corners.gif), sides:url(images/tip/tip-form-invalid-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 100, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-form-invalid {
  border-color: #a1311f;
  -webkit-box-shadow: #d87166 0 1px 0px 0 inset, #d87166 0 -1px 0px 0 inset, #d87166 -1px 0 0px 0 inset, #d87166 1px 0 0px 0 inset;
  -moz-box-shadow: #d87166 0 1px 0px 0 inset, #d87166 0 -1px 0px 0 inset, #d87166 -1px 0 0px 0 inset, #d87166 1px 0 0px 0 inset;
  box-shadow: #d87166 0 1px 0px 0 inset, #d87166 0 -1px 0px 0 inset, #d87166 -1px 0 0px 0 inset, #d87166 1px 0 0px 0 inset;
}
/* line 109, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-form-invalid .x4-tool-img {
  background-color: white;
}

/* line 124, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-header-form-invalid .x4-tool-after-title {
  margin: 0 0 0 6px;
}
/* line 129, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-header-form-invalid .x4-rtl.x4-tool-after-title {
  margin: 0 6px 0 0;
}
/* line 134, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-header-form-invalid .x4-tool-before-title {
  margin: 0 6px 0 0;
}
/* line 139, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-header-form-invalid .x4-rtl.x4-tool-before-title {
  margin: 0 0 0 6px;
}

/* line 145, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-header-body-form-invalid {
  padding: 3px 3px 0 3px;
}

/* line 149, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-header-text-container-form-invalid {
  color: #444444;
  font-size: 11px;
  font-weight: bold;
}

/* line 155, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-body-form-invalid {
  padding: 3px 3px 3px 22px;
  color: #444444;
  font-size: 11px;
  font-weight: normal;
}
/* line 160, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-body-form-invalid a {
  color: #2a2a2a;
}

/* line 265, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-body-form-invalid {
  background: 1px 1px no-repeat;
  background-image: url(images/form/exclamation.gif);
}
/* line 268, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-body-form-invalid li {
  margin-bottom: 4px;
}
/* line 270, ../../../ext-theme-neutral/sass/src/tip/Tip.scss */
.x4-tip-body-form-invalid li.last {
  margin-bottom: 0;
}

/**
 * Creates a visual theme for a ButtonGroup.
 *
 * @param {string} $ui-label
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {color} [$ui-background-color=$btn-group-background-color]
 * The background-color of the button group
 *
 * @param {color} [$ui-border-color=$btn-group-border-color]
 * The border-color of the button group
 *
 * @param {number} [$ui-border-width=$btn-group-border-width]
 * The border-width of the button group
 *
 * @param {number} [$ui-border-radius=$btn-group-border-radius]
 * The border-radius of the button group
 *
 * @param {color} [$ui-inner-border-color=$btn-group-inner-border-color]
 * The inner border-color of the button group
 *
 * @param {color} [$ui-header-background-color=$btn-group-header-background-color]
 * The background-color of the header
 *
 * @param {string} [$ui-header-font=$btn-group-header-font]
 * The font of the header
 *
 * @param {color} [$ui-header-color=$btn-group-header-color]
 * The text color of the header
 *
 * @param {number} [$ui-header-line-height=$btn-group-header-line-height]
 * The line-height of the header
 *
 * @param {number} [$ui-header-padding=$btn-group-header-padding]
 * The padding of the header
 *
 * @param {number} [$ui-body-padding=$btn-group-padding]
 * The padding of the body element
 *
 * @param {string} [$ui-tool-background-image=$btn-group-tool-background-image]
 * Sprite image to use for header {@link Ext.panel.Tool Tools}
 *
 * @member Ext.container.ButtonGroup
 */
/* line 89, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x4-btn-group-default {
  border-color: #b7c8d7;
  -webkit-box-shadow: #e3ebf5 0 1px 0px 0 inset, #e3ebf5 0 -1px 0px 0 inset, #e3ebf5 -1px 0 0px 0 inset, #e3ebf5 1px 0 0px 0 inset;
  -moz-box-shadow: #e3ebf5 0 1px 0px 0 inset, #e3ebf5 0 -1px 0px 0 inset, #e3ebf5 -1px 0 0px 0 inset, #e3ebf5 1px 0 0px 0 inset;
  box-shadow: #e3ebf5 0 1px 0px 0 inset, #e3ebf5 0 -1px 0px 0 inset, #e3ebf5 -1px 0 0px 0 inset, #e3ebf5 1px 0 0px 0 inset;
}

/* line 98, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x4-btn-group-header-default {
  margin: 2px 2px 0 2px;
  padding: 1px 0;
  line-height: 15px;
  background: #c2d8f0;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
}
/* line 109, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x4-btn-group-header-default .x4-tool-img {
  background-color: #c2d8f0;
}

/* line 120, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x4-btn-group-header-text-container-default {
  font: normal 11px tahoma, arial, verdana, sans-serif;
  line-height: 15px;
  color: #3e6aaa;
}

/* line 126, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x4-btn-group-body-default {
  padding: 0 1px;
}
/* line 128, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x4-btn-group-body-default .x4-table-layout {
  border-spacing: 0;
}

/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 1px 1px 1px 1px;
  border-width: 1px;
  border-style: solid;
  background-color: #d0def0;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-mc {
  background-color: #d0def0;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-btn-group-default-framed {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-btn-group-default-framed-frameInfo {
  font-family: dh-2-2-2-2-1-1-1-1-1-1-1-1;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-tl {
  background-position: 0 -4px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-tr {
  background-position: right -6px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-bl {
  background-position: 0 -8px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-br {
  background-position: right -10px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-bc {
  background-position: 0 -2px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-tr,
.x4-btn-group-default-framed-br,
.x4-btn-group-default-framed-mr {
  padding-right: 2px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-tl,
.x4-btn-group-default-framed-bl,
.x4-btn-group-default-framed-ml {
  padding-left: 2px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-tc {
  height: 2px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-bc {
  height: 2px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-tl,
.x4-btn-group-default-framed-bl,
.x4-btn-group-default-framed-tr,
.x4-btn-group-default-framed-br,
.x4-btn-group-default-framed-tc,
.x4-btn-group-default-framed-bc,
.x4-btn-group-default-framed-ml,
.x4-btn-group-default-framed-mr {
  zoom: 1;
  background-image: url(images/btn-group/btn-group-default-framed-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-ml,
.x4-btn-group-default-framed-mr {
  zoom: 1;
  background-image: url(images/btn-group/btn-group-default-framed-sides.gif);
  background-repeat: repeat-y;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-mc {
  padding: 0px 0px 0px 0px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-btn-group-default-framed-tl,
.x4-strict .x4-ie7 .x4-btn-group-default-framed-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-group-default-framed:after {
  display: none;
  content: "x-slicer:corners:url(images/btn-group/btn-group-default-framed-corners.gif), sides:url(images/btn-group/btn-group-default-framed-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-notitle {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 1px 1px 1px 1px;
  border-width: 1px;
  border-style: solid;
  background-color: #d0def0;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-notitle-mc {
  background-color: #d0def0;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-btn-group-default-framed-notitle {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-btn-group-default-framed-notitle-frameInfo {
  font-family: dh-2-2-2-2-1-1-1-1-1-1-1-1;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-notitle-tl {
  background-position: 0 -4px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-notitle-tr {
  background-position: right -6px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-notitle-bl {
  background-position: 0 -8px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-notitle-br {
  background-position: right -10px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-notitle-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-notitle-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-notitle-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-notitle-bc {
  background-position: 0 -2px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-notitle-tr,
.x4-btn-group-default-framed-notitle-br,
.x4-btn-group-default-framed-notitle-mr {
  padding-right: 2px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-notitle-tl,
.x4-btn-group-default-framed-notitle-bl,
.x4-btn-group-default-framed-notitle-ml {
  padding-left: 2px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-notitle-tc {
  height: 2px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-notitle-bc {
  height: 2px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-notitle-tl,
.x4-btn-group-default-framed-notitle-bl,
.x4-btn-group-default-framed-notitle-tr,
.x4-btn-group-default-framed-notitle-br,
.x4-btn-group-default-framed-notitle-tc,
.x4-btn-group-default-framed-notitle-bc,
.x4-btn-group-default-framed-notitle-ml,
.x4-btn-group-default-framed-notitle-mr {
  zoom: 1;
  background-image: url(images/btn-group/btn-group-default-framed-notitle-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-notitle-ml,
.x4-btn-group-default-framed-notitle-mr {
  zoom: 1;
  background-image: url(images/btn-group/btn-group-default-framed-notitle-sides.gif);
  background-repeat: repeat-y;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-btn-group-default-framed-notitle-mc {
  padding: 0px 0px 0px 0px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-btn-group-default-framed-notitle-tl,
.x4-strict .x4-ie7 .x4-btn-group-default-framed-notitle-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-btn-group-default-framed-notitle:after {
  display: none;
  content: "x-slicer:corners:url(images/btn-group/btn-group-default-framed-notitle-corners.gif), sides:url(images/btn-group/btn-group-default-framed-notitle-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 89, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x4-btn-group-default-framed {
  border-color: #b7c8d7;
  -webkit-box-shadow: #e3ebf5 0 1px 0px 0 inset, #e3ebf5 0 -1px 0px 0 inset, #e3ebf5 -1px 0 0px 0 inset, #e3ebf5 1px 0 0px 0 inset;
  -moz-box-shadow: #e3ebf5 0 1px 0px 0 inset, #e3ebf5 0 -1px 0px 0 inset, #e3ebf5 -1px 0 0px 0 inset, #e3ebf5 1px 0 0px 0 inset;
  box-shadow: #e3ebf5 0 1px 0px 0 inset, #e3ebf5 0 -1px 0px 0 inset, #e3ebf5 -1px 0 0px 0 inset, #e3ebf5 1px 0 0px 0 inset;
}

/* line 98, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x4-btn-group-header-default-framed {
  margin: 2px 2px 0 2px;
  padding: 1px 0;
  line-height: 15px;
  background: #c2d8f0;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
}
/* line 109, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x4-btn-group-header-default-framed .x4-tool-img {
  background-color: #c2d8f0;
}

/* line 120, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x4-btn-group-header-text-container-default-framed {
  font: normal 11px tahoma, arial, verdana, sans-serif;
  line-height: 15px;
  color: #3e6aaa;
}

/* line 126, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x4-btn-group-body-default-framed {
  padding: 0 1px 0 1px;
}
/* line 128, ../../../ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x4-btn-group-body-default-framed .x4-table-layout {
  border-spacing: 0;
}

/**
 * Creates a visual theme for a Window
 *
 * @param {string} $ui-label
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {number} [$ui-padding=$window-padding]
 * The padding of the Window
 *
 * @param {number} [$ui-border-radius=$window-border-radius]
 * The border-radius of the Window
 *
 * @param {color} [$ui-border-color=$window-border-color]
 * The border-color of the Window
 *
 * @param {number} [$ui-border-width=$window-border-width]
 * The border-width of the Window
 *
 * @param {color} [$ui-inner-border-color=$window-inner-border-color]
 * The inner border-color of the Window
 *
 * @param {number} [$ui-inner-border-width=$window-inner-border-width]
 * The inner border-width of the Window
 *
 * @param {color} [$ui-header-color=$window-header-color]
 * The text color of the Header
 *
 * @param {color} [$ui-header-background-color=$window-header-background-color]
 * The background-color of the Header
 *
 * @param {number/list} [$ui-header-padding=$window-header-padding]
 * The padding of the Header
 *
 * @param {string} [$ui-header-font-family=$window-header-font-family]
 * The font-family of the Header
 *
 * @param {number} [$ui-header-font-size=$window-header-font-size]
 * The font-size of the Header
 *
 * @param {string} [$ui-header-font-weight=$window-header-font-weight]
 * The font-weight of the Header
 *
 * @param {number} [$ui-header-line-height=$window-header-line-height]
 * The line-height of the Header
 *
 * @param {number/list} [$ui-header-text-padding=$window-header-text-padding]
 * The padding of the Header's text element
 *
 * @param {string} [$ui-header-text-transform=$window-header-text-transform]
 * The text-transform of the Header
 *
 * @param {color} [$ui-header-border-color=$ui-border-color]
 * The border-color of the Header
 *
 * @param {number} [$ui-header-border-width=$window-header-border-width]
 * The border-width of the Header
 *
 * @param {color} [$ui-header-inner-border-color=$window-header-inner-border-color]
 * The inner border-color of the Header
 *
 * @param {number} [$ui-header-inner-border-width=$window-header-inner-border-width]
 * The inner border-width of the Header
 *
 * @param {number} [$ui-header-icon-width=$window-header-icon-width]
 * The width of the Header icon
 *
 * @param {number} [$ui-header-icon-height=$window-header-icon-height]
 * The height of the Header icon
 *
 * @param {number} [$ui-header-icon-spacing=$window-header-icon-spacing]
 * The space between the Header icon and text
 *
 * @param {list} [$ui-header-icon-background-position=$window-header-icon-background-position]
 * The background-position of the Header icon
 *
 * @param {color} [$ui-header-glyph-color=$window-header-glyph-color]
 * The color of the Header glyph icon
 *
 * @param {number} [$ui-header-glyph-opacity=$window-header-glyph-opacity]
 * The opacity of the Header glyph icon
 *
 * @param {number} [$ui-tool-spacing=$window-tool-spacing]
 * The space between the {@link Ext.panel.Tool Tools}
 *
 * @param {string} [$ui-tool-background-image=$window-tool-background-image]
 * The background sprite to use for {@link Ext.panel.Tool Tools}
 *
 * @param {color} [$ui-body-border-color=$window-body-border-color]
 * The border-color of the Window body
 *
 * @param {color} [$ui-body-background-color=$window-body-background-color]
 * The background-color of the Window body
 *
 * @param {number} [$ui-body-border-width=$window-body-border-width]
 * The border-width of the Window body
 *
 * @param {string} [$ui-body-border-style=$window-body-border-style]
 * The border-style of the Window body
 *
 * @param {color} [$ui-body-color=$window-body-color]
 * The color of text inside the Window body
 *
 * @param {color} [$ui-background-color=$window-background-color]
 * The background-color of the Window
 *
 * @param {boolean} [$ui-force-header-border=$window-force-header-border]
 * True to force the window header to have a border on the side facing
 * the window body.  Overrides dock layout's border management border
 * removal rules.
 *
 * @param {boolean} [$ui-include-border-management-rules=$window-include-border-management-rules]
 * True to include neptune style border management rules.
 *
 * @param {color} [$ui-wrap-border-color=$window-wrap-border-color]
 * The color to apply to the border that wraps the body and docked items. The presence of
 * the wrap border is controlled by the {@link #border} config. Only applicable when
 * `$ui-include-border-management-rules` is `true`.
 *
 * @param {color} [$ui-wrap-border-width=$window-wrap-border-width]
 * The width to apply to the border that wraps the body and docked items. The presence of
 * the wrap border is controlled by the {@link #border} config. Only applicable when
 * `$ui-include-border-management-rules` is `true`.
 *
 * @member Ext.window.Window
 */
/* line 545, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-ghost {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
  opacity: 0.65;
}

/* line 174, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-default {
  border-color: #a2b1c5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: #ecf2fb 0 1px 0px 0 inset, #ecf2fb 0 -1px 0px 0 inset, #ecf2fb -1px 0 0px 0 inset, #ecf2fb 1px 0 0px 0 inset;
  -moz-box-shadow: #ecf2fb 0 1px 0px 0 inset, #ecf2fb 0 -1px 0px 0 inset, #ecf2fb -1px 0 0px 0 inset, #ecf2fb 1px 0 0px 0 inset;
  box-shadow: #ecf2fb 0 1px 0px 0 inset, #ecf2fb 0 -1px 0px 0 inset, #ecf2fb -1px 0 0px 0 inset, #ecf2fb 1px 0 0px 0 inset;
}

/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-default {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #ced9e7;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-default-mc {
  background-color: #ced9e7;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-window-default {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-window-default-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-4-4-4;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-default-tl {
  background-position: 0 -10px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-default-tr {
  background-position: right -15px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-default-bl {
  background-position: 0 -20px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-default-br {
  background-position: right -25px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-default-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-default-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-default-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-default-bc {
  background-position: 0 -5px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-default-tr,
.x4-window-default-br,
.x4-window-default-mr {
  padding-right: 5px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-default-tl,
.x4-window-default-bl,
.x4-window-default-ml {
  padding-left: 5px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-default-tc {
  height: 5px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-default-bc {
  height: 5px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-default-tl,
.x4-window-default-bl,
.x4-window-default-tr,
.x4-window-default-br,
.x4-window-default-tc,
.x4-window-default-bc,
.x4-window-default-ml,
.x4-window-default-mr {
  zoom: 1;
  background-image: url(images/window/window-default-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-default-ml,
.x4-window-default-mr {
  zoom: 1;
  background-image: url(images/window/window-default-sides.gif);
  background-repeat: repeat-y;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-default-mc {
  padding: 0px 0px 0px 0px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-window-default-tl,
.x4-strict .x4-ie7 .x4-window-default-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-window-default:after {
  display: none;
  content: "x-slicer:corners:url(images/window/window-default-corners.gif), sides:url(images/window/window-default-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 195, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-body-default {
  border-color: #99bbe8;
  border-width: 1px;
  border-style: solid;
  background: #dfe8f6;
  color: black;
}

/* line 206, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default {
  font-size: 11px;
  border-color: #a2b1c5;
  zoom: 1;
  background-color: #ced9e7;
}
/* line 212, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default .x4-tool-img {
  background-color: #ced9e7;
}

/* line 223, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-vertical .x4-window-header-text-container {
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: 0 0;
  -o-transform: rotate(90deg);
  -o-transform-origin: 0 0;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
/* line 36, ../../../ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x4-ie9m .x4-window-header-default-vertical .x4-window-header-text-container {
  background-color: #ced9e7;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), progid:DXImageTransform.Microsoft.Chroma(color=#ced9e7);
}

/* line 228, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-vertical .x4-rtl.x4-window-header-text-container {
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 100% 0;
  -o-transform: rotate(270deg);
  -o-transform-origin: 100% 0;
  transform: rotate(270deg);
  transform-origin: 100% 0;
}
/* line 36, ../../../ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x4-ie9m .x4-window-header-default-vertical .x4-rtl.x4-window-header-text-container {
  background-color: #ced9e7;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3), progid:DXImageTransform.Microsoft.Chroma(color=#ced9e7);
}

/* line 233, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-text-container-default {
  color: #04468c;
  font-weight: bold;
  line-height: 15px;
  font-family: tahoma, arial, verdana, sans-serif;
  font-size: 11px;
  padding: 0 2px 1px;
  text-transform: none;
}

/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-top {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #ced9e7;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-top-mc {
  background-color: #ced9e7;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-window-header-default-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-window-header-default-top-frameInfo {
  font-family: dh-5-5-0-0-1-1-0-1-4-5-0-5;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-top-tl {
  background-position: 0 -10px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-top-tr {
  background-position: right -15px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-top-bl {
  background-position: 0 -20px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-top-br {
  background-position: right -25px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-top-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-top-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-top-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-top-bc {
  background-position: 0 -5px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-top-tr,
.x4-window-header-default-top-br,
.x4-window-header-default-top-mr {
  padding-right: 5px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-top-tl,
.x4-window-header-default-top-bl,
.x4-window-header-default-top-ml {
  padding-left: 5px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-top-tc {
  height: 5px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-top-bc {
  height: 0;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-top-tl,
.x4-window-header-default-top-bl,
.x4-window-header-default-top-tr,
.x4-window-header-default-top-br,
.x4-window-header-default-top-tc,
.x4-window-header-default-top-bc,
.x4-window-header-default-top-ml,
.x4-window-header-default-top-mr {
  zoom: 1;
  background-image: url(images/window-header/window-header-default-top-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-top-ml,
.x4-window-header-default-top-mr {
  zoom: 1;
  background-image: url(images/window-header/window-header-default-top-sides.gif);
  background-repeat: repeat-y;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-top-mc {
  padding: 0px 1px 0 1px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-window-header-default-top-tl,
.x4-strict .x4-ie7 .x4-window-header-default-top-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-window-header-default-top:after {
  display: none;
  content: "x-slicer:corners:url(images/window-header/window-header-default-top-corners.gif), sides:url(images/window-header/window-header-default-top-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-right {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #ced9e7;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-right-mc {
  background-color: #ced9e7;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-window-header-default-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-window-header-default-right-frameInfo {
  font-family: dh-0-5-5-0-1-1-1-0-5-4-5-0;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-right-tl {
  background-position: 0 -10px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-right-tr {
  background-position: right -15px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-right-bl {
  background-position: 0 -20px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-right-br {
  background-position: right -25px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-right-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-right-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-right-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-right-bc {
  background-position: 0 -5px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-right-tr,
.x4-window-header-default-right-br,
.x4-window-header-default-right-mr {
  padding-right: 5px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-right-tl,
.x4-window-header-default-right-bl,
.x4-window-header-default-right-ml {
  padding-left: 0;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-right-tc {
  height: 5px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-right-bc {
  height: 5px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-right-tl,
.x4-window-header-default-right-bl,
.x4-window-header-default-right-tr,
.x4-window-header-default-right-br,
.x4-window-header-default-right-tc,
.x4-window-header-default-right-bc,
.x4-window-header-default-right-ml,
.x4-window-header-default-right-mr {
  zoom: 1;
  background-image: url(images/window-header/window-header-default-right-corners.gif);
}

/* line 397, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-window-header-default-right-tl, .x4-rtl.x4-window-header-default-right-ml, .x4-rtl.x4-window-header-default-right-bl, .x4-rtl.x4-window-header-default-right-tr, .x4-rtl.x4-window-header-default-right-mr, .x4-rtl.x4-window-header-default-right-br {
  background-image: url(images/window-header/window-header-default-right-corners-rtl.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-right-ml,
.x4-window-header-default-right-mr {
  zoom: 1;
  background-image: url(images/window-header/window-header-default-right-sides.gif);
  background-repeat: repeat-y;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-right-mc {
  padding: 1px 0px 1px 0;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-window-header-default-right-tl,
.x4-strict .x4-ie7 .x4-window-header-default-right-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-window-header-default-right:after {
  display: none;
  content: "x-slicer:corners:url(images/window-header/window-header-default-right-corners.gif), corners-rtl:url(images/window-header/window-header-default-right-corners-rtl.gif), sides:url(images/window-header/window-header-default-right-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #ced9e7;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-bottom-mc {
  background-color: #ced9e7;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-window-header-default-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-window-header-default-bottom-frameInfo {
  font-family: dh-0-0-5-5-0-1-1-1-0-5-4-5;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-bottom-tl {
  background-position: 0 -10px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-bottom-tr {
  background-position: right -15px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-bottom-bl {
  background-position: 0 -20px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-bottom-br {
  background-position: right -25px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-bottom-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-bottom-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-bottom-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-bottom-bc {
  background-position: 0 -5px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-bottom-tr,
.x4-window-header-default-bottom-br,
.x4-window-header-default-bottom-mr {
  padding-right: 5px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-bottom-tl,
.x4-window-header-default-bottom-bl,
.x4-window-header-default-bottom-ml {
  padding-left: 5px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-bottom-tc {
  height: 0;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-bottom-bc {
  height: 5px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-bottom-tl,
.x4-window-header-default-bottom-bl,
.x4-window-header-default-bottom-tr,
.x4-window-header-default-bottom-br,
.x4-window-header-default-bottom-tc,
.x4-window-header-default-bottom-bc,
.x4-window-header-default-bottom-ml,
.x4-window-header-default-bottom-mr {
  zoom: 1;
  background-image: url(images/window-header/window-header-default-bottom-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-bottom-ml,
.x4-window-header-default-bottom-mr {
  zoom: 1;
  background-image: url(images/window-header/window-header-default-bottom-sides.gif);
  background-repeat: repeat-y;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-bottom-mc {
  padding: 0 1px 0px 1px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-window-header-default-bottom-tl,
.x4-strict .x4-ie7 .x4-window-header-default-bottom-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-window-header-default-bottom:after {
  display: none;
  content: "x-slicer:corners:url(images/window-header/window-header-default-bottom-corners.gif), sides:url(images/window-header/window-header-default-bottom-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-left {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 5px 0 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #ced9e7;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-left-mc {
  background-color: #ced9e7;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-window-header-default-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-window-header-default-left-frameInfo {
  font-family: dh-5-0-0-5-1-0-1-1-5-0-5-4;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-left-tl {
  background-position: 0 -10px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-left-tr {
  background-position: right -15px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-left-bl {
  background-position: 0 -20px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-left-br {
  background-position: right -25px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-left-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-left-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-left-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-left-bc {
  background-position: 0 -5px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-left-tr,
.x4-window-header-default-left-br,
.x4-window-header-default-left-mr {
  padding-right: 0;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-left-tl,
.x4-window-header-default-left-bl,
.x4-window-header-default-left-ml {
  padding-left: 5px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-left-tc {
  height: 5px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-left-bc {
  height: 5px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-left-tl,
.x4-window-header-default-left-bl,
.x4-window-header-default-left-tr,
.x4-window-header-default-left-br,
.x4-window-header-default-left-tc,
.x4-window-header-default-left-bc,
.x4-window-header-default-left-ml,
.x4-window-header-default-left-mr {
  zoom: 1;
  background-image: url(images/window-header/window-header-default-left-corners.gif);
}

/* line 397, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-window-header-default-left-tl, .x4-rtl.x4-window-header-default-left-ml, .x4-rtl.x4-window-header-default-left-bl, .x4-rtl.x4-window-header-default-left-tr, .x4-rtl.x4-window-header-default-left-mr, .x4-rtl.x4-window-header-default-left-br {
  background-image: url(images/window-header/window-header-default-left-corners-rtl.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-left-ml,
.x4-window-header-default-left-mr {
  zoom: 1;
  background-image: url(images/window-header/window-header-default-left-sides.gif);
  background-repeat: repeat-y;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-left-mc {
  padding: 1px 0 1px 0px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-window-header-default-left-tl,
.x4-strict .x4-ie7 .x4-window-header-default-left-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-window-header-default-left:after {
  display: none;
  content: "x-slicer:corners:url(images/window-header/window-header-default-left-corners.gif), corners-rtl:url(images/window-header/window-header-default-left-corners-rtl.gif), sides:url(images/window-header/window-header-default-left-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-top {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #ced9e7;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-top-mc {
  background-color: #ced9e7;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-window-header-default-collapsed-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-window-header-default-collapsed-top-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-top-tl {
  background-position: 0 -10px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-top-tr {
  background-position: right -15px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-top-bl {
  background-position: 0 -20px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-top-br {
  background-position: right -25px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-top-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-top-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-top-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-top-bc {
  background-position: 0 -5px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-top-tr,
.x4-window-header-default-collapsed-top-br,
.x4-window-header-default-collapsed-top-mr {
  padding-right: 5px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-top-tl,
.x4-window-header-default-collapsed-top-bl,
.x4-window-header-default-collapsed-top-ml {
  padding-left: 5px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-top-tc {
  height: 5px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-top-bc {
  height: 5px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-top-tl,
.x4-window-header-default-collapsed-top-bl,
.x4-window-header-default-collapsed-top-tr,
.x4-window-header-default-collapsed-top-br,
.x4-window-header-default-collapsed-top-tc,
.x4-window-header-default-collapsed-top-bc,
.x4-window-header-default-collapsed-top-ml,
.x4-window-header-default-collapsed-top-mr {
  zoom: 1;
  background-image: url(images/window-header/window-header-default-collapsed-top-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-top-ml,
.x4-window-header-default-collapsed-top-mr {
  zoom: 1;
  background-image: url(images/window-header/window-header-default-collapsed-top-sides.gif);
  background-repeat: repeat-y;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-top-mc {
  padding: 0px 1px 0px 1px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-window-header-default-collapsed-top-tl,
.x4-strict .x4-ie7 .x4-window-header-default-collapsed-top-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-window-header-default-collapsed-top:after {
  display: none;
  content: "x-slicer:corners:url(images/window-header/window-header-default-collapsed-top-corners.gif), sides:url(images/window-header/window-header-default-collapsed-top-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-right {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #ced9e7;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-right-mc {
  background-color: #ced9e7;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-window-header-default-collapsed-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-window-header-default-collapsed-right-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-right-tl {
  background-position: 0 -10px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-right-tr {
  background-position: right -15px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-right-bl {
  background-position: 0 -20px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-right-br {
  background-position: right -25px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-right-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-right-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-right-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-right-bc {
  background-position: 0 -5px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-right-tr,
.x4-window-header-default-collapsed-right-br,
.x4-window-header-default-collapsed-right-mr {
  padding-right: 5px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-right-tl,
.x4-window-header-default-collapsed-right-bl,
.x4-window-header-default-collapsed-right-ml {
  padding-left: 5px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-right-tc {
  height: 5px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-right-bc {
  height: 5px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-right-tl,
.x4-window-header-default-collapsed-right-bl,
.x4-window-header-default-collapsed-right-tr,
.x4-window-header-default-collapsed-right-br,
.x4-window-header-default-collapsed-right-tc,
.x4-window-header-default-collapsed-right-bc,
.x4-window-header-default-collapsed-right-ml,
.x4-window-header-default-collapsed-right-mr {
  zoom: 1;
  background-image: url(images/window-header/window-header-default-collapsed-right-corners.gif);
}

/* line 397, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-window-header-default-collapsed-right-tl, .x4-rtl.x4-window-header-default-collapsed-right-ml, .x4-rtl.x4-window-header-default-collapsed-right-bl, .x4-rtl.x4-window-header-default-collapsed-right-tr, .x4-rtl.x4-window-header-default-collapsed-right-mr, .x4-rtl.x4-window-header-default-collapsed-right-br {
  background-image: url(images/window-header/window-header-default-collapsed-right-corners-rtl.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-right-ml,
.x4-window-header-default-collapsed-right-mr {
  zoom: 1;
  background-image: url(images/window-header/window-header-default-collapsed-right-sides.gif);
  background-repeat: repeat-y;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-right-mc {
  padding: 1px 0px 1px 0px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-window-header-default-collapsed-right-tl,
.x4-strict .x4-ie7 .x4-window-header-default-collapsed-right-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-window-header-default-collapsed-right:after {
  display: none;
  content: "x-slicer:corners:url(images/window-header/window-header-default-collapsed-right-corners.gif), corners-rtl:url(images/window-header/window-header-default-collapsed-right-corners-rtl.gif), sides:url(images/window-header/window-header-default-collapsed-right-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-bottom {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #ced9e7;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-bottom-mc {
  background-color: #ced9e7;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-window-header-default-collapsed-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-window-header-default-collapsed-bottom-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-bottom-tl {
  background-position: 0 -10px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-bottom-tr {
  background-position: right -15px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-bottom-bl {
  background-position: 0 -20px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-bottom-br {
  background-position: right -25px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-bottom-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-bottom-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-bottom-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-bottom-bc {
  background-position: 0 -5px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-bottom-tr,
.x4-window-header-default-collapsed-bottom-br,
.x4-window-header-default-collapsed-bottom-mr {
  padding-right: 5px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-bottom-tl,
.x4-window-header-default-collapsed-bottom-bl,
.x4-window-header-default-collapsed-bottom-ml {
  padding-left: 5px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-bottom-tc {
  height: 5px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-bottom-bc {
  height: 5px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-bottom-tl,
.x4-window-header-default-collapsed-bottom-bl,
.x4-window-header-default-collapsed-bottom-tr,
.x4-window-header-default-collapsed-bottom-br,
.x4-window-header-default-collapsed-bottom-tc,
.x4-window-header-default-collapsed-bottom-bc,
.x4-window-header-default-collapsed-bottom-ml,
.x4-window-header-default-collapsed-bottom-mr {
  zoom: 1;
  background-image: url(images/window-header/window-header-default-collapsed-bottom-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-bottom-ml,
.x4-window-header-default-collapsed-bottom-mr {
  zoom: 1;
  background-image: url(images/window-header/window-header-default-collapsed-bottom-sides.gif);
  background-repeat: repeat-y;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-bottom-mc {
  padding: 0px 1px 0px 1px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-window-header-default-collapsed-bottom-tl,
.x4-strict .x4-ie7 .x4-window-header-default-collapsed-bottom-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-window-header-default-collapsed-bottom:after {
  display: none;
  content: "x-slicer:corners:url(images/window-header/window-header-default-collapsed-bottom-corners.gif), sides:url(images/window-header/window-header-default-collapsed-bottom-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-left {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #ced9e7;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-left-mc {
  background-color: #ced9e7;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-window-header-default-collapsed-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-window-header-default-collapsed-left-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-left-tl {
  background-position: 0 -10px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-left-tr {
  background-position: right -15px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-left-bl {
  background-position: 0 -20px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-left-br {
  background-position: right -25px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-left-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-left-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-left-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-left-bc {
  background-position: 0 -5px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-left-tr,
.x4-window-header-default-collapsed-left-br,
.x4-window-header-default-collapsed-left-mr {
  padding-right: 5px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-left-tl,
.x4-window-header-default-collapsed-left-bl,
.x4-window-header-default-collapsed-left-ml {
  padding-left: 5px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-left-tc {
  height: 5px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-left-bc {
  height: 5px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-left-tl,
.x4-window-header-default-collapsed-left-bl,
.x4-window-header-default-collapsed-left-tr,
.x4-window-header-default-collapsed-left-br,
.x4-window-header-default-collapsed-left-tc,
.x4-window-header-default-collapsed-left-bc,
.x4-window-header-default-collapsed-left-ml,
.x4-window-header-default-collapsed-left-mr {
  zoom: 1;
  background-image: url(images/window-header/window-header-default-collapsed-left-corners.gif);
}

/* line 397, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-rtl.x4-window-header-default-collapsed-left-tl, .x4-rtl.x4-window-header-default-collapsed-left-ml, .x4-rtl.x4-window-header-default-collapsed-left-bl, .x4-rtl.x4-window-header-default-collapsed-left-tr, .x4-rtl.x4-window-header-default-collapsed-left-mr, .x4-rtl.x4-window-header-default-collapsed-left-br {
  background-image: url(images/window-header/window-header-default-collapsed-left-corners-rtl.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-left-ml,
.x4-window-header-default-collapsed-left-mr {
  zoom: 1;
  background-image: url(images/window-header/window-header-default-collapsed-left-sides.gif);
  background-repeat: repeat-y;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-window-header-default-collapsed-left-mc {
  padding: 1px 0px 1px 0px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-window-header-default-collapsed-left-tl,
.x4-strict .x4-ie7 .x4-window-header-default-collapsed-left-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-window-header-default-collapsed-left:after {
  display: none;
  content: "x-slicer:corners:url(images/window-header/window-header-default-collapsed-left-corners.gif), corners-rtl:url(images/window-header/window-header-default-collapsed-left-corners-rtl.gif), sides:url(images/window-header/window-header-default-collapsed-left-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 337, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-top {
  -webkit-box-shadow: #ecf2fb 0 1px 0px 0 inset, #ecf2fb -1px 0 0px 0 inset, #ecf2fb 1px 0 0px 0 inset;
  -moz-box-shadow: #ecf2fb 0 1px 0px 0 inset, #ecf2fb -1px 0 0px 0 inset, #ecf2fb 1px 0 0px 0 inset;
  box-shadow: #ecf2fb 0 1px 0px 0 inset, #ecf2fb -1px 0 0px 0 inset, #ecf2fb 1px 0 0px 0 inset;
}

/* line 341, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-right {
  -webkit-box-shadow: #ecf2fb 0 1px 0px 0 inset, #ecf2fb 0 -1px 0px 0 inset, #ecf2fb -1px 0 0px 0 inset;
  -moz-box-shadow: #ecf2fb 0 1px 0px 0 inset, #ecf2fb 0 -1px 0px 0 inset, #ecf2fb -1px 0 0px 0 inset;
  box-shadow: #ecf2fb 0 1px 0px 0 inset, #ecf2fb 0 -1px 0px 0 inset, #ecf2fb -1px 0 0px 0 inset;
}

/* line 345, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-bottom {
  -webkit-box-shadow: #ecf2fb 0 -1px 0px 0 inset, #ecf2fb -1px 0 0px 0 inset, #ecf2fb 1px 0 0px 0 inset;
  -moz-box-shadow: #ecf2fb 0 -1px 0px 0 inset, #ecf2fb -1px 0 0px 0 inset, #ecf2fb 1px 0 0px 0 inset;
  box-shadow: #ecf2fb 0 -1px 0px 0 inset, #ecf2fb -1px 0 0px 0 inset, #ecf2fb 1px 0 0px 0 inset;
}

/* line 349, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-left {
  -webkit-box-shadow: #ecf2fb 0 1px 0px 0 inset, #ecf2fb 0 -1px 0px 0 inset, #ecf2fb 1px 0 0px 0 inset;
  -moz-box-shadow: #ecf2fb 0 1px 0px 0 inset, #ecf2fb 0 -1px 0px 0 inset, #ecf2fb 1px 0 0px 0 inset;
  box-shadow: #ecf2fb 0 1px 0px 0 inset, #ecf2fb 0 -1px 0px 0 inset, #ecf2fb 1px 0 0px 0 inset;
}

/* line 355, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default .x4-window-header-icon {
  width: 16px;
  height: 16px;
  color: #04468c;
  font-size: 16px;
  line-height: 16px;
  background-position: center center;
}
/* line 364, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default .x4-window-header-glyph {
  color: #04468c;
  font-size: 16px;
  line-height: 16px;
  opacity: 0.5;
}
/* line 380, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-ie8m .x4-window-header-default .x4-window-header-glyph {
  color: #698fb9;
}

/* line 388, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-horizontal .x4-window-header-icon-before-title {
  margin: 0 2px 0 0;
}
/* line 393, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-horizontal .x4-rtl.x4-window-header-icon-before-title {
  margin: 0 0 0 2px;
}
/* line 398, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-horizontal .x4-window-header-icon-after-title {
  margin: 0 0 0 2px;
}
/* line 403, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-horizontal .x4-rtl.x4-window-header-icon-after-title {
  margin: 0 2px 0 0;
}

/* line 410, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-vertical .x4-window-header-icon-before-title {
  margin: 0 0 2px 0;
}
/* line 415, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-vertical .x4-rtl.x4-window-header-icon-before-title {
  margin: 0 0 2px 0;
}
/* line 420, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-vertical .x4-window-header-icon-after-title {
  margin: 2px 0 0 0;
}
/* line 425, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-vertical .x4-rtl.x4-window-header-icon-after-title {
  margin: 2px 0 0 0;
}

/* line 433, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-horizontal .x4-tool-after-title {
  margin: 0 0 0 2px;
}
/* line 438, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-horizontal .x4-rtl.x4-tool-after-title {
  margin: 0 2px 0 0;
}
/* line 443, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-horizontal .x4-tool-before-title {
  margin: 0 2px 0 0;
}
/* line 448, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-horizontal .x4-rtl.x4-tool-before-title {
  margin: 0 0 0 2px;
}

/* line 455, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-vertical .x4-tool-after-title {
  margin: 2px 0 0 0;
}
/* line 460, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-vertical .x4-rtl.x4-tool-after-title {
  margin: 2px 0 0 0;
}
/* line 465, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-vertical .x4-tool-before-title {
  margin: 0 0 2px 0;
}
/* line 470, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-header-default-vertical .x4-rtl.x4-tool-before-title {
  margin: 0 0 2px 0;
}

/* line 483, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-window-default-collapsed .x4-window-header {
  border-width: 1px !important;
}

/* line 489, ../../../ext-theme-neutral/sass/src/window/Window.scss */
.x4-nbr .x4-window-default-collapsed .x4-window-header {
  border-width: 0 !important;
}

/* line 1, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
.x4-form-invalid-under {
  padding: 2px 2px 2px 20px;
  color: #c0272b;
  font: normal 11px tahoma, arial, verdana, sans-serif;
  line-height: 16px;
  background: no-repeat 0 2px;
  background-image: url(images/form/exclamation.gif);
}

/* line 14, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
div.x4-lbl-top-err-icon {
  margin-bottom: 3px;
}

/* line 18, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
.x4-form-invalid-icon {
  width: 16px;
  height: 16px;
  margin: 0 1px;
  background-image: url(images/form/exclamation.gif);
  background-repeat: no-repeat;
}

/* line 26, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
.x4-form-item-label {
  color: black;
  font: normal 12px/14px tahoma, arial, verdana, sans-serif;
  margin-top: 4px;
}
/* line 31, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
.x4-toolbar-item .x4-form-item-label {
  font: normal 11px/13px tahoma, arial, verdana, sans-serif;
  margin-top: 4px;
}

/* line 45, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
.x4-autocontainer-form-item,
.x4-anchor-form-item,
.x4-vbox-form-item,
.x4-table-form-item {
  margin-bottom: 5px;
}

/* line 53, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
.x4-ie6 .x4-form-form-item td {
  border-top-width: 0;
}
/* line 59, ../../../ext-theme-neutral/sass/src/form/Labelable.scss */
.x4-ie6 td.x4-form-item-pad {
  height: 5px;
}

/* line 1, ../../../ext-theme-neutral/sass/src/form/field/Base.scss */
.x4-form-field {
  color: black;
}

/* line 6, ../../../ext-theme-neutral/sass/src/form/field/Base.scss */
.x4-form-item,
.x4-form-field {
  font: normal 12px tahoma, arial, verdana, sans-serif;
}

/* line 21, ../../../ext-theme-neutral/sass/src/form/field/Base.scss */
.x4-form-type-text textarea.x4-form-invalid-field, .x4-form-type-text input.x4-form-invalid-field,
.x4-form-type-password textarea.x4-form-invalid-field,
.x4-form-type-password input.x4-form-invalid-field,
.x4-form-type-number textarea.x4-form-invalid-field,
.x4-form-type-number input.x4-form-invalid-field,
.x4-form-type-email textarea.x4-form-invalid-field,
.x4-form-type-email input.x4-form-invalid-field,
.x4-form-type-search textarea.x4-form-invalid-field,
.x4-form-type-search input.x4-form-invalid-field,
.x4-form-type-tel textarea.x4-form-invalid-field,
.x4-form-type-tel input.x4-form-invalid-field {
  background-color: white;
  background-image: url(images/grid/invalid_line.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  border-color: #cc3300;
}

/* line 37, ../../../ext-theme-neutral/sass/src/form/field/Base.scss */
.x4-item-disabled .x4-form-item-label,
.x4-item-disabled .x4-form-field,
.x4-item-disabled .x4-form-display-field,
.x4-item-disabled .x4-form-cb-label,
.x4-item-disabled .x4-form-trigger {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

/* line 1, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
.x4-form-text {
  color: black;
  padding: 1px 3px 2px 3px;
  background: white repeat-x 0 0;
  border-width: 1px;
  border-style: solid;
  border-color: #b5b8c8;
  background-image: url(images/form/text-bg.gif);
  height: 22px;
  line-height: 17px;
}
/* line 14, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
.x4-field-toolbar .x4-form-text {
  height: 20px;
  line-height: 15px;
}
/* line 21, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
.x4-content-box .x4-form-text {
  height: 17px;
}
/* line 26, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
.x4-content-box .x4-field-toolbar .x4-form-text {
  height: 15px;
}

/* line 34, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
.x4-form-focus {
  border-color: #7eadd9;
}

/* line 39, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
.x4-form-empty-field,
textarea.x4-form-empty-field {
  color: gray;
}

/* line 48, ../../../ext-theme-neutral/sass/src/form/field/Text.scss */
.x4-quirks .x4-ie .x4-form-text,
.x4-ie7m .x4-form-text {
  margin-top: -1px;
  margin-bottom: -1px;
}

/* line 1, ../../../ext-theme-neutral/sass/src/form/field/TextArea.scss */
.x4-form-textarea {
  line-height: normal;
  height: auto;
  background-image: url(images/form/text-bg.gif);
}

/* line 1, ../../../ext-theme-neutral/sass/src/form/field/Display.scss */
.x4-form-display-field-body {
  height: 22px;
}
/* line 5, ../../../ext-theme-neutral/sass/src/form/field/Display.scss */
.x4-toolbar-item .x4-form-display-field-body {
  height: 20px;
}

/* line 11, ../../../ext-theme-neutral/sass/src/form/field/Display.scss */
.x4-form-display-field {
  font: normal 12px/14px tahoma, arial, verdana, sans-serif;
  color: black;
  margin-top: 4px;
}
/* line 17, ../../../ext-theme-neutral/sass/src/form/field/Display.scss */
.x4-toolbar-item .x4-form-display-field {
  margin-top: 4px;
  font: normal 11px/13px tahoma, arial, verdana, sans-serif;
}

/* line 1, ../../../ext-theme-neutral/sass/src/window/MessageBox.scss */
.x4-message-box .x4-window-body {
  background-color: #ced9e7;
  border-width: 0;
}

/* line 13, ../../../ext-theme-neutral/sass/src/window/MessageBox.scss */
.x4-message-box-info,
.x4-message-box-warning,
.x4-message-box-question,
.x4-message-box-error {
  background-position: top left;
  background-repeat: no-repeat;
}

/* line 23, ../../../ext-theme-neutral/sass/src/window/MessageBox.scss */
.x4-rtl.x4-message-box-info, .x4-rtl.x4-message-box-warning, .x4-rtl.x4-message-box-question, .x4-rtl.x4-message-box-error {
  background-position: top left;
}

/* line 29, ../../../ext-theme-neutral/sass/src/window/MessageBox.scss */
.x4-message-box-info {
  background-image: url(images/shared/icon-info.gif);
}

/* line 33, ../../../ext-theme-neutral/sass/src/window/MessageBox.scss */
.x4-message-box-warning {
  background-image: url(images/shared/icon-warning.gif);
}

/* line 37, ../../../ext-theme-neutral/sass/src/window/MessageBox.scss */
.x4-message-box-question {
  background-image: url(images/shared/icon-question.gif);
}

/* line 41, ../../../ext-theme-neutral/sass/src/window/MessageBox.scss */
.x4-message-box-error {
  background-image: url(images/shared/icon-error.gif);
}

/* line 1, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x4-form-cb-wrap {
  height: 22px;
}
/* line 4, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x4-toolbar-item .x4-form-cb-wrap {
  height: 20px;
}

/* line 10, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x4-form-cb {
  margin-top: 5px;
}
/* line 13, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x4-toolbar-item .x4-form-cb {
  margin-top: 4px;
}

/* line 19, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x4-form-checkbox {
  width: 13px;
  height: 13px;
  background: url(images/form/checkbox.gif) no-repeat;
}

/* line 25, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x4-form-cb-checked .x4-form-checkbox {
  background-position: 0 -13px;
}

/* Focused */
/* line 30, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x4-form-checkbox-focus {
  background-position: -13px 0;
}

/* line 34, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x4-form-cb-checked .x4-form-checkbox-focus {
  background-position: -13px -13px;
}

/* boxLabel */
/* line 40, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x4-form-cb-label {
  margin-top: 4px;
  font: normal 12px/14px tahoma, arial, verdana, sans-serif;
}
/* line 43, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x4-toolbar-item .x4-form-cb-label {
  font: normal 11px/13px tahoma, arial, verdana, sans-serif;
  margin-top: 4px;
}

/* line 53, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x4-form-cb-label-before {
  margin-right: 4px;
}

/* line 58, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x4-rtl.x4-field .x4-form-cb-label-before {
  margin-right: 0;
  margin-left: 4px;
}

/* line 64, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x4-form-cb-label-after {
  margin-left: 4px;
}

/* line 69, ../../../ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x4-rtl.x4-field .x4-form-cb-label-after {
  margin-left: 0;
  margin-right: 4px;
}

/* line 1, ../../../ext-theme-neutral/sass/src/form/CheckboxGroup.scss */
.x4-form-checkboxgroup-body {
  padding: 0 4px;
}

/* line 6, ../../../ext-theme-neutral/sass/src/form/CheckboxGroup.scss */
.x4-form-invalid .x4-form-checkboxgroup-body {
  border: 1px solid #cc3300;
  background-image: url(images/grid/invalid_line.gif);
  background-repeat: repeat-x;
  background-position: bottom;
}

/* line 16, ../../../ext-theme-neutral/sass/src/form/CheckboxGroup.scss */
.x4-check-group-alt {
  background: #d1ddef;
  border-top: 1px dotted #b5b8c8;
  border-bottom: 1px dotted #b5b8c8;
}

/* line 22, ../../../ext-theme-neutral/sass/src/form/CheckboxGroup.scss */
.x4-form-check-group-label {
  color: black;
  padding: 2px;
  margin: 0 30px 5px 0;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: black;
}

/* line 32, ../../../ext-theme-neutral/sass/src/form/CheckboxGroup.scss */
.x4-rtl.x4-form-check-group-label {
  margin: 0 0 5px 30px;
}

/* line 1, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-fieldset {
  border: 1px solid #b5b8c8;
  padding: 0 10px;
  margin: 0 0 10px;
}

/* line 11, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-ie8m .x4-fieldset,
.x4-quirks .x4-ie .x4-fieldset {
  padding-top: 0;
}
/* line 13, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-ie8m .x4-fieldset .x4-fieldset-body,
.x4-quirks .x4-ie .x4-fieldset .x4-fieldset-body {
  padding-top: 0;
}

/* line 19, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-fieldset-header-checkbox {
  line-height: 14px;
  margin: 1px 3px 0 0;
}

/* line 24, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-fieldset-header {
  padding: 0 3px 1px;
}
/* line 27, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-fieldset-header .x4-tool {
  margin-top: 1px;
  padding: 0;
}
/* line 33, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-fieldset-header .x4-form-cb-wrap {
  padding: 1px 0;
}

/* line 39, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-fieldset-header-text {
  font: 11px/14px bold tahoma, arial, verdana, sans-serif;
  color: #15428b;
  padding: 1px 0;
}

/* line 44, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-fieldset-header-text-collapsible {
  cursor: pointer;
}

/* line 50, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-fieldset-with-title .x4-fieldset-header-checkbox,
.x4-fieldset-with-title .x4-tool {
  margin: 1px 3px 0 0;
}

/* line 58, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-fieldset-with-title .x4-rtl .x4-fieldset-header-checkbox,
.x4-fieldset-with-title .x4-rtl .x4-tool {
  margin: 1px 0 0 3px;
}

/* line 66, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-webkit .x4-fieldset-header {
  -webkit-padding-start: 3px;
  -webkit-padding-end: 3px;
}

/* line 76, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-opera .x4-fieldset-with-legend {
  margin-top: -1px;
}
/* line 79, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-opera.x4-mac .x4-fieldset-header-text {
  padding: 2px 0 0;
}

/* line 87, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-strict .x4-ie8 .x4-fieldset-header {
  margin-bottom: -1px;
}
/* line 91, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-strict .x4-ie8 .x4-fieldset-header .x4-tool,
.x4-strict .x4-ie8 .x4-fieldset-header .x4-fieldset-header-text,
.x4-strict .x4-ie8 .x4-fieldset-header .x4-fieldset-header-checkbox {
  position: relative;
  top: -1px;
}

/* line 101, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-quirks .x4-ie .x4-fieldset-header,
.x4-ie8m .x4-fieldset-header {
  padding-left: 1px;
  padding-right: 1px;
}

/* line 109, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-fieldset-collapsed .x4-fieldset-body {
  display: none;
}

/* line 114, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-fieldset-collapsed {
  padding-bottom: 0 !important;
  border-width: 1px 1px 0 1px !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

/* line 123, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-ie6 .x4-fieldset-collapsed {
  border-width: 1px 0 0 0 !important;
  padding-bottom: 0 !important;
  margin-left: 1px;
  margin-right: 1px;
}

/* line 131, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-ie .x4-fieldset-bwrap {
  zoom: 1;
}

/* line 137, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-fieldset .x4-tool-toggle {
  background-position: 0 -60px;
}
/* line 144, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-fieldset .x4-tool-over .x4-tool-toggle {
  background-position: -15px -60px;
}

/* line 151, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-fieldset-collapsed .x4-tool-toggle {
  background-position: 0 -75px;
}
/* line 156, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-fieldset-collapsed .x4-tool-over .x4-tool-toggle {
  background-position: -15px -75px;
}

/* IE legend positioning bug */
/* line 164, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-ie .x4-fieldset-noborder legend {
  position: relative;
  margin-bottom: 23px;
}

/* line 170, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-ie .x4-fieldset-noborder legend span {
  position: absolute;
  left: 16px;
}

/* line 176, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-fieldset {
  overflow: hidden;
}

/* line 180, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-fieldset-bwrap {
  overflow: hidden;
  zoom: 1;
}

/* line 186, ../../../ext-theme-neutral/sass/src/form/FieldSet.scss */
.x4-fieldset-body {
  overflow: hidden;
}

/* line 1, ../../../ext-theme-neutral/sass/src/form/field/Radio.scss */
.x4-form-radio {
  width: 13px;
  height: 13px;
  background: url(images/form/radio.gif) no-repeat;
}

/* line 7, ../../../ext-theme-neutral/sass/src/form/field/Radio.scss */
.x4-form-cb-checked .x4-form-radio {
  background-position: 0 -13px;
}

/* line 11, ../../../ext-theme-neutral/sass/src/form/field/Radio.scss */
.x4-form-radio-focus {
  background-position: -13px 0;
}

/* line 15, ../../../ext-theme-neutral/sass/src/form/field/Radio.scss */
.x4-form-cb-checked .x4-form-radio-focus {
  background-position: -13px -13px;
}

/* line 1, ../../../ext-theme-neutral/sass/src/form/field/Trigger.scss */
.x4-form-trigger {
  background: url(images/form/trigger.gif);
  width: 17px;
  border-width: 0 0 1px;
  border-color: #b5b8c8;
  border-style: solid;
}

/* line 13, ../../../ext-theme-neutral/sass/src/form/field/Trigger.scss */
.x4-rtl.x4-form-trigger-wrap .x4-form-trigger {
  background-image: url(images/form/trigger-rtl.gif);
}

/* line 18, ../../../ext-theme-neutral/sass/src/form/field/Trigger.scss */
.x4-trigger-cell {
  background-color: white;
  width: 17px;
}

/* line 23, ../../../ext-theme-neutral/sass/src/form/field/Trigger.scss */
.x4-form-trigger-over {
  background-position: -17px 0;
  border-color: #7eadd9;
}

/* line 30, ../../../ext-theme-neutral/sass/src/form/field/Trigger.scss */
.x4-form-trigger-wrap-focus .x4-form-trigger {
  background-position: -51px 0;
  border-color: #7eadd9;
}

/* line 37, ../../../ext-theme-neutral/sass/src/form/field/Trigger.scss */
.x4-form-trigger-wrap-focus .x4-form-trigger-over {
  background-position: -68px 0;
}

/* line 42, ../../../ext-theme-neutral/sass/src/form/field/Trigger.scss */
.x4-form-trigger-click,
.x4-form-trigger-wrap-focus .x4-form-trigger-click {
  background-position: -34px 0;
}

/* line 49, ../../../ext-theme-neutral/sass/src/form/field/Trigger.scss */
.x4-form-clear-trigger {
  background-image: url(images/form/clear-trigger.gif);
}

/* line 54, ../../../ext-theme-neutral/sass/src/form/field/Trigger.scss */
.x4-rtl.x4-form-trigger-wrap .x4-form-clear-trigger {
  background-image: url(images/form/clear-trigger-rtl.gif);
}

/* line 59, ../../../ext-theme-neutral/sass/src/form/field/Trigger.scss */
.x4-form-search-trigger {
  background-image: url(images/form/search-trigger.gif);
}

/* line 64, ../../../ext-theme-neutral/sass/src/form/field/Trigger.scss */
.x4-rtl.x4-form-trigger-wrap .x4-form-search-trigger {
  background-image: url(images/form/search-trigger-rtl.gif);
}

/* line 73, ../../../ext-theme-neutral/sass/src/form/field/Trigger.scss */
.x4-quirks .prefixie6 .x4-form-trigger-input-cell {
  height: 22px;
}
/* line 77, ../../../ext-theme-neutral/sass/src/form/field/Trigger.scss */
.x4-quirks .prefixie6 .x4-field-toolbar .x4-form-trigger-input-cell {
  height: 20px;
}

/* line 3, ../../../ext-theme-neutral/sass/src/form/field/Spinner.scss */
div.x4-form-spinner-up,
div.x4-form-spinner-down {
  background-image: url(images/form/spinner.gif);
  background-color: white;
  width: 17px;
  height: 11px;
}

/* line 13, ../../../ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x4-rtl.x4-form-trigger-wrap .x4-form-spinner-up,
.x4-rtl.x4-form-trigger-wrap .x4-form-spinner-down {
  background-image: url(images/form/spinner-rtl.gif);
}

/* line 19, ../../../ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x4-form-spinner-down {
  background-position: 0 -11px;
}

/* line 23, ../../../ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x4-form-trigger-wrap-focus .x4-form-spinner-down {
  background-position: -51px -11px;
}

/* line 26, ../../../ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x4-form-trigger-wrap .x4-form-spinner-down-over {
  background-position: -17px -11px;
}

/* line 29, ../../../ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x4-form-trigger-wrap-focus .x4-form-spinner-down-over {
  background-position: -68px -11px;
}

/* line 32, ../../../ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x4-form-trigger-wrap .x4-form-spinner-down-click {
  background-position: -34px -11px;
}

/* line 41, ../../../ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x4-toolbar-item div.x4-form-spinner-up,
.x4-toolbar-item div.x4-form-spinner-down {
  background-image: url(images/form/spinner-small.gif);
  height: 10px;
}
/* line 45, ../../../ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x4-toolbar-item .x4-form-spinner-down {
  background-position: 0 -10px;
}
/* line 48, ../../../ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x4-toolbar-item .x4-form-trigger-wrap-focus .x4-form-spinner-down {
  background-position: -51px -10px;
}
/* line 51, ../../../ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x4-toolbar-item .x4-form-trigger-wrap .x4-form-spinner-down-over {
  background-position: -17px -10px;
}
/* line 54, ../../../ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x4-toolbar-item .x4-form-trigger-wrap-focus .x4-form-spinner-down-over {
  background-position: -68px -10px;
}
/* line 57, ../../../ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x4-toolbar-item .x4-form-trigger-wrap .x4-form-spinner-down-click {
  background-position: -34px -10px;
}

/* line 65, ../../../ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x4-toolbar-item .x4-rtl.x4-form-trigger-wrap .x4-form-spinner-up,
.x4-toolbar-item .x4-rtl.x4-form-trigger-wrap .x4-form-spinner-down {
  background-image: url(images/form/spinner-small-rtl.gif);
}

/* line 1, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-tbar-page-number {
  width: 30px;
}

/* line 5, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-tbar-page-first {
  background-image: url(images/grid/page-first.gif);
}

/* line 9, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-tbar-page-prev {
  background-image: url(images/grid/page-prev.gif);
}

/* line 13, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-tbar-page-next {
  background-image: url(images/grid/page-next.gif);
}

/* line 17, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-tbar-page-last {
  background-image: url(images/grid/page-last.gif);
}

/* line 21, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-tbar-loading {
  background-image: url(images/grid/refresh.gif);
}

/* line 27, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-item-disabled .x4-tbar-page-first {
  background-image: url(images/grid/page-first-disabled.gif);
}
/* line 31, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-item-disabled .x4-tbar-page-prev {
  background-image: url(images/grid/page-prev-disabled.gif);
}
/* line 35, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-item-disabled .x4-tbar-page-next {
  background-image: url(images/grid/page-next-disabled.gif);
}
/* line 39, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-item-disabled .x4-tbar-page-last {
  background-image: url(images/grid/page-last-disabled.gif);
}
/* line 43, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-item-disabled .x4-tbar-loading {
  background-image: url(images/grid/refresh-disabled.gif);
}

/* line 51, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-rtl.x4-tbar-page-first {
  background-image: url(images/grid/page-last.gif);
}
/* line 55, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-rtl.x4-tbar-page-prev {
  background-image: url(images/grid/page-next.gif);
}
/* line 59, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-rtl.x4-tbar-page-next {
  background-image: url(images/grid/page-prev.gif);
}
/* line 63, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-rtl.x4-tbar-page-last {
  background-image: url(images/grid/page-first.gif);
}

/* line 71, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-item-disabled .x4-rtl.x4-tbar-page-first {
  background-image: url(images/grid/page-last-disabled.gif);
}
/* line 75, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-item-disabled .x4-rtl.x4-tbar-page-prev {
  background-image: url(images/grid/page-next-disabled.gif);
}
/* line 79, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-item-disabled .x4-rtl.x4-tbar-page-next {
  background-image: url(images/grid/page-prev-disabled.gif);
}
/* line 83, ../../../ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x4-item-disabled .x4-rtl.x4-tbar-page-last {
  background-image: url(images/grid/page-first-disabled.gif);
}

/* line 1, ../../../ext-theme-neutral/sass/src/view/BoundList.scss */
.x4-boundlist {
  border-width: 1px;
  border-style: solid;
  border-color: #98c0f4;
  background: white;
}

/* line 10, ../../../ext-theme-neutral/sass/src/view/BoundList.scss */
.x4-strict .x4-ie7m .x4-boundlist-list-ct {
  position: relative;
}

/* line 15, ../../../ext-theme-neutral/sass/src/view/BoundList.scss */
.x4-boundlist-item {
  padding: 0 3px;
  line-height: 20px;
  cursor: pointer;
  cursor: hand;
  position: relative;
  /*allow hover in IE on empty items*/
  zoom: 1;
  border-width: 1px;
  border-style: dotted;
  border-color: white;
}

/* line 33, ../../../ext-theme-neutral/sass/src/view/BoundList.scss */
.x4-boundlist-selected {
  background: #cbdaf0;
  border-color: #8eabe4;
}

/* line 38, ../../../ext-theme-neutral/sass/src/view/BoundList.scss */
.x4-boundlist-item-over {
  background: #dfe8f6;
  border-color: #a3bae9;
}

/* line 43, ../../../ext-theme-neutral/sass/src/view/BoundList.scss */
.x4-boundlist-floating {
  border-top-width: 0;
}

/* line 47, ../../../ext-theme-neutral/sass/src/view/BoundList.scss */
.x4-boundlist-above {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

/* line 9, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker {
  border-width: 1px;
  border-style: solid;
  border-color: #1b376c;
  background-color: white;
  width: 177px;
}

/* line 19, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-header {
  padding: 3px 6px;
  text-align: center;
  background-image: none;
  background-color: #23427c;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #264888), color-stop(100%, #1f3a6c));
  background-image: -webkit-linear-gradient(top, #264888, #1f3a6c);
  background-image: -moz-linear-gradient(top, #264888, #1f3a6c);
  background-image: -o-linear-gradient(top, #264888, #1f3a6c);
  background-image: linear-gradient(top, #264888, #1f3a6c);
}

/* line 32, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-arrow {
  width: 15px;
  height: 15px;
  top: 6px;
  cursor: pointer;
  background-color: #23427c;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

/* line 50, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
a.x4-datepicker-arrow:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 55, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-next {
  right: 6px;
  background-image: url(images/shared/right-btn.gif);
}

/* line 60, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-prev {
  left: 6px;
  background-image: url(images/shared/left-btn.gif);
}

/* line 76, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-month .x4-btn,
.x4-datepicker-month .x4-btn .x4-btn-tc,
.x4-datepicker-month .x4-btn .x4-btn-tl,
.x4-datepicker-month .x4-btn .x4-btn-tr,
.x4-datepicker-month .x4-btn .x4-btn-mc,
.x4-datepicker-month .x4-btn .x4-btn-ml,
.x4-datepicker-month .x4-btn .x4-btn-mr,
.x4-datepicker-month .x4-btn .x4-btn-bc,
.x4-datepicker-month .x4-btn .x4-btn-bl,
.x4-datepicker-month .x4-btn .x4-btn-br {
  background: transparent;
  border-width: 0 !important;
}
/* line 83, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-month .x4-btn-inner {
  color: white;
}
/* line 88, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-month .x4-btn-split-right {
  background-image: url(images/button/s-arrow-light.gif);
  padding-right: 12px;
}

/* line 94, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-column-header {
  width: 25px;
  color: #233d6d;
  font: normal 10px tahoma, arial, verdana, sans-serif;
  text-align: right;
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #b2d1f5;
  background-image: none;
  background-color: #dfecfb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edf4fd), color-stop(100%, #cde1f9));
  background-image: -webkit-linear-gradient(top, #edf4fd, #cde1f9);
  background-image: -moz-linear-gradient(top, #edf4fd, #cde1f9);
  background-image: -o-linear-gradient(top, #edf4fd, #cde1f9);
  background-image: linear-gradient(top, #edf4fd, #cde1f9);
}

/* line 113, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-column-header-inner {
  line-height: 19px;
  padding: 0 7px 0 0;
}

/* line 118, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-cell {
  text-align: right;
  border-width: 1px;
  border-style: solid;
  border-color: white;
}

/* line 128, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-date {
  padding: 0 4px 0 0;
  font: normal 11px tahoma, arial, verdana, sans-serif;
  color: black;
  cursor: pointer;
  line-height: 18px;
}

/* line 138, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
a.x4-datepicker-date:hover {
  color: black;
  background-color: #ddecfe;
}

/* line 143, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-selected {
  border-style: solid;
  border-color: #8db2e3;
}
/* line 146, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-selected .x4-datepicker-date {
  background-color: #dae5f3;
  font-weight: bold;
}

/* line 152, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-today {
  border-color: darkred;
  border-style: solid;
}

/* line 159, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-prevday .x4-datepicker-date,
.x4-datepicker-nextday .x4-datepicker-date {
  color: #aaaaaa;
}

/* line 166, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-disabled a.x4-datepicker-date {
  background-color: #eeeeee;
  cursor: default;
  color: #bbbbbb;
}

/* line 174, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-disabled a.x4-datepicker-date:hover {
  background-color: #eeeeee;
}

/* line 179, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-footer,
.x4-monthpicker-buttons {
  padding: 4px 0;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #b2d1f5;
  background-image: none;
  background-color: #dfecfb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dee8f5), color-stop(49%, #d1dff0), color-stop(51%, #c7d8ed), color-stop(100%, #cbdaee));
  background-image: -webkit-linear-gradient(top, #dee8f5, #d1dff0 49%, #c7d8ed 51%, #cbdaee);
  background-image: -moz-linear-gradient(top, #dee8f5, #d1dff0 49%, #c7d8ed 51%, #cbdaee);
  background-image: -o-linear-gradient(top, #dee8f5, #d1dff0 49%, #c7d8ed 51%, #cbdaee);
  background-image: linear-gradient(top, #dee8f5, #d1dff0 49%, #c7d8ed 51%, #cbdaee);
  text-align: center;
}
/* line 195, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-datepicker-footer .x4-btn,
.x4-monthpicker-buttons .x4-btn {
  margin: 0 2px 0 2px;
}

/* line 201, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker {
  width: 177px;
  border-width: 1px;
  border-style: solid;
  border-color: #1b376c;
  background-color: white;
}

/* line 211, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker-months {
  border-width: 0 1px 0 0;
  border-color: #1b376c;
  border-style: solid;
  width: 87px;
}
/* line 220, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker-months .x4-monthpicker-item {
  width: 43px;
}

/* line 225, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker-years {
  width: 88px;
}
/* line 228, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker-years .x4-monthpicker-item {
  width: 44px;
}

/* line 233, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker-item {
  margin: 5px 0 4px;
  font: normal 11px tahoma, arial, verdana, sans-serif;
  text-align: center;
}

/* line 239, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker-item-inner {
  margin: 0 5px 0 5px;
  color: #15428b;
  border-width: 1px;
  border-style: solid;
  border-color: white;
  line-height: 16px;
  cursor: pointer;
}

/* line 254, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
a.x4-monthpicker-item-inner:hover {
  background-color: #ddecfe;
}

/* line 258, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker-selected {
  background-color: #dae5f3;
  border-style: solid;
  border-color: #8db2e3;
}

/* line 264, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker-yearnav {
  height: 27px;
}

/* line 268, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker-yearnav-button-ct {
  width: 44px;
}

/* line 272, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker-yearnav-button {
  height: 15px;
  width: 15px;
  cursor: pointer;
  margin-top: 6px;
  background-color: white;
}

/* line 294, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker-yearnav-next {
  background-image: url(images/tools/tool-sprites.gif);
  background-position: 0 -120px;
}

/* line 299, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker-yearnav-next-over {
  background-position: -15px -120px;
}

/* line 303, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker-yearnav-prev {
  background-image: url(images/tools/tool-sprites.gif);
  background-position: 0 -105px;
}

/* line 308, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker-yearnav-prev-over {
  background-position: -15px -105px;
}

/* line 313, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker-small .x4-monthpicker-item {
  margin: 2px 0 2px;
}
/* line 317, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker-small .x4-monthpicker-item-inner {
  margin: 0 5px 0 5px;
}
/* line 321, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker-small .x4-monthpicker-yearnav {
  height: 22px;
}
/* line 325, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-monthpicker-small .x4-monthpicker-yearnav-button {
  margin-top: 3px;
}

/* line 334, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-nlg .x4-datepicker-header {
  background-image: url(images/datepicker/datepicker-header-bg.gif);
  background-repeat: repeat-x;
  background-position: top left;
}
/* line 343, ../../../ext-theme-neutral/sass/src/picker/Date.scss */
.x4-nlg .x4-datepicker-footer,
.x4-nlg .x4-monthpicker-buttons {
  background-image: url(images/datepicker/datepicker-footer-bg.gif);
  background-repeat: repeat-x;
  background-position: top left;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-datepicker-header:after {
  display: none;
  content: "x-slicer:bg:url(images/datepicker/datepicker-header-bg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-datepicker-footer:after {
  display: none;
  content: "x-slicer:bg:url(images/datepicker/datepicker-footer-bg.gif)";
}

/*</if slicer>*/
/* */
/* line 1, ../../../ext-theme-neutral/sass/src/form/field/Date.scss */
.x4-form-date-trigger {
  background-image: url(images/form/date-trigger.gif);
}

/* line 6, ../../../ext-theme-neutral/sass/src/form/field/Date.scss */
.x4-rtl.x4-form-trigger-wrap .x4-form-date-trigger {
  background-image: url(images/form/date-trigger-rtl.gif);
}

/* line 1, ../../../ext-theme-neutral/sass/src/form/field/File.scss */
.x4-form-file-wrap .x4-form-text {
  color: gray;
}

/* line 1, ../../../ext-theme-neutral/sass/src/picker/Color.scss */
.x4-color-picker {
  width: 144px;
  height: 90px;
  background-color: white;
  border-color: white;
  border-width: 0;
  border-style: solid;
}

/* line 10, ../../../ext-theme-neutral/sass/src/picker/Color.scss */
.x4-color-picker-item {
  width: 18px;
  height: 18px;
  border-width: 1px;
  border-color: white;
  border-style: solid;
  background-color: white;
  cursor: pointer;
  padding: 2px;
}
/* line 20, ../../../ext-theme-neutral/sass/src/picker/Color.scss */
.x4-content-box .x4-color-picker-item {
  width: 12px;
  height: 12px;
}

/* line 28, ../../../ext-theme-neutral/sass/src/picker/Color.scss */
a.x4-color-picker-item:hover {
  border-color: #8bb8f3;
  background-color: #deecfd;
}

/* line 33, ../../../ext-theme-neutral/sass/src/picker/Color.scss */
.x4-color-picker-selected {
  border-color: #8bb8f3;
  background-color: #deecfd;
}

/* line 38, ../../../ext-theme-neutral/sass/src/picker/Color.scss */
.x4-color-picker-item-inner {
  line-height: 10px;
  border-color: #aca899;
  border-width: 1px;
  border-style: solid;
}

/* line 1, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-tb .x4-btn-text {
  background: transparent no-repeat;
  background-image: url(images/editor/tb-sprite.gif);
}

/* line 7, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-tb .x4-edit-bold,
.x4-menu-item div.x4-edit-bold {
  background-position: 0 0;
  background-image: url(images/editor/tb-sprite.gif);
}

/* line 13, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-tb .x4-edit-italic,
.x4-menu-item div.x4-edit-italic {
  background-position: -16px 0;
  background-image: url(images/editor/tb-sprite.gif);
}

/* line 19, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-tb .x4-edit-underline,
.x4-menu-item div.x4-edit-underline {
  background-position: -32px 0;
  background-image: url(images/editor/tb-sprite.gif);
}

/* line 25, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-tb .x4-edit-forecolor,
.x4-menu-item div.x4-edit-forecolor {
  background-position: -160px 0;
  background-image: url(images/editor/tb-sprite.gif);
}

/* line 31, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-tb .x4-edit-backcolor,
.x4-menu-item div.x4-edit-backcolor {
  background-position: -176px 0;
  background-image: url(images/editor/tb-sprite.gif);
}

/* line 37, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-tb .x4-edit-justifyleft,
.x4-menu-item div.x4-edit-justifyleft {
  background-position: -112px 0;
  background-image: url(images/editor/tb-sprite.gif);
}

/* line 43, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-tb .x4-edit-justifycenter,
.x4-menu-item div.x4-edit-justifycenter {
  background-position: -128px 0;
  background-image: url(images/editor/tb-sprite.gif);
}

/* line 49, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-tb .x4-edit-justifyright,
.x4-menu-item div.x4-edit-justifyright {
  background-position: -144px 0;
  background-image: url(images/editor/tb-sprite.gif);
}

/* line 55, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-tb .x4-edit-insertorderedlist,
.x4-menu-item div.x4-edit-insertorderedlist {
  background-position: -80px 0;
  background-image: url(images/editor/tb-sprite.gif);
}

/* line 61, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-tb .x4-edit-insertunorderedlist,
.x4-menu-item div.x4-edit-insertunorderedlist {
  background-position: -96px 0;
  background-image: url(images/editor/tb-sprite.gif);
}

/* line 67, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-tb .x4-edit-increasefontsize,
.x4-menu-item div.x4-edit-increasefontsize {
  background-position: -48px 0;
  background-image: url(images/editor/tb-sprite.gif);
}

/* line 73, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-tb .x4-edit-decreasefontsize,
.x4-menu-item div.x4-edit-decreasefontsize {
  background-position: -64px 0;
  background-image: url(images/editor/tb-sprite.gif);
}

/* line 79, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-tb .x4-edit-sourceedit,
.x4-menu-item div.x4-edit-sourceedit {
  background-position: -192px 0;
  background-image: url(images/editor/tb-sprite.gif);
}

/* line 85, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-tb .x4-edit-createlink,
.x4-menu-item div.x4-edit-createlink {
  background-position: -208px 0;
  background-image: url(images/editor/tb-sprite.gif);
}

/* line 90, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-tip .x4-tip-bd .x4-tip-bd-inner {
  padding: 5px;
  padding-bottom: 1px;
}

/* line 95, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-tb .x4-font-select {
  font-size: 11px;
  font-family: inherit;
}

/* line 100, ../../../ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-wrap textarea {
  font: normal 12px tahoma, arial, verdana, sans-serif;
  background-color: white;
  resize: none;
}

/* line 1, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-body {
  background: white;
  border-width: 1px;
  border-style: solid;
  border-color: #99bce8;
}

/* line 8, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-empty {
  padding: 10px;
  color: gray;
  background-color: white;
  font: normal 11px tahoma, arial, verdana, sans-serif;
}

/* line 15, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-cell {
  color: null;
  font: normal 11px/13px tahoma, arial, verdana, sans-serif;
  background-color: white;
  border-color: #ededed #d0d0d0 #ededed #d0d0d0;
  border-style: solid;
}

/* line 26, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-row-alt .x4-grid-td {
  background-color: #fafafa;
}
/* line 30, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-row-before-over .x4-grid-td {
  border-bottom-style: solid;
  border-bottom-color: #dddddd;
}
/* line 35, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-row-over .x4-grid-td {
  border-bottom-style: solid;
  border-bottom-color: #dddddd;
}
/* line 40, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-row-before-selected .x4-grid-td {
  border-bottom-style: dotted;
  border-bottom-color: #a3bae9;
}
/* line 45, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-row-selected .x4-grid-td {
  border-bottom-style: dotted;
  border-bottom-color: #a3bae9;
}
/* line 50, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-row-before-focused .x4-grid-td {
  border-bottom-style: dotted;
  border-bottom-color: #464646;
  border-bottom-width: 1px;
}
/* line 58, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-row-focused .x4-grid-td {
  background-color: #efefef;
}
/* line 65, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-row-over .x4-grid-td {
  background-color: #efefef;
}
/* line 73, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-row-selected .x4-grid-td {
  background-color: #dfe8f6;
}
/* line 82, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-row-focused .x4-grid-td {
  border-bottom-style: dotted;
  border-bottom-color: #464646;
  border-bottom-width: 1px;
}
/* line 92, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-table .x4-grid-row-focused-first .x4-grid-td {
  border-top: 1px dotted #464646;
}
/* line 103, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-row-selected .x4-grid-row-summary .x4-grid-td {
  border-bottom-color: #dfe8f6;
  border-top-width: 0;
}
/* line 108, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-row-focused .x4-grid-row-summary .x4-grid-td {
  border-bottom-color: #efefef;
  border-top-width: 0;
}

/* line 115, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-with-row-lines .x4-grid-td {
  border-bottom-width: 1px;
}
/* line 121, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-with-row-lines .x4-grid-table {
  border-top: 1px solid white;
}
/* line 125, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-with-row-lines .x4-grid-table-over-first {
  border-top-style: solid;
  border-top-color: #dddddd;
}
/* line 130, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-with-row-lines .x4-grid-table-selected-first {
  border-top-style: dotted;
  border-top-color: #a3bae9;
}

/* line 139, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-body .x4-grid-table-focused-first {
  border-top: 1px dotted #464646;
}

/* line 149, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-cell-inner {
  text-overflow: ellipsis;
  padding: 3px 6px 4px 6px;
}

/* line 163, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-no-row-lines .x4-grid-row-focused .x4-grid-cell-inner {
  padding-top: 2px;
  padding-bottom: 3px;
}

/* line 178, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-cell-special {
  border-color: #ededed #d0d0d0 #ededed #d0d0d0;
  border-style: solid;
  border-right-width: 1px;
  background-image: none;
  background-color: #f6f6f6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(100%, #e9e9e9));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #e9e9e9);
  background-image: -moz-linear-gradient(top, #f6f6f6, #e9e9e9);
  background-image: -o-linear-gradient(top, #f6f6f6, #e9e9e9);
  background-image: linear-gradient(top, #f6f6f6, #e9e9e9);
  /*<if slicer>*/
  /*</if slicer>*/
  /* */
  /*<if slicer>*/
  /*</if slicer>*/
  /* */
}
/* line 191, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-row-selected .x4-grid-cell-special {
  border-right-color: #ededed #aaccf6;
  background-image: none;
  background-color: #dfe8f6;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dfe8f6), color-stop(100%, #cbdaf0));
  background-image: -webkit-linear-gradient(left, #dfe8f6, #cbdaf0);
  background-image: -moz-linear-gradient(left, #dfe8f6, #cbdaf0);
  background-image: -o-linear-gradient(left, #dfe8f6, #cbdaf0);
  background-image: linear-gradient(left, #dfe8f6, #cbdaf0);
}
/* line 206, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-nlg .x4-grid-cell-special {
  background-repeat: repeat-y;
  background-image: url(images/grid/cell-special-bg.gif);
}
/* line 211, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-nlg .x4-grid-row-selected .x4-grid-cell-special {
  background-image: url(images/grid/cell-special-selected-bg.gif);
}
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-grid-cell-special .x4-grid-cell-special:after {
  display: none;
  content: "x-slicer:bg:url(images/grid/cell-special-bg.gif)";
}
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-grid-cell-special .x4-grid-cell-special-selected:after {
  display: none;
  content: "x-slicer:bg:url(images/grid/cell-special-selected-bg.gif)";
}

/* line 221, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-rtl.x4-grid-cell-special {
  border-right-width: 0;
  border-left-width: 1px;
}

/* line 228, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-dirty-cell {
  background: url(images/grid/dirty.gif) no-repeat 0 0;
}

/* line 233, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-rtl.x4-grid-dirty-cell {
  background-image: url(images/grid/dirty-rtl.gif);
  background-position: right 0;
}

/* line 241, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-row .x4-grid-cell-selected {
  color: null;
  background-color: #b8cfee;
}

/* line 247, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-with-col-lines .x4-grid-cell {
  border-right-width: 1px;
}

/* line 253, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-rtl.x4-grid-with-col-lines .x4-grid-cell {
  border-right-width: 0;
  border-left-width: 1px;
}

/* line 259, ../../../ext-theme-neutral/sass/src/panel/Table.scss */
.x4-grid-resize-marker {
  width: 1px;
  background-color: #0f0f0f;
}

/* line 1, ../../../ext-theme-neutral/sass/src/view/DropZone.scss */
.x4-grid-drop-indicator {
  position: absolute;
  height: 1px;
  line-height: 0px;
  background-color: #77BC71;
  overflow: visible;
  pointer-events: none;
}
/* line 9, ../../../ext-theme-neutral/sass/src/view/DropZone.scss */
.x4-grid-drop-indicator .x4-grid-drop-indicator-left {
  position: absolute;
  top: -8px;
  left: -12px;
  background-image: url(images/grid/dd-insert-arrow-right.png);
  height: 16px;
  width: 16px;
}
/* line 18, ../../../ext-theme-neutral/sass/src/view/DropZone.scss */
.x4-grid-drop-indicator .x4-grid-drop-indicator-right {
  position: absolute;
  top: -8px;
  right: -11px;
  background-image: url(images/grid/dd-insert-arrow-left.png);
  height: 16px;
  width: 16px;
}

/* line 29, ../../../ext-theme-neutral/sass/src/view/DropZone.scss */
.x4-ie6 .x4-grid-drop-indicator-left {
  background-image: url(images/grid/dd-insert-arrow-right.gif);
}
/* line 33, ../../../ext-theme-neutral/sass/src/view/DropZone.scss */
.x4-ie6 .x4-grid-drop-indicator-right {
  background-image: url(images/grid/dd-insert-arrow-left.gif);
}

/* line 2, ../../../ext-theme-neutral/sass/src/grid/header/DropZone.scss */
.col-move-top,
.col-move-bottom {
  width: 9px;
  height: 9px;
}

/* line 7, ../../../ext-theme-neutral/sass/src/grid/header/DropZone.scss */
.col-move-top {
  background-image: url(images/grid/col-move-top.gif);
}

/* line 11, ../../../ext-theme-neutral/sass/src/grid/header/DropZone.scss */
.col-move-bottom {
  background-image: url(images/grid/col-move-bottom.gif);
}

/* line 1, ../../../ext-theme-neutral/sass/src/grid/header/Container.scss */
.x4-grid-header-ct {
  border: 1px solid #99bce8;
  border-bottom-color: #c5c5c5;
  background-color: #c5c5c5;
  background-image: none;
  background-color: #c5c5c5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #e3e4e6));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #e3e4e6);
  background-image: -moz-linear-gradient(top, #f9f9f9, #e3e4e6);
  background-image: -o-linear-gradient(top, #f9f9f9, #e3e4e6);
  background-image: linear-gradient(top, #f9f9f9, #e3e4e6);
}

/* line 14, ../../../ext-theme-neutral/sass/src/grid/header/Container.scss */
.x4-accordion-item .x4-grid-header-ct {
  border-width: 0 0 1px !important;
}

/* line 19, ../../../ext-theme-neutral/sass/src/grid/header/Container.scss */
.x4-accordion-item .x4-grid-header-ct-hidden {
  border: 0 !important;
}

/* line 28, ../../../ext-theme-neutral/sass/src/grid/header/Container.scss */
.x4-grid-body {
  border-top-color: #c5c5c5;
}

/* line 32, ../../../ext-theme-neutral/sass/src/grid/header/Container.scss */
.x4-hmenu-sort-asc .x4-menu-item-icon {
  background-image: url(images/grid/hmenu-asc.gif);
}

/* line 36, ../../../ext-theme-neutral/sass/src/grid/header/Container.scss */
.x4-hmenu-sort-desc .x4-menu-item-icon {
  background-image: url(images/grid/hmenu-desc.gif);
}

/* line 40, ../../../ext-theme-neutral/sass/src/grid/header/Container.scss */
.x4-cols-icon .x4-menu-item-icon {
  background-image: url(images/grid/columns.gif);
}

/* line 1, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x4-column-header {
  border-right: 1px solid #c5c5c5;
  color: black;
  font: normal 11px/13px tahoma, arial, verdana, sans-serif;
  background-image: none;
  background-color: #c5c5c5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9f9f9), color-stop(100%, #e3e4e6));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #e3e4e6);
  background-image: -moz-linear-gradient(top, #f9f9f9, #e3e4e6);
  background-image: -o-linear-gradient(top, #f9f9f9, #e3e4e6);
  background-image: linear-gradient(top, #f9f9f9, #e3e4e6);
}

/* line 18, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x4-rtl.x4-column-header {
  border-right: 0 none;
  border-left: 1px solid #c5c5c5;
}

/* line 24, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x4-group-sub-header {
  background: transparent;
  border-top: 1px solid #c5c5c5;
}
/* line 29, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x4-group-sub-header .x4-column-header-inner {
  padding: 3px 6px 5px 6px;
}

/* line 34, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x4-column-header-inner {
  padding: 4px 6px 5px 6px;
  text-overflow: ellipsis;
}

/* line 42, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x4-column-header-over,
.x4-column-header-sort-ASC,
.x4-column-header-sort-DESC {
  background-image: none;
  background-color: #aaccf6;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ebf3fd), color-stop(39%, #ebf3fd), color-stop(40%, #d9e8fb), color-stop(100%, #d9e8fb));
  background-image: -webkit-linear-gradient(top, #ebf3fd, #ebf3fd 39%, #d9e8fb 40%, #d9e8fb);
  background-image: -moz-linear-gradient(top, #ebf3fd, #ebf3fd 39%, #d9e8fb 40%, #d9e8fb);
  background-image: -o-linear-gradient(top, #ebf3fd, #ebf3fd 39%, #d9e8fb 40%, #d9e8fb);
  background-image: linear-gradient(top, #ebf3fd, #ebf3fd 39%, #d9e8fb 40%, #d9e8fb);
}

/* line 51, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x4-nlg .x4-grid-header-ct,
.x4-nlg .x4-column-header {
  background-image: url(images/grid/column-header-bg.gif);
}

/* line 62, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x4-nlg .x4-column-header-over,
.x4-nlg .x4-column-header-sort-ASC,
.x4-nlg .x4-column-header-sort-DESC {
  background-image: url(images/grid/column-header-over-bg.gif);
}

/* line 70, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x4-column-header-open {
  background-color: transparent;
}
/* line 73, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x4-column-header-open .x4-column-header-trigger {
  background-color: transparent;
}

/* line 78, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x4-column-header-trigger {
  width: 14px;
  cursor: pointer;
  background-color: transparent;
  background-position: 0 center;
}

/* line 86, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x4-rtl.x4-column-header-trigger {
  background-position: right center;
}

/* line 96, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x4-column-header-align-right .x4-column-header-text {
  margin-right: 9px;
}

/* line 101, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x4-column-header-align-right .x4-rtl.x4-column-header-text {
  margin-right: 0;
  margin-left: 9px;
}

/* line 110, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x4-column-header-sort-ASC .x4-column-header-text,
.x4-column-header-sort-DESC .x4-column-header-text {
  padding-right: 12px;
  background-position: right center;
}

/* line 119, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x4-column-header-sort-ASC .x4-rtl.x4-column-header-text,
.x4-column-header-sort-DESC .x4-rtl.x4-column-header-text {
  padding-right: 0;
  padding-left: 12px;
  background-position: 0 center;
}

/* line 127, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x4-column-header-sort-ASC .x4-column-header-text {
  background-image: url(images/grid/sort_asc.gif);
}

/* line 130, ../../../ext-theme-neutral/sass/src/grid/column/Column.scss */
.x4-column-header-sort-DESC .x4-column-header-text {
  background-image: url(images/grid/sort_desc.gif);
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-column-header:after {
  display: none;
  content: "x-slicer:bg:url(images/grid/column-header-bg.gif), stretch:bottom";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-column-header-over:after {
  display: none;
  content: "x-slicer:bg:url(images/grid/column-header-over-bg.gif), stretch:bottom";
}

/*</if slicer>*/
/* */
/* line 1, ../../../ext-theme-neutral/sass/src/grid/column/Action.scss */
.x4-grid-cell-inner-action-col {
  padding: 2px 2px 2px 2px;
}
/* line 5, ../../../ext-theme-neutral/sass/src/grid/column/Action.scss */
.x4-grid-no-row-lines .x4-grid-row-focused .x4-grid-cell-inner-action-col {
  padding-top: 1px;
  padding-bottom: 1px;
}

/* line 12, ../../../ext-theme-neutral/sass/src/grid/column/Action.scss */
.x4-action-col-cell .x4-item-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

/* line 16, ../../../ext-theme-neutral/sass/src/grid/column/Action.scss */
.x4-action-col-icon {
  height: 16px;
  width: 16px;
  cursor: pointer;
}

/* line 1, ../../../ext-theme-neutral/sass/src/grid/column/CheckColumn.scss */
.x4-grid-cell-inner-checkcolumn {
  padding: 4px 6px 3px 6px;
}
/* line 5, ../../../ext-theme-neutral/sass/src/grid/column/CheckColumn.scss */
.x4-grid-no-row-lines .x4-grid-row-focused .x4-grid-cell-inner-checkcolumn {
  padding-top: 3px;
  padding-bottom: 2px;
}

/* line 12, ../../../ext-theme-neutral/sass/src/grid/column/CheckColumn.scss */
.x4-grid-checkcolumn {
  width: 13px;
  height: 13px;
  background: url(images/form/checkbox.gif) 0 0 no-repeat;
}
/* line 17, ../../../ext-theme-neutral/sass/src/grid/column/CheckColumn.scss */
.x4-item-disabled .x4-grid-checkcolumn {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

/* line 22, ../../../ext-theme-neutral/sass/src/grid/column/CheckColumn.scss */
.x4-grid-checkcolumn-checked {
  background-position: 0 -13px;
}

/* line 1, ../../../ext-theme-neutral/sass/src/grid/column/RowNumberer.scss */
.x4-grid-cell-inner-row-numberer {
  padding: 3px 5px 4px 3px;
}

/* line 1, ../../../ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x4-grid-group-hd {
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: #99bbe8;
  padding: 10px 4px 4px 4px;
  background: white;
  cursor: pointer;
}

/* line 10, ../../../ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x4-grid-group-hd-not-collapsible {
  cursor: default;
}

/* line 15, ../../../ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x4-grid-group-hd-collapsible .x4-grid-group-title {
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(images/grid/group-collapse.gif);
  padding: 0 0 0 14px;
}

/* line 24, ../../../ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x4-rtl.x4-grid-view .x4-grid-group-hd-collapsible .x4-grid-group-title {
  background-position: right center;
  padding: 0 14px 0 0;
}

/* line 30, ../../../ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x4-grid-group-title {
  color: #3764a0;
  font: bold 11px/13px tahoma, arial, verdana, sans-serif;
}

/* line 36, ../../../ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x4-grid-group-hd-collapsed .x4-grid-group-title {
  background-image: url(images/grid/group-expand.gif);
}

/* line 41, ../../../ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x4-grid-group-collapsed .x4-grid-group-title {
  background-image: url(images/grid/group-expand.gif);
}

/* line 45, ../../../ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x4-group-by-icon {
  background-image: url(images/grid/group-by.gif);
}

/* line 49, ../../../ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x4-show-groups-icon {
  background-image: url(images/grid/group-by.gif);
}

/* line 1, ../../../ext-theme-neutral/sass/src/grid/feature/RowBody.scss */
.x4-grid-rowbody {
  font: normal 11px/13px tahoma, arial, verdana, sans-serif;
  padding: 5px 6px 5px 6px;
}
/* line 6, ../../../ext-theme-neutral/sass/src/grid/feature/RowBody.scss */
.x4-grid-no-row-lines .x4-grid-row-focused .x4-grid-rowbody {
  padding-top: 6px;
  padding-bottom: 4px;
}

/* line 1, ../../../ext-theme-neutral/sass/src/grid/feature/RowWrap.scss */
.x4-grid-rowwrap {
  border-color: #ededed #d0d0d0 #ededed #d0d0d0;
  border-style: solid;
}

/* line 1, ../../../ext-theme-neutral/sass/src/grid/feature/Summary.scss */
.x4-summary-bottom {
  border-bottom-color: #c5c5c5;
}

/* line 5, ../../../ext-theme-neutral/sass/src/grid/feature/Summary.scss */
.x4-docked-summary {
  border-width: 1px;
  border-color: #99bce8;
  border-style: solid;
}
/* line 10, ../../../ext-theme-neutral/sass/src/grid/feature/Summary.scss */
.x4-docked-summary .x4-grid-table {
  width: 100%;
}

/* line 18, ../../../ext-theme-neutral/sass/src/grid/feature/Summary.scss */
.x4-grid-row-summary .x4-grid-cell,
.x4-grid-row-summary .x4-grid-rowwrap,
.x4-grid-row-summary .x4-grid-cell-rowbody {
  border-color: #ededed #d0d0d0 #ededed #d0d0d0;
  background-color: transparent !important;
  border-top-width: 0;
  font: normal 11px/13px tahoma, arial, verdana, sans-serif;
}

/* line 26, ../../../ext-theme-neutral/sass/src/grid/feature/Summary.scss */
.x4-grid-with-row-lines .x4-grid-table-summary {
  border: 0;
}

/* line 1, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x4-grid-locked .x4-grid-inner-locked {
  border-width: 0 1px 0 0;
  border-style: solid;
}

/* line 6, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x4-grid-locked .x4-rtl.x4-grid-inner-locked {
  border-width: 0 0 0 1px;
}

/* line 17, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x4-grid-inner-locked .x4-column-header-last,
.x4-grid-inner-locked .x4-grid-cell-last {
  border-right-width: 0!important;
}
/* line 21, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x4-grid-inner-locked .x4-rtl.x4-column-header-last {
  border-left-width: 0!important;
}

/* line 29, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x4-rtl.x4-grid-inner-locked .x4-grid-row .x4-column-header-last {
  border-left: 0 none;
}
/* line 32, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x4-rtl.x4-grid-inner-locked .x4-grid-row .x4-grid-cell-last {
  border-left: 0 none;
}

/* line 39, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x4-hmenu-lock .x4-menu-item-icon {
  background-image: url(images/grid/hmenu-lock.gif);
}

/* line 43, ../../../ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x4-hmenu-unlock .x4-menu-item-icon {
  background-image: url(images/grid/hmenu-unlock.gif);
}

/* line 4, ../../../ext-theme-neutral/sass/src/grid/plugin/Editing.scss */
.x4-grid-editor .x4-form-text {
  font: normal 11px/15px tahoma, arial, verdana, sans-serif;
  padding: 1px 5px 2px 5px;
  height: 20px;
}
/* line 15, ../../../ext-theme-neutral/sass/src/grid/plugin/Editing.scss */
.x4-content-box .x4-grid-editor .x4-form-text {
  height: 15px;
}
/* line 21, ../../../ext-theme-neutral/sass/src/grid/plugin/Editing.scss */
.x4-gecko .x4-grid-editor .x4-form-text {
  padding-left: 4px;
  padding-right: 4px;
}
/* line 31, ../../../ext-theme-neutral/sass/src/grid/plugin/Editing.scss */
.x4-grid-editor .x4-form-trigger {
  height: 20px;
}
/* line 39, ../../../ext-theme-neutral/sass/src/grid/plugin/Editing.scss */
.x4-grid-editor .x4-form-spinner-up, .x4-grid-editor .x4-form-spinner-down {
  height: 10px;
}
/* line 47, ../../../ext-theme-neutral/sass/src/grid/plugin/Editing.scss */
.x4-grid-editor .x4-form-cb {
  margin-top: 4px;
}
/* line 51, ../../../ext-theme-neutral/sass/src/grid/plugin/Editing.scss */
.x4-grid-editor .x4-form-cb-wrap {
  height: 20px;
}
/* line 58, ../../../ext-theme-neutral/sass/src/grid/plugin/Editing.scss */
.x4-grid-editor .x4-form-display-field-body {
  height: 20px;
}
/* line 62, ../../../ext-theme-neutral/sass/src/grid/plugin/Editing.scss */
.x4-grid-editor .x4-form-display-field {
  font: normal 11px/15px tahoma, arial, verdana, sans-serif;
  padding: 2px 6px 3px 6px;
  text-overflow: ellipsis;
}
/* line 73, ../../../ext-theme-neutral/sass/src/grid/plugin/Editing.scss */
.x4-grid-editor .x4-form-action-col-field {
  padding: 2px 2px 2px 2px;
}

/* line 3, ../../../ext-theme-neutral/sass/src/grid/plugin/CellEditing.scss */
.x4-tree-cell-editor .x4-form-text {
  padding-left: 2px;
  padding-right: 2px;
}
/* line 8, ../../../ext-theme-neutral/sass/src/grid/plugin/CellEditing.scss */
.x4-gecko .x4-tree-cell-editor .x4-form-text {
  padding-left: 1px;
  padding-right: 1px;
}

/* line 2, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x4-grid-row-editor .x4-field {
  margin: 0 1px 0 1px;
}
/* line 7, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x4-grid-row-editor .x4-form-display-field {
  padding: 2px 5px 3px 5px;
}
/* line 16, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x4-grid-row-editor .x4-form-action-col-field {
  padding: 2px 1px 2px 1px;
}
/* line 27, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x4-grid-row-editor .x4-form-text {
  padding: 1px 4px 2px 4px;
}
/* line 30, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x4-gecko .x4-grid-row-editor .x4-form-text {
  padding-left: 3px;
  padding-right: 3px;
}
/* line 38, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x4-grid-row-editor .x4-panel-body {
  border-top: 1px solid #99bce8 !important;
  border-bottom: 1px solid #99bce8 !important;
  padding: 4px 0 4px 0;
  background-color: #eaf1fb;
}
/* line 48, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x4-grid-with-col-lines .x4-grid-row-editor .x4-form-cb {
  margin-right: 1px;
}
/* line 53, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x4-grid-with-col-lines .x4-grid-row-editor .x4-rtl.x4-form-cb {
  margin-right: 0;
  margin-left: 1px;
}

/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 4px 4px 4px 4px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #eaf1fb;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-bottom-mc {
  background-color: #eaf1fb;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-grid-row-editor-buttons-default-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-grid-row-editor-buttons-default-bottom-frameInfo {
  font-family: th-0-0-5-5-0-1-1-1-4-4-4-4;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-bottom-tl {
  background-position: 0 -10px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-bottom-tr {
  background-position: right -15px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-bottom-bl {
  background-position: 0 -20px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-bottom-br {
  background-position: right -25px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-bottom-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-bottom-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-bottom-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-bottom-bc {
  background-position: 0 -5px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-bottom-tr,
.x4-grid-row-editor-buttons-default-bottom-br,
.x4-grid-row-editor-buttons-default-bottom-mr {
  padding-right: 5px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-bottom-tl,
.x4-grid-row-editor-buttons-default-bottom-bl,
.x4-grid-row-editor-buttons-default-bottom-ml {
  padding-left: 5px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-bottom-tc {
  height: 0;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-bottom-bc {
  height: 5px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-bottom-tl,
.x4-grid-row-editor-buttons-default-bottom-bl,
.x4-grid-row-editor-buttons-default-bottom-tr,
.x4-grid-row-editor-buttons-default-bottom-br,
.x4-grid-row-editor-buttons-default-bottom-tc,
.x4-grid-row-editor-buttons-default-bottom-bc,
.x4-grid-row-editor-buttons-default-bottom-ml,
.x4-grid-row-editor-buttons-default-bottom-mr {
  zoom: 1;
  background-image: url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-bottom-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-bottom-ml,
.x4-grid-row-editor-buttons-default-bottom-mr {
  zoom: 1;
  background-image: url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-bottom-sides.gif);
  background-repeat: repeat-y;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-bottom-mc {
  padding: 4px 0px 0px 0px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-grid-row-editor-buttons-default-bottom-tl,
.x4-strict .x4-ie7 .x4-grid-row-editor-buttons-default-bottom-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-grid-row-editor-buttons-default-bottom:after {
  display: none;
  content: "x-slicer:corners:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-bottom-corners.gif), sides:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-bottom-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-top {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 4px 4px 4px 4px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #eaf1fb;
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-top-mc {
  background-color: #eaf1fb;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-grid-row-editor-buttons-default-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-grid-row-editor-buttons-default-top-frameInfo {
  font-family: th-5-5-0-0-1-1-0-1-4-4-4-4;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-top-tl {
  background-position: 0 -10px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-top-tr {
  background-position: right -15px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-top-bl {
  background-position: 0 -20px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-top-br {
  background-position: right -25px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-top-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-top-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-top-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-top-bc {
  background-position: 0 -5px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-top-tr,
.x4-grid-row-editor-buttons-default-top-br,
.x4-grid-row-editor-buttons-default-top-mr {
  padding-right: 5px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-top-tl,
.x4-grid-row-editor-buttons-default-top-bl,
.x4-grid-row-editor-buttons-default-top-ml {
  padding-left: 5px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-top-tc {
  height: 5px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-top-bc {
  height: 0;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-top-tl,
.x4-grid-row-editor-buttons-default-top-bl,
.x4-grid-row-editor-buttons-default-top-tr,
.x4-grid-row-editor-buttons-default-top-br,
.x4-grid-row-editor-buttons-default-top-tc,
.x4-grid-row-editor-buttons-default-top-bc,
.x4-grid-row-editor-buttons-default-top-ml,
.x4-grid-row-editor-buttons-default-top-mr {
  zoom: 1;
  background-image: url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-top-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-top-ml,
.x4-grid-row-editor-buttons-default-top-mr {
  zoom: 1;
  background-image: url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-top-sides.gif);
  background-repeat: repeat-y;
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-grid-row-editor-buttons-default-top-mc {
  padding: 0px 0px 4px 0px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-grid-row-editor-buttons-default-top-tl,
.x4-strict .x4-ie7 .x4-grid-row-editor-buttons-default-top-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-grid-row-editor-buttons-default-top:after {
  display: none;
  content: "x-slicer:corners:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-top-corners.gif), sides:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-top-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 97, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x4-grid-row-editor-buttons-default-bottom {
  top: 29px;
}

/* line 103, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x4-grid-row-editor-buttons-default-top {
  bottom: 29px;
}

/* line 108, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x4-grid-row-editor-buttons {
  border-color: #99bce8;
}

/* line 112, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x4-row-editor-update-button {
  margin-right: 2px;
}

/* line 115, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x4-row-editor-cancel-button {
  margin-left: 2px;
}

/* line 120, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x4-rtl.x4-row-editor-update-button {
  margin-left: 2px;
  margin-right: auto;
}

/* line 124, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x4-rtl.x4-row-editor-cancel-button {
  margin-right: 2px;
  margin-left: auto;
}

/* line 131, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x4-grid-row-editor-errors .x4-tip-body {
  padding: 5px;
}

/* line 136, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x4-grid-row-editor-errors-item {
  list-style: disc;
  margin-left: 15px;
}

/* line 143, ../../../ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x4-rtl.x4-grid-row-editor-errors .x4-grid-row-editor-errors-item {
  margin-left: 0;
  margin-right: 15px;
}

/* line 1, ../../../ext-theme-neutral/sass/src/grid/plugin/RowExpander.scss */
.x4-grid-cell-inner-row-expander {
  padding: 6px 7px 5px 7px;
}
/* line 5, ../../../ext-theme-neutral/sass/src/grid/plugin/RowExpander.scss */
.x4-grid-no-row-lines .x4-grid-row-focused .x4-grid-cell-inner-row-expander {
  padding-top: 5px;
  padding-bottom: 4px;
}

/* line 14, ../../../ext-theme-neutral/sass/src/grid/plugin/RowExpander.scss */
.x4-grid-row-expander {
  width: 9px;
  height: 9px;
  cursor: pointer;
  background-image: url(images/grid/group-collapse.gif);
}
/* line 20, ../../../ext-theme-neutral/sass/src/grid/plugin/RowExpander.scss */
.x4-grid-row-collapsed .x4-grid-row-expander {
  background-image: url(images/grid/group-expand.gif);
}

/* line 2, ../../../ext-theme-neutral/sass/src/grid/property/Grid.scss */
.x4-grid-cell-inner-property-name {
  background-image: url(images/grid/property-cell-bg.gif);
  background-repeat: no-repeat;
  background-position: -16px 2px;
  padding-left: 12px;
}

/* line 1, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x4-accordion-layout-ct {
  background-color: white;
  padding: 0;
}

/* line 6, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x4-accordion-hd .x4-panel-header-text-container {
  color: black;
  font-weight: normal;
  font-family: tahoma, arial, verdana, sans-serif;
  text-transform: none;
}

/* line 13, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x4-accordion-item {
  margin: 0;
}
/* line 16, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x4-accordion-item .x4-accordion-hd {
  background: #d9e7f8;
  border-top-color: #f3f7fb;
  padding: 4px 5px 5px 5px;
}
/* line 22, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x4-accordion-item .x4-accordion-hd-sibling-expanded {
  border-top-color: #99bce8;
}
/* line 26, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x4-accordion-item .x4-accordion-hd-last-collapsed {
  border-bottom-color: #d9e7f8;
}
/* line 30, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x4-accordion-item .x4-accordion-body {
  border-width: 0;
}

/* line 37, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x4-accordion-hd .x4-tool-collapse-top,
.x4-accordion-hd .x4-tool-collapse-bottom {
  background-position: 0 -255px;
}
/* line 42, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x4-accordion-hd .x4-tool-expand-top,
.x4-accordion-hd .x4-tool-expand-bottom {
  background-position: 0 -240px;
}
/* line 50, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x4-accordion-hd .x4-tool-over .x4-tool-collapse-top,
.x4-accordion-hd .x4-tool-over .x4-tool-collapse-bottom {
  background-position: -15px -255px;
}
/* line 55, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x4-accordion-hd .x4-tool-over .x4-tool-expand-top,
.x4-accordion-hd .x4-tool-over .x4-tool-expand-bottom {
  background-position: -15px -240px;
}
/* line 61, ../../../ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x4-accordion-hd .x4-tool-img {
  background-color: #d9e7f8;
}

/* line 1, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x4-collapse-el {
  cursor: pointer;
}

/* line 6, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x4-layout-split-left,
.x4-layout-split-right {
  top: 50%;
  margin-top: -18px;
  width: 5px;
  height: 35px;
}

/* line 14, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x4-layout-split-top,
.x4-layout-split-bottom {
  left: 50%;
  width: 35px;
  height: 5px;
  margin-left: -18px;
}

/* line 21, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x4-layout-split-left {
  background-image: url(images/util/splitter/mini-left.gif);
}

/* line 25, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x4-layout-split-right {
  background-image: url(images/util/splitter/mini-right.gif);
}

/* line 31, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x4-rtl.x4-layout-split-left {
  background-image: url(images/util/splitter/mini-right.gif);
}
/* line 35, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x4-rtl.x4-layout-split-right {
  background-image: url(images/util/splitter/mini-left.gif);
}

/* line 41, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x4-layout-split-top {
  background-image: url(images/util/splitter/mini-top.gif);
}

/* line 45, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x4-layout-split-bottom {
  background-image: url(images/util/splitter/mini-bottom.gif);
}

/* line 50, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x4-splitter-collapsed .x4-layout-split-left {
  background-image: url(images/util/splitter/mini-right.gif);
}
/* line 54, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x4-splitter-collapsed .x4-layout-split-right {
  background-image: url(images/util/splitter/mini-left.gif);
}
/* line 60, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x4-splitter-collapsed .x4-rtl.x4-layout-split-left {
  background-image: url(images/util/splitter/mini-left.gif);
}
/* line 64, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x4-splitter-collapsed .x4-rtl.x4-layout-split-right {
  background-image: url(images/util/splitter/mini-right.gif);
}
/* line 70, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x4-splitter-collapsed .x4-layout-split-top {
  background-image: url(images/util/splitter/mini-bottom.gif);
}
/* line 74, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x4-splitter-collapsed .x4-layout-split-bottom {
  background-image: url(images/util/splitter/mini-top.gif);
}

/* line 79, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x4-splitter-active {
  background-color: #b4b4b4;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
/* line 83, ../../../ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x4-splitter-active .x4-collapse-el {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

/* line 1, ../../../ext-theme-neutral/sass/src/layout/container/Border.scss */
.x4-border-layout-ct {
  background-color: #dfe8f6;
}

/* line 14, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-body {
  background: #f0f0f0;
  padding: 2px;
}

/* line 19, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-icon-separator {
  left: 24px;
  border-left: solid 1px #e0e0e0;
  background-color: white;
  width: 2px;
}

/* line 27, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-rtl.x4-menu .x4-menu-icon-separator {
  left: auto;
  right: 24px;
}

/* line 33, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-item {
  padding: 1px;
  cursor: pointer;
}

/* line 46, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-item-indent {
  margin-left: 30px;
}

/* line 51, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-rtl.x4-menu-item-indent {
  margin-left: 0;
  margin-right: 30px;
}

/* line 57, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-item-active {
  background-image: none;
  background-color: #d9e8fb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e7f0fc), color-stop(100%, #c7ddf9));
  background-image: -webkit-linear-gradient(top, #e7f0fc, #c7ddf9);
  background-image: -moz-linear-gradient(top, #e7f0fc, #c7ddf9);
  background-image: -o-linear-gradient(top, #e7f0fc, #c7ddf9);
  background-image: linear-gradient(top, #e7f0fc, #c7ddf9);
  border-color: #a9cbf5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  padding: 0;
}
/* line 75, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-nlg .x4-menu-item-active {
  background: #d9e8fb repeat-x left top;
  background-image: url(images/menu/menu-item-active-bg.gif);
}

/* line 82, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-item-link {
  line-height: 22px;
  padding: 0 0 0 30px;
  display: inline-block;
}

/* line 91, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-rtl.x4-menu-item-link {
  padding: 0 30px 0 0;
}

/* line 98, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-right-check-item-text {
  padding-right: 22px;
}

/* line 102, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-rtl.x4-right-check-item-text {
  padding-left: 22px;
  padding-right: 0;
}

/* line 108, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-item-icon {
  width: 16px;
  height: 16px;
  top: 4px;
  left: 3px;
  background-position: center center;
}

/* line 116, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-item-glyph {
  font-size: 16px;
  line-height: 16px;
  color: #222222;
  opacity: 0.5;
}
/* line 132, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-ie8m .x4-menu-item-glyph {
  color: #898989;
}

/* line 142, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-gecko .x4-menu-item-active .x4-menu-item-icon,
.x4-quirks .x4-menu-item-active .x4-menu-item-icon,
.x4-ie9m .x4-menu-item-active .x4-menu-item-icon {
  top: 3px;
  left: 2px;
}

/* line 149, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-rtl.x4-menu-item-icon {
  left: auto;
  right: 3px;
}

/* line 159, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-gecko .x4-menu-item-active .x4-rtl.x4-menu-item-icon,
.x4-quirks .x4-menu-item-active .x4-rtl.x4-menu-item-icon,
.x4-ie9m .x4-menu-item-active .x4-rtl.x4-menu-item-icon {
  left: auto;
  right: 2px;
}

/* line 168, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-item-icon-right {
  width: 16px;
  height: 16px;
  top: 3px;
  right: 3px;
  background-position: center center;
}

/* line 177, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-rtl.x4-menu-item-icon-right {
  right: auto;
  left: 3px;
}

/* line 183, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-item-text {
  font-size: 11px;
  color: #222222;
  cursor: pointer;
  margin-right: 16px;
}

/* line 193, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
a.x4-rtl .x4-menu-item-text {
  margin-right: 0;
  margin-left: 16px;
}

/* line 201, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-item-checked .x4-menu-item-icon, .x4-menu-item-checked .x4-menu-item-icon-right {
  background-image: url(images/menu/checked.gif);
}
/* line 204, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-item-checked .x4-menu-group-icon {
  background-image: url(images/menu/group-checked.gif);
}

/* line 210, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-item-unchecked .x4-menu-item-icon, .x4-menu-item-unchecked .x4-menu-item-icon-right {
  background-image: url(images/menu/unchecked.gif);
}
/* line 213, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-item-unchecked .x4-menu-group-icon {
  background-image: none;
}

/* line 218, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-item-separator {
  height: 2px;
  border-top: solid 1px #e0e0e0;
  background-color: white;
  margin: 2px 0;
  padding: 0;
}

/* line 226, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-item-arrow {
  width: 12px;
  height: 9px;
  top: 7px;
  right: 0;
  background-image: url(images/menu/menu-parent.gif);
}

/* line 239, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-gecko .x4-menu-item-active .x4-menu-item-arrow,
.x4-quirks .x4-menu-item-active .x4-menu-item-arrow,
.x4-ie9m .x4-menu-item-active .x4-menu-item-arrow {
  top: 6px;
  right: -1px;
}

/* line 246, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-rtl.x4-menu-item-arrow {
  left: 0;
  right: auto;
  background-image: url(images/menu/menu-parent-left.gif);
}

/* line 257, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-gecko .x4-menu-item-active .x4-rtl.x4-menu-item-arrow,
.x4-ie9m .x4-menu-item-active .x4-rtl.x4-menu-item-arrow,
.x4-quirks .x4-menu-item-active .x4-rtl.x4-menu-item-arrow {
  right: auto;
  left: -1px;
}

/* line 264, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-item-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/* line 270, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-content-box .x4-menu-icon-separator {
  width: 1px;
}
/* line 274, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-content-box .x4-menu-item-separator {
  height: 1px;
}

/* line 281, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-ie .x4-menu-item-disabled .x4-menu-item-icon {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 285, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-ie .x4-menu-item-disabled .x4-menu-item-text {
  background-color: transparent;
}

/* line 294, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-date-item {
  border-color: #99BBE8;
}

/* line 300, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-item .x4-form-item-label {
  font-size: 11px;
  color: #222222;
}

/* line 306, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-scroll-top {
  height: 8px;
  background-image: url(images/menu/scroll-top.gif);
}

/* line 310, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-scroll-bottom {
  height: 8px;
  background-image: url(images/menu/scroll-bottom.gif);
}

/* line 316, ../../../ext-theme-neutral/sass/src/menu/Menu.scss */
.x4-menu-scroll-top, .x4-menu-scroll-bottom {
  background-color: #f0f0f0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-menu-item-link:after {
  display: none;
  content: "x-slicer:bg:url(images/menu/menu-item-active-bg.gif)";
}

/*</if slicer>*/
/* */
/* line 1, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool {
  cursor: pointer;
}

/* line 5, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-img {
  overflow: hidden;
  width: 15px;
  height: 15px;
  background-image: url(images/tools/tool-sprites.gif);
  margin: 0;
}

/* line 30, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-placeholder {
  visibility: hidden;
}

/* line 34, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-close {
  background-position: 0 0;
}

/* line 38, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-minimize {
  background-position: 0 -15px;
}

/* line 42, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-maximize {
  background-position: 0 -30px;
}

/* line 46, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-restore {
  background-position: 0 -45px;
}

/* line 50, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-toggle {
  background-position: 0 -60px;
}
/* line 53, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-panel-collapsed .x4-tool-toggle {
  background-position: 0 -75px;
}

/* line 58, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-gear {
  background-position: 0 -90px;
}

/* line 62, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-prev {
  background-position: 0 -105px;
}

/* line 66, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-next {
  background-position: 0 -120px;
}

/* line 70, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-pin {
  background-position: 0 -135px;
}

/* line 74, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-unpin {
  background-position: 0 -150px;
}

/* line 78, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-right {
  background-position: 0 -165px;
}

/* line 82, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-left {
  background-position: 0 -180px;
}

/* line 86, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-down {
  background-position: 0 -195px;
}

/* line 90, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-up {
  background-position: 0 -210px;
}

/* line 94, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-refresh {
  background-position: 0 -225px;
}

/* line 98, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-plus {
  background-position: 0 -240px;
}

/* line 102, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-minus {
  background-position: 0 -255px;
}

/* line 106, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-search {
  background-position: 0 -270px;
}

/* line 110, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-save {
  background-position: 0 -285px;
}

/* line 114, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-help {
  background-position: 0 -300px;
}

/* line 118, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-print {
  background-position: 0 -315px;
}

/* line 122, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-expand {
  background-position: 0 -330px;
}

/* line 126, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-collapse {
  background-position: 0 -345px;
}

/* line 130, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-resize {
  background-position: 0 -360px;
}

/* line 134, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-move {
  background-position: 0 -375px;
}

/* line 139, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-expand-bottom,
.x4-tool-collapse-bottom {
  background-position: 0 -195px;
}

/* line 144, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-expand-top,
.x4-tool-collapse-top {
  background-position: 0 -210px;
}

/* line 149, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-expand-left,
.x4-tool-collapse-left {
  background-position: 0 -180px;
}

/* line 154, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-expand-right,
.x4-tool-collapse-right {
  background-position: 0 -165px;
}

/* line 161, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-rtl.x4-tool-expand-left, .x4-rtl.x4-tool-collapse-left {
  background-position: 0 -165px;
}
/* line 166, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-rtl.x4-tool-expand-right, .x4-rtl.x4-tool-collapse-right {
  background-position: 0 -180px;
}

/* line 174, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-close {
  background-position: -15px 0;
}
/* line 178, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-minimize {
  background-position: -15px -15px;
}
/* line 182, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-maximize {
  background-position: -15px -30px;
}
/* line 186, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-restore {
  background-position: -15px -45px;
}
/* line 190, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-toggle {
  background-position: -15px -60px;
}
/* line 195, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-panel-collapsed .x4-tool-over .x4-tool-toggle {
  background-position: -15px -75px;
}
/* line 200, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-gear {
  background-position: -15px -90px;
}
/* line 204, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-prev {
  background-position: -15px -105px;
}
/* line 208, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-next {
  background-position: -15px -120px;
}
/* line 212, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-pin {
  background-position: -15px -135px;
}
/* line 216, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-unpin {
  background-position: -15px -150px;
}
/* line 220, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-right {
  background-position: -15px -165px;
}
/* line 224, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-left {
  background-position: -15px -180px;
}
/* line 228, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-down {
  background-position: -15px -195px;
}
/* line 232, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-up {
  background-position: -15px -210px;
}
/* line 236, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-refresh {
  background-position: -15px -225px;
}
/* line 240, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-plus {
  background-position: -15px -240px;
}
/* line 244, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-minus {
  background-position: -15px -255px;
}
/* line 248, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-search {
  background-position: -15px -270px;
}
/* line 252, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-save {
  background-position: -15px -285px;
}
/* line 256, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-help {
  background-position: -15px -300px;
}
/* line 260, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-print {
  background-position: -15px -315px;
}
/* line 264, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-expand {
  background-position: -15px -330px;
}
/* line 268, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-collapse {
  background-position: -15px -345px;
}
/* line 272, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-resize {
  background-position: -15px -360px;
}
/* line 276, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-move {
  background-position: -15px -375px;
}
/* line 281, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-expand-bottom,
.x4-tool-over .x4-tool-collapse-bottom {
  background-position: -15px -195px;
}
/* line 286, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-expand-top,
.x4-tool-over .x4-tool-collapse-top {
  background-position: -15px -210px;
}
/* line 291, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-expand-left,
.x4-tool-over .x4-tool-collapse-left {
  background-position: -15px -180px;
}
/* line 296, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-tool-expand-right,
.x4-tool-over .x4-tool-collapse-right {
  background-position: -15px -165px;
}
/* line 303, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-rtl.x4-tool-expand-left, .x4-tool-over .x4-rtl.x4-tool-collapse-left {
  background-position: -15px -165px;
}
/* line 308, ../../../ext-theme-neutral/sass/src/panel/Tool.scss */
.x4-tool-over .x4-rtl.x4-tool-expand-right, .x4-tool-over .x4-rtl.x4-tool-collapse-right {
  background-position: -15px -180px;
}

/* line 1, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-handle {
  position: absolute;
  z-index: 100;
  font-size: 1px;
  line-height: 6px;
  overflow: hidden;
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  background-color: #fff;
}

/* line 18, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-collapsed .x4-resizable-handle {
  display: none;
}

/* line 23, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-north {
  cursor: n-resize;
}
/* line 26, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-south {
  cursor: s-resize;
}
/* line 29, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-east {
  cursor: e-resize;
}
/* line 32, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-west {
  cursor: w-resize;
}
/* line 35, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-southeast {
  cursor: se-resize;
}
/* line 38, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-northwest {
  cursor: nw-resize;
}
/* line 41, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-northeast {
  cursor: ne-resize;
}
/* line 44, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-southwest {
  cursor: sw-resize;
}

/* line 49, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-handle-east {
  width: 6px;
  height: 100%;
  right: 0;
  top: 0;
}

/* line 56, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-handle-south {
  width: 100%;
  height: 6px;
  left: 0;
  bottom: 0;
}

/* line 63, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-handle-west {
  width: 6px;
  height: 100%;
  left: 0;
  top: 0;
}

/* line 70, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-handle-north {
  width: 100%;
  height: 6px;
  left: 0;
  top: 0;
}

/* line 77, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-handle-southeast {
  width: 6px;
  height: 6px;
  right: 0;
  bottom: 0;
  z-index: 101;
}

/* line 85, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-handle-northwest {
  width: 6px;
  height: 6px;
  left: 0;
  top: 0;
  z-index: 101;
}

/* line 93, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-handle-northeast {
  width: 6px;
  height: 6px;
  right: 0;
  top: 0;
  z-index: 101;
}

/* line 101, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-handle-southwest {
  width: 6px;
  height: 6px;
  left: 0;
  bottom: 0;
  z-index: 101;
}

/*IE rounding error*/
/* line 111, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-ie .x4-resizable-handle-east {
  margin-right: -1px;
  /*IE rounding error*/
}
/* line 115, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-ie .x4-resizable-handle-south {
  margin-bottom: -1px;
}

/* line 122, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-pinned .x4-resizable-handle,
.x4-resizable-over .x4-resizable-handle {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 127, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-window .x4-window-handle {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 131, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-window-collapsed .x4-window-handle {
  display: none;
}

/* line 136, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-proxy {
  border: 1px dashed #3b5a82;
  position: absolute;
  overflow: hidden;
  z-index: 50000;
}

/* line 148, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-east,
.x4-resizable-over .x4-resizable-handle-west,
.x4-resizable-pinned .x4-resizable-handle-east,
.x4-resizable-pinned .x4-resizable-handle-west {
  background-image: url(images/sizer/e-handle.gif);
}
/* line 154, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-south,
.x4-resizable-over .x4-resizable-handle-north,
.x4-resizable-pinned .x4-resizable-handle-south,
.x4-resizable-pinned .x4-resizable-handle-north {
  background-image: url(images/sizer/s-handle.gif);
}
/* line 159, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-southeast,
.x4-resizable-pinned .x4-resizable-handle-southeast {
  background-position: top left;
  background-image: url(images/sizer/se-handle.gif);
}
/* line 164, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-northwest,
.x4-resizable-pinned .x4-resizable-handle-northwest {
  background-position: bottom right;
  background-image: url(images/sizer/nw-handle.gif);
}
/* line 169, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-northeast,
.x4-resizable-pinned .x4-resizable-handle-northeast {
  background-position: bottom left;
  background-image: url(images/sizer/ne-handle.gif);
}
/* line 174, ../../../ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-southwest,
.x4-resizable-pinned .x4-resizable-handle-southwest {
  background-position: top right;
  background-image: url(images/sizer/sw-handle.gif);
}

/* Horizontal styles */
/* line 2, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x4-slider-horz {
  padding-left: 7px;
  background: no-repeat 0 -15px;
}
/* line 6, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x4-slider-horz .x4-slider-end {
  padding-right: 7px;
  background: no-repeat right -30px;
}

/* line 12, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x4-slider-horz .x4-slider-inner {
  height: 15px;
}

/* line 20, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x4-ie6 .x4-form-item .x4-slider-horz,
.x4-ie7 .x4-form-item .x4-slider-horz,
.x4-quirks .x4-ie .x4-form-item .x4-slider-horz {
  margin-top: 4px;
}

/* line 26, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x4-slider-horz .x4-slider-thumb {
  width: 14px;
  height: 15px;
  margin-left: -7px;
  background-image: url(images/slider/slider-thumb.png);
}

/* line 33, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x4-slider-horz .x4-slider-thumb-over {
  background-position: -14px -15px;
}

/* line 37, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x4-slider-horz .x4-slider-thumb-drag {
  background-position: -28px -30px;
}

/* line 42, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x4-rtl.x4-slider-horz {
  padding-left: 0;
  padding-right: 7px;
  background-position: right -30px;
}
/* line 47, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x4-rtl.x4-slider-horz .x4-slider-end {
  padding-right: 0;
  padding-left: 7px;
  background-position: left -15px;
}
/* line 53, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x4-rtl.x4-slider-horz .x4-slider-thumb {
  margin-right: -7px;
}

/* Vertical styles */
/* line 60, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x4-slider-vert {
  padding-top: 7px;
  background: no-repeat -30px 0;
}

/* line 65, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x4-slider-vert .x4-slider-end {
  padding-bottom: 7px;
  background: no-repeat -15px bottom;
  width: 15px;
}

/* line 71, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x4-slider-vert .x4-slider-inner {
  width: 15px;
}

/* line 75, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x4-slider-vert .x4-slider-thumb {
  width: 15px;
  height: 14px;
  margin-bottom: -7px;
  background-image: url(images/slider/slider-v-thumb.png);
}

/* line 82, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x4-slider-vert .x4-slider-thumb-over {
  background-position: -15px -14px;
}

/* line 86, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x4-slider-vert .x4-slider-thumb-drag {
  background-position: -30px -28px;
}

/* line 92, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x4-slider-horz,
.x4-slider-horz .x4-slider-end,
.x4-slider-horz .x4-slider-inner {
  background-image: url(images/slider/slider-bg.png);
}

/* line 98, ../../../ext-theme-neutral/sass/src/slider/Multi.scss */
.x4-slider-vert,
.x4-slider-vert .x4-slider-end,
.x4-slider-vert .x4-slider-inner {
  background-image: url(images/slider/slider-v-bg.png);
}

/**
 * Creates a visual theme for a Tab
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {color} [$ui-background-color=$tab-base-color]
 * The background-color of Tabs
 *
 * @param {color} [$ui-background-color-over=$tab-base-color-over]
 * The background-color of hovered Tabs
 *
 * @param {color} [$ui-background-color-active=$tab-base-color-active]
 * The background-color of the active Tab
 *
 * @param {color} [$ui-background-color-disabled=$tab-base-color-disabled]
 * The background-color of disabled Tabs
 *
 * @param {list} [$ui-border-radius=$tab-border-radius]
 * The border-radius of Tabs
 *
 * @param {number} [$ui-border-width=$tab-border-width]
 * The border-width of Tabs
 *
 * @param {number/list} [$ui-margin=$tab-margin]
 * The border-width of Tabs
 *
 * @param {number/list} [$ui-padding=$tab-padding]
 * The padding of Tabs
 *
 * @param {number/list} [$ui-text-padding=$tab-text-padding]
 * The padding of the Tab's text element
 *
 * @param {color} [$ui-border-color=$tab-border-color]
 * The border-color of Tabs
 *
 * @param {color} [$ui-border-color-over=$tab-border-color-over]
 * The border-color of hovered Tabs
 *
 * @param {color} [$ui-border-color-active=$tab-border-color-active]
 * The border-color of the active Tab
 *
 * @param {color} [$ui-border-color-disabled=$tab-border-color-disabled]
 * The border-color of disabled Tabs
 *
 * @param {string} [$ui-cursor=$tab-cursor]
 * The Tab cursor
 *
 * @param {string} [$ui-cursor-disabled=$tab-cursor-disabled]
 * The cursor of disabled Tabs
 *
 * @param {number} [$ui-font-size=$tab-font-size]
 * The font-size of Tabs
 *
 * @param {number} [$ui-font-size-over=$tab-font-size-over]
 * The font-size of hovered Tabs
 *
 * @param {number} [$ui-font-size-active=$tab-font-size-active]
 * The font-size of the active Tab
 *
 * @param {number} [$ui-font-size-disabled=$tab-font-size-disabled]
 * The font-size of disabled Tabs
 *
 * @param {string} [$ui-font-weight=$tab-font-weight]
 * The font-weight of Tabs
 *
 * @param {string} [$ui-font-weight-over=$tab-font-weight-over]
 * The font-weight of hovered Tabs
 *
 * @param {string} [$ui-font-weight-active=$tab-font-weight-active]
 * The font-weight of the active Tab
 *
 * @param {string} [$ui-font-weight-disabled=$tab-font-weight-disabled]
 * The font-weight of disabled Tabs
 *
 * @param {string} [$ui-font-family=$tab-font-family]
 * The font-family of Tabs
 *
 * @param {string} [$ui-font-family-over=$tab-font-family-over]
 * The font-family of hovered Tabs
 *
 * @param {string} [$ui-font-family-active=$tab-font-family-active]
 * The font-family of the active Tab
 *
 * @param {string} [$ui-font-family-disabled=$tab-font-family-disabled]
 * The font-family of disabled Tabs
 *
 * @param {number} [$ui-line-height=$tab-line-height]
 * The line-height of Tabs
 *
 * @param {color} [$ui-color=$tab-color]
 * The text color of Tabs
 *
 * @param {color} [$ui-color-over=$tab-color-over]
 * The text color of hovered Tabs
 *
 * @param {color} [$ui-color-active=$tab-color-active]
 * The text color of the active Tab
 *
 * @param {color} [$ui-color-disabled=$tab-color-disabled]
 * The text color of disabled Tabs
 *
 * @param {string/list} [$ui-background-gradient=$tab-background-gradient]
 * The background-gradient for Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$ui-background-gradient-over=$tab-background-gradient-over]
 * The background-gradient for hovered Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$ui-background-gradient-active=$tab-background-gradient-active]
 * The background-gradient for the active Tab. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$ui-background-gradient-disabled=$tab-background-gradient-disabled]
 * The background-gradient for disabled Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {number} [$ui-inner-border-width=$tab-inner-border-width]
 * The inner border-width of Tabs
 *
 * @param {color} [$ui-inner-border-color=$tab-inner-border-color]
 * The inner border-color of Tabs
 *
 * @param {number} [$ui-icon-width=$tab-icon-width]
 * The width of the Tab close icon
 *
 * @param {number} [$ui-icon-height=$tab-icon-height]
 * The height of the Tab close icon
 *
 * @param {number} [$ui-icon-spacing=$tab-icon-spacing]
 * the space in between the text and the close button
 *
 * @param {list} [$ui-icon-background-position=$tab-icon-background-position]
 * The background-position of Tab icons
 *
 * @param {color} [$ui-glyph-color=$tab-glyph-color]
 * The color of Tab glyph icons
 *
 * @param {color} [$ui-glyph-color-over=$tab-glyph-color-over]
 * The color of a Tab glyph icon when the Tab is hovered
 *
 * @param {color} [$ui-glyph-color-active=$tab-glyph-color-active]
 * The color of a Tab glyph icon when the Tab is active
 *
 * @param {color} [$ui-glyph-color-disabled=$tab-glyph-color-disabled]
 * The color of a Tab glyph icon when the Tab is disabled
 *
 * @param {number} [$ui-glyph-opacity=$tab-glyph-opacity]
 * The opacity of a Tab glyph icon
 *
 * @param {number} [$ui-glyph-opacity-disabled=$tab-glyph-opacity-disabled]
 * The opacity of a Tab glyph icon when the Tab is disabled
 *
 * @param {number} [$ui-opacity-disabled=$tab-opacity-disabled]
 * opacity to apply to the tab's main element when the tab is disabled
 *
 * @param {number} [$ui-text-opacity-disabled=$tab-text-opacity-disabled]
 * opacity to apply to the tab's text element when the tab is disabled
 *
 * @param {number} [$ui-icon-opacity-disabled=$tab-icon-opacity-disabled]
 * opacity to apply to the tab's icon element when the tab is disabled
 *
 * @param {number} [$ui-closable-icon-width=$tab-closable-icon-width]
 * The width of the Tab close icon
 *
 * @param {number} [$ui-closable-icon-height=$tab-closable-icon-height]
 * The height of the Tab close icon
 *
 * @param {number} [$ui-closable-icon-top=$tab-closable-icon-top]
 * The distance to offset the Tab close icon from the top of the tab
 *
 * @param {number} [$ui-closable-icon-right=$tab-closable-icon-right]
 * The distance to offset the Tab close icon from the right of the tab
 *
 * @param {number} [$ui-closable-icon-spacing=$tab-closable-icon-spacing]
 * The space in between the text and the close button
 *
 * @param {color} [$ui-border-bottom-color=$tabbar-strip-border-color]
 * The bottom border color of inactive tabs.
 *
 * @member Ext.tab.Tab
 */
/**
 * Creates a visual theme for a Tab Bar
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {number} [$ui-strip-height=$tabbar-strip-height]
 * The height of the Tab Bar strip
 *
 * @param {number/list} [$ui-strip-border-width=$tabbar-strip-border-width]
 * The border-width of the Tab Bar strip
 *
 * @param {number/list} [$ui-strip-plain-border-width=$tabbar-strip-plain-border-width]
 * The border-width of the {@link Ext.tab.Panel#plain plain} Tab Bar strip
 *
 * @param {color} [$ui-strip-border-color=$tabbar-strip-border-color]
 * The border-color of the Tab Bar strip
 *
 * @param {color} [$ui-strip-background-color=$tabbar-strip-background-color]
 * The background-color of the Tab Bar strip
 *
 * @param {number/list} [$ui-border-width=$tabbar-border-width]
 * The border-width of the Tab Bar
 *
 * @param {color} [$ui-border-color=$tabbar-border-color]
 * The border-color of the Tab Bar
 *
 * @param {number/list} [$ui-padding=$tabbar-padding]
 * The padding of the Tab Bar
 *
 * @param {color} [$ui-background-color=$tabbar-background-color]
 * The background color of the  Tab Bar
 *
 * @param {string/list} [$ui-background-gradient=$tabbar-background-gradient]
 * The background-gradient of the Tab Bar. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {number} [$ui-scroller-width=$tabbar-scroller-width]
 * The width of the Tab Bar scrollers
 *
 * @param {string} [$ui-scroller-cursor=$tabbar-scroller-cursor]
 * The cursor of the Tab Bar scrollers
 *
 * @param {string} [$ui-scroller-cursor-disabled=$tabbar-scroller-cursor-disabled]
 * The cursor of disabled Tab Bar scrollers
 *
 * @param {number} [$ui-scroller-opacity=$tabbar-scroller-opacity]
 * The opacity of Tab Bar scrollers
 *
 * @param {number} [$ui-scroller-opacity-over=$tabbar-scroller-opacity-over]
 * The opacity of hovered Tab Bar scrollers
 *
 * @param {number} [$ui-scroller-opacity-pressed=$tabbar-scroller-opacity-pressed]
 * The opacity of pressed Tab Bar scrollers
 *
 * @param {number} [$ui-scroller-opacity-disabled=$tabbar-scroller-opacity-disabled]
 * The opacity of disabled Tab Bar scrollers
 *
 * @param {number} [$ui-tab-height]
 * The height of tabs that will be used in this tabbar UI. The tabbar body is given
 * a fixed height to leave room for the tabs, and so that the tabbar does not collapse
 * when it does not contain any tabs.
 *
 * @member Ext.tab.Bar
 */
/**
 * Creates a visual theme for a Tab Panel
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {color} [$ui-tab-background-color=$tab-base-color]
 * The background-color of Tabs
 *
 * @param {color} [$ui-tab-background-color-over=$tab-base-color-over]
 * The background-color of hovered Tabs
 *
 * @param {color} [$ui-tab-background-color-active=$tab-base-color-active]
 * The background-color of the active Tab
 *
 * @param {color} [$ui-tab-background-color-disabled=$tab-base-color-disabled]
 * The background-color of disabled Tabs
 *
 * @param {list} [$ui-tab-border-radius=$tab-border-radius]
 * The border-radius of Tabs
 *
 * @param {number} [$ui-tab-border-width=$tab-border-width]
 * The border-width of Tabs
 *
 * @param {number/list} [$ui-tab-margin=$tab-margin]
 * The border-width of Tabs
 *
 * @param {number/list} [$ui-tab-padding=$tab-padding]
 * The padding of Tabs
 *
 * @param {number/list} [$ui-tab-text-padding=$tab-text-padding]
 * The padding of the Tab's text element
 *
 * @param {color} [$ui-tab-border-color=$tab-border-color]
 * The border-color of Tabs
 *
 * @param {color} [$ui-tab-border-color-over=$tab-border-color-over]
 * The border-color of hovered Tabs
 *
 * @param {color} [$ui-tab-border-color-active=$tab-border-color-active]
 * The border-color of the active Tab
 *
 * @param {color} [$ui-tab-border-color-disabled=$tab-border-color-disabled]
 * The border-color of disabled Tabs
 *
 * @param {string} [$ui-tab-cursor=$tab-cursor]
 * The Tab cursor
 *
 * @param {string} [$ui-tab-cursor-disabled=$tab-cursor-disabled]
 * The cursor of disabled Tabs
 *
 * @param {number} [$ui-tab-font-size=$tab-font-size]
 * The font-size of Tabs
 *
 * @param {number} [$ui-tab-font-size-over=$tab-font-size-over]
 * The font-size of hovered Tabs
 *
 * @param {number} [$ui-tab-font-size-active=$tab-font-size-active]
 * The font-size of the active Tab
 *
 * @param {number} [$ui-tab-font-size-disabled=$tab-font-size-disabled]
 * The font-size of disabled Tabs
 *
 * @param {string} [$ui-tab-font-weight=$tab-font-weight]
 * The font-weight of Tabs
 *
 * @param {string} [$ui-tab-font-weight-over=$tab-font-weight-over]
 * The font-weight of hovered Tabs
 *
 * @param {string} [$ui-tab-font-weight-active=$tab-font-weight-active]
 * The font-weight of the active Tab
 *
 * @param {string} [$ui-tab-font-weight-disabled=$tab-font-weight-disabled]
 * The font-weight of disabled Tabs
 *
 * @param {string} [$ui-tab-font-family=$tab-font-family]
 * The font-family of Tabs
 *
 * @param {string} [$ui-tab-font-family-over=$tab-font-family-over]
 * The font-family of hovered Tabs
 *
 * @param {string} [$ui-tab-font-family-active=$tab-font-family-active]
 * The font-family of the active Tab
 *
 * @param {string} [$ui-tab-font-family-disabled=$tab-font-family-disabled]
 * The font-family of disabled Tabs
 *
 * @param {number} [$ui-tab-line-height=$tab-line-height]
 * The line-height of Tabs
 *
 * @param {color} [$ui-tab-color=$tab-color]
 * The text color of Tabs
 *
 * @param {color} [$ui-tab-color-over=$tab-color-over]
 * The text color of hovered Tabs
 *
 * @param {color} [$ui-tab-color-active=$tab-color-active]
 * The text color of the active Tab
 *
 * @param {color} [$ui-tab-color-disabled=$tab-color-disabled]
 * The text color of disabled Tabs
 *
 * @param {string/list} [$ui-tab-background-gradient=$tab-background-gradient]
 * The background-gradient for Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$ui-tab-background-gradient-over=$tab-background-gradient-over]
 * The background-gradient for hovered Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$ui-tab-background-gradient-active=$tab-background-gradient-active]
 * The background-gradient for the active Tab. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {string/list} [$ui-tab-background-gradient-disabled=$tab-background-gradient-disabled]
 * The background-gradient for disabled Tabs. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {number} [$ui-tab-inner-border-width=$tab-inner-border-width]
 * The inner border-width of Tabs
 *
 * @param {color} [$ui-tab-inner-border-color=$tab-inner-border-color]
 * The inner border-color of Tabs
 *
 * @param {number} [$ui-tab-icon-width=$tab-icon-width]
 * The width of the Tab close icon
 *
 * @param {number} [$ui-tab-icon-height=$tab-icon-height]
 * The height of the Tab close icon
 *
 * @param {number} [$ui-tab-icon-spacing=$tab-icon-spacing]
 * the space in between the text and the close button
 *
 * @param {list} [$ui-tab-icon-background-position=$tab-icon-background-position]
 * The background-position of Tab icons
 *
 * @param {color} [$ui-tab-glyph-color=$tab-glyph-color]
 * The color of Tab glyph icons
 *
 * @param {color} [$ui-tab-glyph-color-over=$tab-glyph-color-over]
 * The color of a Tab glyph icon when the Tab is hovered
 *
 * @param {color} [$ui-tab-glyph-color-active=$tab-glyph-color-active]
 * The color of a Tab glyph icon when the Tab is active
 *
 * @param {color} [$ui-tab-glyph-color-disabled=$tab-glyph-color-disabled]
 * The color of a Tab glyph icon when the Tab is disabled
 *
 * @param {number} [$ui-tab-glyph-opacity=$tab-glyph-opacity]
 * The opacity of a Tab glyph icon
 *
 * @param {number} [$ui-tab-glyph-opacity-disabled=$tab-glyph-opacity-disabled]
 * The opacity of a Tab glyph icon when the Tab is disabled
 *
 * @param {number} [$ui-tab-opacity-disabled=$tab-opacity-disabled]
 * opacity to apply to the tab's main element when the tab is disabled
 *
 * @param {number} [$ui-tab-text-opacity-disabled=$tab-text-opacity-disabled]
 * opacity to apply to the tab's text element when the tab is disabled
 *
 * @param {number} [$ui-tab-icon-opacity-disabled=$tab-icon-opacity-disabled]
 * opacity to apply to the tab's icon element when the tab is disabled
 *
 * @param {number} [$ui-strip-height=$tabbar-strip-height]
 * The height of the Tab Bar strip
 *
 * @param {number/list} [$ui-strip-border-width=$tabbar-strip-border-width]
 * The border-width of the Tab Bar strip
 *
 * @param {number/list} [$ui-strip-plain-border-width=$tabbar-strip-plain-border-width]
 * The border-width of the {@link Ext.tab.Panel#plain plain} Tab Bar strip
 *
 * @param {color} [$ui-strip-border-color=$tabbar-strip-border-color]
 * The border-color of the Tab Bar strip
 *
 * @param {color} [$ui-strip-background-color=$tabbar-strip-background-color]
 * The background-color of the Tab Bar strip
 *
 * @param {number/list} [$ui-bar-border-width=$tabbar-border-width]
 * The border-width of the Tab Bar
 *
 * @param {color} [$ui-bar-border-color=$tabbar-border-color]
 * The border-color of the Tab Bar
 *
 * @param {number/list} [$ui-bar-padding=$tabbar-padding]
 * The padding of the Tab Bar
 *
 * @param {color} [$ui-bar-background-color=$tabbar-background-color]
 * The background color of the  Tab Bar
 *
 * @param {string/list} [$ui-bar-background-gradient=$tabbar-background-gradient]
 * The background-gradient of the Tab Bar. Can be either the name of a predefined gradient
 * or a list of color stops. Used as the `$type` parameter for 
 * {@link Global_CSS#background-gradient}.
 *
 * @param {number} [$ui-bar-scroller-width=$tabbar-scroller-width]
 * The width of the Tab Bar scrollers
 *
 * @param {string} [$ui-bar-scroller-cursor=$tabbar-scroller-cursor]
 * The cursor of the Tab Bar scrollers
 *
 * @param {string} [$ui-bar-scroller-cursor-disabled=$tabbar-scroller-cursor-disabled]
 * The cursor of disabled Tab Bar scrollers
 *
 * @param {number} [$ui-bar-scroller-opacity=$tabbar-scroller-opacity]
 * The opacity of Tab Bar scrollers
 *
 * @param {number} [$ui-bar-scroller-opacity-over=$tabbar-scroller-opacity-over]
 * The opacity of hovered Tab Bar scrollers
 *
 * @param {number} [$ui-bar-scroller-opacity-pressed=$tabbar-scroller-opacity-pressed]
 * The opacity of pressed Tab Bar scrollers
 *
 * @param {number} [$ui-bar-scroller-opacity-disabled=$tabbar-scroller-opacity-disabled]
 * The opacity of disabled Tab Bar scrollers
 *
 * @param {number} [$ui-tab-closable-icon-width=$tab-closable-icon-width]
 * The width of the Tab close icon
 *
 * @param {number} [$ui-tab-closable-icon-height=$tab-closable-icon-height]
 * The height of the Tab close icon
 *
 * @param {number} [$ui-tab-closable-icon-top=$tab-closable-icon-top]
 * The distance to offset the Tab close icon from the top of the tab
 *
 * @param {number} [$ui-tab-closable-icon-right=$tab-closable-icon-right]
 * The distance to offset the Tab close icon from the right of the tab
 *
 * @param {number} [$ui-tab-closable-icon-spacing=$tab-closable-icon-spacing]
 * the space in between the text and the close button
 *
 * @member Ext.tab.Panel
 */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 3px 9px 3px 9px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-image: none;
  background-color: #deecfd;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccdef6), color-stop(25%, #d6e6fa), color-stop(45%, #deecfd));
  background-image: -webkit-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -moz-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -o-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-top-mc {
  background-image: url(images/tab/tab-default-top-fbg.gif);
  background-position: 0 top;
  background-color: #deecfd;
}

/* line 212, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-tab-default-top {
  background-image: url(images/tab/tab-default-top-bg.gif);
  background-position: 0 top;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-tab-default-top {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  background-image: none;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-tab-default-top-frameInfo {
  font-family: th-4-4-0-0-1-1-0-1-3-9-3-9;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-top-tl {
  background-position: 0 -8px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-top-tr {
  background-position: right -12px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-top-bl {
  background-position: 0 -16px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-top-br {
  background-position: right -20px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-top-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-top-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-top-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-top-bc {
  background-position: 0 -4px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-top-tr,
.x4-tab-default-top-br,
.x4-tab-default-top-mr {
  padding-right: 4px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-top-tl,
.x4-tab-default-top-bl,
.x4-tab-default-top-ml {
  padding-left: 4px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-top-tc {
  height: 4px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-top-bc {
  height: 0;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-top-tl,
.x4-tab-default-top-bl,
.x4-tab-default-top-tr,
.x4-tab-default-top-br,
.x4-tab-default-top-tc,
.x4-tab-default-top-bc,
.x4-tab-default-top-ml,
.x4-tab-default-top-mr {
  zoom: 1;
  background-image: url(images/tab/tab-default-top-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-top-ml,
.x4-tab-default-top-mr {
  zoom: 1;
  background-image: url(images/tab/tab-default-top-sides.gif);
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-top-mc {
  padding: 0px 6px 3px 6px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-tab-default-top-tl,
.x4-strict .x4-ie7 .x4-tab-default-top-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-tab-default-top:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/tab/tab-default-top-fbg.gif), bg:url(images/tab/tab-default-top-bg.gif), corners:url(images/tab/tab-default-top-corners.gif), sides:url(images/tab/tab-default-top-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-bottom {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 3px 9px 3px 9px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-image: none;
  background-color: #deecfd;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ccdef6), color-stop(25%, #d6e6fa), color-stop(45%, #deecfd));
  background-image: -webkit-linear-gradient(bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -moz-linear-gradient(bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -o-linear-gradient(bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: linear-gradient(bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-bottom-mc {
  background-image: url(images/tab/tab-default-bottom-fbg.gif);
  background-position: 0 top;
  background-color: #deecfd;
}

/* line 212, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-tab-default-bottom {
  background-image: url(images/tab/tab-default-bottom-bg.gif);
  background-position: 0 top;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-tab-default-bottom {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  background-image: none;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-tab-default-bottom-frameInfo {
  font-family: th-0-0-4-4-0-1-1-1-3-9-3-9;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-bottom-tl {
  background-position: 0 -8px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-bottom-tr {
  background-position: right -12px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-bottom-bl {
  background-position: 0 -16px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-bottom-br {
  background-position: right -20px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-bottom-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-bottom-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-bottom-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-bottom-bc {
  background-position: 0 -4px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-bottom-tr,
.x4-tab-default-bottom-br,
.x4-tab-default-bottom-mr {
  padding-right: 4px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-bottom-tl,
.x4-tab-default-bottom-bl,
.x4-tab-default-bottom-ml {
  padding-left: 4px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-bottom-tc {
  height: 0;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-bottom-bc {
  height: 4px;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-bottom-tl,
.x4-tab-default-bottom-bl,
.x4-tab-default-bottom-tr,
.x4-tab-default-bottom-br,
.x4-tab-default-bottom-tc,
.x4-tab-default-bottom-bc,
.x4-tab-default-bottom-ml,
.x4-tab-default-bottom-mr {
  zoom: 1;
  background-image: url(images/tab/tab-default-bottom-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-bottom-ml,
.x4-tab-default-bottom-mr {
  zoom: 1;
  background-image: url(images/tab/tab-default-bottom-sides.gif);
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-bottom-mc {
  padding: 3px 6px 0px 6px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-tab-default-bottom-tl,
.x4-strict .x4-ie7 .x4-tab-default-bottom-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-tab-default-bottom:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/tab/tab-default-bottom-fbg.gif), bg:url(images/tab/tab-default-bottom-bg.gif), corners:url(images/tab/tab-default-bottom-corners.gif), sides:url(images/tab/tab-default-bottom-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 3px 9px 3px 9px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-image: none;
  background-color: #deecfd;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccdef6), color-stop(25%, #d6e6fa), color-stop(45%, #deecfd));
  background-image: -webkit-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -moz-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -o-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-left-mc {
  background-image: url(images/tab/tab-default-top-fbg.gif);
  background-position: 0 top;
  background-color: #deecfd;
}

/* line 212, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-tab-default-left {
  background-image: url(images/tab/tab-default-top-bg.gif);
  background-position: 0 top;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-tab-default-left {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  background-image: none;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-tab-default-left-frameInfo {
  font-family: th-4-4-0-0-1-1-0-1-3-9-3-9;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-left-tl {
  background-position: 0 -8px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-left-tr {
  background-position: right -12px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-left-bl {
  background-position: 0 -16px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-left-br {
  background-position: right -20px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-left-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-left-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-left-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-left-bc {
  background-position: 0 -4px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-left-tr,
.x4-tab-default-left-br,
.x4-tab-default-left-mr {
  padding-right: 4px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-left-tl,
.x4-tab-default-left-bl,
.x4-tab-default-left-ml {
  padding-left: 4px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-left-tc {
  height: 4px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-left-bc {
  height: 0;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-left-tl,
.x4-tab-default-left-bl,
.x4-tab-default-left-tr,
.x4-tab-default-left-br,
.x4-tab-default-left-tc,
.x4-tab-default-left-bc,
.x4-tab-default-left-ml,
.x4-tab-default-left-mr {
  zoom: 1;
  background-image: url(images/tab/tab-default-top-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-left-ml,
.x4-tab-default-left-mr {
  zoom: 1;
  background-image: url(images/tab/tab-default-top-sides.gif);
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-left-mc {
  padding: 0px 6px 3px 6px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-tab-default-left-tl,
.x4-strict .x4-ie7 .x4-tab-default-left-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-tab-default-left:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/tab/tab-default-top-fbg.gif), bg:url(images/tab/tab-default-top-bg.gif), corners:url(images/tab/tab-default-top-corners.gif), sides:url(images/tab/tab-default-top-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 137, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-right {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 3px 9px 3px 9px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-image: none;
  background-color: #deecfd;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccdef6), color-stop(25%, #d6e6fa), color-stop(45%, #deecfd));
  background-image: -webkit-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -moz-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -o-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
}

/* line 189, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-right-mc {
  background-image: url(images/tab/tab-default-top-fbg.gif);
  background-position: 0 top;
  background-color: #deecfd;
}

/* line 212, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nlg .x4-tab-default-right {
  background-image: url(images/tab/tab-default-top-bg.gif);
  background-position: 0 top;
}

/* line 235, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-nbr .x4-tab-default-right {
  padding: 0 !important;
  border-width: 0 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  background-image: none;
}

/* line 255, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
body.x4-nbr .x4-tab-default-right-frameInfo {
  font-family: th-4-4-0-0-1-1-0-1-3-9-3-9;
}

/* line 322, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-right-tl {
  background-position: 0 -8px;
}

/* line 326, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-right-tr {
  background-position: right -12px;
}

/* line 330, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-right-bl {
  background-position: 0 -16px;
}

/* line 334, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-right-br {
  background-position: right -20px;
}

/* line 338, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-right-ml {
  background-position: 0 top;
}

/* line 342, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-right-mr {
  background-position: right top;
}

/* line 346, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-right-tc {
  background-position: 0 0;
}

/* line 350, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-right-bc {
  background-position: 0 -4px;
}

/* line 357, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-right-tr,
.x4-tab-default-right-br,
.x4-tab-default-right-mr {
  padding-right: 4px;
}

/* line 363, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-right-tl,
.x4-tab-default-right-bl,
.x4-tab-default-right-ml {
  padding-left: 4px;
}

/* line 367, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-right-tc {
  height: 4px;
}

/* line 370, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-right-bc {
  height: 0;
}

/* line 381, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-right-tl,
.x4-tab-default-right-bl,
.x4-tab-default-right-tr,
.x4-tab-default-right-br,
.x4-tab-default-right-tc,
.x4-tab-default-right-bc,
.x4-tab-default-right-ml,
.x4-tab-default-right-mr {
  zoom: 1;
  background-image: url(images/tab/tab-default-top-corners.gif);
}

/* line 425, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-right-ml,
.x4-tab-default-right-mr {
  zoom: 1;
  background-image: url(images/tab/tab-default-top-sides.gif);
}

/* line 437, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-tab-default-right-mc {
  padding: 0px 6px 3px 6px;
}

/* line 446, ../../../ext-theme-base/sass/etc/mixins/frame.scss */
.x4-strict .x4-ie7 .x4-tab-default-right-tl,
.x4-strict .x4-ie7 .x4-tab-default-right-bl {
  position: relative;
  right: 0;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-tab-default-right:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/tab/tab-default-top-fbg.gif), bg:url(images/tab/tab-default-top-bg.gif), corners:url(images/tab/tab-default-top-corners.gif), sides:url(images/tab/tab-default-top-sides.gif)";
}

/*</if slicer>*/
/* */
/* line 307, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default {
  border-color: #8db3e3;
  margin: 0 0 0 2px;
  cursor: pointer;
}
/* line 312, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default .x4-tab-inner {
  font-size: 11px;
  font-weight: bold;
  font-family: tahoma, arial, verdana, sans-serif;
  color: #416da3;
  line-height: 13px;
}
/* line 322, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default .x4-tab-icon-el {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-position: center center;
}
/* line 329, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default .x4-tab-glyph {
  font-size: 16px;
  color: #416da3;
  opacity: 0.5;
}
/* line 343, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-ie8m .x4-tab-default .x4-tab-glyph {
  color: #8facd0;
}
/* line 351, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-strict .x4-ie9 .x4-tab-bar-vertical .x4-tab-default {
  padding-left: 0;
}
/* line 354, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-strict .x4-ie9 .x4-tab-bar-vertical .x4-tab-default .x4-tab-button {
  padding-left: 9px;
}
/* line 358, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-strict .x4-ie9 .x4-tab-bar-vertical .x4-tab-default .x4-tab-icon-el {
  left: 9px;
}

/* line 366, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-icon .x4-tab-inner {
  width: 16px;
}

/* line 373, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-rtl.x4-tab-default {
  margin: 0 2px 0 0;
}

/* line 379, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-rtl.x4-tab-default {
  margin: 0 2px 0 0;
}

/* line 384, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-left {
  margin: 0 2px 0 0;
}

/* line 389, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-rtl.x4-tab-default-left {
  margin: 0 0 0 2px;
}

/* line 396, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-top,
.x4-tab-default-left,
.x4-tab-default-right {
  border-bottom: 1px solid #99bce8;
  background-image: none;
  background-color: #deecfd;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ccdef6), color-stop(25%, #d6e6fa), color-stop(45%, #deecfd));
  background-image: -webkit-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -moz-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -o-linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: linear-gradient(top, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  -webkit-box-shadow: white 0 1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;
  -moz-box-shadow: white 0 1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;
  box-shadow: white 0 1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;
}
/* line 403, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-nlg .x4-tab-default-top, .x4-nlg
.x4-tab-default-left, .x4-nlg
.x4-tab-default-right {
  background-image: url(images/tab/tab-default-top-bg.gif);
}

/* line 417, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-bottom {
  border-top: 1px solid #99bce8;
  background-image: none;
  background-color: #deecfd;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ccdef6), color-stop(25%, #d6e6fa), color-stop(45%, #deecfd));
  background-image: -webkit-linear-gradient(bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -moz-linear-gradient(bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: -o-linear-gradient(bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  background-image: linear-gradient(bottom, #ccdef6, #d6e6fa 25%, #deecfd 45%);
  -webkit-box-shadow: white 0 -1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;
  -moz-box-shadow: white 0 -1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;
  box-shadow: white 0 -1px 0px 0 inset, white -1px 0 0px 0 inset, white 1px 0 0px 0 inset;
}
/* line 424, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-nlg .x4-tab-default-bottom {
  background-image: url(images/tab/tab-default-bottom-bg.gif);
}

/* line 438, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-left {
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 100% 0;
  -o-transform: rotate(270deg);
  -o-transform-origin: 100% 0;
  transform: rotate(270deg);
  transform-origin: 100% 0;
}
/* line 36, ../../../ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x4-ie9m .x4-tab-default-left {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* line 449, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-rtl.x4-tab-default-left {
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: 0 0;
  -o-transform: rotate(90deg);
  -o-transform-origin: 0 0;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
/* line 36, ../../../ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x4-ie9m .x4-rtl.x4-tab-default-left {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

/* line 454, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-right {
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: 0 0;
  -o-transform: rotate(90deg);
  -o-transform-origin: 0 0;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
/* line 36, ../../../ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x4-ie9m .x4-tab-default-right {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

/* line 465, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-rtl.x4-tab-default-right {
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 100% 0;
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 100% 0;
  -o-transform: rotate(270deg);
  -o-transform-origin: 100% 0;
  transform: rotate(270deg);
  transform-origin: 100% 0;
}
/* line 36, ../../../ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x4-ie9m .x4-rtl.x4-tab-default-right {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* line 471, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-icon-text-left .x4-tab-inner {
  padding-left: 20px;
}

/* line 478, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-rtl.x4-tab-default-icon-text-left .x4-tab-inner {
  padding-left: 0;
  padding-right: 20px;
}

/* line 485, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-over {
  background-color: #e8f2ff;
}
/* line 509, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-over .x4-tab-glyph {
  color: #416da3;
}
/* line 516, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-ie8m .x4-tab-default-over .x4-tab-glyph {
  color: #94afd1;
}

/* line 525, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-top-over,
.x4-tab-default-left-over,
.x4-tab-default-right-over {
  background-image: none;
  background-color: #e8f2ff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d7e5fd), color-stop(25%, #e0edff), color-stop(45%, #e8f2ff));
  background-image: -webkit-linear-gradient(top, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
  background-image: -moz-linear-gradient(top, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
  background-image: -o-linear-gradient(top, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
  background-image: linear-gradient(top, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
}
/* line 529, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-nlg .x4-tab-default-top-over, .x4-nlg
.x4-tab-default-left-over, .x4-nlg
.x4-tab-default-right-over {
  background-image: url(images/tab/tab-default-top-over-bg.gif);
}

/* line 534, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-bottom-over {
  background-image: none;
  background-color: #e8f2ff;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #d7e5fd), color-stop(25%, #e0edff), color-stop(45%, #e8f2ff));
  background-image: -webkit-linear-gradient(bottom, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
  background-image: -moz-linear-gradient(bottom, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
  background-image: -o-linear-gradient(bottom, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
  background-image: linear-gradient(bottom, #d7e5fd, #e0edff 25%, #e8f2ff 45%);
}
/* line 538, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-nlg .x4-tab-default-bottom-over {
  background-image: url(images/tab/tab-default-bottom-over-bg.gif);
}

/* line 545, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-active {
  background-color: #deecfd;
}
/* line 551, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-active .x4-tab-inner {
  color: #15498b;
}
/* line 566, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-active .x4-tab-glyph {
  color: #15498b;
}
/* line 573, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-ie8m .x4-tab-default-active .x4-tab-glyph {
  color: #799ac4;
}

/* line 581, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-top-active,
.x4-tab-default-left-active,
.x4-tab-default-right-active {
  border-bottom: 1px solid #deecfd;
  background-image: none;
  background-color: #deecfd;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(25%, #f5f9fe), color-stop(45%, #deecfd));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f9fe 25%, #deecfd 45%);
  background-image: -moz-linear-gradient(top, #ffffff, #f5f9fe 25%, #deecfd 45%);
  background-image: -o-linear-gradient(top, #ffffff, #f5f9fe 25%, #deecfd 45%);
  background-image: linear-gradient(top, #ffffff, #f5f9fe 25%, #deecfd 45%);
}
/* line 587, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-nlg .x4-tab-default-top-active, .x4-nlg
.x4-tab-default-left-active, .x4-nlg
.x4-tab-default-right-active {
  background-image: url(images/tab/tab-default-top-active-bg.gif);
}

/* line 594, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-bottom-active {
  border-top: 1px solid #deecfd;
  background-image: none;
  background-color: #deecfd;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ffffff), color-stop(25%, #f5f9fe), color-stop(45%, #deecfd));
  background-image: -webkit-linear-gradient(bottom, #ffffff, #f5f9fe 25%, #deecfd 45%);
  background-image: -moz-linear-gradient(bottom, #ffffff, #f5f9fe 25%, #deecfd 45%);
  background-image: -o-linear-gradient(bottom, #ffffff, #f5f9fe 25%, #deecfd 45%);
  background-image: linear-gradient(bottom, #ffffff, #f5f9fe 25%, #deecfd 45%);
}
/* line 600, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-nlg .x4-tab-default-bottom-active {
  background-image: url(images/tab/tab-default-bottom-active-bg.gif);
}

/* line 607, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-disabled {
  border-color: #bbd2ef;
  cursor: default;
}
/* line 620, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-disabled .x4-tab-inner {
  color: #c3b3b3;
}
/* line 639, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-disabled .x4-tab-icon-el {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 644, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-disabled .x4-tab-glyph {
  color: #c3b3b3;
  opacity: 0.3;
  filter: none;
}
/* line 658, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-ie8m .x4-tab-default-disabled .x4-tab-glyph {
  color: #d8dae4;
}

/* line 667, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-top-disabled,
.x4-tab-default-left-disabled,
.x4-tab-default-right-disabled {
  border-color: #bbd2ef #bbd2ef #99bce8;
}

/* line 671, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-bottom-disabled {
  border-color: #99bce8 #bbd2ef #bbd2ef #bbd2ef;
}

/* line 678, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-top-disabled,
.x4-tab-default-left-disabled,
.x4-tab-default-right-disabled {
  background-image: none;
  background-color: #e1ecfa;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1ecfa), color-stop(100%, #ecf4fe));
  background-image: -webkit-linear-gradient(top, #e1ecfa, #ecf4fe);
  background-image: -moz-linear-gradient(top, #e1ecfa, #ecf4fe);
  background-image: -o-linear-gradient(top, #e1ecfa, #ecf4fe);
  background-image: linear-gradient(top, #e1ecfa, #ecf4fe);
}
/* line 682, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-nlg .x4-tab-default-top-disabled, .x4-nlg
.x4-tab-default-left-disabled, .x4-nlg
.x4-tab-default-right-disabled {
  background-image: url(images/tab/tab-default-top-disabled-bg.gif);
}

/* line 687, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-bottom-disabled {
  background-image: none;
  background-color: #e1ecfa;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e1ecfa), color-stop(100%, #ecf4fe));
  background-image: -webkit-linear-gradient(bottom, #e1ecfa, #ecf4fe);
  background-image: -moz-linear-gradient(bottom, #e1ecfa, #ecf4fe);
  background-image: -o-linear-gradient(bottom, #e1ecfa, #ecf4fe);
  background-image: linear-gradient(bottom, #e1ecfa, #ecf4fe);
}
/* line 691, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-nlg .x4-tab-default-bottom-disabled {
  background-image: url(images/tab/tab-default-bottom-disabled-bg.gif);
}

/* line 699, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-nbr .x4-tab-default {
  background-image: none;
}

/* line 710, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-top-over .x4-frame-tl,
.x4-tab-default-top-over .x4-frame-bl,
.x4-tab-default-top-over .x4-frame-tr,
.x4-tab-default-top-over .x4-frame-br,
.x4-tab-default-top-over .x4-frame-tc,
.x4-tab-default-top-over .x4-frame-bc,
.x4-tab-default-left-over .x4-frame-tl,
.x4-tab-default-left-over .x4-frame-bl,
.x4-tab-default-left-over .x4-frame-tr,
.x4-tab-default-left-over .x4-frame-br,
.x4-tab-default-left-over .x4-frame-tc,
.x4-tab-default-left-over .x4-frame-bc,
.x4-tab-default-right-over .x4-frame-tl,
.x4-tab-default-right-over .x4-frame-bl,
.x4-tab-default-right-over .x4-frame-tr,
.x4-tab-default-right-over .x4-frame-br,
.x4-tab-default-right-over .x4-frame-tc,
.x4-tab-default-right-over .x4-frame-bc {
  background-image: url(images/tab/tab-default-top-over-corners.gif);
}
/* line 714, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-top-over .x4-frame-ml,
.x4-tab-default-top-over .x4-frame-mr,
.x4-tab-default-left-over .x4-frame-ml,
.x4-tab-default-left-over .x4-frame-mr,
.x4-tab-default-right-over .x4-frame-ml,
.x4-tab-default-right-over .x4-frame-mr {
  background-image: url(images/tab/tab-default-top-over-sides.gif);
}
/* line 717, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-top-over .x4-frame-mc,
.x4-tab-default-left-over .x4-frame-mc,
.x4-tab-default-right-over .x4-frame-mc {
  background-color: #e8f2ff;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-top-over-fbg.gif);
}

/* line 732, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-bottom-over .x4-frame-tl,
.x4-tab-default-bottom-over .x4-frame-bl,
.x4-tab-default-bottom-over .x4-frame-tr,
.x4-tab-default-bottom-over .x4-frame-br,
.x4-tab-default-bottom-over .x4-frame-tc,
.x4-tab-default-bottom-over .x4-frame-bc {
  background-image: url(images/tab/tab-default-bottom-over-corners.gif);
}
/* line 736, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-bottom-over .x4-frame-ml,
.x4-tab-default-bottom-over .x4-frame-mr {
  background-image: url(images/tab/tab-default-bottom-over-sides.gif);
}
/* line 739, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-bottom-over .x4-frame-mc {
  background-color: #e8f2ff;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-bottom-over-fbg.gif);
}

/* line 756, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-top-active .x4-frame-tl,
.x4-tab-default-top-active .x4-frame-bl,
.x4-tab-default-top-active .x4-frame-tr,
.x4-tab-default-top-active .x4-frame-br,
.x4-tab-default-top-active .x4-frame-tc,
.x4-tab-default-top-active .x4-frame-bc,
.x4-tab-default-left-active .x4-frame-tl,
.x4-tab-default-left-active .x4-frame-bl,
.x4-tab-default-left-active .x4-frame-tr,
.x4-tab-default-left-active .x4-frame-br,
.x4-tab-default-left-active .x4-frame-tc,
.x4-tab-default-left-active .x4-frame-bc,
.x4-tab-default-right-active .x4-frame-tl,
.x4-tab-default-right-active .x4-frame-bl,
.x4-tab-default-right-active .x4-frame-tr,
.x4-tab-default-right-active .x4-frame-br,
.x4-tab-default-right-active .x4-frame-tc,
.x4-tab-default-right-active .x4-frame-bc {
  background-image: url(images/tab/tab-default-top-active-corners.gif);
}
/* line 760, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-top-active .x4-frame-ml,
.x4-tab-default-top-active .x4-frame-mr,
.x4-tab-default-left-active .x4-frame-ml,
.x4-tab-default-left-active .x4-frame-mr,
.x4-tab-default-right-active .x4-frame-ml,
.x4-tab-default-right-active .x4-frame-mr {
  background-image: url(images/tab/tab-default-top-active-sides.gif);
}
/* line 763, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-top-active .x4-frame-mc,
.x4-tab-default-left-active .x4-frame-mc,
.x4-tab-default-right-active .x4-frame-mc {
  background-color: #deecfd;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-top-active-fbg.gif);
}

/* line 778, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-bottom-active .x4-frame-tl,
.x4-tab-default-bottom-active .x4-frame-bl,
.x4-tab-default-bottom-active .x4-frame-tr,
.x4-tab-default-bottom-active .x4-frame-br,
.x4-tab-default-bottom-active .x4-frame-tc,
.x4-tab-default-bottom-active .x4-frame-bc {
  background-image: url(images/tab/tab-default-bottom-active-corners.gif);
}
/* line 782, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-bottom-active .x4-frame-ml,
.x4-tab-default-bottom-active .x4-frame-mr {
  background-image: url(images/tab/tab-default-bottom-active-sides.gif);
}
/* line 785, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-bottom-active .x4-frame-mc {
  background-color: #deecfd;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-bottom-active-fbg.gif);
}

/* line 802, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-top-disabled .x4-frame-tl,
.x4-tab-default-top-disabled .x4-frame-bl,
.x4-tab-default-top-disabled .x4-frame-tr,
.x4-tab-default-top-disabled .x4-frame-br,
.x4-tab-default-top-disabled .x4-frame-tc,
.x4-tab-default-top-disabled .x4-frame-bc,
.x4-tab-default-left-disabled .x4-frame-tl,
.x4-tab-default-left-disabled .x4-frame-bl,
.x4-tab-default-left-disabled .x4-frame-tr,
.x4-tab-default-left-disabled .x4-frame-br,
.x4-tab-default-left-disabled .x4-frame-tc,
.x4-tab-default-left-disabled .x4-frame-bc,
.x4-tab-default-right-disabled .x4-frame-tl,
.x4-tab-default-right-disabled .x4-frame-bl,
.x4-tab-default-right-disabled .x4-frame-tr,
.x4-tab-default-right-disabled .x4-frame-br,
.x4-tab-default-right-disabled .x4-frame-tc,
.x4-tab-default-right-disabled .x4-frame-bc {
  background-image: url(images/tab/tab-default-top-disabled-corners.gif);
}
/* line 806, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-top-disabled .x4-frame-ml,
.x4-tab-default-top-disabled .x4-frame-mr,
.x4-tab-default-left-disabled .x4-frame-ml,
.x4-tab-default-left-disabled .x4-frame-mr,
.x4-tab-default-right-disabled .x4-frame-ml,
.x4-tab-default-right-disabled .x4-frame-mr {
  background-image: url(images/tab/tab-default-top-disabled-sides.gif);
}
/* line 809, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-top-disabled .x4-frame-mc,
.x4-tab-default-left-disabled .x4-frame-mc,
.x4-tab-default-right-disabled .x4-frame-mc {
  background-color: #e1ecfa;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-top-disabled-fbg.gif);
}

/* line 824, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-bottom-disabled .x4-frame-tl,
.x4-tab-default-bottom-disabled .x4-frame-bl,
.x4-tab-default-bottom-disabled .x4-frame-tr,
.x4-tab-default-bottom-disabled .x4-frame-br,
.x4-tab-default-bottom-disabled .x4-frame-tc,
.x4-tab-default-bottom-disabled .x4-frame-bc {
  background-image: url(images/tab/tab-default-bottom-disabled-corners.gif);
}
/* line 828, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-bottom-disabled .x4-frame-ml,
.x4-tab-default-bottom-disabled .x4-frame-mr {
  background-image: url(images/tab/tab-default-bottom-disabled-sides.gif);
}
/* line 831, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-bottom-disabled .x4-frame-mc {
  background-color: #e1ecfa;
  background-repeat: repeat-x;
  background-image: url(images/tab/tab-default-bottom-disabled-fbg.gif);
}

/* line 850, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-nbr .x4-tab-default-top,
.x4-nbr .x4-tab-default-left,
.x4-nbr .x4-tab-default-right {
  border-bottom-width: 1px !important;
}
/* line 853, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-nbr .x4-tab-default-bottom {
  border-top-width: 1px !important;
}

/* line 861, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default .x4-tab-close-btn {
  width: 11px;
  height: 11px;
  background-image: url(images/tab/tab-default-close.gif);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
/* line 870, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default .x4-tab-close-btn-over {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 880, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default .x4-tab-close-btn {
  top: 2px;
  right: 2px;
}

/* line 886, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-rtl.x4-tab-default .x4-tab-close-btn {
  right: auto;
  left: 2px;
}

/* line 924, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-disabled .x4-tab-close-btn {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

/* line 939, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-tab-default-closable .x4-tab-wrap {
  padding-right: 14px;
}

/* line 944, ../../../ext-theme-neutral/sass/src/tab/Tab.scss */
.x4-rtl.x4-tab-default-closable .x4-tab-wrap {
  padding-right: 0px;
  padding-left: 14px;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-tab-default-top-over:after {
  display: none;
  content: "x-slicer:bg:url(images/tab/tab-default-top-over-bg.gif), corners:url(images/tab/tab-default-top-over-corners.gif), sides:url(images/tab/tab-default-top-over-sides.gif), frame-bg:url(images/tab/tab-default-top-over-fbg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-tab-default-bottom-over:after {
  display: none;
  content: "x-slicer:bg:url(images/tab/tab-default-bottom-over-bg.gif), corners:url(images/tab/tab-default-bottom-over-corners.gif), sides:url(images/tab/tab-default-bottom-over-sides.gif), frame-bg:url(images/tab/tab-default-bottom-over-fbg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-tab-default-top-active:after {
  display: none;
  content: "x-slicer:bg:url(images/tab/tab-default-top-active-bg.gif), corners:url(images/tab/tab-default-top-active-corners.gif), sides:url(images/tab/tab-default-top-active-sides.gif), frame-bg:url(images/tab/tab-default-top-active-fbg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-tab-default-bottom-active:after {
  display: none;
  content: "x-slicer:bg:url(images/tab/tab-default-bottom-active-bg.gif), corners:url(images/tab/tab-default-bottom-active-corners.gif), sides:url(images/tab/tab-default-bottom-active-sides.gif), frame-bg:url(images/tab/tab-default-bottom-active-fbg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-tab-default-top-disabled:after {
  display: none;
  content: "x-slicer:bg:url(images/tab/tab-default-top-disabled-bg.gif), corners:url(images/tab/tab-default-top-disabled-corners.gif), sides:url(images/tab/tab-default-top-disabled-sides.gif), frame-bg:url(images/tab/tab-default-top-disabled-fbg.gif)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-tab-default-bottom-disabled:after {
  display: none;
  content: "x-slicer:bg:url(images/tab/tab-default-bottom-disabled-bg.gif), corners:url(images/tab/tab-default-bottom-disabled-corners.gif), sides:url(images/tab/tab-default-bottom-disabled-sides.gif), frame-bg:url(images/tab/tab-default-bottom-disabled-fbg.gif)";
}

/*</if slicer>*/
/* */
/* line 94, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default {
  border-style: solid;
  border-color: #99bce8;
}

/* line 100, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-top {
  padding: 1px 0 0;
  border-width: 1px 1px 0;
}

/* line 107, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-bottom {
  padding: 0 0 1px 0;
  border-width: 0 1px 1px 1px;
}

/* line 114, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-left {
  padding: 0 0 0 1px;
  border-width: 1px 0 1px 1px;
}

/* line 122, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-rtl.x4-tab-bar-default-left {
  padding: 0 1px 0 0;
  border-width: 1px 1px 1px 0;
}

/* line 130, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-right {
  padding: 0 1px 0 0;
  border-width: 1px 1px 1px 0;
}

/* line 138, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-rtl.x4-tab-bar-default-right {
  padding: 0 0 0 1px;
  border-width: 1px 0 1px 1px;
}

/* line 149, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-horizontal {
  height: 25px;
}
/* line 153, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-content-box .x4-tab-bar-default-horizontal {
  height: 23px;
}

/* line 161, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-vertical {
  width: 25px;
}
/* line 165, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-content-box .x4-tab-bar-default-vertical {
  width: 23px;
}

/* line 172, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-body-default-top {
  padding-bottom: 2px;
}

/* line 176, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-body-default-bottom {
  padding-top: 2px;
}

/* line 180, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-body-default-left {
  padding-right: 2px;
}

/* line 185, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-rtl.x4-tab-bar-body-default-left {
  padding-right: 0;
  padding-left: 2px;
}

/* line 191, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-body-default-right {
  padding-left: 2px;
}

/* line 196, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-rtl.x4-tab-bar-body-default-right {
  padding-left: 0;
  padding-right: 2px;
}

/* line 202, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-strip-default {
  border-style: solid;
  border-color: #99bce8;
  background-color: #deecfd;
}

/* line 210, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-content-box .x4-tab-bar-strip-default-horizontal {
  height: 2px;
}

/* line 218, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-content-box .x4-tab-bar-strip-default-vertical {
  width: 2px;
}

/* line 224, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-strip-default-top {
  border-width: 1px 0 0 0;
  height: 3px;
}
/* line 227, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-plain .x4-tab-bar-strip-default-top {
  border-width: 1px 1px 0;
}

/* line 232, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-strip-default-bottom {
  border-width: 0 0 1px 0;
  height: 3px;
}
/* line 235, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-plain .x4-tab-bar-strip-default-bottom {
  border-width: 0 1px 1px 1px;
}

/* line 240, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-strip-default-left {
  border-width: 0 0 0 1px;
  width: 3px;
}
/* line 243, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-plain .x4-tab-bar-strip-default-left {
  border-width: 1px 0 1px 1px;
}

/* line 249, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-rtl.x4-tab-bar-strip-default-left {
  border-width: 0 1px 0 0;
}
/* line 251, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-plain .x4-rtl.x4-tab-bar-strip-default-left {
  border-width: 1px 1px 1px 0;
}

/* line 257, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-strip-default-right {
  border-width: 0 1px 0 0;
  width: 3px;
}
/* line 260, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-plain .x4-tab-bar-strip-default-right {
  border-width: 1px 1px 1px 0;
}

/* line 266, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-rtl.x4-tab-bar-strip-default-right {
  border-width: 0 0 0 1px;
}
/* line 268, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-plain .x4-rtl.x4-tab-bar-strip-default-right {
  border-width: 1px 0 1px 1px;
}

/* line 274, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default {
  background-color: #cbdbef;
}

/* line 279, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-top {
  background-image: none;
  background-color: #cbdbef;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dde8f5), color-stop(100%, #cbdbef));
  background-image: -webkit-linear-gradient(top, #dde8f5, #cbdbef);
  background-image: -moz-linear-gradient(top, #dde8f5, #cbdbef);
  background-image: -o-linear-gradient(top, #dde8f5, #cbdbef);
  background-image: linear-gradient(top, #dde8f5, #cbdbef);
}
/* line 283, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-nlg .x4-tab-bar-default-top {
  background: url(images/tab-bar/tab-bar-default-top-bg.gif);
}

/* line 289, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-bottom {
  background-image: none;
  background-color: #cbdbef;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dde8f5), color-stop(100%, #cbdbef));
  background-image: -webkit-linear-gradient(bottom, #dde8f5, #cbdbef);
  background-image: -moz-linear-gradient(bottom, #dde8f5, #cbdbef);
  background-image: -o-linear-gradient(bottom, #dde8f5, #cbdbef);
  background-image: linear-gradient(bottom, #dde8f5, #cbdbef);
}
/* line 293, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-nlg .x4-tab-bar-default-bottom {
  background: url(images/tab-bar/tab-bar-default-bottom-bg.gif) bottom 0;
}

/* line 299, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-left {
  background-image: none;
  background-color: #cbdbef;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dde8f5), color-stop(100%, #cbdbef));
  background-image: -webkit-linear-gradient(left, #dde8f5, #cbdbef);
  background-image: -moz-linear-gradient(left, #dde8f5, #cbdbef);
  background-image: -o-linear-gradient(left, #dde8f5, #cbdbef);
  background-image: linear-gradient(left, #dde8f5, #cbdbef);
}
/* line 303, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-nlg .x4-tab-bar-default-left {
  background: url(images/tab-bar/tab-bar-default-left-bg.gif);
}

/* line 309, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-right {
  background-image: none;
  background-color: #cbdbef;
  background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #dde8f5), color-stop(100%, #cbdbef));
  background-image: -webkit-linear-gradient(right, #dde8f5, #cbdbef);
  background-image: -moz-linear-gradient(right, #dde8f5, #cbdbef);
  background-image: -o-linear-gradient(right, #dde8f5, #cbdbef);
  background-image: linear-gradient(right, #dde8f5, #cbdbef);
}
/* line 313, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-nlg .x4-tab-bar-default-right {
  background: url(images/tab-bar/tab-bar-default-right-bg.gif) 0 right;
}

/* line 323, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default .x4-box-scroller {
  cursor: pointer;
}
/* line 363, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default .x4-tabbar-scroll-left,
.x4-tab-bar-default .x4-tabbar-scroll-right {
  height: 20px;
  width: 18px;
}
/* line 369, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default .x4-tabbar-scroll-top,
.x4-tab-bar-default .x4-tabbar-scroll-bottom {
  width: 20px;
  height: 18px;
}

/* line 377, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-bottom .x4-box-scroller {
  margin-top: 1px;
}
/* line 381, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-right .x4-box-scroller {
  margin-left: 1px;
}
/* line 386, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-rtl.x4-tab-bar-default-right .x4-box-scroller {
  margin-left: 0;
  margin-right: 1px;
}

/* line 456, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-top .x4-tabbar-scroll-left {
  background-image: url(images/tab-bar/default-scroll-left-top.gif);
}
/* line 459, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-top .x4-tabbar-scroll-right {
  background-image: url(images/tab-bar/default-scroll-right-top.gif);
}

/* line 466, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-rtl.x4-tab-bar-default-top .x4-tabbar-scroll-left {
  background-image: url(images/tab-bar/default-scroll-right-top.gif);
}
/* line 469, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-rtl.x4-tab-bar-default-top .x4-tabbar-scroll-right {
  background-image: url(images/tab-bar/default-scroll-left-top.gif);
}

/* line 476, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-bottom .x4-tabbar-scroll-left {
  background-image: url(images/tab-bar/default-scroll-left-bottom.gif);
}
/* line 479, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-bottom .x4-tabbar-scroll-right {
  background-image: url(images/tab-bar/default-scroll-right-bottom.gif);
}

/* line 486, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-rtl.x4-tab-bar-default-bottom .x4-tabbar-scroll-left {
  background-image: url(images/tab-bar/default-scroll-right-bottom.gif);
}
/* line 489, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-rtl.x4-tab-bar-default-bottom .x4-tabbar-scroll-right {
  background-image: url(images/tab-bar/default-scroll-left-bottom.gif);
}

/* line 496, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-left .x4-tabbar-scroll-top {
  background-image: url(images/tab-bar/default-scroll-top-left.gif);
}
/* line 499, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-left .x4-tabbar-scroll-bottom {
  background-image: url(images/tab-bar/default-scroll-bottom-left.gif);
}

/* line 506, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-rtl.x4-tab-bar-default-left .x4-tabbar-scroll-top {
  background-image: url(images/tab-bar/default-scroll-top-right.gif);
}
/* line 509, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-rtl.x4-tab-bar-default-left .x4-tabbar-scroll-bottom {
  background-image: url(images/tab-bar/default-scroll-bottom-right.gif);
}

/* line 516, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-right .x4-tabbar-scroll-top {
  background-image: url(images/tab-bar/default-scroll-top-right.gif);
}
/* line 519, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default-right .x4-tabbar-scroll-bottom {
  background-image: url(images/tab-bar/default-scroll-bottom-right.gif);
}

/* line 526, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-rtl.x4-tab-bar-default-right .x4-tabbar-scroll-top {
  background-image: url(images/tab-bar/default-scroll-top-left.gif);
}
/* line 529, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-rtl.x4-tab-bar-default-right .x4-tabbar-scroll-bottom {
  background-image: url(images/tab-bar/default-scroll-bottom-left.gif);
}

/* line 539, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default .x4-tabbar-scroll-left-hover,
.x4-tab-bar-default .x4-tabbar-scroll-right-hover {
  background-position: -18px 0;
}
/* line 544, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default .x4-tabbar-scroll-top-hover,
.x4-tab-bar-default .x4-tabbar-scroll-bottom-hover {
  background-position: 0 -18px;
}
/* line 549, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-default .x4-box-scroller-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  cursor: default;
}

/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-tab-bar-default-top:after {
  display: none;
  content: "x-slicer:bg:url(images/tab-bar/tab-bar-default-top-bg.gif), stretch:bottom";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-tab-bar-default-bottom:after {
  display: none;
  content: "x-slicer:bg:url(images/tab-bar/tab-bar-default-bottom-bg.gif), stretch:top";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-tab-bar-default-left:after {
  display: none;
  content: "x-slicer:bg:url(images/tab-bar/tab-bar-default-left-bg.gif), stretch:right";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../ext-theme-base/sass/etc/mixins/slicer.scss */
.x4-tab-bar-default-right:after {
  display: none;
  content: "x-slicer:bg:url(images/tab-bar/tab-bar-default-right-bg.gif), stretch:left";
}

/*</if slicer>*/
/* */
/* line 998, ../../../ext-theme-neutral/sass/src/tab/Bar.scss */
.x4-tab-bar-plain {
  border-width: 0;
  padding: 0;
  height: 23px;
}

/* line 1, ../../../ext-theme-neutral/sass/src/selection/CheckboxModel.scss */
.x4-column-header-checkbox {
  border-color: #c5c5c5;
}

/* line 6, ../../../ext-theme-neutral/sass/src/selection/CheckboxModel.scss */
.x4-grid-row-checker,
.x4-column-header-checkbox .x4-column-header-text {
  height: 13px;
  width: 13px;
  background-image: url(images/form/checkbox.gif);
  line-height: 13px;
}

/* line 15, ../../../ext-theme-neutral/sass/src/selection/CheckboxModel.scss */
.x4-column-header-checkbox .x4-column-header-inner {
  padding: 5px 5px 4px 5px;
}

/* line 19, ../../../ext-theme-neutral/sass/src/selection/CheckboxModel.scss */
.x4-grid-cell-row-checker .x4-grid-cell-inner {
  padding: 4px 5px 3px 5px;
}
/* line 23, ../../../ext-theme-neutral/sass/src/selection/CheckboxModel.scss */
.x4-grid-no-row-lines .x4-grid-row-focused .x4-grid-cell-row-checker .x4-grid-cell-inner {
  padding-top: 3px;
  padding-bottom: 2px;
}

/* line 32, ../../../ext-theme-neutral/sass/src/selection/CheckboxModel.scss */
.x4-grid-hd-checker-on .x4-column-header-text,
.x4-grid-row-selected .x4-grid-row-checker,
.x4-grid-row-checked .x4-grid-row-checker {
  background-position: 0 -13px;
}

/* line 1, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-expander {
  cursor: pointer;
}

/* line 7, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-arrows .x4-tree-expander {
  background-image: url(images/tree/arrows.gif);
}
/* line 11, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-arrows .x4-tree-expander-over .x4-tree-expander {
  background-position: -32px center;
}
/* line 15, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-arrows .x4-grid-tree-node-expanded .x4-tree-expander {
  background-position: -16px center;
}
/* line 19, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-arrows .x4-grid-tree-node-expanded .x4-tree-expander-over .x4-tree-expander {
  background-position: -48px center;
}
/* line 24, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-arrows .x4-rtl.x4-tree-expander {
  background: url(images/tree/arrows-rtl.gif) no-repeat -48px center;
}
/* line 28, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-arrows .x4-tree-expander-over .x4-rtl.x4-tree-expander {
  background-position: -16px center;
}
/* line 32, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-arrows .x4-grid-tree-node-expanded .x4-rtl.x4-tree-expander {
  background-position: -32px center;
}
/* line 36, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-arrows .x4-grid-tree-node-expanded .x4-tree-expander-over .x4-rtl.x4-tree-expander {
  background-position: 0 center;
}

/* line 44, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-lines .x4-tree-elbow {
  background-image: url(images/tree/elbow.gif);
}
/* line 48, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-lines .x4-tree-elbow-end {
  background-image: url(images/tree/elbow-end.gif);
}
/* line 52, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-lines .x4-tree-elbow-plus {
  background-image: url(images/tree/elbow-plus.gif);
}
/* line 56, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-lines .x4-tree-elbow-end-plus {
  background-image: url(images/tree/elbow-end-plus.gif);
}
/* line 60, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-lines .x4-grid-tree-node-expanded .x4-tree-elbow-plus {
  background-image: url(images/tree/elbow-minus.gif);
}
/* line 64, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-lines .x4-grid-tree-node-expanded .x4-tree-elbow-end-plus {
  background-image: url(images/tree/elbow-end-minus.gif);
}
/* line 68, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-lines .x4-tree-elbow-line {
  background-image: url(images/tree/elbow-line.gif);
}
/* line 73, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-lines .x4-rtl.x4-tree-elbow {
  background-image: url(images/tree/elbow-rtl.gif);
}
/* line 77, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-lines .x4-rtl.x4-tree-elbow-end {
  background-image: url(images/tree/elbow-end-rtl.gif);
}
/* line 81, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-lines .x4-rtl.x4-tree-elbow-plus {
  background-image: url(images/tree/elbow-plus-rtl.gif);
}
/* line 85, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-lines .x4-rtl.x4-tree-elbow-end-plus {
  background-image: url(images/tree/elbow-end-plus-rtl.gif);
}
/* line 89, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-lines .x4-grid-tree-node-expanded .x4-rtl.x4-tree-elbow-plus {
  background-image: url(images/tree/elbow-minus-rtl.gif);
}
/* line 93, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-lines .x4-grid-tree-node-expanded .x4-rtl.x4-tree-elbow-end-plus {
  background-image: url(images/tree/elbow-end-minus-rtl.gif);
}
/* line 97, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-lines .x4-rtl.x4-tree-elbow-line {
  background-image: url(images/tree/elbow-line-rtl.gif);
}

/* line 104, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-no-row-lines .x4-tree-expander {
  background-image: url(images/tree/elbow-plus-nl.gif);
}
/* line 108, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-no-row-lines .x4-grid-tree-node-expanded .x4-tree-expander {
  background-image: url(images/tree/elbow-minus-nl.gif);
}
/* line 113, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-no-row-lines .x4-rtl.x4-tree-expander {
  background-image: url(images/tree/elbow-plus-nl-rtl.gif);
}
/* line 117, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-no-row-lines .x4-grid-tree-node-expanded .x4-rtl.x4-tree-expander {
  background-image: url(images/tree/elbow-minus-nl-rtl.gif);
}

/* line 123, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-icon {
  width: 16px;
  height: 20px;
}

/* line 128, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-elbow-img {
  width: 16px;
  height: 20px;
  margin-right: 0;
}

/* line 135, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-rtl.x4-tree-elbow-img {
  margin-right: 0;
  margin-left: 0;
}

/* line 143, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-icon,
.x4-tree-elbow-img,
.x4-tree-checkbox {
  margin-top: -3px;
  margin-bottom: -4px;
}

/* line 151, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-icon-leaf {
  background-image: url(images/tree/leaf.gif);
}

/* line 156, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-rtl.x4-tree-icon-leaf {
  background-image: url(images/tree/leaf-rtl.gif);
}

/* line 161, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-icon-parent {
  background-image: url(images/tree/folder.gif);
}

/* line 166, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-rtl.x4-tree-icon-parent {
  background-image: url(images/tree/folder-rtl.gif);
}

/* line 171, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-grid-tree-node-expanded .x4-tree-icon-parent {
  background-image: url(images/tree/folder-open.gif);
}

/* line 176, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-grid-tree-node-expanded .x4-rtl.x4-tree-icon-parent {
  background-image: url(images/tree/folder-open-rtl.gif);
}

/* line 181, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-checkbox {
  margin-right: 3px;
  top: 4px;
  width: 13px;
  height: 13px;
  background-image: url(images/form/checkbox.gif);
}

/* line 190, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-rtl.x4-tree-checkbox {
  margin-right: 0;
  margin-left: 3px;
}

/* line 196, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-checkbox-checked {
  background-position: 0 -13px;
}

/* line 200, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-grid-tree-loading .x4-tree-icon {
  background-image: url(images/tree/loading.gif);
}

/* line 205, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-grid-tree-loading .x4-rtl.x4-tree-icon {
  background-image: url(images/tree/loading.gif);
}

/* line 215, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-grid-cell-inner-treecolumn {
  font-size: 1px;
  line-height: 0;
}

/* line 221, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-tree-node-text {
  font-size: 11px;
  line-height: 13px;
  padding-left: 3px;
}

/* line 228, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-rtl.x4-tree-node-text {
  padding-left: 0;
  padding-right: 3px;
}

/* line 235, ../../../ext-theme-neutral/sass/src/tree/Panel.scss */
.x4-grid-cell-inner-treecolumn {
  padding: 3px 6px 4px 0;
}

/* line 1, ../../../ext-theme-neutral/sass/src/tree/ViewDropZone.scss */
.x4-tree-drop-ok-append .x4-dd-drop-icon {
  background-image: url(images/tree/drop-append.gif);
}

/* line 5, ../../../ext-theme-neutral/sass/src/tree/ViewDropZone.scss */
.x4-tree-drop-ok-above .x4-dd-drop-icon {
  background-image: url(images/tree/drop-above.gif);
}

/* line 9, ../../../ext-theme-neutral/sass/src/tree/ViewDropZone.scss */
.x4-tree-drop-ok-below .x4-dd-drop-icon {
  background-image: url(images/tree/drop-below.gif);
}

/* line 13, ../../../ext-theme-neutral/sass/src/tree/ViewDropZone.scss */
.x4-tree-drop-ok-between .x4-dd-drop-icon {
  background-image: url(images/tree/drop-between.gif);
}

/* line 17, ../../../ext-theme-neutral/sass/src/tree/ViewDropZone.scss */
.x4-tree-ddindicator {
  height: 1px;
  border-width: 1px 0px 0px;
  border-style: dotted;
  border-color: green;
}

/* including package ext-theme-classic */
/* line 2, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-tl {
  background: transparent no-repeat 0 0;
  zoom: 1;
}

/* line 7, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-tc {
  height: 8px;
  background: transparent repeat-x 0 0;
  overflow: hidden;
}

/* line 13, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-tr {
  background: transparent no-repeat right -8px;
}

/* line 17, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-ml {
  background: transparent repeat-y 0;
  padding-left: 4px;
  overflow: hidden;
  zoom: 1;
}

/* line 24, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-mc {
  background: repeat-x 0 -16px;
  padding: 4px 10px;
}

/* line 29, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-mc h3 {
  margin: 0 0 4px 0;
  zoom: 1;
}

/* line 34, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-mr {
  background: transparent repeat-y right;
  padding-right: 4px;
  overflow: hidden;
}

/* line 40, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-bl {
  background: transparent no-repeat 0 -16px;
  zoom: 1;
}

/* line 45, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-bc {
  background: transparent repeat-x 0 -8px;
  height: 8px;
  overflow: hidden;
}

/* line 51, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-br {
  background: transparent no-repeat right -24px;
}

/* line 55, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-tl, .x4-box-bl {
  padding-left: 8px;
  overflow: hidden;
}

/* line 60, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-tr, .x4-box-br {
  padding-right: 8px;
  overflow: hidden;
}

/* line 65, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-tl {
  background-image: url(images/box/corners.gif);
}

/* line 69, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-tc {
  background-image: url(images/box/tb.gif);
}

/* line 73, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-tr {
  background-image: url(images/box/corners.gif);
}

/* line 77, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-ml {
  background-image: url(images/box/l.gif);
}

/* line 81, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-mc {
  background-color: #eee;
  background-image: url(images/box/tb.gif);
  font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
  color: #393939;
  font-size: 15px;
}

/* line 89, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-mc h3 {
  font-size: 18px;
  font-weight: bold;
}

/* line 94, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-mr {
  background-image: url(images/box/r.gif);
}

/* line 98, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-bl {
  background-image: url(images/box/corners.gif);
}

/* line 102, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-bc {
  background-image: url(images/box/tb.gif);
}

/* line 106, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-br {
  background-image: url(images/box/corners.gif);
}

/* line 110, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-blue .x4-box-bl, .x4-box-blue .x4-box-br, .x4-box-blue .x4-box-tl, .x4-box-blue .x4-box-tr {
  background-image: url(images/box/corners-blue.gif);
}

/* line 114, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-blue .x4-box-bc, .x4-box-blue .x4-box-mc, .x4-box-blue .x4-box-tc {
  background-image: url(images/box/tb-blue.gif);
}

/* line 118, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-blue .x4-box-mc {
  background-color: #c3daf9;
}

/* line 122, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-blue .x4-box-mc h3 {
  color: #17385b;
}

/* line 126, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-blue .x4-box-ml {
  background-image: url(images/box/l-blue.gif);
}

/* line 130, ../../../ext-theme-classic/sass/src/dom/Element.scss */
.x4-box-blue .x4-box-mr {
  background-image: url(images/box/r-blue.gif);
}

/* line 3, ../../../ext-theme-classic/sass/src/toolbar/Toolbar.scss */
.x4-rtl.x4-toolbar-more-icon {
  background-image: url(images/toolbar/more-left.gif) !important;
}

/* line 2, ../../../ext-theme-classic/sass/src/window/MessageBox.scss */
.x4-message-box .x4-msg-box-wait {
  background-image: url(images/shared/blue-loading.gif);
}

/* line 1, ../../../ext-theme-classic/sass/src/form/field/Trigger.scss */
.x4-form-trigger {
  height: 22px;
}
/* line 5, ../../../ext-theme-classic/sass/src/form/field/Trigger.scss */
.x4-content-box .x4-form-trigger {
  height: 21px;
}

/* line 12, ../../../ext-theme-classic/sass/src/form/field/Trigger.scss */
.x4-field-toolbar .x4-form-trigger {
  height: 20px;
}
/* line 16, ../../../ext-theme-classic/sass/src/form/field/Trigger.scss */
.x4-content-box .x4-field-toolbar .x4-form-trigger {
  height: 19px;
}

/* line 4, ../../../ext-theme-classic/sass/src/form/field/Spinner.scss */
.x4-content-box div.x4-form-spinner-up,
.x4-content-box div.x4-form-spinner-down {
  height: 10px;
}
/* line 10, ../../../ext-theme-classic/sass/src/form/field/Spinner.scss */
.x4-content-box .x4-toolbar-item div.x4-form-spinner-up,
.x4-content-box .x4-toolbar-item div.x4-form-spinner-down {
  height: 9px;
}

/* line 2, ../../../ext-theme-classic/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-wrap .x4-toolbar {
  border-left-color: #b5b8c8;
  border-top-color: #b5b8c8;
  border-right-color: #b5b8c8;
}

/* line 9, ../../../ext-theme-classic/sass/src/form/field/HtmlEditor.scss */
.x4-html-editor-input {
  border: 1px solid #b5b8c8;
  border-top-width: 0;
}

/* line 1, ../../../ext-theme-classic/sass/src/grid/column/Column.scss */
.x4-column-header-trigger {
  background-color: #c5c5c5;
  background-image: url(images/grid/grid3-hd-btn.gif);
}

/* line 8, ../../../ext-theme-classic/sass/src/grid/column/Column.scss */
.x4-rtl.x4-column-header-trigger {
  background-image: url(images/grid/grid3-hd-btn-left.gif);
}

/* line 6, ../../../ext-theme-classic/sass/src/grid/plugin/Editing.scss */
.x4-content-box .x4-grid-editor .x4-form-trigger {
  height: 19px;
}
/* line 13, ../../../ext-theme-classic/sass/src/grid/plugin/Editing.scss */
.x4-grid-editor .x4-form-spinner-up, .x4-grid-editor .x4-form-spinner-down {
  background-image: url(images/form/spinner-small.gif);
}
/* line 16, ../../../ext-theme-classic/sass/src/grid/plugin/Editing.scss */
.x4-content-box .x4-grid-editor .x4-form-spinner-up, .x4-content-box .x4-grid-editor .x4-form-spinner-down {
  height: 9px;
}
/* line 24, ../../../ext-theme-classic/sass/src/grid/plugin/Editing.scss */
.x4-grid-editor .x4-rtl.x4-form-trigger-wrap .x4-form-spinner-up, .x4-grid-editor .x4-rtl.x4-form-trigger-wrap .x4-form-spinner-down {
  background-image: url(images/form/spinner-small-rtl.gif);
}

/* line 1, ../../../ext-theme-classic/sass/src/layout/container/Accordion.scss */
.x4-accordion-hd {
  border-width: 1px 0 !important;
  -webkit-box-shadow: inset 0 0 0 0 #d9e7f8;
  -moz-box-shadow: inset 0 0 0 0 #d9e7f8;
  box-shadow: inset 0 0 0 0 #d9e7f8;
}

/* line 6, ../../../ext-theme-classic/sass/src/layout/container/Accordion.scss */
.x4-accordion-hd-sibling-expanded {
  -webkit-box-shadow: inset 0 1px 0 0 #f3f7fb;
  -moz-box-shadow: inset 0 1px 0 0 #f3f7fb;
  box-shadow: inset 0 1px 0 0 #f3f7fb;
}

/* line 5, ../../../ext-theme-classic/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-east,
.x4-resizable-over .x4-resizable-handle-west,
.x4-resizable-pinned .x4-resizable-handle-east,
.x4-resizable-pinned .x4-resizable-handle-west {
  background-position: left;
}
/* line 10, ../../../ext-theme-classic/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-south,
.x4-resizable-over .x4-resizable-handle-north,
.x4-resizable-pinned .x4-resizable-handle-south,
.x4-resizable-pinned .x4-resizable-handle-north {
  background-position: top;
}
/* line 14, ../../../ext-theme-classic/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-southeast,
.x4-resizable-pinned .x4-resizable-handle-southeast {
  background-position: top left;
}
/* line 18, ../../../ext-theme-classic/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-northwest,
.x4-resizable-pinned .x4-resizable-handle-northwest {
  background-position: bottom right;
}
/* line 22, ../../../ext-theme-classic/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-northeast,
.x4-resizable-pinned .x4-resizable-handle-northeast {
  background-position: bottom left;
}
/* line 26, ../../../ext-theme-classic/sass/src/resizer/Resizer.scss */
.x4-resizable-over .x4-resizable-handle-southwest,
.x4-resizable-pinned .x4-resizable-handle-southwest {
  background-position: top right;
}

/* line 6, ../../../ext-theme-classic/sass/src/slider/Multi.scss */
.x4-ie6 .x4-slider-horz,
.x4-ie6 .x4-slider-horz .x4-slider-end,
.x4-ie6 .x4-slider-horz .x4-slider-inner {
  background-image: url(images/slider/slider-bg.gif);
}
/* line 10, ../../../ext-theme-classic/sass/src/slider/Multi.scss */
.x4-ie6 .x4-slider-horz .x4-slider-thumb {
  background-image: url(images/slider/slider-thumb.gif);
}
/* line 16, ../../../ext-theme-classic/sass/src/slider/Multi.scss */
.x4-ie6 .x4-slider-vert,
.x4-ie6 .x4-slider-vert .x4-slider-end,
.x4-ie6 .x4-slider-vert .x4-slider-inner {
  background-image: url(images/slider/slider-v-bg.gif);
}
/* line 20, ../../../ext-theme-classic/sass/src/slider/Multi.scss */
.x4-ie6 .x4-slider-vert .x4-slider-thumb {
  background-image: url(images/slider/slider-v-thumb.gif);
}

/* line 1, ../../../ext-theme-classic/sass/src/tab/Panel.scss */
.x4-tab-icon-el {
  top: -1px;
}

/* line 6, ../../../ext-theme-classic/sass/src/tab/Panel.scss */
.x4-tab-noicon .x4-tab-icon {
  display: none;
}
