/* Minification failed. Returning unminified contents.
(1749,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2207,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2214,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2241,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2994,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(3001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
/*!
 * jQuery UI CSS Framework 1.9.1
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*!
 * jQuery UI CSS Framework 1.9.1
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }
.img-collapse, 
.img-expand,
.img-deletecell,
.img-empty,
.img-favorites,
.img-form,
.img-grid-button,
.img-grid-delete,
.img-grid-edit,
.img-grid-export,
.img-grid-select,
.img-grid-th,
.img-grid-view,
.img-help,
.img-help_80x80,
.img-info_80x80,
.img-insert,
.img-listval,
.img-login-bg,
.img-login,
.img-login_32x32,
.img-logo,
.img-logout_32x32,
.img-lookup-find,
.img-message,
.img-msg-error,
.img-notify_24x24,
.img-ok_80x80,
.img-oracle,
.img-pdf,
.img-printer,
.img-prior1,
.img-prior2,
.img-prior3,
.img-refresh_16x16,
.img-rtf,
.img-search_16x16,
.img-stop_80x80,
.img-toolbar-add,
.img-toolbar-back,
.img-toolbar-delete,
.img-toolbar-edit,
.img-toolbar-exit,
.img-toolbar-expectmail,
.img-toolbar-process,
.img-toolbar-receivemail,
.img-toolbar-report,
.img-toolbar-save,
.img-toolbar-send,
.img-toolbar-sendmail,
.img-toolbar-storemail,
.img-toolbar-select,
.img-userpass,
.img-vs2012,
.img-xls,
.img-xlsx,
.img-z-login-180,
.img-z-login,
.img-z-password
{   
    background-image: url('images/probel-sprite.png');
    -background-image: url('images/probel-sprite.gif'); /* for IE6 */
    background-repeat: no-repeat;
    background-color: transparent;
    background-position:top left;
    display:inline-block;
}

