<commit_before>/**
 * Copyright (C) 2010 Orbeon, Inc.
 *
 * This program is free software; you can redistribute it and/or modify it under the terms of the
 * GNU Lesser General Public License as published by the Free Software Foundation; either version
 * 2.1 of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * See the GNU Lesser General Public License for more details.
 *
 * The full text of the license is available at http://www.gnu.org/copyleft/lesser.html
 */

/* NOTE: IE em factor: 0.9759 */

/* ***** Utilities ************************************************************************************************** */

.fr-clear { clear: both }

.fr-layout-table { padding: 0; margin: 0 }
.fr-layout-table tr td { width: auto; vertical-align: top }

/* ***** Portlet reset *********************************************************************************************** */

/* From YUI font.css, but applied to portlet body only */
.orbeon-portlet-body {
    font:13px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */
	*font-size:small;
	/* for IE Quirks Mode */
	*font:x-small;
}

/* ***** XForms Controls ******************************************************************************************** */

/* Make sure disabled items take precedence over display: block on other classes */
#fr-view .xforms-disabled { display: none }
#fr-view .xforms-template { display: none }
#fr-view .xforms-repeat-template { display: none }
#fr-view span.xforms-alert-inactive { display: none }
#fr-view .xforms-disabled .xforms-label { display: none }
#fr-view .xforms-case-deselected { display: none }
#fr-view .xforms-case-deselected .xforms-label { display: none }
#fr-view .fr-hidden { display: none }
.fr-grid .fr-grid-td .fr-grid-content .fr-hidden { display: none } /* for users of .fr-hidden without #fr-view */

/* Nicely position the help image */
.xforms-help-image {
    vertical-align: middle;
    display: inline;
    margin: 0 .5em 0 -1px;/* move icon to the left a bit to align it better */
    *margin-top: .25em;   /* help IE 6 position icon relatively to the label */
    padding: 0;
    float: left; /* HACK: Without the "float: left" on FF2/3 the mouseover event arrive on the label, not the help
                    image at the left of the label.
                    2011-07-18: Mmh, but we need float left anyway, right? */
}

.xforms-noscript .xforms-help-image {
    /* NOTE: In noscript mode, help appears last in a control for accessibility reasons */
    display: block;
    margin: 0 0 0 .5em;
}

.xforms-noscript .fr-section-title .xforms-help-image {
    display: inline;
}

/* Display alerts under each control */
.xforms-alert-active {
    display: none;
    margin-top: .2em;
    margin-left: 0;/* used to have margin here but with new colors no margin seems better */
    height: auto;
    width: auto;/*width: 100%;*/
    padding: 1px;
    font-size: inherit;/* override xforms.css */
    text-indent: 0;/* override xforms.css */
    background-image: none;/* override xforms.css */
    white-space: normal;/* override xforms.css to allow for multiline alert messages */
}

.xforms-alert-active-visited {
    display: block;
    clear: both;
}

.xforms-alert-inactive {
    display: none;/* Otherwise inactive alerts take vertical space because of defaults in xforms.css */
}

/* Display hints under each control */
.xforms-hint {
    display: block;
    margin-top: .2em;
    margin-left: 0;/* used to have margin here but with new colors no margin seems better */
    width: 100%;
}

.xforms-noscript .xforms-hint {
    /* NOTE: In noscript mode, help appears last in a control for accessibility reasons */
    float: left;
    width: auto;
}

/* Make sure text in trigger does not wrap (leads to non-native widget being used on Firefox) */
button.xforms-trigger, input.xforms-trigger, .xforms-trigger button, .xforms-trigger input { white-space: nowrap }
button.xforms-trigger img, .xforms-trigger button img { margin-right: 10px }

/* Make the button look like a link for noscript mode */
/* TODO: add *zoom: 1 for IE? */
.xforms-trigger-appearance-xxforms-minimal,
    .xforms-trigger-appearance-xxforms-minimal button,
    .xforms-trigger-appearance-xxforms-minimal input {
    display: -moz-inline-box; display: inline-block;
    text-decoration: underline;
    font-size: inherit;
    padding: 0;
    /*vertical-align: middle;*/ /* removing this for better alignment of top links/buttons */
}

/* But for boolean inputs, no background and border (for IE) */
.xforms-type-boolean input { background: none; border: none }

/* Upload control information */
.xforms-upload-info {
    display: block;
    width: 100%;
    padding: 2px 2px 2px 18px;
    background: url( images/silk/attach.png ) no-repeat left center;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.xforms-upload-mediatype, .xforms-upload-size { padding-left: 1em }
.xforms-upload-remove { vertical-align: top }

/* No default highlight for repeated items */
.xforms-repeat-selected-item-1 { background-color: transparent }
.xforms-repeat-selected-item-2 { background-color: transparent }
.xforms-repeat-selected-item-3 { background-color: transparent }
.xforms-repeat-selected-item-4 { background-color: transparent }

/* Noscript help section */

.xforms-noscript .xforms-help-panel { display: block; width: auto; padding: 0 1em }
/*.xforms-noscript .xforms-help-panel dt { list-style-type: square }*/
/*.xforms-noscript .xforms-help-panel dd { display: inline  }*/
/*.xforms-noscript .xforms-help-panel dl { margin-top: 0; margin-bottom: 0 }*/
.xforms-noscript .xforms-help-panel .xforms-help-group { margin: 0 0 .5em }
.xforms-noscript .xforms-help-panel .xforms-label { display: inline }
.xforms-noscript .xforms-help-panel .xforms-help { display: inline }
.xforms-noscript .xforms-help-panel .xforms-help-anchor { display: none }
.xforms-noscript .xforms-help-panel .xforms-help-image { display: none }
.xforms-noscript .fr-help-back { margin-left: .5em }

/* ***** General Layout ********************************************************************************************* */

/* Main layout blocks */
.fr-container { *width: 100% }/* For IE6: otherwise the container can be narrower than the containing doc */
.fr-separator { clear: both }
.fr-body { padding: 0 }
.fr-footer { clear: both }

#fr-form-group {
    display: block;
    margin: .5em 1em 1em;
}

/* Language and mode selectors */
.fr-goto-content, .fr-language-choice, .fr-noscript-choice, .fr-doc-links { margin-right: 1em }
.fr-language-choice { margin-right: 0 }
.fr-doc-links { float: right }
.fr-doc-links a { margin-left: 1em }

