online2pdf.com
Open in
urlscan Pro
92.42.142.171
Public Scan
Submitted URL: http://online2pdf.com/
Effective URL: https://online2pdf.com/
Submission: On December 13 via manual from CA — Scanned from CA
Effective URL: https://online2pdf.com/
Submission: On December 13 via manual from CA — Scanned from CA
Form analysis 1 forms found in the DOM
Name: form1 — POST /conversion/frame
<form method="post" enctype="multipart/form-data" action="/conversion/frame" name="form1" target="upload_frame" onsubmit="checkServerStatus(); return false;" autocomplete="off"><input type="hidden" name="SETTINGS_ID"
value="4d6e98871906952367836d9522b2c903"><input type="hidden" name="file_order">
<div style="border: 2px dashed #999999; background: linear-gradient(#DDDDDD, #FAFAFA); background-color: #E4E4E4; text-align: left; border-radius: 5px;">
<div id="files" style="padding: 10px 0px; text-align: left; position: relative;">
<div id="div_file_box0_0">
<div class="file_element" style="margin: 7px">
<div class="upload_box">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div style="text-align: center"><button type="button" onclick="input_file_click(0)" onmouseover="show_input_field(this, 0, false, 'browse_button_hover', 'browse_button');" class="browse_button">Select files</button></div>
<div>
<div class="dragdrop_text">(or just drag&drop your files here)</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="upload_info">
<table class="vertical_middle" style="width: auto; margin: 0px auto">
<tbody>
<tr>
<td>The maximum file size is <b>100 MB</b>. All files together must not exceed <b>150 MB</b>.<br>You can select up to 20 files.<div class="multiple_files_text"><b>Tip:</b> you can select several files at once (by pressing the
Ctrl-Key)</div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
</div>
</div>
</div>
<div id="files_input">
<div id="div_file_box0" class="input_field"><input name="userfile[0][]" id="input_file0" type="file" onchange="add_file(1)" multiple="multiple"></div>
</div>
<div style="background-color: rgb(184, 184, 184); padding: 3px; display: none;" id="conversion_box">
<div id="conversion_mode_box" style="display: none; padding: 2px; text-align: center; vertical-align: top;"><span style="vertical-align: middle" class="form_field_margin"><b>Mode: </b></span>
<div custombox="1" class="form_field_margin customSelectBoxContainer" style="vertical-align: middle; margin: 2px 0px;">
<div id="selectbox_0" class="customSelectBox" customselectboxindex="0" customselectboxrefid="conversion_mode" onclick="this.focus(); showSelectBoxContent(0, 'conversion_mode')" onmousedown="this.focus(); return false"
onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_0" class="value"><span class="text" style="">Merge files</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="conversion_mode" onchange="conversion_mode_change()" id="conversion_mode" class="form_field_margin" style="display: none;">
<option value="merge">Merge files</option>
<option value="single">Convert files separately</option>
</select><span style="display: none; text-align: center; vertical-align: middle;" id="conversion_mode_info_box"><span id="conversion_mode_info" style="display: inline-block; padding-bottom: 2px; padding-left: 5px"></span><span
id="merge_mode_box" style="display: none; margin-left: 10px; vertical-align: middle;"><span style="vertical-align: middle" class="form_field_margin"><b>How: </b></span>
<div custombox="1" class="form_field_margin customSelectBoxContainer" style="vertical-align: middle; margin: 2px 0px;">
<div id="selectbox_1" class="customSelectBox" customselectboxindex="1" customselectboxrefid="selectbox_original_0" onclick="this.focus(); showSelectBoxContent(1, 'selectbox_original_0')" onmousedown="this.focus(); return false"
onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_1" class="value"><span class="text" style="">one after another</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="merge_mode" onchange="conversion_mode_change()" class="form_field_margin" id="selectbox_original_0" style="display: none;">
<option value="serial">one after another</option>
<option value="mixed">mixed alternately</option>
</select>
</span></span>
<div id="merge_mode_info" style="padding: 4px; text-align: center; display: none;">(the pages are taken alternately from the two documents, e.g. if you have scanned your documents double-sided)</div>
</div>
<div id="convert_to_box" style="background-color: rgb(184, 184, 184); display: none; text-align: center; vertical-align: middle;" class="convert_to_box">
<div style="text-align: center; display: block;" id="output_format_outer_box"><span id="output_format_inner_box" style="padding: 2px; display: inline-block;"><span style="vertical-align: middle; color: rgb(170, 0, 0);"
class="form_field_margin" id="convert_to_title"><b>convert to: </b></span><span id="output_format_box" style="text-align: center; display: inline-block">
<div custombox="1" class="form_field_margin customSelectBoxContainer" style="vertical-align: middle; margin: 2px 0px;">
<div id="selectbox_2" class="customSelectBox" customselectboxindex="2" customselectboxrefid="selectbox_original_1" onclick="this.focus(); showSelectBoxContent(2, 'selectbox_original_1')" onmousedown="this.focus(); return false"
onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_2" class="value"><span class="text" style="">PDF</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="output_format" onchange="output_format_change(this)" class="form_field_margin" id="selectbox_original_1" style="display: none;">
<option value="pdf">PDF</option>
</select>
</span></span></div>
<div id="pdf_advanced_ocr_language_box" class="form_field_margin" style="display: none;"><span style="vertical-align: middle; padding: 0px 5px; color: rgb(0, 0, 0);"
id="pdf_advanced_ocr_language_title"><b>with character recognition in</b></span>
<div custombox="1" class="form_field_margin customSelectBoxContainer" style="vertical-align: middle; margin: 2px 0px;">
<div id="selectbox_3" class="customSelectBox" customselectboxindex="3" customselectboxrefid="selectbox_original_2" onclick="this.focus(); showSelectBoxContent(3, 'selectbox_original_2')" onmousedown="this.focus(); return false"
onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_3" class="value"><span class="text" style="font-weight: bold;">English</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="pdf_advanced_ocr_language" onchange="activate_features()" class="form_field_margin" id="selectbox_original_2" style="display: none;">
<option value="bg">Bulgarian</option>
<option value="zh-sim">Chinese (simplified)</option>
<option value="zh-tra">Chinese (traditional)</option>
<option value="hr">Croatian</option>
<option value="cs">Czech</option>
<option value="da">Danish</option>
<option value="nl">Dutch</option>
<option value="en" style="font-weight: bold" customselectboxfontweight="bold">English</option>
<option value="et">Estonian</option>
<option value="fi">Finnish</option>
<option value="fr" style="font-weight: bold" customselectboxfontweight="bold">French</option>
<option value="de" style="font-weight: bold" customselectboxfontweight="bold">German</option>
<option value="el">Greek</option>
<option value="he">Hebrew</option>
<option value="hu">Hungarian</option>
<option value="it" style="font-weight: bold" customselectboxfontweight="bold">Italian</option>
<option value="ja">Japanese</option>
<option value="ko">Korean</option>
<option value="lv">Latvian</option>
<option value="lt">Lithuanian</option>
<option value="no">Norwegian</option>
<option value="pl">Polish</option>
<option value="pt" style="font-weight: bold" customselectboxfontweight="bold">Portuguese</option>
<option value="ro">Romanian</option>
<option value="ru">Russian</option>
<option value="sr">Serbian</option>
<option value="sk">Slovak</option>
<option value="sl">Slovenian</option>
<option value="es" style="font-weight: bold" customselectboxfontweight="bold">Spanish</option>
<option value="sv">Swedish</option>
<option value="tr">Turkish</option>
<option value="uk">Ukrainian</option>
</select>
</div>
<div style="text-align: center; padding: 2px; display: none;" id="export_box"><span style="vertical-align: middle; color: rgb(170, 0, 0);" class="form_field_margin"
id="export_title"><b>Optical character recognition in images (OCR): </b></span><span id="export_ocr_box" style="display: inline-block;">
<div custombox="1" class="form_field_margin customSelectBoxContainer" style="vertical-align: middle; margin: 2px 0px;">
<div id="selectbox_4" class="customSelectBox" customselectboxindex="4" customselectboxrefid="selectbox_original_3" onclick="this.focus(); showSelectBoxContent(4, 'selectbox_original_3')" onmousedown="this.focus(); return false"
onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_4" class="value"><img src="/images/9.6.0/false2.png" style="height: 16px; margin-right: 10px; vertical-align: middle"><span class="text" style="">No, without OCR (max. 150 pages)</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="export_ocr" onchange="ocr_dropdown_change()" class="form_field_margin" id="selectbox_original_3" style="display: none;">
<option value="no" customselectboxicon="/images/9.6.0/false2.png">No, without OCR (max. 150 pages)</option>
<option value="yes" customselectboxicon="/images/9.6.0/true2.png">Yes, with OCR (max. 30 pages)</option>
</select>
</span><span id="export_ocr_language_box" style="display: none;"><span style="vertical-align: middle; padding: 0px 5px">in</span>
<div custombox="1" class="form_field_margin customSelectBoxContainer" style="vertical-align: middle; margin: 2px 0px;">
<div id="selectbox_5" class="customSelectBox" customselectboxindex="5" customselectboxrefid="selectbox_original_4" onclick="this.focus(); showSelectBoxContent(5, 'selectbox_original_4')" onmousedown="this.focus(); return false"
onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_5" class="value"><span class="text" style="font-weight: bold;">English</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="export_ocr_language" onchange="activate_features()" class="form_field_margin" id="selectbox_original_4" style="display: none;">
<option value="bg">Bulgarian</option>
<option value="zh-sim">Chinese (simplified)</option>
<option value="zh-tra">Chinese (traditional)</option>
<option value="hr">Croatian</option>
<option value="cs">Czech</option>
<option value="da">Danish</option>
<option value="nl">Dutch</option>
<option value="en" style="font-weight: bold" customselectboxfontweight="bold">English</option>
<option value="et">Estonian</option>
<option value="fi">Finnish</option>
<option value="fr" style="font-weight: bold" customselectboxfontweight="bold">French</option>
<option value="de" style="font-weight: bold" customselectboxfontweight="bold">German</option>
<option value="el">Greek</option>
<option value="he">Hebrew</option>
<option value="hu">Hungarian</option>
<option value="it" style="font-weight: bold" customselectboxfontweight="bold">Italian</option>
<option value="ja">Japanese</option>
<option value="ko">Korean</option>
<option value="lv">Latvian</option>
<option value="lt">Lithuanian</option>
<option value="no">Norwegian</option>
<option value="pl">Polish</option>
<option value="pt" style="font-weight: bold" customselectboxfontweight="bold">Portuguese</option>
<option value="ro">Romanian</option>
<option value="ru">Russian</option>
<option value="sr">Serbian</option>
<option value="sk">Slovak</option>
<option value="sl">Slovenian</option>
<option value="es" style="font-weight: bold" customselectboxfontweight="bold">Spanish</option>
<option value="sv">Swedish</option>
<option value="tr">Turkish</option>
<option value="uk">Ukrainian</option>
</select>
</span>
<div style="text-align: center; padding: 5px 5px 0px; display: none;" id="export_image_box"><label class="checkbox"><span class="box"><input type="checkbox" name="export_image" value="1" onchange="activate_features()"
onclick="activate_features()"><span class="checkmark"></span></span><span class="text">Insert pages as images</span></label></div>
<div style="text-align: center; padding: 5px 5px 0px; display: none;" id="export_fullocr_box"><label class="checkbox"><span class="box"><input type="checkbox" name="export_fullocr" value="1" onchange="activate_features()"
onclick="activate_features()"><span class="checkmark"></span></span><span class="text">Advanced OCR: apply character recognition not only in scans, but in the whole file content</span></label></div>
</div>
<div id="conversion_info" class="pdf_export_info" style="display: none;">
<table style="font-size: 13px; margin: auto">
<tbody>
<tr>
<td><img src="/images/9.6.0/info.png" alt="" style="width: 50px;" class="non_mobile"></td>
<td style="padding-left: 15px; text-align: left">
<div style="font-weight: bold; font-size: 15px">Please note:</div>
<div id="conversion_info_inner"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="splitting_info" style="background-color: rgb(221, 221, 221); padding: 8px; display: none; text-align: center;">Your files will be splitted during conversion. (Download as ZIP archive)</div>
</div><br>
<div id="preferences" class="preferences" style="display: block;">
<div class="preferences_menu">
<div class="title">Preferences: </div><button type="button" class="element" id="pref_menu_element_1" onmouseover="preferences_element_over(1)" onmouseout="preferences_element_out(1)" onclick="preferences_element_activate(1)"
onmousedown="return false" style="display: block;"><img src="/images/9.6.0/preferences/preferences_compression_icon.png" alt="" class="icon" style="width: 15px; height: 15px">Compression</button><button type="button" class="element"
id="pref_menu_element_2" onmouseover="preferences_element_over(2)" onmouseout="preferences_element_out(2)" onclick="preferences_element_activate(2)" onmousedown="return false" style="display: block;"><img
src="/images/9.6.0/preferences/preferences_view_icon.png" alt="" class="icon" style="width: 15px; height: 15px">View</button><button type="button" class="element" id="pref_menu_element_3" onmouseover="preferences_element_over(3)"
onmouseout="preferences_element_out(3)" onclick="preferences_element_activate(3)" onmousedown="return false" style="display: block;"><img src="/images/9.6.0/preferences/preferences_image_icon.png" alt="" class="icon"
style="width: 19px; height: 15px">Image-to-PDF</button><button type="button" class="element" id="pref_menu_element_4" onmouseover="preferences_element_over(4)" onmouseout="preferences_element_out(4)"
onclick="preferences_element_activate(4)" onmousedown="return false" style="display: block;"><img src="/images/9.6.0/preferences/preferences_protection_icon.png" alt="" class="icon" style="width: 12px; height: 15px">Protection</button><button
type="button" class="element" id="pref_menu_element_5" onmouseover="preferences_element_over(5)" onmouseout="preferences_element_out(5)" onclick="preferences_element_activate(5)" onmousedown="return false" style="display: block;"><img
src="/images/9.6.0/preferences/preferences_headerfooter_icon.png" alt="" class="icon" style="width: 12px; height: 15px">Header / footer</button><button type="button" class="element" id="pref_menu_element_6"
onmouseover="preferences_element_over(6)" onmouseout="preferences_element_out(6)" onclick="preferences_element_activate(6)" onmousedown="return false" style="display: block;"><img src="/images/9.6.0/preferences/preferences_excel_icon.png"
alt="" class="icon" style="width: 15px; height: 15px">Excel</button><button type="button" class="element" id="pref_menu_element_7" onmouseover="preferences_element_over(7)" onmouseout="preferences_element_out(7)"
onclick="preferences_element_activate(7)" onmousedown="return false" style="display: block;"><img src="/images/9.6.0/preferences/preferences_layout_icon.png" alt="" class="icon" style="width: 15px; height: 15px">Layout</button>
<div class="end"></div>
</div>
<div id="pref_element_1" class="pref_element">
<div class="pref_content">
<div class="only_big_screen"><img src="/images/9.6.0/info.png" alt="info" class="pref_info_icon">
<div class="pref_info_text">The following preferences affect the compression of all images/graphics. The file size depends on the quality and resolution values.<br>If you need a small file size, decrease the values.</div>
<div style="clear: left"></div>
</div>
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Quality of images</div>
<div class="option_desc">The lower the quality, the smaller is the file size.</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px;">
<div id="selectbox_6" class="customSelectBox" customselectboxindex="6" customselectboxrefid="selectbox_original_5" onclick="this.focus(); showSelectBoxContent(6, 'selectbox_original_5')" onmousedown="this.focus(); return false"
onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_6" class="value"><span class="text" style="">8 - Standard, optimal quality</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="quality" id="selectbox_original_5" style="display: none;">
<option value="10">1 - low quality</option>
<option value="20">2</option>
<option value="30">3</option>
<option value="40">4</option>
<option value="50">5 - medium quality</option>
<option value="60">6</option>
<option value="70">7</option>
<option value="80" selected="selected">8 - Standard, optimal quality</option>
<option value="90">9</option>
<option value="100">10 - high quality</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 210px; height: 70px; background-image: url('/images/9.6.0/preferences/compression_quality_icon_en.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
<hr class="line">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Resolution of images</div>
<div class="option_desc">The lower the resolution, the smaller is the file size.</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px;">
<div id="selectbox_7" class="customSelectBox" customselectboxindex="7" customselectboxrefid="selectbox_original_6" onclick="this.focus(); showSelectBoxContent(7, 'selectbox_original_6')" onmousedown="this.focus(); return false"
onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_7" class="value"><span class="text" style="">300 dpi (Standard, optimal resolution)</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="resolution" id="selectbox_original_6" style="display: none;">
<option value="25">25 dpi (lowest resolution)</option>
<option value="50">50 dpi</option>
<option value="72">72 dpi</option>
<option value="96">96 dpi (low resolution)</option>
<option value="120">120 dpi</option>
<option value="150">150 dpi (medium resolution)</option>
<option value="200">200 dpi</option>
<option value="250">250 dpi</option>
<option value="300" selected="selected">300 dpi (Standard, optimal resolution)</option>
<option value="600">600 dpi (high resolution)</option>
<option value="1200">1200 dpi (best resolution)</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 210px; height: 70px; background-image: url('/images/9.6.0/preferences/compression_resolution_icon_en.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
<hr class="line">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Color / black-and-white</div>
<div class="option_desc">Images in black-and-white reduce the file size additionally</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px;">
<div id="selectbox_8" class="customSelectBox" customselectboxindex="8" customselectboxrefid="selectbox_original_7" onclick="this.focus(); showSelectBoxContent(8, 'selectbox_original_7')" onmousedown="this.focus(); return false"
onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_8" class="value"><span class="text" style="">Color</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="color" id="selectbox_original_7" style="display: none;">
<option value="color">Color</option>
<option value="gray">Black-and-White (gray scale)</option>
<option value="monochrome" id="compression_monochrome">Black-and-White (monochrome)</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 210px; height: 70px; background-image: url('/images/9.6.0/preferences/compression_color-sw_icon.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
</div>
</div>
<div id="pref_element_2" class="pref_element">
<div class="pref_content">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Zoom setting on startup: </div>
<div class="option_desc">This can be changed in the PDF Reader additionally.</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px;">
<div id="selectbox_9" class="customSelectBox" customselectboxindex="9" customselectboxrefid="selectbox_original_8" onclick="this.focus(); showSelectBoxContent(9, 'selectbox_original_8')" onmousedown="this.focus(); return false"
onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_9" class="value"><span class="text" style="">Determine automatically</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="view_zoom" id="selectbox_original_8" style="display: none;">
<option value="auto" selected="selected">Determine automatically</option>
<option value="auto" disabled="disabled">---</option>
<option value="50">50%</option>
<option value="75">75%</option>
<option value="100">100% (Original size)</option>
<option value="125">125%</option>
<option value="150">150%</option>
<option value="200">200%</option>
<option value="auto" disabled="disabled">---</option>
<option value="fullwidth">Adjust to window size</option>
<option value="fullpage">Show full page</option>
<option value="auto" disabled="disabled">---</option>
<option value="default">Use the default settings of the PDF viewer</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 57px; height: 60px; background: url('/images/9.6.0/preferences/view_zoom_icon.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
<hr class="line">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Page view on startup: </div>
<div class="option_desc">This can be changed in the PDF Reader additionally.</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px;">
<div id="selectbox_10" class="customSelectBox" customselectboxindex="10" customselectboxrefid="selectbox_original_9" onclick="this.focus(); showSelectBoxContent(10, 'selectbox_original_9')" onmousedown="this.focus(); return false"
onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_10" class="value"><span class="text" style="">Determine automatically</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="view_layout" id="selectbox_original_9" style="display: none;">
<option value="auto" selected="selected">Determine automatically</option>
<option value="auto" disabled="disabled">---</option>
<option value="continuous">Continuous view (standard)</option>
<option value="single">Single-page-view</option>
<option value="two">Double-sided-view</option>
<option value="auto" disabled="disabled">---</option>
<option value="default">Use the default settings of the PDF viewer</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 275px; height: 55px; background: url('/images/9.6.0/preferences/view_layout_icon.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
<hr class="line">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Bookmarks / Navigation Window:</div>
<div class="option_desc">Do you want to display bookmarks/headings like a table of contents in the PDF?</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px;">
<div id="selectbox_11" class="customSelectBox" customselectboxindex="11" customselectboxrefid="selectbox_original_10" onclick="this.focus(); showSelectBoxContent(11, 'selectbox_original_10')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_11" class="value"><span class="text" style="">Hide bookmarks when opening the PDF</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="bookmarks" id="selectbox_original_10" style="display: none;">
<option value="show">Show bookmarks when opening the PDF</option>
<option value="hide" selected="selected">Hide bookmarks when opening the PDF</option>
<option value="remove">Remove bookmarks</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 86px; height: 60px; background: url('/images/9.6.0/preferences/view_bookmarks_icon.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
<hr class="line">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">PDF annotations & highlighting:</div>
<div class="option_desc">(only applied for PDF to PDF conversions)</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px;">
<div id="selectbox_12" class="customSelectBox" customselectboxindex="12" customselectboxrefid="selectbox_original_11" onclick="this.focus(); showSelectBoxContent(12, 'selectbox_original_11')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_12" class="value"><span class="text" style="">Retain</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="annoations" id="selectbox_original_11" style="display: none;">
<option value="show" selected="selected">Retain</option>
<option value="embed">Embed (not editable afterwards)</option>
<option value="remove">Remove</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 180px; height: 60px; background-image: url('/images/9.6.0/preferences/view_annotations_icon.png');"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
</div>
</div>
<div id="pref_element_3" class="pref_element">
<div class="pref_content">
<div class="only_big_screen"><img src="/images/9.6.0/info.png" alt="info" class="pref_info_icon">
<div class="pref_info_text" style="margin-top: 7px">The following preferences affect only conversions from image files (jpg, gif, png, bmp, tif)</div>
<div style="clear: left"></div>
</div>
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Page layout:</div>
<div class="option_desc">Size and orientation of the PDF page</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px 10px 7px 0px;">
<div id="selectbox_13" class="customSelectBox" customselectboxindex="13" customselectboxrefid="selectbox_original_12" onclick="this.focus(); showSelectBoxContent(13, 'selectbox_original_12')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_13" class="value"><span class="text" style="">A4</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="image_page_size" style="margin-bottom: 7px; margin-right: 10px; display: none;" onchange="preferences_image_page_size_changed()" id="selectbox_original_12">
<option value="image_size">Use original size of the image</option>
<option value="custom">User-defined</option>
<option value="a4" disabled="disabled">---</option>
<option value="a0">A0</option>
<option value="a1">A1</option>
<option value="a2">A2</option>
<option value="a3">A3</option>
<option value="a4" selected="selected">A4</option>
<option value="a5">A5</option>
<option value="a6">A6</option>
<option value="a7">A7</option>
<option value="a4" disabled="disabled">---</option>
<option value="letter">Letter</option>
<option value="legal">Legal</option>
<option value="tabloid">Tabloid / Ledger</option>
<option value="a4" disabled="disabled">---</option>
<option value="ansi_a">ANSI A</option>
<option value="ansi_b">ANSI B</option>
<option value="ansi_c">ANSI C</option>
<option value="ansi_d">ANSI D</option>
<option value="ansi_e">ANSI E</option>
<option value="a4" disabled="disabled">---</option>
<option value="arch_a">ARCH A</option>
<option value="arch_b">ARCH B</option>
<option value="arch_c">ARCH C</option>
<option value="arch_d">ARCH D</option>
<option value="arch_e">ARCH E</option>
<option value="a4" disabled="disabled">---</option>
<option value="b0">B0</option>
<option value="b1">B1</option>
<option value="b2">B2</option>
<option value="b3">B3</option>
<option value="b4">B4</option>
<option value="b5">B5</option>
<option value="b6">B6</option>
<option value="b7">B7</option>
<option value="a4" disabled="disabled">---</option>
<option value="c0">C0</option>
<option value="c1">C1</option>
<option value="c2">C2</option>
<option value="c3">C3</option>
<option value="c4">C4</option>
<option value="c5">C5</option>
<option value="c6">C6</option>
<option value="c7">C7</option>
</select>
<div id="image_page_size_custom_box" style="margin-bottom: 7px; display: none;"><input type="text" name="image_page_width" class="input_page_size" value="210" inputmode="numeric" onfocus="this.select()"><span
style="vertical-align: middle; margin: 0px 5px">x</span><input type="text" name="image_page_height" class="input_page_size" value="297" style="margin-right: 5px" inputmode="numeric" onfocus="this.select()">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; width: auto;">
<div id="selectbox_14" class="customSelectBox" customselectboxindex="14" customselectboxrefid="selectbox_original_13" onclick="this.focus(); showSelectBoxContent(14, 'selectbox_original_13')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_14" class="value"><span class="text" style="">mm</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="image_page_unit" style="width: auto; display: none;" id="selectbox_original_13">
<option value="mm">mm</option>
<option value="cm">cm</option>
<option value="inch">inch</option>
</select>
</div>
<div>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px;">
<div id="selectbox_15" class="customSelectBox" customselectboxindex="15" customselectboxrefid="selectbox_original_14" onclick="this.focus(); showSelectBoxContent(15, 'selectbox_original_14')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_15" class="value"><span class="text" style="">Automatic orientation (Standard)</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="image_page_orientation" id="selectbox_original_14" style="display: none;">
<option value="auto">Automatic orientation (Standard)</option>
<option value="portrait">Portrait</option>
<option value="landscape">Landscape</option>
</select>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 175px; height: 70px; background: url('/images/9.6.0/preferences/image_page_layout_icon.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
<hr class="line">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Images per page:</div>
<div class="option_desc">How many images should be displayed on a PDF page?</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 3px 0px;">
<div id="selectbox_16" class="customSelectBox" customselectboxindex="16" customselectboxrefid="selectbox_original_15" onclick="this.focus(); showSelectBoxContent(16, 'selectbox_original_15')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_16" class="value"><span class="text" style="">1 image per page</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="image_layout_mode" onchange="preferences_image_layout_mode_changed()" style="margin: 3px 0px; display: none;" id="selectbox_original_15">
<option value="1">1 image per page</option>
<option value="2">2 images per page</option>
<option value="3">3 images per page</option>
<option value="4">4 images per page</option>
<option value="6">6 images per page</option>
<option value="8">8 images per page</option>
<option value="9">9 images per page</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 213px; height: 70px; background: url('/images/9.6.0/preferences/image_layout_mode_icon.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
<div id="preferences_image_content_size_content" style="display: block; animation: 1s ease 0s 1 normal none running fadein;">
<hr class="line">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Image size:</div>
<div class="option_desc">How big should the image be displayed on the PDF page?</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px;">
<div id="selectbox_17" class="customSelectBox" customselectboxindex="17" customselectboxrefid="selectbox_original_16" onclick="this.focus(); showSelectBoxContent(17, 'selectbox_original_16')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_17" class="value"><span class="text" style="">Original size, if possible</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="image_content_size" onchange="preferences_image_content_size_changed()" id="selectbox_original_16" style="display: none;">
<option value="auto" selected="selected">Original size, if possible</option>
<option value="zoom_auto">Fit image to page automatically</option>
<option value="zoom_width">Fit image to page width</option>
<option value="zoom_height">Fit image to page height</option>
<option value="custom">User-defined size and position</option>
</select>
<div id="image_content_size_custom_box" style="margin-top: 7px; display: none;"><input type="text" name="image_content_size_custom" class="input_content_size" value="100" style="margin-right: 5px" inputmode="numeric"
onfocus="this.select()">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px 5px 0px 0px; width: auto;">
<div id="selectbox_18" class="customSelectBox" customselectboxindex="18" customselectboxrefid="selectbox_original_17" onclick="this.focus(); showSelectBoxContent(18, 'selectbox_original_17')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_18" class="value"><span class="text" style="">%</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="image_content_size_unit" style="margin-right: 5px; width: auto; display: none;" onchange="preferences_image_content_size_unit_changed()" id="selectbox_original_17">
<option value="%">%</option>
<option value="mm">mm</option>
<option value="cm">cm</option>
<option value="inch">inch</option>
</select><span id="image_content_size_unit_relative" style="display: inline-block; animation: 1s ease 0s 1 normal none running fadein;">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; width: auto;">
<div id="selectbox_19" class="customSelectBox" customselectboxindex="19" customselectboxrefid="selectbox_original_18" onclick="this.focus(); showSelectBoxContent(19, 'selectbox_original_18')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_19" class="value"><span class="text" style="">of the page width</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="image_content_size_unit_relative" style="width: auto; display: none;" id="selectbox_original_18">
<option value="width">of the page width</option>
<option value="height">of the page height</option>
<option value="original">of the original size</option>
</select>
</span><span id="image_content_size_unit_absolute" style="display: none;">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; width: auto;">
<div id="selectbox_20" class="customSelectBox" customselectboxindex="20" customselectboxrefid="selectbox_original_19" onclick="this.focus(); showSelectBoxContent(20, 'selectbox_original_19')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_20" class="value"><span class="text" style="">width</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="image_content_size_unit_absolute" style="width: auto; display: none;" id="selectbox_original_19">
<option value="width">width</option>
<option value="height">height</option>
</select>
</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 85px; height: 70px; background: url('/images/9.6.0/preferences/image_content_size_icon.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
</div>
<div id="preferences_image_content_position_content" style="display: none;">
<hr class="line">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Position:</div>
<div class="option_desc">How should the image be positioned?</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div>
<div style="display: inline-block; vertical-align: middle; min-width: 70px; margin: 4px 0px 4px 0px">Horizontal:</div>
<div style="display: inline-block; vertical-align: middle">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px 5px; width: 90px;">
<div id="selectbox_21" class="customSelectBox" customselectboxindex="21" customselectboxrefid="selectbox_original_20" onclick="this.focus(); showSelectBoxContent(21, 'selectbox_original_20')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: 90px;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_21" class="value"><span class="text" style="">Middle</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="image_content_position_horizontal" style="margin-left: 5px; margin-right: 5px; width: 90px; vertical-align: middle; display: none;" onchange="preferences_image_content_position_horizontal_changed()"
id="selectbox_original_20">
<option value="left">Left</option>
<option value="middle" selected="selected">Middle</option>
<option value="right">Right</option>
</select>
<div id="image_content_position_horizontal_options" style="display: none;"><input type="text" name="image_content_position_horizontal_offset" class="input_page_size" value="0" style="margin-right: 5px" inputmode="numeric"
onfocus="this.select()">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; width: auto;">
<div id="selectbox_22" class="customSelectBox" customselectboxindex="22" customselectboxrefid="selectbox_original_21" onclick="this.focus(); showSelectBoxContent(22, 'selectbox_original_21')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_22" class="value"><span class="text" style="">mm</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="image_content_position_horizontal_unit" style="width: auto; display: none;" id="selectbox_original_21">
<option value="mm">mm</option>
<option value="cm">cm</option>
<option value="inch">inch</option>
</select>
</div>
</div>
</div>
<div style="margin-top: 7px">
<div style="display: inline-block; vertical-align: middle; min-width: 70px; margin: 4px 0px 4px 0px">Vertical:</div>
<div style="display: inline-block; vertical-align: middle">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px 5px; width: 90px;">
<div id="selectbox_23" class="customSelectBox" customselectboxindex="23" customselectboxrefid="selectbox_original_22" onclick="this.focus(); showSelectBoxContent(23, 'selectbox_original_22')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: 90px;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_23" class="value"><span class="text" style="">Middle</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="image_content_position_vertical" style="margin-left: 5px; margin-right: 5px; width: 90px; display: none;" onchange="preferences_image_content_position_vertical_changed()" id="selectbox_original_22">
<option value="top">Top</option>
<option value="middle" selected="selected">Middle</option>
<option value="bottom">Bottom</option>
</select>
<div id="image_content_position_vertical_options" style="display: none;"><input type="text" name="image_content_position_vertical_offset" class="input_page_size" value="0" style="margin-right: 5px" inputmode="numeric"
onfocus="this.select()">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; width: auto;">
<div id="selectbox_24" class="customSelectBox" customselectboxindex="24" customselectboxrefid="selectbox_original_23" onclick="this.focus(); showSelectBoxContent(24, 'selectbox_original_23')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_24" class="value"><span class="text" style="">mm</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="image_content_position_vertical_unit" style="width: auto; display: none;" id="selectbox_original_23">
<option value="mm">mm</option>
<option value="cm">cm</option>
<option value="inch">inch</option>
</select>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 85px; height: 70px; background: url('/images/9.6.0/preferences/image_outer_margin_icon.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
</div>
<div id="preferences_image_outer_margin_content" style="display: block; animation: 1s ease 0s 1 normal none running fadein;">
<hr class="line">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Page margin:</div>
<div class="option_desc">How big should be the space between image and page margin (at least)?</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td><input type="text" name="image_outer_margin" class="input_page_size" value="0" style="margin-right: 5px" inputmode="numeric" onfocus="this.select()">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; width: auto;">
<div id="selectbox_25" class="customSelectBox" customselectboxindex="25" customselectboxrefid="selectbox_original_24" onclick="this.focus(); showSelectBoxContent(25, 'selectbox_original_24')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_25" class="value"><span class="text" style="">mm</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="image_outer_margin_unit" style="width: auto; display: none;" id="selectbox_original_24">
<option value="mm">mm</option>
<option value="cm">cm</option>
<option value="inch">inch</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 85px; height: 70px; background: url('/images/9.6.0/preferences/image_outer_margin_icon.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
</div>
<div id="preferences_image_inner_margin_content" style="display: none;">
<hr class="line">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Inner margin:</div>
<div class="option_desc">How big should be the space between the images?</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td><input type="text" name="image_inner_margin" class="input_page_size" value="5" style="margin-right: 5px" inputmode="numeric" onfocus="this.select()">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; width: auto;">
<div id="selectbox_26" class="customSelectBox" customselectboxindex="26" customselectboxrefid="selectbox_original_25" onclick="this.focus(); showSelectBoxContent(26, 'selectbox_original_25')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_26" class="value"><span class="text" style="">mm</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="image_inner_margin_unit" style="width: auto; display: none;" id="selectbox_original_25">
<option value="mm">mm</option>
<option value="cm">cm</option>
<option value="inch">inch</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 83px; height: 70px; background: url('/images/9.6.0/preferences/image_inner_margin_icon.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
</div>
<hr class="line">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Orientation of the images:</div>
<div class="option_desc">How should the image be rotated?</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px;">
<div id="selectbox_27" class="customSelectBox" customselectboxindex="27" customselectboxrefid="selectbox_original_26" onclick="this.focus(); showSelectBoxContent(27, 'selectbox_original_26')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_27" class="value"><span class="text" style="">Automatic orientation (regarding Exif metadata)</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="image_orientation" id="selectbox_original_26" style="display: none;">
<option value="original">Original orientation</option>
<option value="exif_metadata" selected="selected">Automatic orientation (regarding Exif metadata)</option>
<option value="original" disabled="disabled">---</option>
<option value="90">Rotate to the right (90°)</option>
<option value="180">Turn upside down (180°)</option>
<option value="-90">Rotate to the left (-90°)</option>
<option value="original" disabled="disabled">---</option>
<option value="landscape_right">Landscape, if required by rotation to the right</option>
<option value="landscape_left">Landscape, if required by rotation to the left</option>
<option value="original" disabled="disabled">---</option>
<option value="portrait_right">Portrait, if required by rotation to the right</option>
<option value="portrait_left">Portrait, if required by rotation to the left</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 85px; height: 70px; background: url('/images/9.6.0/preferences/image_rotation_icon.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
</div>
</div>
<div id="pref_element_4" class="pref_element">
<div class="pref_content">
<div class="option_text" style="height: auto">
<div class="option_title">Security options:</div>
<div class="option_desc">Printing, editing and/or copying of PDF pages can be locked separately.<br>Additionally, a password can be set to prevent opening of the PDF file by everyone.</div>
</div>
<div class="option_value" style="height: auto">
<div class="sec_option"><input type="checkbox" name="sec_read" id="sec_read" value="1" onclick="pw_input()" style="vertical-align: middle"><label for="sec_read" style="padding-left: 3px; vertical-align: middle">Create password for opening
</label></div>
<div id="span_pw_input" style="display: none; margin: 3px 0px 0px 20px"><span style="vertical-align: middle; font-weight: bold; padding-right: 7px">Password:</span><input type="password" name="sec_pw" class="input_password"></div>
<div class="sec_option"><input type="checkbox" name="sec_print" id="sec_print" value="1" style="vertical-align: middle"><label for="sec_print" style="padding-left: 3px; vertical-align: middle">Lock printing</label></div>
<div class="sec_option"><input type="checkbox" name="sec_copy" id="sec_copy" value="1" style="vertical-align: middle"><label for="sec_copy" style="padding-left: 3px; vertical-align: middle">Lock copying</label></div>
<div class="sec_option"><input type="checkbox" name="sec_modify" id="sec_modify" value="1" style="vertical-align: middle"><label for="sec_modify" style="padding-left: 3px; vertical-align: middle">Lock modifying</label></div>
</div>
<div class="option_icon big_icon" style="height: auto; margin-bottom: 5px;">
<div class="img" style="width: 110px; height: 110px; background: url('/images/9.6.0/preferences/protection.png')"></div>
</div>
<div style="clear: left"></div>
</div>
</div>
<div id="pref_element_5" class="pref_element">
<div class="pref_content pref_header_footer">
<div class="only_big_screen" style="line-height: 1.4em; margin-bottom: 10px">In this section you can define a header and footer. These are displayed on the top/bottom of each PDF page.<br> In addition to your own text, you can use a page
numbering with the placeholders below. By clicking on a text field, a template box is displayed. The placeholders are replaced by the according page number automatically while converting the file to PDF.</div>
<div style="float: left">
<div style="margin-top: 10px">
<div class="option_title">Header:</div>
</div>
<div class="header_footer_box"><span class="header_footer_desc">Left:</span>
<div class="header_footer_container"><input type="text" name="header[]" onfocus="display_page_numbering(this)" onblur="hide_page_numbering()" maxlength="255" class="input_headerfooter"></div>
</div>
<div class="header_footer_box"><span class="header_footer_desc">Middle:</span>
<div class="header_footer_container"><input type="text" name="header[]" onfocus="display_page_numbering(this)" onblur="hide_page_numbering()" maxlength="255" class="input_headerfooter"></div>
</div>
<div class="header_footer_box" style="margin-right: 0px"><span class="header_footer_desc">Right:</span>
<div class="header_footer_container"><input type="text" name="header[]" onfocus="display_page_numbering(this)" onblur="hide_page_numbering()" maxlength="255" class="input_headerfooter"></div>
</div>
<div style="clear: both"></div>
<div style="margin-top: 20px;">
<div class="option_title">Footer:</div>
</div>
<div class="header_footer_box"><span class="header_footer_desc">Left:</span>
<div class="header_footer_container"><input type="text" name="footer[]" onfocus="display_page_numbering(this)" onblur="hide_page_numbering()" maxlength="255" class="input_headerfooter"></div>
</div>
<div class="header_footer_box"><span class="header_footer_desc">Middle:</span>
<div class="header_footer_container"><input type="text" name="footer[]" onfocus="display_page_numbering(this)" onblur="hide_page_numbering()" maxlength="255" class="input_headerfooter"></div>
</div>
<div class="header_footer_box" style="margin-right: 0px"><span class="header_footer_desc">Right:</span>
<div class="header_footer_container"><input type="text" name="footer[]" onfocus="display_page_numbering(this)" onblur="hide_page_numbering()" maxlength="255" class="input_headerfooter"></div>
</div>
<div style="clear: both;"></div>
<div style="margin-top: 30px; border: 1px solid #AAAAAA; background-color: #EEEEEE; padding: 10px; margin-bottom: 10px; border-radius: 5px"><b>Placeholders for the page numbering:</b><br>
<div style="line-height: 1.5em"><span style="display: inline-block; padding-top: 5px">Current page number with <b>(x)</b>, Number of pages with <b>(y)</b></span><span
style="color: #880000; display: inline-block; padding: 5px 0px 5px 20px"><b>Example: </b>Page (x) of (y)</span></div>
<div style="margin-top: 5px;"><span class="page_numbering_start_value_desc">Initial value for page numbering:</span> <input type="text" name="page_numbering_start_value" value="1" maxlength="4" class="input_numbering_start_value"></div>
</div>
<div style="margin-top: 15px; border: 1px solid #AAAAAA; background-color: #EEEEEE; padding: 10px; margin-bottom: 10px; border-radius: 5px"><b>Placeholder for the file name:</b><br>
<div style="margin-top: 5px; line-height: 1.5em">
<div style="display: inline-block; margin-right: 20px">Filename (without extension) with <b>(file)</b>, </div>
<div style="display: inline-block">Filename (+ extension) with <b>(file).(ext)</b></div>
</div>
</div>
<div style="margin-top: 15px; border: 1px solid #AAAAAA; background-color: #EEEEEE; padding: 5px 10px; margin-bottom: 10px; border-radius: 5px">
<div style="float: left; margin-right: 20px; padding: 5px 0px">
<div style="margin-bottom: 5px"><b>Font size:</b></div>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; min-width: 70px;">
<div id="selectbox_28" class="customSelectBox" customselectboxindex="28" customselectboxrefid="selectbox_original_27" onclick="this.focus(); showSelectBoxContent(28, 'selectbox_original_27')" onmousedown="this.focus(); return false"
onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_28" class="value"><span class="text" style="">10</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="header_footer_size" style="min-width: 70px; display: none;" id="selectbox_original_27">
<option value="8">8</option>
<option value="9">9</option>
<option value="10" selected="selected">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="14">14</option>
<option value="16">16</option>
<option value="18">18</option>
</select>
</div>
<div style="float: left; margin-right: 20px; padding: 5px 0px">
<div style="margin-bottom: 5px"><b>Font family:</b></div>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; min-width: 170px;">
<div id="selectbox_29" class="customSelectBox" customselectboxindex="29" customselectboxrefid="selectbox_original_28" onclick="this.focus(); showSelectBoxContent(29, 'selectbox_original_28')" onmousedown="this.focus(); return false"
onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_29" class="value"><span class="text" style="font-family: arial;">Arial</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="header_footer_fontfamily" style="min-width: 170px; display: none;" id="selectbox_original_28">
<option value="arial" customselectboxfontfamily="arial">Arial</option>
<option value="arial_bold" customselectboxfontfamily="arial" customselectboxfontweight="bold">Arial (Bold)</option>
<option value="calibri" customselectboxfontfamily="calibri">Calibri</option>
<option value="calibri_bold" customselectboxfontfamily="calibri" customselectboxfontweight="bold">Calibri (Bold)</option>
<option value="courier" customselectboxfontfamily="courier">Courier</option>
<option value="courier_bold" customselectboxfontfamily="courier" customselectboxfontweight="bold">Courier (Bold)</option>
<option value="times_new_roman" customselectboxfontfamily="Times New Roman">Times New Roman</option>
<option value="times_new_roman_bold" customselectboxfontfamily="Times New Roman" customselectboxfontweight="bold">Times New Roman (Bold)</option>
</select>
</div>
<div style="float: left; margin-right: 20px; padding: 5px 0px">
<div style="margin-bottom: 5px"><b>Color:</b></div>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; min-width: 170px;">
<div id="selectbox_30" class="customSelectBox" customselectboxindex="30" customselectboxrefid="selectbox_original_29" onclick="this.focus(); showSelectBoxContent(30, 'selectbox_original_29')" onmousedown="this.focus(); return false"
onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_30" class="value">
<div style="height: 16px; width: 16px; border: 1px solid #CCCCCC; margin-right: 10px; vertical-align: middle; display: inline-block; background-color: #000000"></div><span class="text" style="">Black</span>
</div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="header_footer_color" style="min-width: 170px; display: none;" id="selectbox_original_29">
<option value="#000000" customselectboxiconcolor="#000000">Black</option>
<option value="#333333" customselectboxiconcolor="#333333">Dark grey</option>
<option value="#777777" customselectboxiconcolor="#777777">Medium grey</option>
<option value="#AAAAAA" customselectboxiconcolor="#AAAAAA">Light grey</option>
<option value="#FFFFFF" customselectboxiconcolor="#FFFFFF">White</option>
<option value="#0000AA" customselectboxiconcolor="#0000AA">Blue</option>
<option value="#AA0000" customselectboxiconcolor="#AA0000">Red</option>
<option value="#00AA00" customselectboxiconcolor="#00AA00">Green</option>
</select>
</div>
<div style="float: left; padding: 5px 0px">
<div style="margin-bottom: 5px"><b>Beginning on:</b></div><span style="display: inline-block; vertical-align: middle; margin-right: 5px">Page</span><input type="text" name="header_footer_page_start" value="1" maxlength="4"
class="input_numbering_start_value">
</div>
<div style="clear: both"></div>
</div>
<div style="margin-top: 15px; border: 1px solid #AAAAAA; background-color: #EEEEEE; padding: 5px 10px; margin-bottom: 10px; border-radius: 5px">
<div style="float: left; margin-right: 40px; padding: 5px 0px">
<div style="margin-bottom: 5px"><b>Margin top and bottom:</b></div>
<table class="vertical_middle">
<tbody>
<tr>
<td><input type="text" name="header_footer_margin_topbottom" class="input_page_size" value="10" style="margin-right: 5px" inputmode="numeric" onfocus="this.select()">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; width: auto;">
<div id="selectbox_31" class="customSelectBox" customselectboxindex="31" customselectboxrefid="selectbox_original_30" onclick="this.focus(); showSelectBoxContent(31, 'selectbox_original_30')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_31" class="value"><span class="text" style="">mm</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="header_footer_margin_topbottom_unit" style="width: auto; display: none;" id="selectbox_original_30">
<option value="mm">mm</option>
<option value="cm">cm</option>
<option value="inch">inch</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div style="float: left; margin-right: 40px; padding: 5px 0px">
<div style="margin-bottom: 5px"><b>Margin left and right:</b></div>
<table class="vertical_middle">
<tbody>
<tr>
<td><input type="text" name="header_footer_margin_leftright" class="input_page_size" value="10" style="margin-right: 5px" inputmode="numeric" onfocus="this.select()">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; width: auto;">
<div id="selectbox_32" class="customSelectBox" customselectboxindex="32" customselectboxrefid="selectbox_original_31" onclick="this.focus(); showSelectBoxContent(32, 'selectbox_original_31')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_32" class="value"><span class="text" style="">mm</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="header_footer_margin_leftright_unit" style="width: auto; display: none;" id="selectbox_original_31">
<option value="mm">mm</option>
<option value="cm">cm</option>
<option value="inch">inch</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: both"></div>
</div>
</div>
<div class="overlap_edges_box">
<div class="overlap_edges_title">
<table style="margin: auto">
<tbody>
<tr>
<td><input type="checkbox" name="overlap_edges" id="overlap_edges" onchange="overlap_edges_changed(this)" onclick="overlap_edges_changed(this)" value="1"></td>
<td style="padding: 2px 0px 0px 3px"><label for="overlap_edges"><span style="font-weight: bold; display: block">Cover margins with white color</span><span style="margin-top: 4px; display: block">(for better readability or to overlap
already existing text in this area)</span></label></td>
</tr>
</tbody>
</table>
</div>
<div class="overlap_edges_options only_big_screen" id="overlap_edges_options">
<div class="overlap_edge" style="width: 210px; text-align: center">top: <input type="text" name="overlap_edge_top" class="overlap_edge_input" value="15" maxlength="2"> mm</div>
<div style="float: left; margin-top: 50px" class="overlap_edge">
<div style="margin-bottom: 3px">Left:</div><input type="text" name="overlap_edge_left" class="overlap_edge_input" value="0" maxlength="2"> mm
</div>
<div class="img" style="width: 120px; height: 150px; background: url('/images/9.6.0/preferences/header_footer_en.png'); float: left"></div>
<div style="float: left; margin-top: 50px" class="overlap_edge">
<div style="margin-bottom: 3px">Right:</div><input type="text" name="overlap_edge_right" class="overlap_edge_input" value="0" maxlength="2"> mm
</div>
<div style="clear: both;"></div>
<div class="overlap_edge" style="width: 210px; text-align: center">bottom: <input type="text" name="overlap_edge_bottom" class="overlap_edge_input" value="15" maxlength="2"> mm</div>
</div>
</div>
<div style="clear: both"></div>
</div>
</div>
<div id="pref_element_6" class="pref_element">
<div class="pref_content">
<div class="only_big_screen"><img src="/images/9.6.0/info.png" alt="info" class="pref_info_icon">
<div class="pref_info_text" style="margin-top: 7px">These settings affect the conversion from Excel to PDF and from PDF to Excel.</div>
<div style="clear: left"></div>
</div>
<div class="option_text option_excel">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Decimal separator</div>
<div class="option_desc">determines the formatting of decimal numbers</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value option_excel">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px;">
<div id="selectbox_33" class="customSelectBox" customselectboxindex="33" customselectboxrefid="selectbox_original_32" onclick="this.focus(); showSelectBoxContent(33, 'selectbox_original_32')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_33" class="value"><span class="text" style="">Point (.)</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="decimal_separator" id="selectbox_original_32" style="display: none;">
<option value="comma">Comma (,)</option>
<option value="point" selected="selected">Point (.)</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon option_excel">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 270px; height: 86px; background: url('/images/9.6.0/preferences/excel_decimal_separator_icon.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
<hr class="line">
<div class="option_text option_excel">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Language</div>
<div class="option_desc">for the date formatting</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value option_excel">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px;">
<div id="selectbox_34" class="customSelectBox" customselectboxindex="34" customselectboxrefid="selectbox_original_33" onclick="this.focus(); showSelectBoxContent(34, 'selectbox_original_33')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_34" class="value"><span class="text" style="">---</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="conversion_language" id="selectbox_original_33" style="display: none;">
<option value="de">---</option>
<option value="de">German</option>
<option value="en-gb">English (UK)</option>
<option value="en-us">English (US)</option>
<option value="fr">French</option>
<option value="es">Spanish</option>
<option value="it">Italian</option>
<option value="pt">Portuguese</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon option_excel">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 265px; height: 86px; background: url('/images/9.6.0/preferences/excel_language_icon.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
</div>
</div>
<div id="pref_element_7" class="pref_element">
<div class="pref_content">
<div class="only_big_screen"><img src="/images/9.6.0/info.png" alt="info" class="pref_info_icon">
<div class="pref_info_text" style="margin-top: 7px">Define a new PDF layout (e.g. multiple pages per sheet) or change an existing layout (e.g from A3 to A4).</div>
<div style="clear: left"></div>
</div>
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">PDF page layout:</div>
<div class="option_desc">Format, size, pages per sheet...</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div style="margin-bottom: 7px;">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px;">
<div id="selectbox_35" class="customSelectBox" customselectboxindex="35" customselectboxrefid="selectbox_original_34" onclick="this.focus(); showSelectBoxContent(35, 'selectbox_original_34')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_35" class="value"><span class="text" style="">Original layout</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_mode_group" onchange="preferences_layout_mode_changed()" id="selectbox_original_34" style="display: none;">
<option value="0">Original layout</option>
<option value="1">Custom layout</option>
<option value="0" disabled="disabled">---</option>
<option value="multiple_pages_per_sheet">Multiple pages per sheet</option>
<option value="booklet">Booklet (in order to bind a book)</option>
<option value="cut_pages">Split multi-page layout</option>
</select>
</div>
<div id="preferences_layout_mode_multiple_pages_per_sheet" style="display: none;">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; width: auto;">
<div id="selectbox_36" class="customSelectBox" customselectboxindex="36" customselectboxrefid="selectbox_original_35" onclick="this.focus(); showSelectBoxContent(36, 'selectbox_original_35')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_36" class="value"><span class="text" style="">2 pages per sheet</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_mode_multiple_pages_per_sheet" onchange="preferences_layout_mode_changed()" style="width: auto; display: none;" id="selectbox_original_35">
<option value="2">2 pages per sheet</option>
<option value="3">3 pages per sheet</option>
<option value="4">4 pages per sheet</option>
<option value="6">6 pages per sheet</option>
<option value="8">8 pages per sheet</option>
<option value="9">9 pages per sheet</option>
</select>
</div>
<div id="preferences_layout_mode_booklet" style="display: none;">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; width: auto;">
<div id="selectbox_37" class="customSelectBox" customselectboxindex="37" customselectboxrefid="selectbox_original_36" onclick="this.focus(); showSelectBoxContent(37, 'selectbox_original_36')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_37" class="value"><span class="text" style="">Printed on the left and right</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_mode_booklet" onchange="preferences_layout_mode_changed()" style="width: auto; display: none;" id="selectbox_original_36">
<option value="booklet_left_right">Printed on the left and right</option>
<option value="booklet_right">Printed on the right only</option>
</select>
</div>
<div id="preferences_layout_mode_cut_pages" style="display: none;">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px;">
<div id="selectbox_38" class="customSelectBox" customselectboxindex="38" customselectboxrefid="selectbox_original_37" onclick="this.focus(); showSelectBoxContent(38, 'selectbox_original_37')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_38" class="value"><span class="text" style="">Cut each page into 2 parts</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_mode_cut_pages" onchange="preferences_layout_mode_changed()" id="selectbox_original_37" style="display: none;">
<option value="-2">Cut each page into 2 parts</option>
<option value="-3">Cut each page into 3 parts</option>
<option value="-4">Cut each page into 4 parts</option>
<option value="-6">Cut each page into 6 parts</option>
<option value="-8">Cut each page into 8 parts</option>
<option value="-9">Cut each page into 9 parts</option>
</select>
</div>
<div style="margin-top: 5px; margin-left: 10px; display: none;" id="preferences_layout_border"><input type="checkbox" name="layout_border" value="1" id="layout_border_checkbox" checked="checked" style="vertical-align: middle"
onchange="preferences_layout_mode_changed()"><label for="layout_border_checkbox" style="vertical-align: middle; padding-left: 3px">with border</label></div><input type="hidden" name="layout_mode" value="0">
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" id="preferences_layout_mode_multiple_pages_image" style="width: 213px; height: 70px; display: none;"></div>
<div class="img" id="preferences_layout_mode_booklet_split_image" style="width: 213px; height: 70px; background: url("/images/9.6.0/preferences/layout_direction_booklet.png"); display: none;"></div>
<div class="img" id="preferences_layout_mode_image"
style="width: 213px; height: 70px; background: url("/images/9.6.0/preferences/layout_mode_icon.png"); display: block; animation: 1s ease 0s 1 normal none running fadein;"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
<div id="preferences_layout_printer_mode" style="display: none;">
<hr class="line">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Printer settings:</div>
<div class="option_desc">Print mode / paper feed</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px;">
<div id="selectbox_39" class="customSelectBox" customselectboxindex="39" customselectboxrefid="selectbox_original_38" onclick="this.focus(); showSelectBoxContent(39, 'selectbox_original_38')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_39" class="value"><span class="text" style="">Duplex-Printer - flip on long edge</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_printer_mode" onchange="preferences_layout_printer_mode_changed()" id="selectbox_original_38" style="display: none;">
<option value="duplex">Duplex-Printer - flip on long edge</option>
<option value="duplex_short_edge">Duplex-Printer - flip on short edge</option>
<option value="paperfeed_front">No Duplex-Printer - with paper feed on the front</option>
<option value="paperfeed_back">No Duplex-Printer - with paper feed on the back</option>
</select>
</div>
<div style="margin-top: 10px">Please read the <a href="/features#page_layout_booklet" style="margin-left: 5px" target="_blank"><img src="/images/9.6.0/help.png" alt="help" style="padding-right: 5px">Printing guide</a>.</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div id="preferences_layout_printer_mode_img" class="img"
style="width: 280px; height: 70px; background: url("/images/9.6.0/preferences/layout_printer_mode.png"); display: block; animation: 1s ease 0s 1 normal none running fadein;"></div>
<div id="preferences_layout_printer_mode_paperfeed_front_img" class="img" style="width: 76px; height: 70px; background: url("/images/9.6.0/preferences/layout_printer_mode_paperfeed_front_icon.png"); display: none;">
</div>
<div id="preferences_layout_printer_mode_paperfeed_back_img" class="img" style="width: 76px; height: 70px; background: url("/images/9.6.0/preferences/layout_printer_mode_paperfeed_back_icon.png"); display: none;"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
</div>
<div id="preferences_layout_direction_content" style="display: none;">
<hr class="line">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Reading direction:</div>
<div class="option_desc">
<div id="preferences_layout_direction_desc_1" style="display: none;">In which direction should the pages be arranged?</div>
<div id="preferences_layout_direction_desc_2" style="display: none;">How are the pages arranged?</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td><span id="preferences_layout_direction_mode_1">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px 10px 7px 0px;">
<div id="selectbox_40" class="customSelectBox" customselectboxindex="40" customselectboxrefid="selectbox_original_39" onclick="this.focus(); showSelectBoxContent(40, 'selectbox_original_39')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_40" class="value"><span class="text" style="">Row by row</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_direction_mode_1" onchange="preferences_layout_direction_changed(true)" style="margin-bottom: 7px; margin-right: 10px; display: none;" id="selectbox_original_39">
<option value="row">Row by row</option>
<option value="column">Column by column</option>
</select>
</span><span id="preferences_layout_direction_mode_2">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px 10px 7px 0px;">
<div id="selectbox_41" class="customSelectBox" customselectboxindex="41" customselectboxrefid="selectbox_original_40" onclick="this.focus(); showSelectBoxContent(41, 'selectbox_original_40')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_41" class="value"><span class="text" style="">Consecutive</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_direction_mode_2" onchange="preferences_layout_direction_changed(false)" style="margin-bottom: 7px; margin-right: 10px; display: none;" id="selectbox_original_40">
<option value="continuous">Consecutive</option>
<option value="booklet">Booklet layout (disassembled)</option>
</select>
</span><span id="preferences_layout_direction_x">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px 0px 7px;">
<div id="selectbox_42" class="customSelectBox" customselectboxindex="42" customselectboxrefid="selectbox_original_41" onclick="this.focus(); showSelectBoxContent(42, 'selectbox_original_41')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_42" class="value"><span class="text" style="">Left to right</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_direction_x" onchange="preferences_layout_direction_changed(true)" style="margin-bottom: 7px; display: none;" id="selectbox_original_41">
<option value="left_right">Left to right</option>
<option value="right_left">Right to left</option>
</select>
</span><input type="hidden" name="layout_direction_mode"></td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" id="preferences_layout_direction_image" style="width: 213px; height: 70px;"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
</div>
<div id="preferences_layout_page_content" style="display: none;">
<hr class="line">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Page layout:</div>
<div class="option_desc">Size and orientation of the PDF page</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px 10px 7px 0px;">
<div id="selectbox_43" class="customSelectBox" customselectboxindex="43" customselectboxrefid="selectbox_original_42" onclick="this.focus(); showSelectBoxContent(43, 'selectbox_original_42')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_43" class="value"><span class="text" style="">A4</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_page_size" style="margin-bottom: 7px; margin-right: 10px; display: none;" onchange="preferences_layout_page_size_changed()" id="selectbox_original_42">
<option value="original_size">Original size</option>
<option value="custom">User-defined</option>
<option value="a4" disabled="disabled">---</option>
<option value="a0">A0</option>
<option value="a1">A1</option>
<option value="a2">A2</option>
<option value="a3">A3</option>
<option value="a4" selected="selected">A4</option>
<option value="a5">A5</option>
<option value="a6">A6</option>
<option value="a7">A7</option>
<option value="a4" disabled="disabled">---</option>
<option value="letter">Letter</option>
<option value="legal">Legal</option>
<option value="tabloid">Tabloid / Ledger</option>
<option value="a4" disabled="disabled">---</option>
<option value="ansi_a">ANSI A</option>
<option value="ansi_b">ANSI B</option>
<option value="ansi_c">ANSI C</option>
<option value="ansi_d">ANSI D</option>
<option value="ansi_e">ANSI E</option>
<option value="a4" disabled="disabled">---</option>
<option value="arch_a">ARCH A</option>
<option value="arch_b">ARCH B</option>
<option value="arch_c">ARCH C</option>
<option value="arch_d">ARCH D</option>
<option value="arch_e">ARCH E</option>
<option value="a4" disabled="disabled">---</option>
<option value="b0">B0</option>
<option value="b1">B1</option>
<option value="b2">B2</option>
<option value="b3">B3</option>
<option value="b4">B4</option>
<option value="b5">B5</option>
<option value="b6">B6</option>
<option value="b7">B7</option>
<option value="a4" disabled="disabled">---</option>
<option value="c0">C0</option>
<option value="c1">C1</option>
<option value="c2">C2</option>
<option value="c3">C3</option>
<option value="c4">C4</option>
<option value="c5">C5</option>
<option value="c6">C6</option>
<option value="c7">C7</option>
</select>
<div id="layout_page_size_custom_box" style="margin-bottom: 7px; display: none;"><input type="text" name="layout_page_width" class="input_page_size" value="210" inputmode="numeric" onfocus="this.select()"><span
style="vertical-align: middle; margin: 0px 5px">x</span><input type="text" name="layout_page_height" class="input_page_size" value="297" style="margin-right: 5px" inputmode="numeric" onfocus="this.select()">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; width: auto;">
<div id="selectbox_44" class="customSelectBox" customselectboxindex="44" customselectboxrefid="selectbox_original_43" onclick="this.focus(); showSelectBoxContent(44, 'selectbox_original_43')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_44" class="value"><span class="text" style="">mm</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_page_unit" style="width: auto; display: none;" id="selectbox_original_43">
<option value="mm">mm</option>
<option value="cm">cm</option>
<option value="inch">inch</option>
</select>
</div>
<div>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px;">
<div id="selectbox_45" class="customSelectBox" customselectboxindex="45" customselectboxrefid="selectbox_original_44" onclick="this.focus(); showSelectBoxContent(45, 'selectbox_original_44')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_45" class="value"><span class="text" style="">Automatic orientation (Standard)</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_page_orientation" id="selectbox_original_44" style="display: none;">
<option value="auto">Automatic orientation (Standard)</option>
<option value="portrait">Portrait</option>
<option value="landscape">Landscape</option>
</select>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 175px; height: 70px; background: url('/images/9.6.0/preferences/image_page_layout_icon.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
</div>
<div id="preferences_layout_content_size_content" style="display: none;">
<hr class="line">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Content size:</div>
<div class="option_desc">How big should the content be displayed?</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px;">
<div id="selectbox_46" class="customSelectBox" customselectboxindex="46" customselectboxrefid="selectbox_original_45" onclick="this.focus(); showSelectBoxContent(46, 'selectbox_original_45')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_46" class="value"><span class="text" style="">Original size, if possible</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_content_size" onchange="preferences_layout_content_size_changed()" id="selectbox_original_45" style="display: none;">
<option value="auto" selected="selected">Original size, if possible</option>
<option value="zoom_auto">Fit content to page automatically</option>
<option value="zoom_width">Fit content to page width</option>
<option value="zoom_height">Fit content to page height</option>
<option value="custom">User-defined size and position</option>
</select>
<div id="layout_content_size_custom_box" style="margin-top: 7px; display: none;"><input type="text" name="layout_content_size_custom" class="input_content_size" value="100" style="margin-right: 5px" inputmode="numeric"
onfocus="this.select()">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px 5px 0px 0px; width: auto;">
<div id="selectbox_47" class="customSelectBox" customselectboxindex="47" customselectboxrefid="selectbox_original_46" onclick="this.focus(); showSelectBoxContent(47, 'selectbox_original_46')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_47" class="value"><span class="text" style="">%</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_content_size_unit" style="margin-right: 5px; width: auto; display: none;" onchange="preferences_layout_content_size_unit_changed()" id="selectbox_original_46">
<option value="%">%</option>
<option value="mm">mm</option>
<option value="cm">cm</option>
<option value="inch">inch</option>
</select><span id="layout_content_size_unit_relative" style="display: inline-block; animation: 1s ease 0s 1 normal none running fadein;">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; width: auto;">
<div id="selectbox_48" class="customSelectBox" customselectboxindex="48" customselectboxrefid="selectbox_original_47" onclick="this.focus(); showSelectBoxContent(48, 'selectbox_original_47')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_48" class="value"><span class="text" style="">of the page width</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_content_size_unit_relative" style="width: auto; display: none;" id="selectbox_original_47">
<option value="width">of the page width</option>
<option value="height">of the page height</option>
<option value="original">of the original size</option>
</select>
</span><span id="layout_content_size_unit_absolute" style="display: none;">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; width: auto;">
<div id="selectbox_49" class="customSelectBox" customselectboxindex="49" customselectboxrefid="selectbox_original_48" onclick="this.focus(); showSelectBoxContent(49, 'selectbox_original_48')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_49" class="value"><span class="text" style="">width</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_content_size_unit_absolute" style="width: auto; display: none;" id="selectbox_original_48">
<option value="width">width</option>
<option value="height">height</option>
</select>
</span>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 85px; height: 70px; background: url('/images/9.6.0/preferences/layout_content_size_icon.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
</div>
<div id="preferences_layout_content_position_content" style="display: none;">
<hr class="line">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Position:</div>
<div class="option_desc">How should the content be positioned?</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div>
<div style="display: inline-block; vertical-align: middle; min-width: 70px; margin: 4px 0px 4px 0px">Horizontal:</div>
<div style="display: inline-block; vertical-align: middle">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px 5px; width: 90px;">
<div id="selectbox_50" class="customSelectBox" customselectboxindex="50" customselectboxrefid="selectbox_original_49" onclick="this.focus(); showSelectBoxContent(50, 'selectbox_original_49')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: 90px;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_50" class="value"><span class="text" style="">Middle</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_content_position_horizontal" style="margin-left: 5px; margin-right: 5px; width: 90px; vertical-align: middle; display: none;" onchange="preferences_layout_content_position_horizontal_changed()"
id="selectbox_original_49">
<option value="left">Left</option>
<option value="middle" selected="selected">Middle</option>
<option value="right">Right</option>
</select>
<div id="layout_content_position_horizontal_options" style="display: none;"><input type="text" name="layout_content_position_horizontal_offset" class="input_page_size" value="0" style="margin-right: 5px" inputmode="numeric"
onfocus="this.select()">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; width: auto;">
<div id="selectbox_51" class="customSelectBox" customselectboxindex="51" customselectboxrefid="selectbox_original_50" onclick="this.focus(); showSelectBoxContent(51, 'selectbox_original_50')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_51" class="value"><span class="text" style="">mm</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_content_position_horizontal_unit" style="width: auto; display: none;" id="selectbox_original_50">
<option value="mm">mm</option>
<option value="cm">cm</option>
<option value="inch">inch</option>
</select>
</div>
</div>
</div>
<div style="margin-top: 7px">
<div style="display: inline-block; vertical-align: middle; min-width: 70px; margin: 4px 0px 4px 0px">Vertical:</div>
<div style="display: inline-block; vertical-align: middle">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px 5px; width: 90px;">
<div id="selectbox_52" class="customSelectBox" customselectboxindex="52" customselectboxrefid="selectbox_original_51" onclick="this.focus(); showSelectBoxContent(52, 'selectbox_original_51')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: 90px;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; ">
<div id="selectbox_text_52" class="value"><span class="text" style="">Middle</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_content_position_vertical" style="margin-left: 5px; margin-right: 5px; width: 90px; display: none;" onchange="preferences_layout_content_position_vertical_changed()" id="selectbox_original_51">
<option value="top">Top</option>
<option value="middle" selected="selected">Middle</option>
<option value="bottom">Bottom</option>
</select>
<div id="layout_content_position_vertical_options" style="display: none;"><input type="text" name="layout_content_position_vertical_offset" class="input_page_size" value="0" style="margin-right: 5px" inputmode="numeric"
onfocus="this.select()">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; width: auto;">
<div id="selectbox_53" class="customSelectBox" customselectboxindex="53" customselectboxrefid="selectbox_original_52" onclick="this.focus(); showSelectBoxContent(53, 'selectbox_original_52')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_53" class="value"><span class="text" style="">mm</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_content_position_vertical_unit" style="width: auto; display: none;" id="selectbox_original_52">
<option value="mm">mm</option>
<option value="cm">cm</option>
<option value="inch">inch</option>
</select>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 85px; height: 70px; background: url('/images/9.6.0/preferences/layout_outer_margin_icon.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
</div>
<div id="preferences_layout_outer_margin_content" style="display: none;">
<hr class="line">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Outer margin:</div>
<div class="option_desc">The space between content and page margin <span id="preferences_layout_outer_margin_info" style="display: none;">in the original file</span></div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td><input type="text" name="layout_outer_margin" class="input_page_size" value="0" style="margin-right: 5px" inputmode="numeric" onfocus="this.select()">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; width: auto;">
<div id="selectbox_54" class="customSelectBox" customselectboxindex="54" customselectboxrefid="selectbox_original_53" onclick="this.focus(); showSelectBoxContent(54, 'selectbox_original_53')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_54" class="value"><span class="text" style="">mm</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_outer_margin_unit" style="width: auto; display: none;" id="selectbox_original_53">
<option value="mm">mm</option>
<option value="cm">cm</option>
<option value="inch">inch</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" style="width: 85px; height: 70px; background: url('/images/9.6.0/preferences/layout_outer_margin_icon.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
</div>
<div id="preferences_layout_inner_margin_content" style="display: none;">
<hr class="line">
<div class="option_text">
<table class="vertical_middle">
<tbody>
<tr>
<td>
<div class="option_title">Inner margin:</div>
<div class="option_desc">The space between the pages <span id="preferences_layout_inner_margin_info" style="display: none;">in the original file</span></div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_value">
<table class="vertical_middle">
<tbody>
<tr>
<td><input type="text" name="layout_inner_margin" class="input_page_size" value="5" style="margin-right: 5px" inputmode="numeric" onfocus="this.select()">
<div custombox="1" class=" customSelectBoxContainer" style="vertical-align: middle; margin: 0px; width: auto;">
<div id="selectbox_55" class="customSelectBox" customselectboxindex="55" customselectboxrefid="selectbox_original_54" onclick="this.focus(); showSelectBoxContent(55, 'selectbox_original_54')"
onmousedown="this.focus(); return false" onblur="selectBoxClose()" tabindex="0" style="width: auto;">
<table style="width: 100%; height: 100%;">
<tbody>
<tr>
<td style="vertical-align: middle">
<div class="maxWidthFix" style="width: 100%; height: 100%; display: table; table-layout: auto;">
<div id="selectbox_text_55" class="value"><span class="text" style="">mm</span></div>
</div>
</td>
<td class="arrow">
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(-45deg); margin-right: 3px"></div>
<div style="display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 1px; height: 6px; background-color: #000000; transform: rotate(45deg)"></div>
</td>
</tr>
</tbody>
</table>
</div>
</div><select name="layout_inner_margin_unit" style="width: auto; display: none;" id="selectbox_original_54">
<option value="mm">mm</option>
<option value="cm">cm</option>
<option value="inch">inch</option>
</select>
</td>
</tr>
</tbody>
</table>
</div>
<div class="option_icon">
<table class="vertical_middle big_icon">
<tbody>
<tr>
<td>
<div class="img" id="preferences_layout_inner_margin_image" style="width: 83px; height: 70px; background: url('/images/9.6.0/preferences/layout_inner_margin_icon.png')"></div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="clear: left"></div>
</div>
</div>
</div>
</div>
<div style="text-align: center; padding-top: 15px"><button type="button" class="convert_button" onclick="checkServerStatus();">Convert</button></div>
<div style="position: relative; width: 100%">
<div class="reset_button"><a href="/">Reset</a></div>
</div><input type="hidden" name="v" value="2"><input type="hidden" name="sid" value="nl66pkdqbh7b31nbn813rob0ks"><input type="hidden" name="cid" value=""><input type="hidden" name="ab" value="10"><input type="hidden" name="convert" value="1">
</form>Text Content
Cookies can be used to analyze traffic, for ads measurement purposes and for personalized advertising. More informationCookies can be used to analyze traffic, for ads measurement purposes and for personalized advertising. More informationOK One PDF tool. Endless features. v9.6 Fast. Easy to use. Online. Free. Convert. Merge. Edit. Compress. Unlock. Protect. And more. Export. Ein PDF Tool. Unzählige Funktionen. Kostenlos. The connection is encrypted. PDF-ConverterFeatures / HelpFAQ / ProblemsFeedbackSupport projectContact ONLINE PDF-CONVERTER (WITH ABILITY TO EDIT, MERGE AND UNLOCK PDF) News from September 17, 2022: Version 9.6 * Many new options for header/footer are available More... Advertisements You can convert your files to PDF, you can edit, unlock, merge PDF files, you can export PDF files (to Word, Excel, Powerpoint, JPG) and much more. Just select your files below. Supported formats Supported formats: Word, Excel, Powerpoint, Publisher, OpenOffice, Images, XPS, PDF and more! Depending on your files you can set many options (most of them can be combined!)- You can select particular pages, rotate PDF pages, reorder pages, split files and much more (just have a look at the buttons right of the selected file) - A PDF protection for printing, copying and editing is removed automatically (without password). For read-protected PDF files the correct password is required. - Many other options can be defined, like header/footer, layout and compression. Finally, please click on 'Convert'. Do you need help? Documentation of all features Please activate JavaScript! Select files (or just drag&drop your files here) The maximum file size is 100 MB. All files together must not exceed 150 MB. You can select up to 20 files. Tip: you can select several files at once (by pressing the Ctrl-Key) Mode: Merge files Merge filesConvert files separatelyHow: one after another one after anothermixed alternately (the pages are taken alternately from the two documents, e.g. if you have scanned your documents double-sided) convert to: PDF PDF with character recognition in English BulgarianChinese (simplified)Chinese (traditional)CroatianCzechDanishDutchEnglishEstonianFinnishFrenchGermanGreekHebrewHungarianItalianJapaneseKoreanLatvianLithuanianNorwegianPolishPortugueseRomanianRussianSerbianSlovakSlovenianSpanishSwedishTurkishUkrainian Optical character recognition in images (OCR): No, without OCR (max. 150 pages) No, without OCR (max. 150 pages)Yes, with OCR (max. 30 pages)in English BulgarianChinese (simplified)Chinese (traditional)CroatianCzechDanishDutchEnglishEstonianFinnishFrenchGermanGreekHebrewHungarianItalianJapaneseKoreanLatvianLithuanianNorwegianPolishPortugueseRomanianRussianSerbianSlovakSlovenianSpanishSwedishTurkishUkrainian Insert pages as images Advanced OCR: apply character recognition not only in scans, but in the whole file content Please note: Your files will be splitted during conversion. (Download as ZIP archive) Preferences: CompressionViewImage-to-PDFProtectionHeader / footerExcelLayout The following preferences affect the compression of all images/graphics. The file size depends on the quality and resolution values. If you need a small file size, decrease the values. Quality of images The lower the quality, the smaller is the file size. 8 - Standard, optimal quality 1 - low quality2345 - medium quality678 - Standard, optimal quality910 - high quality -------------------------------------------------------------------------------- Resolution of images The lower the resolution, the smaller is the file size. 300 dpi (Standard, optimal resolution) 25 dpi (lowest resolution)50 dpi72 dpi96 dpi (low resolution)120 dpi150 dpi (medium resolution)200 dpi250 dpi300 dpi (Standard, optimal resolution)600 dpi (high resolution)1200 dpi (best resolution) -------------------------------------------------------------------------------- Color / black-and-white Images in black-and-white reduce the file size additionally Color ColorBlack-and-White (gray scale)Black-and-White (monochrome) Zoom setting on startup: This can be changed in the PDF Reader additionally. Determine automatically Determine automatically---50%75%100% (Original size)125%150%200%---Adjust to window sizeShow full page---Use the default settings of the PDF viewer -------------------------------------------------------------------------------- Page view on startup: This can be changed in the PDF Reader additionally. Determine automatically Determine automatically---Continuous view (standard)Single-page-viewDouble-sided-view---Use the default settings of the PDF viewer -------------------------------------------------------------------------------- Bookmarks / Navigation Window: Do you want to display bookmarks/headings like a table of contents in the PDF? Hide bookmarks when opening the PDF Show bookmarks when opening the PDFHide bookmarks when opening the PDFRemove bookmarks -------------------------------------------------------------------------------- PDF annotations & highlighting: (only applied for PDF to PDF conversions) Retain RetainEmbed (not editable afterwards)Remove The following preferences affect only conversions from image files (jpg, gif, png, bmp, tif) Page layout: Size and orientation of the PDF page A4 Use original size of the imageUser-defined---A0A1A2A3A4A5A6A7---LetterLegalTabloid / Ledger---ANSI AANSI BANSI CANSI DANSI E---ARCH AARCH BARCH CARCH DARCH E---B0B1B2B3B4B5B6B7---C0C1C2C3C4C5C6C7 x mm mmcminch Automatic orientation (Standard) Automatic orientation (Standard)PortraitLandscape -------------------------------------------------------------------------------- Images per page: How many images should be displayed on a PDF page? 1 image per page 1 image per page2 images per page3 images per page4 images per page6 images per page8 images per page9 images per page -------------------------------------------------------------------------------- Image size: How big should the image be displayed on the PDF page? Original size, if possible Original size, if possibleFit image to page automaticallyFit image to page widthFit image to page heightUser-defined size and position % %mmcminch of the page width of the page widthof the page heightof the original size width widthheight -------------------------------------------------------------------------------- Position: How should the image be positioned? Horizontal: Middle LeftMiddleRight mm mmcminch Vertical: Middle TopMiddleBottom mm mmcminch -------------------------------------------------------------------------------- Page margin: How big should be the space between image and page margin (at least)? mm mmcminch -------------------------------------------------------------------------------- Inner margin: How big should be the space between the images? mm mmcminch -------------------------------------------------------------------------------- Orientation of the images: How should the image be rotated? Automatic orientation (regarding Exif metadata) Original orientationAutomatic orientation (regarding Exif metadata)---Rotate to the right (90°)Turn upside down (180°)Rotate to the left (-90°)---Landscape, if required by rotation to the rightLandscape, if required by rotation to the left---Portrait, if required by rotation to the rightPortrait, if required by rotation to the left Security options: Printing, editing and/or copying of PDF pages can be locked separately. Additionally, a password can be set to prevent opening of the PDF file by everyone. Create password for opening Password: Lock printing Lock copying Lock modifying In this section you can define a header and footer. These are displayed on the top/bottom of each PDF page. In addition to your own text, you can use a page numbering with the placeholders below. By clicking on a text field, a template box is displayed. The placeholders are replaced by the according page number automatically while converting the file to PDF. Header: Left: Middle: Right: Footer: Left: Middle: Right: Placeholders for the page numbering: Current page number with (x), Number of pages with (y)Example: Page (x) of (y) Initial value for page numbering: Placeholder for the file name: Filename (without extension) with (file), Filename (+ extension) with (file).(ext) Font size: 10 89101112141618 Font family: Arial ArialArial (Bold)CalibriCalibri (Bold)CourierCourier (Bold)Times New RomanTimes New Roman (Bold) Color: Black BlackDark greyMedium greyLight greyWhiteBlueRedGreen Beginning on: Page Margin top and bottom: mm mmcminch Margin left and right: mm mmcminch Cover margins with white color(for better readability or to overlap already existing text in this area) top: mm Left: mm Right: mm bottom: mm These settings affect the conversion from Excel to PDF and from PDF to Excel. Decimal separator determines the formatting of decimal numbers Point (.) Comma (,)Point (.) -------------------------------------------------------------------------------- Language for the date formatting --- ---GermanEnglish (UK)English (US)FrenchSpanishItalianPortuguese Define a new PDF layout (e.g. multiple pages per sheet) or change an existing layout (e.g from A3 to A4). PDF page layout: Format, size, pages per sheet... Original layout Original layoutCustom layout---Multiple pages per sheetBooklet (in order to bind a book)Split multi-page layout 2 pages per sheet 2 pages per sheet3 pages per sheet4 pages per sheet6 pages per sheet8 pages per sheet9 pages per sheet Printed on the left and right Printed on the left and rightPrinted on the right only Cut each page into 2 parts Cut each page into 2 partsCut each page into 3 partsCut each page into 4 partsCut each page into 6 partsCut each page into 8 partsCut each page into 9 parts with border -------------------------------------------------------------------------------- Printer settings: Print mode / paper feed Duplex-Printer - flip on long edge Duplex-Printer - flip on long edgeDuplex-Printer - flip on short edgeNo Duplex-Printer - with paper feed on the frontNo Duplex-Printer - with paper feed on the back Please read the Printing guide. -------------------------------------------------------------------------------- Reading direction: In which direction should the pages be arranged? How are the pages arranged? Row by row Row by rowColumn by column Consecutive ConsecutiveBooklet layout (disassembled) Left to right Left to rightRight to left -------------------------------------------------------------------------------- Page layout: Size and orientation of the PDF page A4 Original sizeUser-defined---A0A1A2A3A4A5A6A7---LetterLegalTabloid / Ledger---ANSI AANSI BANSI CANSI DANSI E---ARCH AARCH BARCH CARCH DARCH E---B0B1B2B3B4B5B6B7---C0C1C2C3C4C5C6C7 x mm mmcminch Automatic orientation (Standard) Automatic orientation (Standard)PortraitLandscape -------------------------------------------------------------------------------- Content size: How big should the content be displayed? Original size, if possible Original size, if possibleFit content to page automaticallyFit content to page widthFit content to page heightUser-defined size and position % %mmcminch of the page width of the page widthof the page heightof the original size width widthheight -------------------------------------------------------------------------------- Position: How should the content be positioned? Horizontal: Middle LeftMiddleRight mm mmcminch Vertical: Middle TopMiddleBottom mm mmcminch -------------------------------------------------------------------------------- Outer margin: The space between content and page margin in the original file mm mmcminch -------------------------------------------------------------------------------- Inner margin: The space between the pages in the original file mm mmcminch Convert Reset Uploaded files are never saved. All data is deleted after conversion. Learn more Please report all problems and bugs in the Feedback-Section to improve the quality of the converter. Thank you! Advertisements Advertisements From the developer of Online2PDF.com Typing-Speed.net How fast can you type? Find out your typing speed. Online PDF Converter | Features / Help | News | FAQ | Feedback | Support project Data Protection / Security | Disclaimer | Contact / Imprint Copyright © Online2PDF.com, 2007-2022. All rights reserved.