.img-collapse, .img-expand{ background-position: 0 0; width: 16px; height: 16px; } 
.img-deletecell{ background-position: -26px 0; width: 16px; height: 16px; } 
.img-empty{ background-position: -52px 0; width: 1px; height: 1px; } 
.img-favorites{ background-position: -63px 0; width: 32px; height: 32px; } 
.img-form{ background-position: -105px 0; width: 16px; height: 16px; } 
.img-grid-button{ background-position: -131px 0; width: 16px; height: 16px; } 
.img-grid-delete{ background-position: -157px 0; width: 16px; height: 16px; } 
.img-grid-edit{ background-position: -183px 0; width: 16px; height: 16px; } 
.img-grid-export{ background-position: -209px 0; width: 14px; height: 14px; } 
.img-grid-select{ background-position: -233px 0; width: 16px; height: 16px; } 
.img-grid-th{ background-position: -259px 0; width: 1px; height: 19px; } 
.img-grid-view{ background-position: -270px 0; width: 16px; height: 16px; } 
.img-help{ background-position: -296px 0; width: 14px; height: 14px; } 
.img-help_80x80{ background-position: -320px 0; width: 80px; height: 80px; } 
.img-info_80x80{ background-position: -410px 0; width: 80px; height: 80px; } 
.img-insert{ background-position: -500px 0; width: 16px; height: 16px; } 
.img-listval{ background-position: -526px 0; width: 14px; height: 14px; } 
.img-login-bg{ background-position: -550px 0; width: 145px; height: 145px; } 
.img-login{ background-position: -705px 0; width: 16px; height: 16px; } 
.img-login_32x32{ background-position: -731px 0; width: 32px; height: 32px; } 
.img-logo{ background-position: -773px 0; width: 208px; height: 48px; } 
.img-logout_32x32{ background-position: -991px 0; width: 32px; height: 32px; } 
.img-lookup-find{ background-position: -82px -195px; width: 16px; height: 16px; } 
.img-message{ background-position: -1033px 0; width: 32px; height: 32px; } 
.img-msg-error{ background-position: -1075px 0; width: 1px; height: 37px; } 
.img-notify_24x24{ background-position: -1086px 0; width: 24px; height: 24px; } 
.img-ok_80x80{ background-position: -1120px 0; width: 80px; height: 80px; } 
.img-oracle{ background-position: -1210px 0; width: 86px; height: 30px; } 
.img-pdf{ background-position: -1306px 0; width: 16px; height: 16px; } 
.img-printer{ background-position: -1332px 0; width: 16px; height: 16px; } 
.img-prior1{ background-position: -1358px 0; width: 24px; height: 24px; } 
.img-prior2{ background-position: -1392px 0; width: 24px; height: 24px; } 
.img-prior3{ background-position: -1426px 0; width: 24px; height: 24px; } 
.img-refresh_16x16{ background-position: -1460px 0; width: 16px; height: 16px; } 
.img-rtf{ background-position: -1486px 0; width: 16px; height: 16px; } 
.img-search_16x16{ background-position: -1512px 0; width: 16px; height: 16px; } 
.img-stop_80x80{ background-position: -1538px 0; width: 80px; height: 80px; } 
.img-toolbar-add{ background-position: -1628px 0; width: 16px; height: 16px; } 
.img-toolbar-back{ background-position: -1654px 0; width: 16px; height: 16px; } 
.img-toolbar-delete{ background-position: -1680px 0; width: 16px; height: 16px; } 
.img-toolbar-edit{ background-position: -1706px 0; width: 16px; height: 16px; } 
.img-toolbar-exit{ background-position: -1732px 0; width: 16px; height: 16px; } 
.img-toolbar-expectmail{ background-position: -1758px 0; width: 16px; height: 16px; } 
.img-toolbar-process{ background-position: -1784px 0; width: 16px; height: 16px; } 
.img-toolbar-receivemail{ background-position: -1810px 0; width: 16px; height: 16px; } 
.img-toolbar-report{ background-position: -1836px 0; width: 16px; height: 16px; } 
.img-toolbar-save{ background-position: -1862px 0; width: 16px; height: 16px; } 
.img-toolbar-send{ background-position: -1888px 0; width: 16px; height: 16px; } 
.img-toolbar-sendmail{ background-position: -1914px 0; width: 16px; height: 16px; } 
.img-toolbar-storemail{ background-position: -1940px 0; width: 16px; height: 16px; } 
.img-toolbar-select{ background-position: -1628px 0; width: 16px; height: 16px; } 
.img-userpass{ background-position: -1966px 0; width: 32px; height: 32px; } 
.img-vs2012{ background-position: 0 -155px; width: 107px; height: 30px; } 
.img-xls{ background-position: -117px -155px; width: 16px; height: 16px; } 
.img-xlsx{ background-position: -143px -155px; width: 16px; height: 16px; } 
.img-z-login-180{ background-position: -169px -155px; width: 180px; height: 180px; } 
.img-z-login{ background-position: -359px -155px; width: 400px; height: 400px; } 
.img-z-password{ background-position: -769px -155px; width: 400px; height: 400px; } 

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    -ms-scrollbar-face-color: #b5d2f0; /*#fff;*/
    -ms-scrollbar-highlight-color: #cde1f5;
    -ms-scrollbar-3dlight-color: #cde1f5;
    -ms-scrollbar-darkshadow-color: #cde1f5;
    -ms-scrollbar-shadow-color: #cde1f5;
    -ms-scrollbar-arrow-color: #cde1f5;
    -ms-scrollbar-track-color: #e4effa;
}

/*::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    background-color:#fff;
}
 
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(228,239,250,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(228,239,250,0.4); 
}*/

body
{
    color: #000000;
    background-color:#e7e8e9;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
}
h1 {
    font-size:20px;
    font-weight:bold;
    color: steelblue;
}

h2 {
    font-size: 16px;
    font-weight: bold;
    color: steelblue;
}

a, a:visited {
    color: #003399 !important;
    text-decoration: none !important;
}
a:hover {
    color: #3333FF !important;
    text-decoration: underline !important;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.layout-auto {
    width: 99% !important;
    min-width:970px;
}
div#layout
{
    width: 970px;
    margin: 0 auto 0 auto;
    background-color: #fff;
    height: 100%;
    /*border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;*/
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
}
div#layout-popup{
    width: 100%;
    height: 100%;
}
div#layout-header {
    width:970px; 
    margin-bottom: 0px;
    color: #000;
    padding: 3px;
    position:absolute; 
    z-index:999;
    height:24px;
    background-color: #4682B4;
    font-weight: bold;
    color: #fff;
    /*text-shadow: 1px 1px 1px #333;*/
    border: 1px solid #C0C0C0;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
}
div#layout-main {
    height:100%; 
    padding:26px 0 31px; 
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
}
div#layout-popup div#layout-main{
    height:100%;
    padding:0 0 31px; 
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
}
div#layout-content {
    overflow:auto;
    width:auto;
    height:100%;
    padding:3px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
}
div#layout-footer {
    width:970px;
    background-color: #e7eaee;
    color: #000;
    position:absolute; 
    bottom:0; 
    height:30px;
    border-top: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
}
div#layout-popup  div#layout-footer{
    width:100%;
}
div#layout-footer .label
{
    padding-right:3px;
}

