@import url('DatePicker.ofss');
/* LOGO AND HEADER AREA */
.logoimage {
background-image:url("logo.ofif"); /*Set this to be the file name of your logo image. Use extension .ofif for .gif, .opng for .png, or .ojpg for .jpg*/
background-repeat:no-repeat;
background-position:center left;
}
.logoimage, .logoimagecell {
width:234px; /*Adjust to be the size of your logo image if necessary*/
height:72px;
}
.logoimageindent {
width:180px; /*Horizontal gap between left of page and logo image, when form has multiple sections*/
height:0;
}
.logoimageindentnosectionbuttons {
width:10%; /*Horizontal gap between left of page and logo image, when form has only one section*/
}
.logoimageindentsectionbuttonsoff {
width:2%; /*Horizontal gap between left of page and logo image, when section buttons are switched off (Section button type is None)*/
}
.headerarea {
/* Band across top of the page containing form title, logo and formsectionheadercontrols (see below) */
BACKGROUND-COLOR: rgb(255,255,255); /*white*/
COLOR: rgb(0,0,0); /*black*/
FONT-FAMILY: Arial, Helvetica, sans-serif;
vertical-align:top;
padding-right:2%;
}
.formtitle {
text-align:left;
padding-left:0.7em;
padding-right:0.5em;
}
.formsectionheadercontrols {
/*May contain accessible/normal version link, help link and/or key-based save ref no.*/
width:15%;
white-space:nowrap;
text-align:right;
}
.formtitleminwidth {
width:120px;
height:0;
}
.formsaveid {
/*For forms using key-based save model*/
font-weight:bold;
margin-top:0.9em;
white-space:nowrap;
}
/* HEADINGS, FIELDS AND MAIN PART OF FORM */
body {
/* The background colour of the element shows through and is visible to the user in the
following places by default: Behind subsection headings (which use the HTML LEGEND tag),
behind section buttons and the main part of the form, in the area at the bottom of the page
below the main form and behind all dialogs. */
BACKGROUND-COLOR: rgb(255,255,255); /*white*/
COLOR: rgb(0,0,0); /*black*/
}
body.formsectionbody {
MARGIN: 0;
PADDING: 0;
}
.bodyrowtable {
width:98%;
margin-right:2%;
clear:both;
}
body.dialogbody {
MARGIN: 0;
PADDING: 0;
}
.dialogborder {
MARGIN: 8px;
PADDING: 0px;
}
H1 {
MARGIN: 0in;
FONT-SIZE: Large;
VERTICAL-ALIGN: text-top;
}
IMG {
BORDER: 0;
MARGIN: 0;
PADDING: 0;
}
.secheader {
/* 1. The area containing section name and navigation buttons (above fields and custom error or section error text)
2. The corresponding area containing navigation buttons at the bottom of the form. */
BACKGROUND-COLOR: rgb(204,42,31); /*dark red*/
COLOR: rgb(255,255,255); /*white*/
FONT-WEIGHT: Bold;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.secheadertitle {
/* Section heading title text */
MARGIN: 0;
FONT-SIZE: 100%;
FONT-WEIGHT: Bold;
}
.info, .info2 {
/* Area above fields, contains custom error and/or section error text */
BACKGROUND-COLOR: rgb(192,192,192); /*light grey*/
COLOR: rgb(0,0,0); /*black*/
FONT-SIZE: 100%;
FONT-WEIGHT: bold;
MARGIN: 0;
}
.info2 {
BACKGROUND-COLOR: rgb(128,128,128); /*darker grey*/
}
td.custommsg, p.custommsg {
/* contains custom message */
BACKGROUND-COLOR: rgb(234,234,234); /*light grey*/
COLOR: rgb(51,51,51); /*dark grey*/
FONT-WEIGHT: bold;
MARGIN: 0;
}
td.custommsg {
FONT-SIZE: 75%;
}
p.custommsg {
FONT-SIZE: 100%;
}
legend {
/* Heading text above a field area (form subsection) */
FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-WEIGHT: Bold;
}
.fieldarea {
/* Area of fields displayed in a form subsection (i.e. under a heading). Contains field columns. */
BACKGROUND-COLOR: rgb(255,255,255); /*white*/
BORDER: 2px solid rgb(255,255,255); /*white*/
BORDER-COLLAPSE: collapse;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.dlgfieldarea {
BACKGROUND-COLOR: rgb(201,229,245); /*light blue*/
BORDER: 2px solid rgb(201,229,245); /*light blue*/
BORDER-COLLAPSE: collapse;
FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.fieldcolumn, .dlgfieldcolumn {
/* Column in a form subsection */
BORDER: solid gray 1px;
}
.fields, .dlgfields {
/* Captions, field captions, radio button labels */
COLOR: rgb(0,0,0); /*black*/
FONT-SIZE: 75%;
}
.radiogroup, .radiogroup_err {
margin: 0;
padding: 0;
border: none;
}
.radiogroup legend, .radiogroup_err legend {
display: none;
}
textarea, input, select {
/* Form fields - the areas where the user can enter data */
COLOR: rgb(0,0,0); /*black*/
FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-SIZE: 100%; /* Ensures that the size of text in fields will (1) be the same size as the caption text (specified
in .fields/.dlgfields) and (2) change if the text size is changed using IE's View->Text Size feature. */
}
.formtextarea, .formtextfield, .formpasswordfield, .formtextarea_err, .formtextfield_err, .formpasswordfield_err {
/* Text, memo, number and password fields - rule applies to the area where the user can enter data */
/* Width: 100% causes the fields to fill the entire width of the table column they are in, so they will change
width as the browser window resizes. If you prefer to fix their widths you could use e.g. width: 25em; */
width: 100%;
}
.disabledrichtextarea {
/* This look is similar to the IE disabled field look */
padding-left: 2px;
padding-right: 2px;
padding-top: 1px;
padding-bottom: 1px;
background-color: rgb(255,255,255);
border: 1px solid rgb(0,0,0);
min-height:1.25em;
}
.fieldwidthmodifierrichtext {
/* different version of fieldwidthmodifier for the case where the rich text editor is present. */
padding-right: 2px;
}
.disabledrichtextwidthmodifier {
padding-right: 6px;
}
.mceEditorIframe {
margin-bottom:0 !important;
}
/* Handling for rich text display to display lists and paragraphs without extra newline padding */
.printfielddatarichtext blockquote, .disabledrichtextarea blockquote {
margin-right: 0px !important;
padding-right: 0px !important;
margin-top: 0px;
margin-bottom: 0px;
}
.printfielddatarichtext p, .disabledrichtextarea p {
margin: 0px;
padding: 0px;
}
.printfielddatarichtext ol, .printfielddatarichtext ul, .disabledrichtextarea ol, .disabledrichtextarea ul {
margin-top: 0px;
margin-bottom: 0px;
}
.fieldwidthmodifier {
/*Stops the width: 100% declaration above making fields too wide in W3C standards mode.
(An has border 2px and padding 1px on each side by default. This was considered part of
the element's width in quirks mode.)*/
padding-right: 6px;
}
.fieldwidthmodifier2 {
/*Workaround for IE6 bug where the width of a textarea can increase when you type into it*/
border:none !important;
padding:0;
}
.formtextarea_err, .formtextfield_err, .formpasswordfield_err, .radiogroup_err, .checkboxfield_err, .hourfield_err, .minutefield_err, .yearfield_err {
border: 3px solid rgb(255,0,0);
}
.listboxfield_err, .dayfield_err, .monthfield_err {
background-color: rgb(255,0,0);
color: rgb(255,255,255);
}
.min_fieldwidth {
/* min-width is not supported by IE yet, hence this is used as a work-around to limit the minimum width */
/* of fields on the form */
width: 5em;
height: 0;
}
.min_righticonsareawidth {
/*Stops the help and spellcheck icons on the right from wrapping in multi-column fields in Opera.*/
width:28px;
height:0;
}
.min_righticonsareawidthx {
/*As above but in a column.*/
/*Also by leaving space for these icons when they are not needed, the right edges of fields in different headings should line up.*/
width:36px;
height:0;
}
label, .calendaricon {
CURSOR: pointer;
}
.fielderror {
FLOAT: right;
}
.fieldhelp, .formhelp {
CURSOR: help;
}
label.suppressedcaption {
display: none;
}
A:link { color: blue; } /* unvisited links */
A:visited { color: blue; } /* visited links */
fieldset {
padding: 2px;
}
p.fieldcaptionradio, p.fieldcaptioncheckbox, p.fieldcaptionlistbox {
margin-top: 0; /* prevent captions of radio groups/checkboxes/list boxes taking more vertical space than intended, in Firefox in standards mode */
margin-bottom: 0;
}
.tlfooter {
height:300px;
}
.spacingbetweeninfoandfirstfield {
height:5px;
}
.spacingbetweenlastfieldandbottomtoolbar {
height:15px;
}
/* WIDTH SPACINGS FOR FIELD ROW
-Width percentages for: 'fieldiconscolumn', 'fieldcaptioncolumn', 'fieldinputcolumn' and 'fieldrightcolumn' must add up to 100%.
-Width percentage of 'fieldmergedcolumn' must be the width of 'fieldcaptioncolumn' and 'fieldinputcolumn'.
-Classes with 'x' suffix denotes the group is multi-column */
.fieldiconscolumn {
width: 1%;
}
.fieldcaptioncolumn {
width: 29%;
}
.fieldinputcolumn {
width: 45%;
}
.fieldrightcolumn {
width: 25%;
}
.fieldmergedcolumn {
width: 74%;
}
.fieldiconscolumnx {
width: 1%;
}
.fieldcaptioncolumnx {
width: 44%;
}
.fieldinputcolumnx {
width: 54%;
}
.fieldrightcolumnx {
width: 1%;
}
.fieldmergedcolumnx {
width: 98%;
}
.fielderrortext{
color: #FF0000;
font-weight: bold;
}
/* CAPTION OVER FIELD SPECIFIC */
/* The following settings are used to make the caption to be in the same table cell as the form control, for screen
reader purposes. */
div.captionover {
position: relative;
}
span.captionovererror {
position: absolute;
top: 0;
left: -15px; /*aligns the error icon to be at the same place on the left as default and suppressed case*/
}
span.captionovererrorx {
position: absolute;
top: 0;
left: -14px; /*as above but inside a column*/
}
.captionoverhelpspchk, .sm_captionoverhelpspchk {
position: absolute;
top: 0;
}
/*Align help/spellcheck icons to be at the same place on the right as default and suppressed case*/
.captionoverhelpspchk { right:-53px; } /*IE6 and below*/
html>body .captionoverhelpspchk { right:-58px; } /*Firefox, IE7, etc.*/
/*As above but inside a column*/
.sm_captionoverhelpspchk { right:-35px; } /*IE6 and below*/
html>body .sm_captionoverhelpspchk { right:-41px; } /*Firefox, IE7, etc.*/
.mandatoryiconwithfielderror { position:absolute; left:-6px; }
/* BUTTONS */
/* .button is for action buttons etc in the main form.
.dlgbutton is for action buttons etc in dialogs.
.toolbarbutton is for navigation buttons in the main form e.g. Next, Back, Save, Exit
.dlgtoolbarbutton is for navigation buttons in dialogs e.g. OK, Cancel, Yes, No
.toolbarbuttondisabled is for Next and Back navigation buttons in the main form when it is disabled or
next/prior section is disabled*/
.button, .button_err, .toolbarbutton, .dlgbutton, .dlgtoolbarbutton, .toolbarbuttondisabled {
BACKGROUND-COLOR: rgb(237,237,237); /*grey*/
COLOR: rgb(0,0,0); /*black*/
FONT-WEIGHT: Bold;
FONT-SIZE: 70%;
CURSOR: pointer;
}
.toolbarbuttondisabled {
COLOR: rgb(172,168,153); /*grey*/
}
#spellcheckscreenreaderbutton {
width:25em;
}
/* SECTION BUTTONS AND SECTION BUTTON AREA */
.secbuttonstrip {
/* Band at left that includes the section buttons */
width:180px;
}
.secbuttonstripnosectionbuttons {
/*Space for section buttons when there are no buttons to display (e.g. form close page, or single section form)*/
width:10%;
}
.secbuttonstripsectionbuttonsoff {
/*Space for section buttons when section buttons are switched off (Section button type is None)*/
width:2%;
}
.tlsectionbuttons {
padding-top:38px;
}
.sectionbuttoncontainer, .sectionbuttoncontainerhover {
width:180px;
clear:both;
}
/*Vertical gap between the section buttons*/
.normalsectionbuttoncontainer { margin-top:2px; } /*Firefox etc*/
.iesectionbuttoncontainer { margin-top:5px; } /*IE*/
/*Completion status icons (to left of buttons)*/
.tliconstatusinitial { float:left; width:20px; height:24px; background-image:url("spacer.ofif"); }
.tliconstatuspartial { float:left; width:20px; height:24px; background-image:url("TL_icons.ofif"); background-position:-1127px 5px; }
.tliconstatuscomplete { float:left; width:20px; height:24px; background-image:url("TL_icons.ofif"); background-position:-1107px 5px; }
.iesectionbuttoncontainer .tliconstatuspartial { background-position:-1127px 2px; } /*IE*/
.iesectionbuttoncontainer .tliconstatuscomplete { background-position:-1107px 2px; } /*IE*/
.normalcurrentsectionbutton, .normalenabledsectionbutton, .normaldisabledsectionbutton,
.iecurrentsectionbutton, .ieenabledsectionbutton, .iedisabledsectionbutton {
/*Styles which apply to all section buttons in all browsers*/
height:27px; /* 24px for IE - see below */
width:142px;
background-image:url("TL_icons.ofif");
background-repeat:no-repeat;
background-color:transparent;
border:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
cursor:pointer;
text-align:center;
}
.normalcurrentsectionbutton { background-position:-947px 3px; }
.normalenabledsectionbutton { background-position:-465px 3px; }
.normaldisabledsectionbutton { background-position:-465px 3px; }
.sectionbuttoncontainerhover .normalenabledsectionbutton { background-position:-625px 3px; }
/* Section buttons in IE. (IE positions text on the button about 3 pixels higher than Firefox, Opera and other browsers. Also IE<7 needs float:left).*/
.iecurrentsectionbutton { float:left; height:24px; background-position:-947px 0 }
.ieenabledsectionbutton { float:left; height:24px; background-position:-465px 0; }
.iedisabledsectionbutton { float:left; height:24px; background-position:-465px 0; }
.sectionbuttoncontainerhover .ieenabledsectionbutton { background-position:-625px 0; }
/*Current section indicator (to right of button)*/
.normalcurrentsectionindicator, .normalenabledsectionindicator, .normaldisabledsectionindicator,
.iecurrentsectionindicator, .ieenabledsectionindicator, .iedisabledsectionindicator {
width:18px;
height:24px;
float:right;
background-repeat:no-repeat;
}
.normalcurrentsectionindicator { background-image:url("TL_icons.ofif"); background-position:-1089px 3px; }
.sectionbuttoncontainerhover .normalenabledsectionindicator { background-image:url("TL_icons.ofif"); background-position:-767px 3px; }
.iecurrentsectionindicator { background-image:url("TL_icons.ofif"); background-position:-1089px 0; }
.sectionbuttoncontainerhover .ieenabledsectionindicator { background-image:url("TL_icons.ofif"); background-position:-767px 0; }
/* TABLES */
.formtableheader {
/* Table column headings (in the main form) */
FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-SIZE: 75%;
BACKGROUND-COLOR: rgb(252,254,210); /*pale yellow*/
COLOR: rgb(0,0,0); /*black*/
TEXT-ALIGN: Left;
}
.formtablebody {
/* Table body i.e. area containing data (in the main form) */
FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-SIZE: 75%;
BACKGROUND-COLOR: rgb(255,255,255); /*white*/
COLOR: rgb(0,0,0); /*black*/
}
.tablerowodd {
/* Odd numbered table rows in tables in the main form. See also lookuprowodd. */
}
.tableroweven {
/* Even numbered table rows in tables in the main form. See also lookuproweven. */
/* Odd and even are calculated based on 0-indexed rows so the first row is even. */
}
.formtableaddbuttonarea {
/* Area which includes the table 'Add Row...' button and text which appears next to it (see formtableaddbuttonhint) */
}
.formtableaddbuttonhint {
/* Text which appears next to the 'Add Row...' button in a table, set by TableSetAddButtonHint API */
FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-SIZE: 75%;
}
.signedtablecell {
/* Cells in table columns which have been locked by signing. These cells cannot be edited. */
COLOR: #666666; /*dark grey*/
}
/* DIALOGS */
.titlebar {
/* Title bar for ALL dialogs including custom dialog, lookup dialog, table-row-edit dialog and message box dialog */
BACKGROUND-COLOR: rgb(0,0,128); /*dark blue*/
BORDER: 1px solid rgb(128,128,128); /*50% grey*/
COLOR: rgb(255,255,255); /*white*/
FONT-WEIGHT: Bold;
FONT-SIZE: 100%;
FONT-FAMILY: Arial, Helvetica, sans-serif;
TEXT-ALIGN: Left;
}
.dialog {
/* Rule applied to the HTML
element which contains the entire dialog */
BORDER: 1px solid rgb(0,0,128); /*dark blue*/
BACKGROUND-COLOR: rgb(255,255,245); /* very pale yellow */
}
.dialoginner {
/* Dialog inner content area. May be narrower than the dialog itself */
FONT-FAMILY: Arial, Helvetica, sans-serif;
margin-left:auto;
margin-right:auto;
}
/* LOOKUP DIALOG SPECIFIC */
.lookuptableheader {
/* Lookup dialog table header area (the table's column headings) */
BACKGROUND-COLOR: rgb(221,221,221); /*pale grey*/
TEXT-ALIGN: Left;
}
.lookuptablebody {
/* Lookup dialog table body area (the rows containing table data) */
FONT-SIZE: 75%;
}
.lookuptableheadercaption {
/* Caption text which optionally appears above the lookup table (Set by UISetCaption API) */
MARGIN: 0.5em 0 0.2em 0;
FONT-WEIGHT: bold;
FONT-SIZE: 80%;
}
/* The rows in a table or lookup can have alternating colours.
Lookup rows have the class names lookuproweven and lookuprowodd.
Table rows have the class names tableroweven and tablerowodd.
In the default style sheet lookup rows have different colours
but table rows do not.
Odd and even are calculated based on 0-indexed rows so the first row is
even. */
.lookuproweven {
BACKGROUND-COLOR: rgb(201,229,245); /*light blue*/
}
.lookuprowodd {
BACKGROUND-COLOR: rgb(234,234,234); /*very pale grey*/
}
#lookupdialog table.dialoginner h2 {
margin-top: 0.3em;
margin-bottom: 0.6em;
}
#lookupdialog input.dlgtoolbarbutton {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#lookupdialog table.dlgfieldarea {
margin-top: 0.3em;
}
.disabledlink {
/* Used for disabled Next/Previous link text in lookups.
(May be used for other disabled links in future versions) */
color: #666666; /*dark grey*/
}
/* table headers (thbut = outer, thbut2... = inner) */
.thbut {
background-color: #dddddd;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
font-weight: bold;
font-size: 80%;
}
/* inner table header, normal*/
.thbut2 {
vertical-align: middle;
border-style: outset; /* looks like an unpressed button */
border-width: 1px;
padding: 1px;
font-weight: bold;
}
/* inner table header, for onmouseover (thbut2inset) and onmousedown (thbut2inset2) */
.thbut2inset, .thbut2inset2 {
vertical-align: middle;
border-style: inset; /* looks like a pressed button */
border-width: 1px;
padding: 2px 0px 0px 2px; /* contents shifted down and right 1 pixel compared to thbut2 */
font-weight: bold;
}
/* link text within table headers */
/* normal link text (thbut2) and onmouseover (thbut2inset) */
.thbut2 a:link, .thbut2 a:visited, .thbut2 a:hover, .thbut2inset a:link, .thbut2inset a:visited, .thbut2inset a:hover {
text-decoration: none;
color: black;
}
/* heading link text with javascript disabled, tab link text onmouseover/mousedown and all other general links */
a:hover, .thbut2 a:hover, .tabunselectedmouseover a:link, .tabunselectedmouseover a:visited, .tabunselectedmousedown a:link, .tabunselectedmousedown a:visited {
text-decoration: underline;
color: red;
}
/* link text for onmousedown */
.thbut2inset2 a:link, .thbut2inset2 a:visited, .thbut2inset2 a:hover {
text-decoration: none;
color: red;
}
/* ATTACHMENTS DIALOG SPECIFIC */
.attachtablecaption {
/* Caption text above the two windows in the dialog (usually either "Attachments Linked To Fields:" or "Other Attachments:") */
MARGIN: 0.5em 0 0.2em 0;
FONT-WEIGHT: bold;
FONT-SIZE: 80%;
}
/* SPELL CHECK DIALOG SPECIFIC */
.spelltext {
FONT-SIZE: 75%;
}
div.row {
clear: both;
padding-top: 5px;
}
div.row span.label {
float: left;
width: 7em
}
div.row span.formw, div.row span.lgformw {
float: right;
width: 30em;
text-align: left
}
div.row span.formw .smfield {
width: 50%
}
div.row span.formw .lgfield {
width: 100%
}
/* POP-UP WINDOWS */
/* These rules apply to pop-up windows which are used to show
1. Field error messages (when "!" icon is clicked) and
2. Context-sensitive help text (when "?" icon is clicked). */
.popupmessagearea {
/* Affects entire pop-up window; is applied to tag. */
BACKGROUND-COLOR: rgb(255,255,245); /*very pale yellow*/
FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.popupheader {
/* Heading text in the pop-up window */
COLOR: red;
}
/* PROCESS-MESSAGE DIALOG */
.processmessage {
PADDING: 10px;
BORDER: 3px OUTSET #dddddd;
BACKGROUND-COLOR: #ffff99;
HEIGHT: 100px;
}
/* VERIFY SIGNATURE DIALOG SPECIFIC */
.signaturecontent {
BACKGROUND-COLOR: #ffffff;
TEXT-ALIGN: left;
}
/* MISCELLANEOUS */
/* resetfontsizetodefault is used so that if you specify the font-size of buttons using a relative measure
(e.g. 0.7em) then the text on all buttons will appear the same size regardless of where they are in the page. */
/* On IE4/5/6 the buggy font-scaling behaviour means that small has the desired effect here. */
/* For XHTML IE uses standards compliant mode meaning that the font-size is now set to medium not small. */
.resetfontsizetodefault { font-size: medium; }
/* Non-IE browsers e.g. Netscape7 and Mozilla FireFox scale the fonts correctly. This second rule
takes precedence over the first but is ignored by IE4/5/6 because it does not understand it. */
html>body .resetfontsizetodefault { font-size: medium; }
/* Known issue: Opera6/7 has the same (incorrect) font-scaling behaviour as IE but does understand
the second rule above. This means the text on some buttons will be the wrong size on Opera.
The workaround is to use absolute font-sizes throughout, e.g. 11px instead of 0.7em.
However this will stop IE4/5/6's View->Text Size feature changing the size of the text. */
/* Buttons linked to fields */
.linkedbuttonleftcell { width:95%; padding-right:7px; }
.linkedbuttonrightcell { text-align:right; vertical-align:top; }
/* AJAX SPECIFIC */
.aj_pagenum, .aj_secbuttons, .aj_toptoolbar, .aj_bottomtoolbar, .aj_formheader, .aj_formmessafe, .aj_formcontent, .aj_header, .aj_table {
margin: 0;
padding: 0;
}
/* Hide items specifically for screen-readers/accessibility */
.accessibleformstartlinks { position:absolute; top:-1px; }
p.virtualbufferupdate { height:0; margin:0; }
.accessible_hidden {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
/* HTML PRINTING */
/* .printbody => Applied to the HTML tag of document */
/* .printreturnblock => Blocks containing return message and button (at top and bottom of page by default) */
/* .printdate => Today's date (i.e. date printed) */
/* .printref => Save ID (only shown if using key-based save model) */
/* .printbody h1 => Form title */
/* .printbody h2 => Section titles */
/* .printbody legend => Sub-section captions (i.e. headings) and table captions */
/* .printformsubsection => Form sub-section. Applied to each HTML