.fr-goto-content .xforms-trigger-appearance-xxforms-minimal,
    .fr-language-choice .xforms-trigger-appearance-xxforms-minimal,
    .fr-noscript-choice .xforms-trigger-appearance-xxforms-minimal { *font-size: 100% }/* IE 6 HACK to fix the font size */
.fr-goto-content .xforms-label, .fr-language-choice .xforms-label, .fr-noscript-choice .xforms-label { display: inline; margin-right: .5em }

/* Top area */
.fr-top { display: block }

.fr-top .fr-logo img { margin-right: 1em }
.fr-top .fr-form-title {
    float: left;
    margin: 0;
    padding: 0;
    /*white-space: nowrap;*/
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.fr-top .fr-form-description {
    float: right;
    text-align: right;
    margin: 0;
    padding: .5em;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/* Status icons */
.fr-status-icons { margin-bottom: .5em; float: left }
.fr-status-icons img { margin-right: .5em }

/* Enable noscript icon when in noscript mode */
.fr-noscript-icon { display: none }
.xforms-noscript .fr-noscript-icon { display: inline }

/* Messages */
.fr-message-success { color: green  }
.fr-message-validation-error { color: #DF731B }
.fr-message-fatal-error { color: red }
.fr-unsaved-data { color: red }
.fr-message-fatal-error .xforms-trigger { margin-left: .5em }

/* Error summary */
.xbl-fr-error-summary .fr-error-summary-body { padding: 0 10px; margin: 10px 0 0 }
.xbl-fr-error-summary .fr-error-title { margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; *width: 97.5% }
.xbl-fr-error-summary .fr-error-list { padding-top: 10px; margin-top: 0  }

/* Table of contents */
.fr-toc { }

/* Explanation message if present */
.fr-explanation { padding: 10px }

/* Buttons */

.fr-buttons {
    float: right;
    text-align: right;
}

.fr-buttons .xforms-trigger, .fr-buttons .xforms-trigger button, .fr-buttons .xforms-trigger input {
    width: 9.5em; *width: 9em
}

/* Special sizing for expand/collapse buttons */
.fr-buttons #fr-collapse-all-button .xforms-trigger, .fr-buttons #fr-expand-all-button .xforms-trigger, .fr-buttons #fr-refresh-button .xforms-trigger,
    .fr-buttons #fr-collapse-all-button .xforms-trigger button, .fr-buttons #fr-expand-all-button .xforms-trigger button, .fr-buttons #fr-refresh-button .xforms-trigger button {

    min-width: 2em;
    width: 2em;
    padding: 0;
}

.fr-buttons #fr-collapse-all-button img, .fr-buttons #fr-expand-all-button img, .fr-buttons #fr-refresh-button img {
    margin-right: 0
}

.fr-error-message {
    margin: 2em
}

/* ***** Repeats **************************************************************************************************** */

/* Repeats: all */
.fr-repeat td { vertical-align: middle }

/* Repeats: shows as sections (can have multiple lines per iteration; repeated field labels) */
.fr-repeat-sections th { display: none }
.fr-repeat-sections .xforms-label { margin-top: 0 }
.fr-repeat-sections .xforms-control { display: block }  /* Otherwise control shows on same line as label in certain cases */
.yui-skin-sam .yui-dt .fr-repeat-sections tr.yui-dt-first td { border-top: none } /* remove top border added by YUI */

/* Repeats: shows as table (1 line per iteration; labels used as header of table) */
.fr-repeat-table {
    width: 100%;
    clear: both
}
/* Styling for last dummy line added so IE displays the bottom border of the table */
.fr-repeat-table .fr-repeat-last-line td { border: none; padding: 0 }
.fr-repeat-table .fr-repeat-last-line { display: none }
/* Don't show label, help, hint for controls inside a repeat-table (they are shown in the column header) */
.fr-repeat-table td .xforms-label { display: none }
.fr-repeat-table td .xforms-help-image { display: none }
.fr-repeat-table td .xforms-help { display: none }
.fr-repeat-table td .xforms-hint { display: none }
.fr-repeat-table .fr-grid-content { margin-top: .5em } /* because we don't show the label, add padding at top */
/* But if there is a nested table, show those in the label in the column header of that table */
.fr-repeat-table tr th .xforms-label { display: inline }
.fr-repeat-table tr th .xforms-help-image { margin-top: 0 }

.yui-skin-sam .fr-repeat-column-trigger .yui-dt-liner { padding: 4px } /* override YUI */
.yui-skin-sam .yui-dt .fr-repeat-table th .yui-dt-liner { white-space: normal } /* override YUI as this is not a datatable, so allow repeat th text to wrap */
.fr-repeat-table .fr-repeat-column-trigger { width: 24px; text-align: center }
.yui-skin-sam .fr-repeat-table .fr-repeat-column-trigger { vertical-align: middle } /* override YUI */
.fr-repeat-table .fr-repeat-column-trigger img { margin: 0; display: block }
.fr-repeat-table .fr-repeat-column-trigger span img { *margin-left: 0px } /* IE buttons depress; is there a way to remove their 1px 3px padding? */
/*.fr-repeat-table .fr-repeat-column-trigger button img { margin: 2px } *//* not sure why we need a different margin here */
.fr-repeat-table .fr-repeat-column-trigger button { display: block; margin: auto }

/* ***** Dialogs **************************************************************************************************** */

/* Dialogs */
.fr-dialog { width: 400px }
.fr-dialog ol { padding-left: 3em }
.fr-dialog li { list-style-type: decimal }/* overrides YUI reset so numbers in enumeration do show */
.fr-dialog .bd p { margin: .5em 0 .5em 0 }
.fr-dialog .hd { background-color: #666699 }
.fr-dialog .bd { margin: 0 .5em .5em .5em }
.fr-dialog-icon { float: left; margin-right: 2em; margin-left: 1em; padding-bottom: 1em }
.fr-dialog-message { margin-top: .5em; padding-top: 0.5em }
.fr-dialog-buttons { text-align: right; padding-right: .5em; padding-top: .5em; padding-bottom: .5em; margin-top: .5em; border-top: 2px solid #DDDDEE; clear: both }

#fr-submission-result-dialog { width: 800px }

/* Hide header bar or minimal appearance dialogs as YUI adds one to panels */
.xforms-dialog-appearance-minimal .hd { display: none }

/* ***** Sections *************************************************************************************************** */

/* Sections */
.fr-section-container { display: block; clear: both }
.fr-section-container p { margin-top: 1em }
.fr-section-container .fr-section-open-close img { margin-right: 0 }
.fr-section-container .fr-section-open-close {
    /* Padding is designed to make the <a> box around the section open/close images a square */
    padding: 0 7px 0 7px;
}
/*.fr-section-container .fr-section-open-close:hover { background-color: #FFFFDD; border: 1px solid #FFFF88 }*/
.fr-section-container .fr-section-content {
    display: block;
    margin-left: 22px;
    margin-bottom: .25em;
}

.fr-captcha {
    display: block;                             /* By default captcha is inline */
    margin-left: 22px;                          /* Margin left to be aligned with fr-section-content */
    margin-top: 1.5em; margin-bottom: 1em;      /* Spacing before and after */
}

.fr-section-title .xforms-help-image {
    float: none;
    vertical-align: middle
}

/* ***** Grids ****************************************************************************************************** */

.xbl-fr-grid table.fr-grid {
    width: 100%;
    border-collapse: separate;
    clear: both;
    margin: 0 0 .5em;
}
.fr-grid tr th { text-align: left }

/* Cell content */
.fr-grid-content {
    margin: 0 0.5em 0.5em;      /* Add some space around control */
    *padding-right: 6px;        /* To help IE move back controls within .fr-grid-content */
}

.fr-grid-content .xforms-label {
    margin-top: .25em;      /* Space between control and the one on top of this one */
    margin-bottom: 0.3em;   /* Insert some space between the label / help and the control (we add spacing below the label rather
                               than above the control to make the CSS more generally applicable to XBL components) */
    display: block;         /* So the margin has an effect */
}

/* Style controls or component groups */
.fr-grid-content .xforms-control, .fr-grid-content .fr-component-group {
    display: block;     /* So control is not displayed next to the help icon but on a new line */
    clear: both;
}

/* Restore defaults for controls within component */
/* NOTE: A downside of this approach is that this can breaks CSS that sets display: none in the components, by overriding it with a stronger rule. */
.fr-grid-content .xbl-component .xforms-control { display: inline; clear: none }
html body .xforms-form .fr-grid-content .xbl-component .xforms-disabled-subsequent { display: none }
html body .xforms-form .fr-grid-content .xbl-component .xforms-disabled {
    top: -10000px; /* this so that no space is visible on the page */
    left: -10000px; /* this so that no space is visible on the page */
    position: absolute;
}

.fr-grid .fr-inplace-edit .xforms-input input { width: 100% }

/* Styling common to all HTML form controls */
/* NOTE: This doesn't work well with IE 6/7, see below hand-tuned widths for IE */
.fr-grid .xforms-input input,
.fr-grid .xforms-upload input,
.xforms-layout-nospan   .fr-grid .xforms-textarea, .xforms-layout-nospan .fr-grid .xforms-textarea textarea,    /* In nospan mode, the textarea can be either on its own (regular textarea) or inside a span (RTE) */
.xforms-layout-span     .fr-grid .xforms-textarea textarea,
.xforms-layout-nospan   .fr-grid .xforms-secret,
.xforms-layout-span     .fr-grid .xforms-secret input,
.xforms-layout-nospan   .fr-grid .xforms-select1-appearance-minimal,
.xforms-layout-span     .fr-grid .xforms-select1-appearance-minimal select,
.xforms-layout-nospan   .fr-grid .xforms-select1-appearance-compact,
.xforms-layout-span     .fr-grid .xforms-select1-appearance-compact select,
.xforms-layout-nospan   .fr-grid .xforms-select-appearance-compact,
.xforms-layout-span     .fr-grid .xforms-select-appearance-compact select {
    width: 100%;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/* Override previous rule for autocomplete input, which can't be sized with width: 100% */
.fr-grid .xbl-fr-autocomplete .xforms-input input { width: 140px }

/* Make HTML editor shorter by default */
.fr-grid textarea.xforms-mediatype-text-html, .fr-grid .xforms-mediatype-text-html textarea { height: 10.1em } /* NOTE: with Firefox, 10em makes bottom line disappear */

/* Set this again as default is 100% above */
/* NOTE: This doesn't work well with IE 6/7, see below hand-tuned widths for IE */
.fr-grid .xforms-input input.xforms-type-date,
    .fr-grid .xforms-input input.xforms-type-time {
    width: 7.5em;
}

/* Checkboxes and radio buttons */
.xforms-select1-appearance-full span { display: block; clear: both }
.xforms-select1-appearance-full span label { margin-left: .5em; margin-right: 1em }

.xforms-select-appearance-full span { display: block; clear: both }
.xforms-select-appearance-full span label { margin-left: .5em; margin-right: 1em }

.xforms-select-appearance-full span label, .xforms-select1-appearance-full span label {
    display: block;
    padding-left: 17px;
    text-indent: -17px;
}

.xforms-select-appearance-full span label input, .xforms-select1-appearance-full span label input  {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0 4px 0 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

/* But for boolean inputs, don't size (for IE) */
.fr-grid .xforms-type-boolean input {
    width: auto;
}

.fr-grid .xforms-upload input { width: auto } /* The upload field responds to 100% width on IE, which gives strange result */
.fr-grid .xforms-select1-appearance-compact, .fr-grid .xforms-select-appearance-compact { height: 6em }

/* Image output */
.fr-grid .xforms-mediatype-image { width: 100%; overflow: auto; display: block }
.fr-grid .xforms-mediatype-image { *padding-bottom: 17px; *overflow-y: hidden }/* IE HACK */
.fr-grid .xforms-mediatype-image img { display: block }

/*  Buttons */
.fr-grid .fr-grid-content button.xforms-trigger, .fr-grid .fr-grid-content input.xforms-trigger,
    .fr-grid .fr-grid-content .xforms-trigger button, .fr-grid .fr-grid-content .xforms-trigger input { margin-top: 1.72em } /* hand-tuned so it appears at about the same pos as input fields*/
.fr-grid .fr-grid-content button.xforms-trigger, .fr-grid .fr-grid-content .yui-button input.xforms-trigger,
    .fr-grid .fr-grid-content .xforms-trigger button, .fr-grid .fr-grid-content .yui-button .xforms-trigger input { margin-top: 0 } /* except YUI buttons don't appear right with top margin! */

/* Cell widths */
.fr-grid-td { width: auto; vertical-align: top; overflow: hidden }

.fr-grid { table-layout: fixed }                            /* All the column must have the same width */

#doc4 .fr-grid .fr-grid-td .fr-grid-content img.xforms-input-input { *width: auto } /* Undo effect of previous rule for image in minimal date picker */

#doc  .fr-grid-td .fr-grid-content .xforms-input input.xforms-type-date,
#doc  .fr-grid-td .fr-grid-content .xforms-input input.xforms-type-time,
#doc2 .fr-grid-td .fr-grid-content .xforms-input input.xforms-type-date,
#doc2 .fr-grid-td .fr-grid-content .xforms-input input.xforms-type-time,
#doc4 .fr-grid-td .fr-grid-content .xforms-input input.xforms-type-date,
#doc4 .fr-grid-td .fr-grid-content .xforms-input input.xforms-type-time
    { *width: 6.3em }

/* Specify a width for the autocomplete text field so it doesn't that the whole width of the viewport on IE6/7.
   http://wiki.orbeon.com/forms/doc/contributor-guide/browser#TOC-Width-property-inside-an-absolutely */
#doc  .xbl-fr-autocomplete .fr-autocomplete-container .yui-ac .fr-autocomplete-search .xforms-input-input,
#doc2 .xbl-fr-autocomplete .fr-autocomplete-container .yui-ac .fr-autocomplete-search .xforms-input-input,
#doc4 .xbl-fr-autocomplete .fr-autocomplete-container .yui-ac .fr-autocomplete-search .xforms-input-input
    { *width: 13em }

/* Show placeholder frame for buttons */
.fr-buttons-placeholder { width: 100%; display: block; text-align: center }
.fr-buttons-placeholder div { margin: .5em }

/* Custom control widths */
#fr-view .fr-grid .fr-grid-content .fr-width-2em input.xforms-input-input,
    #fr-view .fr-grid .fr-grid-content input.fr-width-2em,
    #fr-view .fr-grid .fr-grid-content select.fr-width-2em, #fr-view .fr-grid .fr-grid-content .fr-width-2em select { width: 2em }
#fr-view .fr-grid .fr-grid-content .fr-width-3em input.xforms-input-input,
    #fr-view .fr-grid .fr-grid-content input.fr-width-3em,
    #fr-view .fr-grid .fr-grid-content select.fr-width-3em, #fr-view .fr-grid .fr-grid-content .fr-width-3em select { width: 3em }
#fr-view .fr-grid .fr-grid-content .fr-width-5em input.xforms-input-input,
    #fr-view .fr-grid .fr-grid-content input.fr-width-5em,
    #fr-view .fr-grid .fr-grid-content select.fr-width-5em, #fr-view .fr-grid .fr-grid-content .fr-width-5em select { width: 5em }
#fr-view .fr-grid .fr-grid-content .fr-width-7em input.xforms-input-input,
    #fr-view .fr-grid .fr-grid-content input.fr-width-7em,
    #fr-view .fr-grid .fr-grid-content select.fr-width-7em, #fr-view .fr-grid .fr-grid-content .fr-width-7em select { width: 7em }
#fr-view .fr-grid .fr-grid-content .fr-width-10em input.xforms-input-input,
    #fr-view .fr-grid .fr-grid-content input.fr-width-10em,
    #fr-view .fr-grid .fr-grid-content select.fr-width-10em, #fr-view .fr-grid .fr-grid-content .fr-width-10em select { width: 10em }
#fr-view .fr-grid .fr-grid-content .fr-width-15em input.xforms-input-input,
    #fr-view .fr-grid .fr-grid-content input.fr-width-15em,
    #fr-view .fr-grid .fr-grid-content select.fr-width-15em, #fr-view .fr-grid .fr-grid-content .fr-width-15em select { width: 15em }

/* ***** View, PDF, email ******************************************************************************************* */

/* Textarea in output mode can contain line breaks so try to keep them */
pre.xforms-textarea, span.xforms-textarea pre { white-space: -moz-pre-wrap; white-space: pre-wrap; *white-space: normal }

.fr-mode-view .xforms-hint, .fr-mode-pdf .xforms-hint, .fr-mode-email .xforms-hint { display: none }
.fr-mode-view .xforms-alert, .fr-mode-pdf .xforms-alert, .fr-mode-email .xforms-alert { display: none }

.fr-mode-view .fr-section-title img,
  .fr-mode-pdf .fr-section-title img,
  .fr-mode-email .fr-section-title img { display: none }
.fr-mode-view .xforms-help-image,
  .fr-mode-pdf .xforms-help-image,
  .fr-mode-email .xforms-help-image { display: none }
.xforms-noscript .fr-mode-view .xforms-help-image,
  .xforms-noscript .fr-mode-pdf .xforms-help-image,
  .xforms-noscript .fr-mode-email .xforms-help-image { display: none }

/* For those controls that still have a display: block in view mode, make sure there is no top margin */
.fr-mode-view .fr-grid-content .xforms-control, .fr-mode-view .fr-grid-content .fr-component-group { margin-top: 0 }

/* This is also used for PDF generation */
@media print {
    /* Don't hide as there is no script running */
    html body form.xforms-initially-hidden { display: block }
    .fr-header { display: none }
    .fr-shadow { display: none }
    .fr-bottom { display: none }
    .fr-status-icons { display: none }
    .fr-footer { display: none }
    .fr-section-container .fr-section-open-close { display: none }
    .xforms-loading-loading { display: none }
    /* Upload remove button */
    .xforms-upload-remove { display: none }
    /* Remove background attachment image */
    .xforms-upload-info { background: transparent none repeat scroll 0 0; padding-left: 2px }
    /* Don't show download link */
    .xbl-fr-attachment .xforms-output-appearance-xxforms-download { display: none }
    /* There should not be a <style> element in the body, but if there is hide it for Flying Saucer */
    style { display: none }
    /* This must not show in the PDF */
    noscript { display: none }
    /* Since only value is shown, no need for special height */
    .fr-grid .xforms-select1-appearance-compact, .fr-grid .xforms-select-appearance-compact { height: auto }
}<commit_msg>Make sure the loading indicator doesn't show up in the PDF.<commit_after>/**
 * Copyright (C) 2010 Orbeon, Inc.
 *
 * This program is free software; you can redistribute it and/or modify it under the terms of the
 * GNU Lesser General Public License as published by the Free Software Foundation; either version
 * 2.1 of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * See the GNU Lesser General Public License for more details.
 *
 * The full text of the license is available at http://www.gnu.org/copyleft/lesser.html
 */

/* NOTE: IE em factor: 0.9759 */

/* ***** Utilities ************************************************************************************************** */

.fr-clear { clear: both }

.fr-layout-table { padding: 0; margin: 0 }
.fr-layout-table tr td { width: auto; vertical-align: top }

/* ***** Portlet reset *********************************************************************************************** */

/* From YUI font.css, but applied to portlet body only */
.orbeon-portlet-body {
    font:13px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */
	*font-size:small;
	/* for IE Quirks Mode */
	*font:x-small;
}

/* ***** XForms Controls ******************************************************************************************** */

/* Make sure disabled items take precedence over display: block on other classes */
#fr-view .xforms-disabled { display: none }
#fr-view .xforms-template { display: none }
#fr-view .xforms-repeat-template { display: none }
#fr-view span.xforms-alert-inactive { display: none }
#fr-view .xforms-disabled .xforms-label { display: none }
#fr-view .xforms-case-deselected { display: none }
#fr-view .xforms-case-deselected .xforms-label { display: none }
#fr-view .fr-hidden { display: none }
.fr-grid .fr-grid-td .fr-grid-content .fr-hidden { display: none } /* for users of .fr-hidden without #fr-view */

/* Nicely position the help image */
.xforms-help-image {
    vertical-align: middle;
    display: inline;
    margin: 0 .5em 0 -1px;/* move icon to the left a bit to align it better */
    *margin-top: .25em;   /* help IE 6 position icon relatively to the label */
    padding: 0;
    float: left; /* HACK: Without the "float: left" on FF2/3 the mouseover event arrive on the label, not the help
                    image at the left of the label.
                    2011-07-18: Mmh, but we need float left anyway, right? */
}

.xforms-noscript .xforms-help-image {
    /* NOTE: In noscript mode, help appears last in a control for accessibility reasons */
    display: block;
    margin: 0 0 0 .5em;
}

.xforms-noscript .fr-section-title .xforms-help-image {
    display: inline;
}

/* Display alerts under each control */
.xforms-alert-active {
    display: none;
    margin-top: .2em;
    margin-left: 0;/* used to have margin here but with new colors no margin seems better */
    height: auto;
    width: auto;/*width: 100%;*/
    padding: 1px;
    font-size: inherit;/* override xforms.css */
    text-indent: 0;/* override xforms.css */
    background-image: none;/* override xforms.css */
    white-space: normal;/* override xforms.css to allow for multiline alert messages */
}

.xforms-alert-active-visited {
    display: block;
    clear: both;
}

.xforms-alert-inactive {
    display: none;/* Otherwise inactive alerts take vertical space because of defaults in xforms.css */
}

/* Display hints under each control */
.xforms-hint {
    display: block;
    margin-top: .2em;
    margin-left: 0;/* used to have margin here but with new colors no margin seems better */
    width: 100%;
}

.xforms-noscript .xforms-hint {
    /* NOTE: In noscript mode, help appears last in a control for accessibility reasons */
    float: left;
    width: auto;
}

/* Make sure text in trigger does not wrap (leads to non-native widget being used on Firefox) */
button.xforms-trigger, input.xforms-trigger, .xforms-trigger button, .xforms-trigger input { white-space: nowrap }
button.xforms-trigger img, .xforms-trigger button img { margin-right: 10px }

/* Make the button look like a link for noscript mode */
/* TODO: add *zoom: 1 for IE? */
.xforms-trigger-appearance-xxforms-minimal,
    .xforms-trigger-appearance-xxforms-minimal button,
    .xforms-trigger-appearance-xxforms-minimal input {
    display: -moz-inline-box; display: inline-block;
    text-decoration: underline;
    font-size: inherit;
    padding: 0;
    /*vertical-align: middle;*/ /* removing this for better alignment of top links/buttons */
}

/* But for boolean inputs, no background and border (for IE) */
.xforms-type-boolean input { background: none; border: none }

/* Upload control information */
.xforms-upload-info {
    display: block;
    width: 100%;
    padding: 2px 2px 2px 18px;
    background: url( images/silk/attach.png ) no-repeat left center;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.xforms-upload-mediatype, .xforms-upload-size { padding-left: 1em }
.xforms-upload-remove { vertical-align: top }

/* No default highlight for repeated items */
.xforms-repeat-selected-item-1 { background-color: transparent }
.xforms-repeat-selected-item-2 { background-color: transparent }
.xforms-repeat-selected-item-3 { background-color: transparent }
.xforms-repeat-selected-item-4 { background-color: transparent }

/* Noscript help section */

.xforms-noscript .xforms-help-panel { display: block; width: auto; padding: 0 1em }
/*.xforms-noscript .xforms-help-panel dt { list-style-type: square }*/
/*.xforms-noscript .xforms-help-panel dd { display: inline  }*/
/*.xforms-noscript .xforms-help-panel dl { margin-top: 0; margin-bottom: 0 }*/
.xforms-noscript .xforms-help-panel .xforms-help-group { margin: 0 0 .5em }
.xforms-noscript .xforms-help-panel .xforms-label { display: inline }
.xforms-noscript .xforms-help-panel .xforms-help { display: inline }
.xforms-noscript .xforms-help-panel .xforms-help-anchor { display: none }
.xforms-noscript .xforms-help-panel .xforms-help-image { display: none }
.xforms-noscript .fr-help-back { margin-left: .5em }

/* ***** General Layout ********************************************************************************************* */

/* Main layout blocks */
.fr-container { *width: 100% }/* For IE6: otherwise the container can be narrower than the containing doc */
.fr-separator { clear: both }
.fr-body { padding: 0 }
.fr-footer { clear: both }

#fr-form-group {
    display: block;
    margin: .5em 1em 1em;
}

/* Language and mode selectors */
.fr-goto-content, .fr-language-choice, .fr-noscript-choice, .fr-doc-links { margin-right: 1em }
.fr-language-choice { margin-right: 0 }
.fr-doc-links { float: right }
.fr-doc-links a { margin-left: 1em }

.fr-goto-content .xforms-trigger-appearance-xxforms-minimal,
    .fr-language-choice .xforms-trigger-appearance-xxforms-minimal,
    .fr-noscript-choice .xforms-trigger-appearance-xxforms-minimal { *font-size: 100% }/* IE 6 HACK to fix the font size */
.fr-goto-content .xforms-label, .fr-language-choice .xforms-label, .fr-noscript-choice .xforms-label { display: inline; margin-right: .5em }

/* Top area */
.fr-top { display: block }

.fr-top .fr-logo img { margin-right: 1em }
.fr-top .fr-form-title {
    float: left;
    margin: 0;
    padding: 0;
    /*white-space: nowrap;*/
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.fr-top .fr-form-description {
    float: right;
    text-align: right;
    margin: 0;
    padding: .5em;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/* Status icons */
.fr-status-icons { margin-bottom: .5em; float: left }
.fr-status-icons img { margin-right: .5em }

/* Enable noscript icon when in noscript mode */
.fr-noscript-icon { display: none }
.xforms-noscript .fr-noscript-icon { display: inline }

/* Messages */
.fr-message-success { color: green  }
.fr-message-validation-error { color: #DF731B }
.fr-message-fatal-error { color: red }
.fr-unsaved-data { color: red }
.fr-message-fatal-error .xforms-trigger { margin-left: .5em }

/* Error summary */
.xbl-fr-error-summary .fr-error-summary-body { padding: 0 10px; margin: 10px 0 0 }
.xbl-fr-error-summary .fr-error-title { margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; *width: 97.5% }
.xbl-fr-error-summary .fr-error-list { padding-top: 10px; margin-top: 0  }

/* Table of contents */
.fr-toc { }

/* Explanation message if present */
.fr-explanation { padding: 10px }

/* Buttons */

.fr-buttons {
    float: right;
    text-align: right;
}

.fr-buttons .xforms-trigger, .fr-buttons .xforms-trigger button, .fr-buttons .xforms-trigger input {
    width: 9.5em; *width: 9em
}

/* Special sizing for expand/collapse buttons */
.fr-buttons #fr-collapse-all-button .xforms-trigger, .fr-buttons #fr-expand-all-button .xforms-trigger, .fr-buttons #fr-refresh-button .xforms-trigger,
    .fr-buttons #fr-collapse-all-button .xforms-trigger button, .fr-buttons #fr-expand-all-button .xforms-trigger button, .fr-buttons #fr-refresh-button .xforms-trigger button {

    min-width: 2em;
    width: 2em;
    padding: 0;
}

.fr-buttons #fr-collapse-all-button img, .fr-buttons #fr-expand-all-button img, .fr-buttons #fr-refresh-button img {
    margin-right: 0
}

.fr-error-message {
    margin: 2em
}

/* ***** Repeats **************************************************************************************************** */

/* Repeats: all */
.fr-repeat td { vertical-align: middle }

/* Repeats: shows as sections (can have multiple lines per iteration; repeated field labels) */
.fr-repeat-sections th { display: none }
.fr-repeat-sections .xforms-label { margin-top: 0 }
.fr-repeat-sections .xforms-control { display: block }  /* Otherwise control shows on same line as label in certain cases */
.yui-skin-sam .yui-dt .fr-repeat-sections tr.yui-dt-first td { border-top: none } /* remove top border added by YUI */

/* Repeats: shows as table (1 line per iteration; labels used as header of table) */
.fr-repeat-table {
    width: 100%;
    clear: both
}
/* Styling for last dummy line added so IE displays the bottom border of the table */
.fr-repeat-table .fr-repeat-last-line td { border: none; padding: 0 }
.fr-repeat-table .fr-repeat-last-line { display: none }
/* Don't show label, help, hint for controls inside a repeat-table (they are shown in the column header) */
.fr-repeat-table td .xforms-label { display: none }
.fr-repeat-table td .xforms-help-image { display: none }
.fr-repeat-table td .xforms-help { display: none }
.fr-repeat-table td .xforms-hint { display: none }
.fr-repeat-table .fr-grid-content { margin-top: .5em } /* because we don't show the label, add padding at top */
/* But if there is a nested table, show those in the label in the column header of that table */
.fr-repeat-table tr th .xforms-label { display: inline }
.fr-repeat-table tr th .xforms-help-image { margin-top: 0 }

.yui-skin-sam .fr-repeat-column-trigger .yui-dt-liner { padding: 4px } /* override YUI */
.yui-skin-sam .yui-dt .fr-repeat-table th .yui-dt-liner { white-space: normal } /* override YUI as this is not a datatable, so allow repeat th text to wrap */
.fr-repeat-table .fr-repeat-column-trigger { width: 24px; text-align: center }
.yui-skin-sam .fr-repeat-table .fr-repeat-column-trigger { vertical-align: middle } /* override YUI */
.fr-repeat-table .fr-repeat-column-trigger img { margin: 0; display: block }
.fr-repeat-table .fr-repeat-column-trigger span img { *margin-left: 0px } /* IE buttons depress; is there a way to remove their 1px 3px padding? */
/*.fr-repeat-table .fr-repeat-column-trigger button img { margin: 2px } *//* not sure why we need a different margin here */
.fr-repeat-table .fr-repeat-column-trigger button { display: block; margin: auto }

/* ***** Dialogs **************************************************************************************************** */

/* Dialogs */
.fr-dialog { width: 400px }
.fr-dialog ol { padding-left: 3em }
.fr-dialog li { list-style-type: decimal }/* overrides YUI reset so numbers in enumeration do show */
.fr-dialog .bd p { margin: .5em 0 .5em 0 }
.fr-dialog .hd { background-color: #666699 }
.fr-dialog .bd { margin: 0 .5em .5em .5em }
.fr-dialog-icon { float: left; margin-right: 2em; margin-left: 1em; padding-bottom: 1em }
.fr-dialog-message { margin-top: .5em; padding-top: 0.5em }
.fr-dialog-buttons { text-align: right; padding-right: .5em; padding-top: .5em; padding-bottom: .5em; margin-top: .5em; border-top: 2px solid #DDDDEE; clear: both }

#fr-submission-result-dialog { width: 800px }

/* Hide header bar or minimal appearance dialogs as YUI adds one to panels */
.xforms-dialog-appearance-minimal .hd { display: none }

/* ***** Sections *************************************************************************************************** */

/* Sections */
.fr-section-container { display: block; clear: both }
.fr-section-container p { margin-top: 1em }
.fr-section-container .fr-section-open-close img { margin-right: 0 }
.fr-section-container .fr-section-open-close {
    /* Padding is designed to make the <a> box around the section open/close images a square */
    padding: 0 7px 0 7px;
}
/*.fr-section-container .fr-section-open-close:hover { background-color: #FFFFDD; border: 1px solid #FFFF88 }*/
.fr-section-container .fr-section-content {
    display: block;
    margin-left: 22px;
    margin-bottom: .25em;
}

.fr-captcha {
    display: block;                             /* By default captcha is inline */
    margin-left: 22px;                          /* Margin left to be aligned with fr-section-content */
    margin-top: 1.5em; margin-bottom: 1em;      /* Spacing before and after */
}

.fr-section-title .xforms-help-image {
    float: none;
    vertical-align: middle
}

/* ***** Grids ****************************************************************************************************** */

.xbl-fr-grid table.fr-grid {
    width: 100%;
    border-collapse: separate;
    clear: both;
    margin: 0 0 .5em;
}
.fr-grid tr th { text-align: left }

/* Cell content */
.fr-grid-content {
    margin: 0 0.5em 0.5em;      /* Add some space around control */
    *padding-right: 6px;        /* To help IE move back controls within .fr-grid-content */
}

.fr-grid-content .xforms-label {
    margin-top: .25em;      /* Space between control and the one on top of this one */
    margin-bottom: 0.3em;   /* Insert some space between the label / help and the control (we add spacing below the label rather
                               than above the control to make the CSS more generally applicable to XBL components) */
    display: block;         /* So the margin has an effect */
}

/* Style controls or component groups */
.fr-grid-content .xforms-control, .fr-grid-content .fr-component-group {
    display: block;     /* So control is not displayed next to the help icon but on a new line */
    clear: both;
}

/* Restore defaults for controls within component */
/* NOTE: A downside of this approach is that this can breaks CSS that sets display: none in the components, by overriding it with a stronger rule. */
.fr-grid-content .xbl-component .xforms-control { display: inline; clear: none }
html body .xforms-form .fr-grid-content .xbl-component .xforms-disabled-subsequent { display: none }
html body .xforms-form .fr-grid-content .xbl-component .xforms-disabled {
    top: -10000px; /* this so that no space is visible on the page */
    left: -10000px; /* this so that no space is visible on the page */
    position: absolute;
}

.fr-grid .fr-inplace-edit .xforms-input input { width: 100% }

/* Styling common to all HTML form controls */
/* NOTE: This doesn't work well with IE 6/7, see below hand-tuned widths for IE */
.fr-grid .xforms-input input,
.fr-grid .xforms-upload input,
.xforms-layout-nospan   .fr-grid .xforms-textarea, .xforms-layout-nospan .fr-grid .xforms-textarea textarea,    /* In nospan mode, the textarea can be either on its own (regular textarea) or inside a span (RTE) */
.xforms-layout-span     .fr-grid .xforms-textarea textarea,
.xforms-layout-nospan   .fr-grid .xforms-secret,
.xforms-layout-span     .fr-grid .xforms-secret input,
.xforms-layout-nospan   .fr-grid .xforms-select1-appearance-minimal,
.xforms-layout-span     .fr-grid .xforms-select1-appearance-minimal select,
.xforms-layout-nospan   .fr-grid .xforms-select1-appearance-compact,
.xforms-layout-span     .fr-grid .xforms-select1-appearance-compact select,
.xforms-layout-nospan   .fr-grid .xforms-select-appearance-compact,
.xforms-layout-span     .fr-grid .xforms-select-appearance-compact select {
    width: 100%;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/* Override previous rule for autocomplete input, which can't be sized with width: 100% */
.fr-grid .xbl-fr-autocomplete .xforms-input input { width: 140px }

/* Make HTML editor shorter by default */
.fr-grid textarea.xforms-mediatype-text-html, .fr-grid .xforms-mediatype-text-html textarea { height: 10.1em } /* NOTE: with Firefox, 10em makes bottom line disappear */

/* Set this again as default is 100% above */
/* NOTE: This doesn't work well with IE 6/7, see below hand-tuned widths for IE */
.fr-grid .xforms-input input.xforms-type-date,
    .fr-grid .xforms-input input.xforms-type-time {
    width: 7.5em;
}

/* Checkboxes and radio buttons */
.xforms-select1-appearance-full span { display: block; clear: both }
.xforms-select1-appearance-full span label { margin-left: .5em; margin-right: 1em }

.xforms-select-appearance-full span { display: block; clear: both }
.xforms-select-appearance-full span label { margin-left: .5em; margin-right: 1em }

.xforms-select-appearance-full span label, .xforms-select1-appearance-full span label {
    display: block;
    padding-left: 17px;
    text-indent: -17px;
}

.xforms-select-appearance-full span label input, .xforms-select1-appearance-full span label input  {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0 4px 0 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

/* But for boolean inputs, don't size (for IE) */
.fr-grid .xforms-type-boolean input {
    width: auto;
}

.fr-grid .xforms-upload input { width: auto } /* The upload field responds to 100% width on IE, which gives strange result */
.fr-grid .xforms-select1-appearance-compact, .fr-grid .xforms-select-appearance-compact { height: 6em }

/* Image output */
.fr-grid .xforms-mediatype-image { width: 100%; overflow: auto; display: block }
.fr-grid .xforms-mediatype-image { *padding-bottom: 17px; *overflow-y: hidden }/* IE HACK */
.fr-grid .xforms-mediatype-image img { display: block }

/*  Buttons */
.fr-grid .fr-grid-content button.xforms-trigger, .fr-grid .fr-grid-content input.xforms-trigger,
    .fr-grid .fr-grid-content .xforms-trigger button, .fr-grid .fr-grid-content .xforms-trigger input { margin-top: 1.72em } /* hand-tuned so it appears at about the same pos as input fields*/
.fr-grid .fr-grid-content button.xforms-trigger, .fr-grid .fr-grid-content .yui-button input.xforms-trigger,
    .fr-grid .fr-grid-content .xforms-trigger button, .fr-grid .fr-grid-content .yui-button .xforms-trigger input { margin-top: 0 } /* except YUI buttons don't appear right with top margin! */

/* Cell widths */
.fr-grid-td { width: auto; vertical-align: top; overflow: hidden }

.fr-grid { table-layout: fixed }                            /* All the column must have the same width */

#doc4 .fr-grid .fr-grid-td .fr-grid-content img.xforms-input-input { *width: auto } /* Undo effect of previous rule for image in minimal date picker */

#doc  .fr-grid-td .fr-grid-content .xforms-input input.xforms-type-date,
#doc  .fr-grid-td .fr-grid-content .xforms-input input.xforms-type-time,
#doc2 .fr-grid-td .fr-grid-content .xforms-input input.xforms-type-date,
#doc2 .fr-grid-td .fr-grid-content .xforms-input input.xforms-type-time,
#doc4 .fr-grid-td .fr-grid-content .xforms-input input.xforms-type-date,
#doc4 .fr-grid-td .fr-grid-content .xforms-input input.xforms-type-time
    { *width: 6.3em }

/* Specify a width for the autocomplete text field so it doesn't that the whole width of the viewport on IE6/7.
   http://wiki.orbeon.com/forms/doc/contributor-guide/browser#TOC-Width-property-inside-an-absolutely */
#doc  .xbl-fr-autocomplete .fr-autocomplete-container .yui-ac .fr-autocomplete-search .xforms-input-input,
#doc2 .xbl-fr-autocomplete .fr-autocomplete-container .yui-ac .fr-autocomplete-search .xforms-input-input,
#doc4 .xbl-fr-autocomplete .fr-autocomplete-container .yui-ac .fr-autocomplete-search .xforms-input-input
    { *width: 13em }

/* Show placeholder frame for buttons */
.fr-buttons-placeholder { width: 100%; display: block; text-align: center }
.fr-buttons-placeholder div { margin: .5em }

/* Custom control widths */
#fr-view .fr-grid .fr-grid-content .fr-width-2em input.xforms-input-input,
    #fr-view .fr-grid .fr-grid-content input.fr-width-2em,
    #fr-view .fr-grid .fr-grid-content select.fr-width-2em, #fr-view .fr-grid .fr-grid-content .fr-width-2em select { width: 2em }
#fr-view .fr-grid .fr-grid-content .fr-width-3em input.xforms-input-input,
    #fr-view .fr-grid .fr-grid-content input.fr-width-3em,
    #fr-view .fr-grid .fr-grid-content select.fr-width-3em, #fr-view .fr-grid .fr-grid-content .fr-width-3em select { width: 3em }
#fr-view .fr-grid .fr-grid-content .fr-width-5em input.xforms-input-input,
    #fr-view .fr-grid .fr-grid-content input.fr-width-5em,
    #fr-view .fr-grid .fr-grid-content select.fr-width-5em, #fr-view .fr-grid .fr-grid-content .fr-width-5em select { width: 5em }
#fr-view .fr-grid .fr-grid-content .fr-width-7em input.xforms-input-input,
    #fr-view .fr-grid .fr-grid-content input.fr-width-7em,
    #fr-view .fr-grid .fr-grid-content select.fr-width-7em, #fr-view .fr-grid .fr-grid-content .fr-width-7em select { width: 7em }
#fr-view .fr-grid .fr-grid-content .fr-width-10em input.xforms-input-input,
    #fr-view .fr-grid .fr-grid-content input.fr-width-10em,
    #fr-view .fr-grid .fr-grid-content select.fr-width-10em, #fr-view .fr-grid .fr-grid-content .fr-width-10em select { width: 10em }
#fr-view .fr-grid .fr-grid-content .fr-width-15em input.xforms-input-input,
    #fr-view .fr-grid .fr-grid-content input.fr-width-15em,
    #fr-view .fr-grid .fr-grid-content select.fr-width-15em, #fr-view .fr-grid .fr-grid-content .fr-width-15em select { width: 15em }

/* ***** View, PDF, email ******************************************************************************************* */

/* Textarea in output mode can contain line breaks so try to keep them */
pre.xforms-textarea, span.xforms-textarea pre { white-space: -moz-pre-wrap; white-space: pre-wrap; *white-space: normal }

.fr-mode-view .xforms-hint, .fr-mode-pdf .xforms-hint, .fr-mode-email .xforms-hint { display: none }
.fr-mode-view .xforms-alert, .fr-mode-pdf .xforms-alert, .fr-mode-email .xforms-alert { display: none }

.fr-mode-view .fr-section-title img,
  .fr-mode-pdf .fr-section-title img,
  .fr-mode-email .fr-section-title img { display: none }
.fr-mode-view .xforms-help-image,
  .fr-mode-pdf .xforms-help-image,
  .fr-mode-email .xforms-help-image { display: none }
.xforms-noscript .fr-mode-view .xforms-help-image,
  .xforms-noscript .fr-mode-pdf .xforms-help-image,
  .xforms-noscript .fr-mode-email .xforms-help-image { display: none }

/* For those controls that still have a display: block in view mode, make sure there is no top margin */
.fr-mode-view .fr-grid-content .xforms-control, .fr-mode-view .fr-grid-content .fr-component-group { margin-top: 0 }

/* This is also used for PDF generation */
@media print {
    /* Don't hide as there is no script running */
    html body form.xforms-initially-hidden { display: block }
    .fr-header { display: none }
    .fr-shadow { display: none }
    .fr-bottom { display: none }
    .fr-status-icons { display: none }
    .fr-footer { display: none }
    .fr-section-container .fr-section-open-close { display: none }
    .xforms-form .xforms-loading-loading { display: none }
    /* Upload remove button */
    .xforms-upload-remove { display: none }
    /* Remove background attachment image */
    .xforms-upload-info { background: transparent none repeat scroll 0 0; padding-left: 2px }
    /* Don't show download link */
    .xbl-fr-attachment .xforms-output-appearance-xxforms-download { display: none }
    /* There should not be a <style> element in the body, but if there is hide it for Flying Saucer */
    style { display: none }
    /* This must not show in the PDF */
    noscript { display: none }
    /* Since only value is shown, no need for special height */
    .fr-grid .xforms-select1-appearance-compact, .fr-grid .xforms-select-appearance-compact { height: auto }
}
{'fraction_non_alphanumeric': 0.17167381974248927, 'fraction_numerical': 0.014133147020660744, 'mean_word_length': 3.223589916533176, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5100643', 'n_tokens_mistral': 17008, 'n_tokens_neox': 16229, 'n_words': 4739}