div#layout-footer .editor
{
    padding-right:3px;
    font-weight:bold;
}

div#page
{
    width: 970px;
    margin: 0 auto 0 auto;
    background-color: #fff;
    height: 100%;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
}

div#content
{
    padding:0;
    width:100%;
    height:100%;
}

div#header
{
    background-color: steelblue;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    height: 25px;
}

div#header .logo {
    display: block;
    float: left;
    text-align: left;
    padding:0 5px 0 5px;
}

div#header .title {
    display: block;
    float: left;
    text-align: left;
    font-weight: bold;
    padding: 2px 0px 0px 10px;
    font-size: 16px;
    color: #fff;
}

div#header .logindisplay {
    float:right;
    text-align: right;
    color: #fff;
    padding: 2px 0px 0px 0px;
    height:100%;
}

div#footer {
    color: #000;
    height:100%;
    padding:3px;
}

div#modulHeader
{
    width: 100%;
    border-bottom: 1px solid #C0C0C0;
    height: 25px;
    padding-left: 3px;
    background-color: #4682B4;
    background-repeat: repeat-x;
    font-weight: bold;
    color: #fff;
} 

div#modulStatus {
    width:100%;
    border-top: 2px solid #C0C0C0;
    height:28px;
    display: inline-block;
    background-color: #e7eaee;
}

div#modulStatus .label
{
    padding-right:3px;
}

div#modulStatus .editor
{
    padding-right:3px;
    font-weight:bold;
}

div#search
{
    background: #E9EDF1 none;
    border: 1px solid #A7ABB0;
    height: 27px;
    margin: 5px;
    padding: 3px;
}

div#footerValidation {
    color: #CC0000;
    font-weight: bold;
    vertical-align: middle;
    padding: 0;
    height:20px;
}
div#footerValidation ul
{
    margin-top: 1px;
    text-indent: 5px;
    padding: 0;
    list-style-type: none;
}

/* LOGIN FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
.loginBody {
    background-color: #F5F5F5;
    padding-top:50px;
    box-sizing: border-box;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.loginContent {
    margin-left: auto;
    margin-right: auto;
    padding:20px;
    width: 850px;
    border: 1px solid #999;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background-color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.loginSub
{
    width:100%;
    height:50px;
    border-top:solid 1px #999;
    margin-top:50px;
}
.loginImg
{
    /*float:left;*/
}
.loginForm
{
    margin:0 20px 0 0;
    text-align:left !important;
    float:right;
    width:350px;
}
.loginButton
{
    background-color:steelblue;
    text-align:center;
    padding:10px;
    cursor:pointer;
    border-collapse:collapse;
    border:solid 1px #999;
    width:100px;
    color:#fff;
    margin:0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.loginButton:hover {
    background-color: #6D9EC7;
}

/* TOOLBAR LAYOUT ELEMENTS   
----------------------------------------------------------*/
.toolbar
{
    padding:0;
    margin-top:2px;
    margin-bottom:3px;
    width: 100%;
}
.toolbar .dxm-separator b {
    height:24px!important;
}

.toolbar-item-empty {
    height:24px!important;
}

/* POPUP LAYOUT ELEMENTS   
----------------------------------------------------------*/
.popupContent
{
    background-color: #fff;
    background-repeat: repeat-x;
    padding:3px !important;
}


/* DOC LAYOUT ELEMENTS   
----------------------------------------------------------*/
div#dockZone {
    padding: 10px 10px 0px 0px;
    margin-left: auto;
    margin-right: 0;
    width: 250px;
}

div#dockBar
{
    width:100%;
    height:100%;
    background-color: #e7eaee;
    text-align:center;
}

div#dockBar .item
{
    padding-top:5px;
    text-align:center;
    padding-top:10px;
    cursor:pointer;
}

.dockContent
{
    background-color: #fff;
    background-repeat: repeat-x;
    padding:0px !important;
}


/* FAVORITES LAYOUT ELEMENTS   
----------------------------------------------------------*/
div#favorites
{
     height:272px;
     width:100%;
     overflow:auto;
}

div#favorites ul#favoritesList  
{
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    width: 100%; 
}

div#favorites li 
{ 
    padding: 1px; 
    margin:1px;
    list-style-position: inside;
    cursor:pointer;
    display:block;
    width:220px;
    height:18px;
}

div#favorites li:hover
{
    background-color: #f2f2f2;
}
div#favorites li a
{
    text-decoration: none;
    color: #003399;
}

div#favorites .icon,
div#favorites .link,
div#favorites .remove
{
    float:left;
}

div#favorites .link {
    width:185px;
    margin-left:2px;
    margin-top:2px;
    white-space:nowrap;
    overflow:hidden;
}

div#favoritesNoItem
{
    width: 100%;
    height: 100%;
    text-align: center;
    font-style: italic;
    color: #999999;
}

div#favoritesNoItem span
{
    position: relative; 
    top: 25%;
}

/* ANNOUNCEMENTS LAYOUT ELEMENTS   
----------------------------------------------------------*/
div#announcements {
    /*width: 100%;
    overflow: hidden;*/
    height:165px;
    overflow: hidden;
}

div#announcementsNoItem span
{
    position: relative; 
    top: 25%;
}

div#newsTicker {
}

div#newsTicker ul li {
    display:inline-block;
    width:auto;
}

div#newsTicker .info {
    padding:3px;
}

div#newsTicker .caption {
    float:left;
    margin-top:3px;
    margin-left:10px;
    font-weight:bold;
}

div#newsTicker .text {
    clear:both;
}

div#newsTicker .prior1 {
    color: #CC0000;
}

div#newsTicker .prior2 {
    color: #000099;
}

div#newsTicker .prior3 {
    color: #006600;
}

/* CUSTOM TABLE STYLES
----------------------------------------------------------*/
.infoTable {
    background-color: #E8EBFF;
    width: 100%;
}
.infoTable .label {
    font-weight: bold;
    text-align: right;
    padding:3px;
}
.infoTable .info {
    background-color: #FFF;
    text-align:left;
    padding:3px;
}

/* GRID TABLE STYLE
----------------------------------------------------------*/
.grid {
	width: 100%;
	padding: 0;
	margin: 0;
    border-left: 1px solid #a5acb5;
}
.grid caption {
	padding: 0 0 5px 0;
	width: 100%;	 
	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
.grid th {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #3c3c3c;
	border-right: 1px solid #a5acb5;
	border-bottom: 1px solid #a5acb5;
	border-top: 1px solid #a5acb5;
	text-align: left;
	padding: 5px 6px 5px 6px;
    background:rgb(228, 239, 250) url(images/grid-th.png) repeat-x;
    background-origin:padding-box;
}
.grid td {
	border-right: 1px solid #a5acb5;
	border-bottom: 1px solid #a5acb5;
	background: #fff;
	padding: 5px 6px 5px 6px;
	color: #000;
}
.grid td.alt {
	background: ghostwhite;
	color: #000;
}
/* datatable fix*/
.grid tr.even td,
.grid tr.even td.sorting_1{
	background: ghostwhite !important;
}
.grid tr.odd td,
.grid tr.odd td.sorting_1{
	background: #fff !important;
}
.dataTables_scrollBody thead th {
    border-bottom: 1px solid transparent !important;
}
.dataTables_scrollHead thead th {
    border-bottom: 1px solid #a5acb5 !important;
}

/* WIDTH */
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w50{width:50px;}
.w70{width:70px;}
.w75{width:75px;}
.w80{width:80px;}
.w90{width:90px;}
.w95{width:95px;}
.w100{width:100px;}
.w110{width:110px;}
.w120{width:120px;}
.w125{width:125px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w205{width:205px;}
.w210{width:210px;}
.w220{width:220px;}
.w240{width:220px;}
.w250{width:250px;}
.w260{width:260px;}
.w270{width:270px;}
.w280{width:280px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w325{width:325px;}
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w360{width:360px;}
.w370{width:370px;}
.w380{width:380px;}
.w400{width:400px;}
.w410{width:410px;}
.w420{width:420px;}
.w430{width:430px;}
.w435{width:435px;}
.w440{width:440px;}
.w450{width:450px;}
.w475{width:475px;}
.w480{width:480px;}
.w500{width:500px;}
.w505{width:505px;}
.w510{width:510px;}
.w520{width:520px;}
.w570{width:570px;}
.w575{width:575px;}
.w580{width:580px;}
.w600{width:600px;}
.w650{width:650px;}
.w700{width:700px;}
.w715{width:715px;}
.w720{width:720px;}
.w750{width:750px;}
.w800{width:800px;}
.w830{width:830px;}
.w1000{width:1000px;}

/* COLORS & STYLES
-----------------------------------------------------------*/
.red {
    color:#ff0000;
}
.blue {
    color:steelblue;
}

.bold,
.bold span {
    font-weight:bold !important;
}

/* FORMS STYLES
-----------------------------------------------------------*/
.align-right {
    float:right !important;
}
.align-left {
    float:left !important;
}
.full-size {
    width:100%;
    height:100%;
    overflow:hidden; 
}
.button-select {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    padding: 10px 15px;
    background: #4479BA;
    cursor:pointer;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button-select:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}

.grid-form
{
    padding:10px !important;
    display:table !important;
}
.edit-form, 
.center-form
{
    display:block;
}
.center-form {
    position:relative;
    top:20%;
    margin:0 auto;
}
.edit-form .line,
.center-form .line
{
    /*clear: both;*/
    float:left;
    /*display:inline-block;*/
    padding-top:1px;
    padding-bottom:1px;
    width:100%;
}
.edit-form .button-line, 
.center-form .button-line {
    margin-top: 10px;
    margin-left:-3px;
    margin-bottom:-3px;
    float: left;
    padding: 3px 3px 3px 3px;
    display: block;
    border-top: solid 1px #868b91;
    background-color: #c5d7ed;
    width: 100%;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c5d7ed));
    background: -moz-linear-gradient(center top, #ffffff, #c5d7ed 100%);*/
}
.edit-form .label,
.center-form .label
{
    float: left;
    margin: 3px 4px 0px 0px;
    text-align: right;
}
.edit-form .label2, 
.center-form .label2
{
    float: left;
    margin: 3px 1px 0px 1px;
}
.edit-form .editor,
.center-form .editor
{
    float: left;
    margin-left:1px;
    margin-right:1px;
}
.edit-form .button,
.center-form .button
{    
    float:left;
    margin-left:1px;
    margin-right:1px;
}
.edit-form .help,
.center-form .help
{
    background-position: 2px 2px;
    float: left;
    width: 16px;
    height: 16px;
    cursor:help;
    background-image: url('images/help.png');
    background-repeat: no-repeat;
}

.grid-numtxt {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    width: 100%;
    border-collapse: collapse;
    border: solid 1px #a5acb5;
    outline: none;
    text-align: right;
}
.grid-numtxt:focus {
    border: 1px solid #FF6600;
}

/* LITE CONTROLS STYLES 
-----------------------------------------------------------*/
/*
.txt-lite {
    width:100%;
    margin:0px;
    padding:0px;
    cursor: default;
    display: table;
    line-height:normal;
    position: static;
    top: auto;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-image: none;
    -webkit-border-vertical-spacing: 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.txt-lite input[type=text] {
    border:solid 1px #a5acb5;
    margin:0;
    padding:3px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    width:100%;
}
.txt-lite input[type=text]:focus {
    border:solid 1px #808891;
    outline: none;
}
.txt-lite td {
    padding:0;
    padding-right:8px;
    width:100%;
}
.lbl-lite {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    width:100%;
}
*/

/* BOX STYLES 
-----------------------------------------------------------*/
.box {border: 1px solid #999; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background-color: #fff; width:100%;box-sizing:border-box;-moz-box-sizing:border-box;}
.shadow {box-shadow: #666 0 0 10px; -webkit-box-shadow: #666 0 0 10px; -moz-box-shadow: #666 0 0 10px;}
.clear { clear:both;}
.disabled
{
	-moz-opacity: 0.2;
	filter:alpha(opacity=20);
	opacity: 0.2;
	cursor: default !important;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: red;
}
.validation-summary-errors ul 
{
}
.validation-summary-errors li
{
    list-style-type: none;
    list-style-image: none;
    line-height:20px;
    margin-left:-38px;
}

.validation-summary-valid {
    display: none;
}

/* Fieldset
-----------------------------------------------------------*/
fieldset {
    /*position: relative;*/
    padding: 3px;
    margin:0px;
    margin-bottom: 3px;
    background-color: #F3F3F3;
    border: 1px solid #868b91;
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF));
    background: -moz-linear-gradient(center top, #EFEFEF, #FFFFFF 100%);
}
legend {
    border: 1px solid #868b91;
    padding: 3px;
    color: #336699;
    font-weight: bold !important; 
    /*background-color: #336699;
    color: white;*/ /*
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
    /*text-shadow: 1px 1px 1px #333;*/
    background-color: #F3F3F3 !important;
}

fieldset.window {
    padding: 3px;
    margin:0px;
    margin-bottom: 3px;
    background-color: #fff;
    border: 1px solid #868b91;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
    background: -moz-linear-gradient(center top, #FFF, #FFF 100%);
}
fieldset.window>legend {
    width:100% !important;
    margin-left:-4px!important;
    margin-top:-26px;
    display: block;
    color: #000;
    padding: 3px;
    position:absolute;
    height:22px;
    background-color: #4682B4 !important;
    font-weight: bold;
    color: #fff;
    border-left: 1px solid #868b91;
    border-right: 1px solid #868b91;
    border-top: 1px solid #868b91;
    box-sizing:border-box !important;
    -moz-box-sizing:border-box !important; /* Firefox */
}

.hline{
    height:1px;
    width:100%;
    border-top: 1px solid #868b91;
    display:inline-block;
}

/* jquery Custom ToolTip
-----------------------------------------------------------*/
.ui-tooltip {
    padding: 5px;
    color: #fff;
    background:steelblue;
    font-size: 11px;
    border: 1px solid #ccc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
     /*box-shadow: 0 0 7px black;*/ /*box-shadow: 0 0 0px white;*/
}  

/* required
-----------------------------------------------------------*/
.required:before
{ 
    color:red;
    content:"*"; 
}

/* panel
----------------------------------------------------------*/
.scrollable-panel {
    border:solid 1px #8ba0bc!important;
    overflow:auto;
    width:100%;
    box-sizing:border-box !important;
    -moz-box-sizing:border-box !important; /* Firefox */
}

/* table
----------------------------------------------------------*/
.table-padding {
    width:100%;
    border-collapse: separate; border-spacing: 1px;
}
.table-padding th, .table-padding td { padding: 1px; }

/* BUTTON
---------------------------------*/
.dxbButton_P div.dxb
{
	padding: 2px 6px !important;
	border-width: 0px !important;
}
.dxbButton_P div.dxbf
{
	padding: 1px 5px !important;
	border: 1px dotted black !important;
}

/* POPUP
---------------------------------*/
/*.dxpc-content
{
    height: 100% !important;
    display:table-cell !important;
}*/

/* TAB
---------------------------------*/
.tab-noborder .dxtc-content {
    border-left:none !important;
    border-right:none !important;
    border-bottom:none !important;
    padding:5px 0px 5px 0px !important;
}
.tab-noborder .dxtc-activeTab .dxtc-link b {
    font-weight:bold !important;
}
.tab-normal .dxtc-content {
    padding:5px 3px 5px 3px !important;
}
.tab-normal .dxtc-activeTab .dxtc-link b {
    font-weight:bold !important;
}
/* TREEVIEW
---------------------------------*/

.dxtv-ndImg {
    margin:0;
    margin-top:4px;
    margin-left:4px;
    padding:0 !important;
}

/* GRID
---------------------------------*/
.grid-btn {
    display:inline-block;
    padding-left:3px;
    padding-right:3px;
    width:16px;
}
.grid-btn:hover {
}
.dxgvDataRow_P:hover {
    background-color: lightyellow !important;
}
.dxgvFilterRow
{
    height:30px !important;
}
.dxgvFilterRow .dxgv
{
    height:25px !important;
}
.dxTextCenter {
    text-align:center !important;
}

/* CUSTOM STYLES
---------------------------------*/
.grid-group-row {
    background-color: #b5d2f0 !important;
}

/* BUTTONEDIT
---------------------------------*/
.dxeButtonEditButton_P {
    padding:0px !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * General page setup
 */
#dt_example {
	font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
}


#dt_example #container {
	width: 800px;
	margin: 30px auto;
	padding: 0;
}


#dt_example #footer {
	margin: 50px auto 0 auto;
	padding: 0;
}

#dt_example #demo {
	margin: 30px auto 0 auto;
}

#dt_example .demo_jui {
	margin: 30px auto 0 auto;
}

#dt_example .big {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.6em;
	color: #4E6CA3;
}

#dt_example .spacer {
	height: 20px;
	clear: both;
}

#dt_example .clear {
	clear: both;
}

#dt_example pre {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

#dt_example h1 {
	margin-top: 2em;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.6em;
	color: #4E6CA3;
	border-bottom: 1px solid #B0BED9;
	clear: both;
}

#dt_example h2 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6em;
	color: #4E6CA3;
	clear: both;
}

#dt_example a {
	color: #0063DC;
	text-decoration: none;
}

#dt_example a:hover {
	text-decoration: underline;
}

#dt_example ul {
	color: #4E6CA3;
}

.css_right {
	float: right;
}

.css_left {
	float: left;
}

.demo_links {
	float: left;
	width: 50%;
	margin-bottom: 1em;
}

#demo_info {
	padding: 5px;
	border: 1px solid #B0BED9;
	height: 100px;
	width: 100%;
	overflow: auto;
}

#dt_example code {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	padding: 2px 4px !important;
	white-space: nowrap;
	font-size: 0.9em;

	color: #D14;
	background-color: #F7F7F9;

	border: 1px solid #E1E1E8;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

/*
 *  File:         demo_table.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../images/ - relative to this CSS file.
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	clear: both;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous,
.paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
.paginate_disabled_next:hover, .paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active, .paginate_enabled_previous:active,
.paginate_disabled_next:active, .paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous, .paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next, .paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_disabled_previous {
	background: url('../images/back_disabled.png') no-repeat top left;
}

.paginate_enabled_previous {
	background: url('../images/back_enabled.png') no-repeat top left;
}
.paginate_enabled_previous:hover {
	background: url('../images/back_enabled_hover.png') no-repeat top left;
}

.paginate_disabled_next {
	background: url('../images/forward_disabled.png') no-repeat top right;
}

.paginate_enabled_next {
	background: url('../images/forward_enabled.png') no-repeat top right;
}
.paginate_enabled_next:hover {
	background: url('../images/forward_enabled_hover.png') no-repeat top right;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../images/sort_desc_disabled.png') no-repeat center right;
}
 
table.display thead th:active,
table.display thead td:active {
	outline: none;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: #E2E4FF;
}

tr.even {
	background-color: white;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers {
	width: 400px;
	height: 22px;
	line-height: 22px;
}

.paging_full_numbers a:active {
	outline: none
}

.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
 	.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: #D3D6FF;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #EAEBFF;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.even:hover {
	background-color: #ECFFB3;
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
	background-color: #DDFF75;
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
	background-color: #E7FF9E;
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
	background-color: #E2FF89;
}

.ex_highlight_row #example tr.odd:hover {
	background-color: #E6FF99;
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
	background-color: #D6FF5C;
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
	background-color: #E0FF84;
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
	background-color: #DBFF70;
}


/*
 * KeyTable
 */
table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

table.display tr.gradeA {
	background-color: #eeffee;
}

table.display tr.gradeC {
	background-color: #ddddff;
}

table.display tr.gradeX {
	background-color: #ffdddd;
}

table.display tr.gradeU {
	background-color: #ddd;
}

div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}

/*
 *  File:         demo_table_jui.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../images/ - relative to this CSS file.
 */


/*
 * jQuery UI specific styling
 */

.paging_two_button .ui-button {
	float: left;
	cursor: pointer;
	* cursor: hand;
}

.paging_full_numbers .ui-button {
	padding: 2px 6px;
	margin: 0;
	cursor: pointer;
	* cursor: hand;
	color: #333 !important;
}

.dataTables_paginate .ui-button {
	margin-right: -0.1em !important;
}

.paging_full_numbers {
	width: 350px !important;
}

.dataTables_wrapper .ui-toolbar {
	padding: 5px;
}

.dataTables_paginate {
	width: auto;
}

.dataTables_info {
	padding-top: 3px;
}

table.display thead th {
	padding: 3px 0px 3px 10px;
	cursor: pointer;
	* cursor: hand;
}

div.dataTables_wrapper .ui-widget-header {
	font-weight: normal;
}


/*
 * Sort arrow icon positioning
 */
table.display thead th div.DataTables_sort_wrapper {
	position: relative;
	padding-right: 20px;
}

table.display thead th div.DataTables_sort_wrapper span {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * Everything below this line is the same as demo_table.css. This file is
 * required for 'cleanliness' of the markup
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	clear: both;
}

.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 11px;
	padding: 2px 0;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 50%;
	float: left;
}

.dataTables_paginate {
	float: right;
	text-align: right;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
	border-collapse: collapse;
}

table.display tfoot th {
	padding: 3px 0px 3px 10px;
	font-weight: bold;
	font-weight: normal;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../images/sort_desc_disabled.png') no-repeat center right;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}




table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: #E2E4FF;
}

tr.even {
	background-color: white;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	-webkit-overflow-scrolling: touch;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers a.paginate_button,
 	.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: #D3D6FF;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #EAEBFF;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

/*
 * Table
 */
table.dataTable {
	margin: 0 auto;
	clear: both;
	width: 100% !important;
}

table.dataTable thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.dataTable td {
	padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

table.dataTable tr.odd { background-color: #E2E4FF; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }


/*
 * Table wrapper
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}


/*
 * Page length menu
 */
.dataTables_length {
	float: left;
}


/*
 * Filter
 */
.dataTables_filter {
	float: right;
	text-align: right;
}


/*
 * Table information
 */
.dataTables_info {
	clear: both;
	float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
	height: 22px;
	line-height: 22px;
}
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/*
 * Sorting
 */
.sorting { background: url('../images/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }
 
table.dataTable thead th:active,
table.dataTable thead td:active {
	outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}




/*
 * Table
 */
table.dataTable {
	margin: 0 auto;
	clear: both;
	width: 100%;
	border-collapse: collapse;
}

table.dataTable thead th {
	padding: 3px 0px 3px 10px;
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tfoot th {
	padding: 3px 10px;
}

table.dataTable td {
	padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

table.dataTable tr.odd { background-color: #E2E4FF; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }


/*
 * Table wrapper
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}
.dataTables_wrapper .ui-widget-header {
	font-weight: normal;
}
.dataTables_wrapper .ui-toolbar {
	padding: 5px;
}


/*
 * Page length menu
 */
.dataTables_length {
	float: left;
}


/*
 * Filter
 */
.dataTables_filter {
	float: right;
	text-align: right;
}


/*
 * Table information
 */
.dataTables_info {
	padding-top: 3px;
	clear: both;
	float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;
}

.dataTables_paginate .ui-button {
	margin-right: -0.1em !important;
}

.paging_two_button .ui-button {
	float: left;
	cursor: pointer;
	* cursor: hand;
}

.paging_full_numbers .ui-button {
	padding: 2px 6px;
	margin: 0;
	cursor: pointer;
	* cursor: hand;
	color: #333 !important;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/*
 * Sorting
 */
table.dataTable thead th div.DataTables_sort_wrapper {
	position: relative;
	padding-right: 20px;
}

table.dataTable thead th div.DataTables_sort_wrapper span {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}

table.dataTable th:active {
	outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}


#notifier-box {
	position: fixed;
	bottom: 10px;
	right: 20px;
    z-index:999999;
}

div.message-box {
    /*
    background: #111;
    background: rgba(0, 0, 0, .8);
    */
    background: #D8DEE6;
    background: rgba(216, 222, 230, .9);
    border: solid 3px #fff;
    margin: 0 0 30px 0;
    padding: 10px;
    width: 300px;
    color: #333333;
    font-size: 11px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    
    -webkit-box-shadow: 0 0 10px #999;
    -moz-box-shadow: 0 0 10px #999;
    -o-box-shadow: 0 0 10px #999;
    box-shadow: 0 0 10px #999;
    
    /*
    -webkit-text-shadow: 0 1px 0 #000;
    -moz-text-shadow: 0 1px 0 #000;
    -o-text-shadow: 0 1px 0 #000;
    text-shadow: 0 1px 0 #000;
    */

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}   

div.message-box:hover {
    background: #C5CDD6; 
    background: rgba(197, 205, 214, 1);
    border: solid 3px #fff;
}

div.message-box div.message-header {
    color: steelblue;
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    margin: 0 0 5px 0;
    /*border-bottom:solid 1px steelblue;*/
}

div.message-box a.message-close {
	background: #000 url('images/message-close.png') center no-repeat;
	width: 15px; height: 15px;
	display: block; float: right;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-opacity: .2;
	-moz-opacity: .2;
	-o-opacity: .2;
	opacity: .2;
}

div.message-box:hover a.message-close {
	-webkit-opacity: .7;
	-moz-opacity: .7;
	-o-opacity: .7;
	opacity: .7;
}

div.message-box a.message-close:hover {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
}

div.message-box div.message-body {
	overflow: hidden;
}

div.message-box div.message-body div.thumb {
	width: 48px;
	height: 48px;
	margin: 0 10px 0 0;
	float: left;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

div.message-box div.message-body div.thumb img {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius:2px;
	border-radius: 2px;
}

